@charset "utf-8";

.member_box {position:relative; width:1200px; margin-bottom:60px; margin-top:50px;}


/*로그인*/
.login_wrap {position:relative; width:960px; margin:0 auto; text-align:center;}
.login_wrap .tit {display:inline-block;}
.login_wrap .stit {font-size:16px; color:#222222; line-height:22px; margin-top:10px;}
.login_wrap .login_box {width:100%; background:#fff; border-top:1px solid #222; border-left:1px solid #dedede; border-right:1px solid #dedede; margin-top:30px;}
.login_wrap .login_box fieldset {overflow:hidden; margin:0 auto; margin-top:60px;}
.login_wrap .login_box fieldset > ul {overflow:hidden; display:inline-block; zoom:1; .display:inline;}
.login_wrap .login_box fieldset > ul > li > label > span {padding-left:10px; background: url(../images/member/tit_arrow.png) no-repeat left center; font-size:14px; font-weight:700; color:#222; width:70px; text-align:left;}
.login_wrap .login_box fieldset > ul > li > .inputTxt01 {line-height: 39px; height: 39px; width:340px; padding: 0 10px; border: 3px solid #d8d8d8; background-color: #fbfbfb; color: #666; font-size: 14px;}
.login_wrap .login_box fieldset > a.loginBtn {width:116px; height:97px; background:#1855c6; color:#fff; line-height:97px; font-size:15px; font-weight:700; vertical-align:top; margin-left:3px; text-decoration:none;}
.login_wrap .login_box fieldset p.check_id {color:#666; font-size:14px; margin-top:20px;}
.login_wrap .login_box fieldset p.check_id span{margin-left:15px; padding-left:15px; color:#666; background: url(../images/member/space_line.gif) no-repeat left center;}
.login_wrap .login_box fieldset p.check_id span > a {color:#666; text-decoration:none;}
.login_wrap .login_box fieldset .info_wrap {height:148px; border-top:1px solid #dedede; border-bottom:1px solid #dedede; background:#f5f6f6; margin-top:50px; text-align:center;}
.login_wrap .login_box fieldset .info_wrap .info_text {display:inline-block; padding:40px 0; font-size:14px; line-height:22px; color:#666; text-align:center; zoom:1; .display:inline;}
.login_wrap .login_box fieldset .info_wrap .info_text span {color:#d0560d;}

/*아이디 비밀번호 찾기*/
.lostId_wrap {position:relative; width:960px; margin:0 auto; text-align:center;}
.lostId_wrap .tit {display:inline-block;}
.lostId_wrap .login_box {width:100%; background:#fff; border-top:1px solid #222; border-left:1px solid #dedede; border-right:1px solid #dedede; margin-top:30px;}
.lostId_wrap .login_box fieldset {overflow:hidden; margin:0 auto;}
.lostId_wrap .login_box fieldset > ul {overflow:hidden;}
.lostId_wrap .login_box fieldset > ul > li {float:left; width:479px; border-left:1px solid #dedede; padding:50px 0;}
.lostId_wrap .login_box fieldset > ul > li:first-child {border-left:0px;}
.lostId_wrap .login_box fieldset > ul > li > h5 {font-size:18px; line-height:24px; color:#222; font-weight:700; text-align:left; margin-left:80px;}
.lostId_wrap .login_box fieldset > ul > li > ul {overflow:hidden; display:block; padding-top:20px;}
.lostId_wrap .login_box fieldset > ul > li > ul > li > label > span {padding-left:10px; background: url(../images/member/tit_arrow.png) no-repeat left center; font-size:14px; font-weight:700; color:#222; width:60px; text-align:left;}
.lostId_wrap .login_box fieldset > ul > li > ul > li > .inputTxt01 {line-height: 39px; height: 39px; width:218px; padding: 0 10px; border: 3px solid #d8d8d8; background-color: #fbfbfb; color: #666; font-size: 14px;}
.lostId_wrap .login_box fieldset > ul > li > p {width:320px; text-align:right; margin:0 auto; padding-top:10px;}
.lostId_wrap .login_box fieldset > ul > li > p > a.loginBtn {width:121px; height:44px; background:#1855c6; border:1px solid #1047ad; color:#fff; line-height:44px; font-size:13px; text-decoration:none; text-align:center;}
.lostId_wrap .login_box fieldset .info_wrap {height:148px; border-top:1px solid #dedede; border-bottom:1px solid #dedede; background:#f5f6f6; text-align:center;}
.lostId_wrap .login_box fieldset .info_wrap .info_text {display:inline-block; padding:40px 0; font-size:14px; line-height:22px; color:#666; text-align:center; zoom:1; .display:inline;}
.lostId_wrap .login_box fieldset .info_wrap .info_text span {color:#d0560d;}

/*회원유형선택*/
.joinSel_wrap {position:relative; width:960px; margin:0 auto; text-align:center;}
.joinSel_wrap .tit {display:inline-block; font-size:23px; line-height:28px; color:#1855c6; font-weight:700; padding-bottom:15px; background:url(../images/member/join_select_tit_line.png) no-repeat center bottom;}
.joinSel_wrap .stit {font-size:14px; color:#666; line-height:24px; margin-top:20px;}

.join-list {overflow: hidden; margin: 60px auto 120px; width: 800px;}
.join-list > li {float:left; width:33.3333%;}
.join-list > li > a{margin:0 10px; display:block;}
.join-list > li img{margin: 0 auto; display: block;}


/*회원가입*/
.join_wrap {position:relative;}
.join_order {font-family:"ns"; overflow: hidden; margin-left: -99px; margin-bottom: 60px; font-weight:600;}
.join_order > li { float: left; margin-left: 99px; width: 334px; position: relative; }
.join_order > li p {box-sizing:border-box; height: 60px; border: 3px solid #dbdddf; color: #dbdddf; font-size: 19px; padding: 14px 30px; line-height: 1.5; border-radius: 20px; position: relative; }
.join_order > li p::before { content: ""; width: 25px; height: 25px; background: url(../images/member/i_process.gif) no-repeat; position: absolute; top: 15px; right: 20px; }
.join_order > li p::after { content: ""; width: 38px; height: 16px; background: url(../images/member/i_depth.gif) no-repeat; position: absolute; top: 20px; right: -72px; }
.join_order > li p.on { border-color: #176eb1; color:#333; }
.join_order > li p.on::before { background-image: url(../images/member/i_process_on.gif); }
.join_order > li p.on::after { background-image: url(../images/member/i_depth_on.gif); }
.join_wrap h4{font-size:21px; color:#3b3f43; line-height:1.5; font-weight:700; position:relative; padding-left:25px; letter-spacing:-.05em;}
.join_wrap h4::before{content:""; width:20px; height:20px; border:5px solid #3fa2ef; border-radius:50%; position:absolute; top:6px; left:0; box-sizing:border-box;}
.join_wrap .provision_wrap {}
.join_wrap .provision_wrap .join_agree_box {box-sizing:border-box;border:1px solid #e0e0e0; padding:25px; font-size:14px; color:#666; line-height:22px; height:500px; width:100%; resize:none;}
.join_wrap .provision_wrap .agreement {border-bottom:1px solid #e8ecef; text-align:right; padding:15px 0; font-size:16px; color:#3b3f43;}
.join_wrap .all-agree{text-align:center; background: #f5f8fa; padding:15px; margin-top: 40px; line-height: 1.5;}

/* .end-btns{text-align:center; margin:20px 0;}
.end-btns .btn{line-height:3; height:50px; background-color:#50585e; color:#fff; border-color:#50585e; margin:0 3px; font-size: 16px; width: 130px;}
.end-btns .btn.btn-primary{background-color:#3fa2ef; border-color:#3fa2ef;} */


/*회원가입 완료*/
.join_wrap > .complete_tit {text-align:center;}
.join_wrap > .complete_tit > .color {color:#4152ac;}
.join_wrap > .complete_box {position:relative; width:100%; height:345px; border-top:1px solid #222; border-bottom:1px solid #e0e0e0; text-align:center; background:#fff;}
.join_wrap > .complete_box > .tit {display:inline-block; margin-top:75px; width:100%; zoom:1; .display:inline;}
.join_wrap > .complete_box > .cont01 {display:inline-block; color:#4152ac; font-size:32px; line-height:36px; margin-top:20px; width:100%; padding-bottom:25px; background:url(../images/mypage/tit_line.gif) no-repeat center bottom;}
.join_wrap > .complete_box > .cont02 {display:inline-block; color:#666; font-size:16px; line-height:26px; margin-top:20px; width:100%;}
.join_wrap > .complete_box > .icon_check {position:absolute; top:0; left:50%; margin-left:-25px; margin-top:-25px;}

/* 2018.12.20 JYC */
.member_box.renew{border:8px solid #f4f5f6;margin-top:90px;}
.renew .login_wrap>.tit {font-size:50px;color:#24272a;text-transform:uppercase;display:inline-block;margin-top:-35px;background-color:#fff;padding:0 100px;}
.renew .login_wrap .login_box {background:#fff; border:0; width:750px;margin:0 auto;}
.renew .login_wrap .login_box fieldset{margin-top:0; margin-bottom:70px;}
.renew .login_wrap .login_box .point{color:#176eb1!important;}
#contents_area .renew .login_wrap .login_box .tit{font-size:26px;margin-top:20px;margin-bottom:0px;}
.renew .login_wrap .login_box .stit{border-bottom:1px solid #e3e6e8;padding-bottom:30px;margin-bottom:40px;}
.renew .login_wrap .login_box .btn_round{display:block;background-color:#50585e;color:#fff;width:310px;padding:10px 0;margin:30px auto 0;}
.renew .login_wrap .login_box .txt{margin-top:30px;font-size:18px;margin-bottom:10px;}
.renew .login_wrap .login_box .tel{font-size:16px;color:#adadad;}
.renew .login_wrap .login_box .info_wrap{background:transparent url("../new_images/sub/picto_info_box.png") 0 40px no-repeat;padding-left:100px;border-bottom:0;}
.renew .login_wrap .login_box .info_wrap .info_text{font-size:16px;text-align:left;}
.renew .login_wrap .login_box fieldset > ul > li > label > span{background:none;width:100px;}
.renew .login_wrap .login_box fieldset > ul > li > .inputTxt01{height:44px;margin-bottom:9px!important;}
.renew .login_wrap .login_box fieldset > a.loginBtn{background-color:#50585e;}