@charset "UTF-8";

/* 로그인 */
.board_box.type1.login .form {position: relative; width: 50rem; max-width: 100%; margin: 3rem auto; padding-bottom: 1px; padding-right: 10rem;}
.board_box.type1.login .form_textbox {margin-bottom: -1px;}
.board_box.type1.login .form_textbox:focus,
.board_box.type1.login .form_textbox:active {position: relative; z-index: 0;}
.board_box.type1.login .btn {position: absolute; right: 0; bottom: 0; width: 10rem; height: 100%; background-color: #484c58; color: #fff;}
.board_box.type1.login .btn_find {display: block; position: relative; z-index: 0; width: 50rem; max-width: 100%; margin: 0 auto;}
.board_box.type1.login .btn_find::before {position: absolute; left: 0; top: 50%; z-index: -1; width: 100%; height: 1px; background-color: #ddd; content: '';}
.board_box.type1.login .btn_find span {padding: 0 2rem; background-color: #f8f8f8;}

/* 아이디/비밀번호 찾기 */
.board_box.type1.find .form {width: 60rem; max-width: 100%; margin: 2rem auto 0; padding-top: 2rem; border-top: 1px solid #ddd;}
.board_box.type1.find .board_btns {margin-top: 1.5rem;}
.board_box.type1.find .board_btns .btn {min-width: 15rem;}

/* 회원가입 절차 */
.member_step {display: table; overflow: hidden; width: 100%; border: 1px solid #484c58; table-layout: fixed;}
.member_step li {display: table-cell; position: relative; height: 6rem; border-right:1px solid #484c58; font-weight: 600; text-align: center; vertical-align: middle;}
.member_step li:after {content:''; border:1px solid #484c58; background-color:#fff; border-radius:100%; color:#484c58; font-size:1.6rem; font-family:'xeicon'; position:absolute; top:2rem; right:-0.9rem; width:2rem; height:2rem; line-height:1.8rem; text-align:center; z-index:1}
.member_step li:last-child {border-right:0}
.member_step li:last-child:after {display: none;}
.member_step .active {background-color: #484c58; color: #fff;}
.member_step small {margin-right: 0.5rem; font-size: 1.6rem; font-weight: 300;}

.register {clear:both; overflow:hidden; position:relative; padding:0 !important}
.register:before {content:''; width:1px; height:100%; background:#ddd; position:absolute; left:50%; top:0}
.register > article {float:left; width:50%; padding:5rem}

@media (max-width:768px){
	.member_step li {display:block; line-height:6rem; border-right:0; border-bottom:1px solid #484c58}
	.member_step li:last-child {border-bottom:0}
	.member_step li:after {display:none}
}

@media (max-width:640px){
    .register > article {float:none; width:100%}
    .register:before {width:100%; height:1px; top:50%; left:0}
}