.login_wrap {margin:0 auto; background:#fff; box-sizing:border-box; }
.login_wrap .login_bt {padding-top:20px; margin-top:10px; border-top:2px solid #000; }
.login_wrap .login_bt .btn {background-color:#2b345b; border:1px solid #2b345b; border-radius:40px; color:#fff; padding:14px; line-height:40px; display:block; font-size:24px; text-align:center;font-weight:500; width:100%; cursor:pointer; box-sizing:border-box; -moz-box-size:border-box; margin-top:10px;}
.login_wrap .login_bt .btn2 {background-color:#fff; color:#2b345b; border-color:#2b345b;}
.login_wrap .id_save {font-size:15px; color:#000; margin:0px 0px 20px 0px; float:left;}
.signup {padding:0px 0px 15px 0px;}

.signup li {background: #f8f9fa; overflow:hidden; margin-bottom:5px; align-items:center; display:flex; flex-wrap:wrap;  border:1px solid #dbdbdb; border-radius:4px;}
.signup li .ico {width:50px; text-align:center}
.signup li input {flex:1; width:100%; height:60px; padding:8px 10px; display:block; background:none; color:#565a5c; box-sizing:border-box; -moz-box-size:border-box; text-indent:10px; border:none; outline:none; padding-left:0px;}

.find_idpw {text-align:right; padding:0px 0px 15px 0px;}
.find_idpw > li {display:inline-block; vertical-align:top; line-height:20px; padding-left:10px; margin-left:10px; position:relative;}
.find_idpw > li:before {display:block; content:""; width:1px; height:16px; background:#cccccc; position:absolute; left:0px; top:50%; margin-top:-8px;}
.find_idpw > li:first-child {background:none; padding:0px; margin:0px;}
.find_idpw > li:first-child:before {display:none;}
.find_idpw > li a {color:#333; font-weight:400;}
.find_ok {text-align:center; padding:170px 0px 20px 0px; font-size:18px; line-height:150%; background:url(../img/member/ico_mail.gif) no-repeat center top; }


.join_txt {padding:10px 0px 10px 40px; min-height:20px; margin-top:10px; background:url(../img/common/ico_idpw.gif) no-repeat left 5px; display:inline-block;}



.member_wrap {max-width:590px; margin:0 auto;}
.check_boxW {background:#fff; border:1px solid #dadada; padding:15px 5px;}


.join_type {overflow:hidden;}
.join_type.one > dl {float:none; width:100%; max-width:500px; margin:0 auto; padding-top:50px; padding-bottom:50px;}
.join_type.two > dl {width:50%;}
.join_type > dl {float:left; width:25%; box-sizing:border-box; border:1px solid #cccccc; border-left:none; padding:30px 10px 30px 10px;  text-align:center; margin-top:10px;}
.join_type > dl:first-child {border-left:1px solid #cccccc;}
.join_type > dl > dt {font-size:22px; line-height:140%; padding-bottom:5px;}
.join_type > dl > dt .ico {display:block; text-align:center; padding:0px 10px 10px 10px;}
.join_type > dl > dt strong {display:block; min-height:55px; font-weight:700; line-height:140%;}
.join_type > dl > dt .f_s {display:block; font-size:0.8em;  line-height:130%;}
.join_type > dl > dd {font-size:15px; line-height:140%; font-weight:300; min-height:100px;}
.join_type > dl > dd.txt {padding:10px 0px 30px 0px;}
.join_type > dl > dd.input_a input {max-width:300px; height:40px; margin:0 auto; }
.join_type > dl > dd.bt {padding-top:10px; min-height:auto;}
.join_type > dl > dd.bt a {display:inline-block; font-size:15px; font-weight:300; line-height:20px; padding:10px 0px; text-align:center; background:#0c91dd; color:#fff; min-width:120px;}
.join_type > dl > dd.bt.two a {min-width:110px;}

.join_box{overflow:hidden;}
.join_box.pa_rl{padding:0px 17%;}
.agency_join {float:left; width:33.33333%; margin:0 auto;	text-align:center; box-sizing:border-box; padding:30px 40px;}
.agency_join.two{width:50%;}
.agency_join.btnsbg01{background-color:#071c5f;}
.agency_join.btnsbg02{background-color:#f2773d;}
.agency_join.btnsbg03{background-color:#386fd3;}
.agency_join > h3{font-weight:600; font-size:2.1em; color:#fff; padding:20px 0px 60px 0px; line-height:120%;}
.join_btn{display:block; width:100%; height:60px; background-color:#fff; border:0px; margin:60px 0px 20px 0px;}
.join_btn > span{line-height:60px; height:60px; font-weight:600; font-size:1.1em; color:#333; }
.etc_btns{text-align:right; font-size:0px;}
.etc_btns > li{display:inline-block; vertical-align:top; font-size:15px; line-height:20px; padding-left:5px; margin-left:5px;}
.etc_btns > li > a{text-align:right; font-weight:300; font-size:0.85em; color:#fff; }

.sign_box {clear:both; width:100%; text-align:right; margin-top:30px; font-size:16px; line-height:35px;}
.sign_box .sign {box-sizing:border-box; position:relative;}

.interest{box-sizing:border-box; text-align:center; display:block; background:#386fd3; padding:3px;}


.join_step {padding-bottom:60px;}
.join_step > ol {max-width:430px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-between; position:relative;}
.join_step > ol:before {display:block; content:""; width:90%; height:1px; background:#ccc; position:absolute; left:5%; top:40px;}
.join_step > ol > li {position:relative; text-align:center;}

.join_step > ol > li .ico {display:inline-block; position:relative; overflow:hidden;}
.join_step > ol > li .ico .on {position:absolute; left:0px; top:0px; opacity:0;}
.join_step > ol > li .txt {display:block; font-size:15px; color:#cccccc; font-weight:400; line-height:140%;}
.join_step > ol > li.on .txt {color:#000;}
.join_step > ol > li.on .ico img {opacity:0;}
.join_step > ol > li.on .ico img.on {opacity:1;}

.bt_join_check > a {margin:0 auto; width:100%; max-width:300px; height:210px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; color:#fff; font-size:1.5em; font-weight:600; line-height:130%; box-sizing:border-box; background:#2b345b; border:3px solid #000; flex-direction:column;}
.bt_join_check > a img { padding-bottom:15px;}

.complete_box {text-align:center; font-size:1.8em; line-height:140%; font-weight:100;}
.complete_box .txt2 {font-size:1.3em; line-height:140%; padding-bottom:50px;}
.complete_box .txt2 > strong {font-weight:600;}


/* 980px 이하 */
@media screen and (max-width:979px) {

}



/* 768 이하 */
@media screen and (max-width:767px) {

	.join_step {padding-bottom:40px;}
}


/* 480px 이하 */
@media screen and (max-width:479px) {
	.login_wrap .login_bt .btn {font-size:16px; line-height:30px;}
	.signup li input {height:50px; line-height:50px;}

	.join_step {padding-bottom:30px;}
	.join_step > ol {max-width:320px;}
	.join_step > ol > li .ico {width:50px;}
	.join_step > ol:before {top:28px;}
	.join_step > ol > li .txt {font-size:13px;}
}