@charset "utf-8";
/* login */
.login_box{ position:relative; width:100%; border:6px solid #00b8f4; border-right:none;/* width:744px; */width:749px; padding:23px 15px 23px 15px; /* height:173px; float:left; */margin:45px 0; box-sizing:border-box;} /* 20211101 height, float 값 주석 / position, width, padding, box-sizing 값 추가  */
.member .login_box{border:6px solid #a790ff;border-right:none;float:left}
.login_box_fl1{/* float:left;width:693px;height:123px;padding:23px 25px 23px 25px;position:relative */} /* 20211101 주석 */
.login_box_fl1 span.xxlarge{position:relative;top:-28px}
.memberboxs{float:left;width:693px;padding:23px 25px 23px 25px}
.memberboxs label{width:150px !important;display:block}

.login_box fieldset{/* display:block;float:left;width:400px;height:245px;margin:0 auto */} /* 20211101 주석 */
.login_box label{width:68px;display:inline-block;float:left;font-weight:bold;line-height:25px}
.login_box input{margin:0}
.login_box span.clear{width:200px}
.login_btn1{border:1px solid #100a3a;background:#2b2269;color:#fff;width:74px;height:62px;position:relative;top:-27px;margin-left:10px}
.login_btn1{border:1px solid #100a3a;background:#2b2269;color:#fff;width:74px;height:62px;position:relative;top:-27px;margin-left:10px}
.bar_line{display:block;border-right:1px solid #e7e7e7;width:10px;height:64px;float:left;position:absolute;/* top:83px; */top:78px;left:310px;margin-left:10px} /* 20211101 top값 변경 */
.line{display:block;clear:both;width:100%;height:0;border-bottom:1px solid #eee;font-size:0;line-height:0}
/* .login_box .member_info{position:absolute;top:76px;left:365px;width:380px;height:60px} */
.member_info .bull{/* width:185px; */width:211px;display:block;float:left} /* 20211101 width 값 변경 */
.login_con{background:url(/images/member/login_bx_bg.gif) no-repeat right top;float:left}
.login_con_fid{background:url(/images/member/bg_login_fid.gif) no-repeat right top}
.login_con ul{margin:0;padding:0}
.login_con ul li{clear:both}
.member strong{color:#3c309c;font-weight:bold}

/* 로그인 : 변경 _ 20211101 */
.login_con_wrap { width:100%; overflow:hidden; }
.login_con_wrap .login_box_left { float:left; position:relative; width:315px; }
.login_con_wrap .login_sns_box { float:left; width:370px; margin:0 0 0 20px; }
.login_con_wrap .login_sns_box p { display:inline-block; }
.login_con_wrap .login_sns_box img { vertical-align:middle; }
.login_con_wrap .login_sns_box .btn_naver input { width:178px; height:65px; line-height:56px; font-size:16px; margin:0; padding:0; text-align:left; border:0; font-family:'NanumBarunGothic' !important; font-weight:600; background:url('/img/sub/btn_login_sns_n_p.jpg') 0 0 no-repeat; color:#3b1f1e; cursor:pointer; }
.login_con_wrap .login_sns_box .btn_naver span { position:absolute; top:0; left:0; text-indent:-10000em; }
.login_con_wrap .login_sns_box .btn_kakao { position:relative; /* margin-left:10px; */ }
.login_con_wrap .login_sns_box .btn_kakao input { width:178px; height:65px; line-height:56px; font-size:16px; margin:0; padding:0; text-align:left; border:0; font-family:'NanumBarunGothic' !important; font-weight:600; background:url('/img/sub/btn_login_sns_k_p.jpg') 0 0 no-repeat; color:#3b1f1e; cursor:pointer; }
.login_con_wrap .login_sns_box .btn_kakao input[value="카카오 아이디로 로그인"],
.login_con_wrap .login_sns_box .btn_kakao span { position:absolute; top:0; left:0; text-indent:-10000em; }
.login_con_wrap .login_sns_box .layer-pop { display:none; position:fixed; top:0; left:0; width:100%; height:100vh; padding:0; /* padding:8.3rem 2.969vw; */ background-color:rgba(0,0,0,.5); box-sizing:border-box; z-index:9999; overflow:hidden; }
.login_con_wrap .login_sns_box .layer-pop.on { display:block; }
.login_con_wrap .login_sns_box .layer-pop__inner { position:relative; top:50%; width:618px; margin:-125px auto 0; /* overflow-y:auto; */ height:250px; font-family:'NanumBarunGothic', sans-serif !important; background-color:#fff; border:3px solid #f1f1f1; box-sizing:border-box; }
.login_con_wrap .login_sns_box .layer-pop__inner .layer_top { position:relative; width:100%; padding:11px 8px; overflow:hidden; box-sizing:border-box; }
.login_con_wrap .login_sns_box .layer-pop__inner .layer_top h6 { float:left; margin:0; padding:0 0 0 7px; }
/* .login_con_wrap .login_sns_box .layer-pop__inner .layer_bot .layer-pop__close { display:block; position:absolute; top:8px; right:8px; padding:10px 14px 8px; margin-left:auto; font-size:20px; border:0 none; } */
.login_con_wrap .login_sns_box .layer-pop__inner .layer_bot .layer-pop__close { display:block; position:absolute; right:5px; top:4px; width:40px; height:40px; background:url(/img/sub/btn_sns_close.jpg) center center no-repeat; text-indent:-9999px; }
.login_con_wrap .login_sns_box .layer-pop__inner .layer_con iframe,
.login_con_wrap .login_sns_box .layer-pop__inner .layer_con video { vertical-align:middle; }
.login_con_wrap .login_sns_box .layer-pop__inner .layer_con .caption_box { padding:25px 15px 6px; line-height:1.5; border-top:3px solid #f1f1f1; }
.login_con_wrap .login_sns_box .layer-pop__inner .layer_con .caption_box p { font-size:15px; }
.login_con_wrap .login_sns_box .layer-pop__inner .layer_con .video_con:focus,
.login_con_wrap .login_sns_box .layer-pop__inner .layer_con .caption_box:focus,
.login_con_wrap .login_sns_box .layer-pop__inner .layer_bot .layer-pop__close:focus { outline:2px solid #6b1d7a; }
.login_box .member_info { width:100%; }
.login_box .member_info ul li { float:left !important; clear:none; }
.login_box .member_info ul li.id_pw { margin-left:33px; }
.login_box .member_info ul li.id_pw .bull { width:195px; }
.login_box .member_info ul li.id_pw .mr5 { margin-right:8px !important; }
.member .btn_pack_blue *{background:url(/images/portal/btn_pack_blue.gif) left -139px no-repeat !important;}
/* 회원정보수정_연동,해제 버튼 */
.sns_link { }
.sns_link img { vertical-align:middle; }
.sns_link .btn_kakao_link { position:relative; width:150px; height:40px; margin:0; padding:0; border:0; background:url('/img/sub/btn_link_sns_k.jpg') 0 0 no-repeat; cursor:pointer; }
.sns_link .btn_kakao_link input { }
.sns_link .btn_kakao_link span { position:absolute; top:0; left:0; text-indent:-10000em; }
.sns_link .btn_kakao_link_stop { position:relative; width:150px; height:40px; margin:0; padding:0; border:0; background:url('/img/sub/btn_link_stop_sns_k.jpg') 0 0 no-repeat; cursor:pointer; }
.sns_link .btn_kakao_link_stop input { }
.sns_link .btn_kakao_link_stop span { position:absolute; top:0; left:0; text-indent:-10000em; }
.sns_link .btn_naver_link_stop { position:relative; }
.sns_link .btn_naver_link_stop input { width:150px; height:40px; background:url('/img/sub/btn_link_stop_sns_n.jpg') 0 0 no-repeat; border:0; cursor:pointer; }
.sns_link .btn_naver_link_stop span { position:absolute; top:0; left:0; text-indent:-10000em; }


/* password Modify */

.login_box_fl2{float:left;width:100%;padding:0;position:relative}
.login_box_fl2 p{display:block;float:left;padding:9px 15px;line-height:26px}
.login_con_findpw{background:url(/images/member/login_bx_findpwd_bg.gif) no-repeat right top}
.login_findpw_box{border:6px solid #00b8f4;width:744px;float:left;margin:0 0 45px 0}
.member .login_findpw_box {border:6px solid #a790ff}
.login_findpw_box  .btn_pack_blue, .login_findpw_box  .btn_pack{position:absolute;top:0;left:232px}
.login_findpw_box  .btn_pack{left:325px}

.login_pwd_header{padding:20px 62px;letter-spacing:-0.7px}
/* label */
.login_con_findpw span.clear{display:block;clear:both;height:1px;line-height:0;font-size:0;background:#e4e4e4}
.login_con_findpw input{vertical-align:middle }
.login_con_findpw ul{margin:0;padding:0}
.login_con_findpw ul li{margin:0;padding:0}
.new_pwd1{padding-bottom:35px}
/* join1 */
.join1_top_box{}
.join1_header{padding:25px 0 0 0;float:left;height:155px;width:100%;background:url(/images/member/join1_top_bg.gif) no-repeat}
.join1_box{border:6px solid #00b8f4;width:738px;float:left}
.join1_box strong {color:#000}
.member .join1_box{border:6px solid #a790ff}
.join1_box ul{margin:20px 0 0 0;padding:0}

/* .join1_box ul li{text-align:center;float:left;width:33%;border-right:1px solid #e7e7e7}
.join1_box ul.hurb li{background:url(/images/member/join2_arr.gif) no-repeat left 0;width:24.7%} */ /* 2018-01-03 박미선주석처리 : 원본스타일 */

.join1_box ul li{text-align:center;float:left;width:368px;box-sizing:border-box;border-right:1px solid #e7e7e7} /* 2018-01-03 박미선 신규추가 */
.join1_box ul li.last { width:369px; border:none; } /* 2018-01-03 박미선 신규추가 */

.join1_box ul.hurb li strong{line-height:22px;color:#000;margin-top:10px}
.join1_box strong{font-size:16px;line-height:40px;margin-bottom:10px;display:block}
.join1_box p{display:block;height:90px }
/* join2 */
.join2_top_box{}
.join2_header{border-bottom:1px solid #e5e5e5}
.join2_header strong{font-size:22px;display:block;color:#434343;line-height:22px;margin-bottom:10px;font-weight:normal;}
.join2_header ul{min-height:95px}
.join2_header ul li{float:left;width:25%;background:url(/images/member/join2_02.gif) no-repeat right top;color:#777;padding-bottom:12px;padding-left:1%;letter-spacing:-0.8px}
.join2_header ul li.end{background:none;width:20%}
.join2_header ul li.on{background:url(/images/member/join2_01.gif) no-repeat right top;color:#444}
.join2_header ul li.on strong{color:#3c329b;font-weight:bold}
.join2_header ul.steps3 li{width:32%}
.join2_box{border:6px solid #00b8f4;width:738px;float:left;margin:0 0 45px 0}
.join2_box ul{margin:20px 0 0 0;padding:0}
.join2_box ul li{text-align:center;float:left;width:24.7%;border-right:1px solid #e7e7e7}
.join2_box strong{font-size:16px;line-height:40px;margin-bottom:10px;display:block}
.join2_box span{display:block;height:90px }


/*join002 - 2014.12.09 변세연 */
.join002_top_box{ margin-left:115px; }
.join002_header{ border-bottom:1px solid #e5e5e5; width:747px; padding-bottom:20px;}
.join002_header strong{font-size:22px; display:block;color:#3c329b; line-height:30px;font-weight:bold;}
.join002_header strong span{font-size:16px; display:block;color:#000; line-height:25px;font-weight:normal;letter-spacing:1.0px;}
.join002_header ul {min-height:95px; }
.join002_header ul li{fcolor:#777; padding-bottom:12px;letter-spacing:-0.8px;margin-bottom:5px;}
.join002_header ul li.on strong{color:#3c329b;font-weight:bold}
.join002_header ul.steps3 li{width:32%}
.join002_box{border:6px solid #00b8f4;width:738px;float:left;margin:0 0 45px 0; }
.join002_box ul{margin:20px 0 0 0;padding:0}
.join002_box ul li{text-align:center;float:left;width:24.7%;border-right:1px solid #e7e7e7}
.join002_box strong{font-size:16px;line-height:40px;margin-bottom:10px;display:block}
.join002_box span{display:block;min-height:90px }
.explain {fcolor:#e7e7e7; font-size:15px; text-decoration:underline;}

.global_info_offer li{ float:left; margin-right:20px;}
.apply_money li {float:left; background-image:url(/images/member/bgbg.jpg); background-repeat:no-repeat; background-position:center; width:200px; height:140px; display:block; text-align:center; margin-right:35px; padding-top:60px; }
.apply_money li p { line-height:20px; margin-top:10px;}
.apply_money li span { line-height:30px; font-size:16px; font-weight:bold; color:#444; text-decoration:underline;}

.titleBox01 { background-image:url(/images/member/11.jpg); background-repeat:no-repeat; padding-top:20px; padding-left:90px;}
.titleBox01 p {display:block;width:587px; font-size:20px; line-height:30px; color:#3c329b; background-image:url(/images/member/22.jpg); background-repeat:no-repeat; background-position:right; padding-bottom:20px;}
.text_scr_btm { width:750px;}

	
/* join03 */
.join3 button{margin:0 auto}
.join3 label{margin:20px 0 20px !important;display:inline-block}
.join3 p.center{text-align:center;margin-top:20px !important}
.login_box_21{float:left;width:285px;height:234px;padding:18px 30px}
.login_box_21 p{letter-spacing:-0.5px}
.member .join3 h4{color:#000;font-size:18px;padding-top:12px; padding-bottom:17px;}
.login_box_22{float:left;width:285px;height:234px;padding:18px 30px}
/* join05 */
.join5{background:url(/images/member/join5_top_bg.gif) no-repeat;clear:both;width:750px;height:400px}
.join5 label{height:26px;line-height:26px;width:60px;display:block;float:left;font-weight:bolder}
.join5 input{width:150px;vertical-align:middle }



ul.decimal{ margin:40px 25px 25px 43px;position:relative}
ul.decimal li{width:50%;display:block;float:none;text-align:left;border:none}
ul.decimal li.ulnum4{position:absolute;right:0;top:0;width:40%}
ul.decimal li.ulnum5{position:absolute;right:0;top:20px;width:40%}

.qTbl .txt{margin-right:10px}
.qTbl td label{width:8%}