@charset "UTF-8";

#wrap {overflow:hidden; height:880px;}
#container {height:100%;}

.cont_top {padding:50px 0;}
.cont_login {position:static; padding-top:0; text-align:center;}
form {width:100%;}
.btn_login {width:100%; height:3.125rem; margin-top:40px; border:none; background-color:#0056AF; color:#fff;} 
.box_input {margin-bottom:20px;}
.btn_find {display:inline-block; width:97px; height:30px; margin-top:20px; border-radius:20px; border:1px solid #ccc; line-height:30px; color:#333; font-size:11px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; cursor:pointer;}
.link_signup {position:absolute; left:0; bottom:0; display:block; width:100%; padding:25px 0; border-top:1px solid #E8E8E8; font-size:16px; background-color:#fff; color:#0056AF;}
.login_form input {width:100%;}

.util {overflow:hidden; width:100%; margin:10% auto 0; color:#333; text-align:center;}
.util .row {overflow:hidden; position:relative; min-height:50px;}
.util .row:after {content:none; display:block; position:absolute; left:50%; top:50%; width:1px; height:50px; margin-top:-25px; background-color:#CCC;}
.util .box_input {width:50%; float:left; margin-bottom:0; box-sizing:border-box;}
.util .box_half {height:50px; box-sizing:border-box;}
.util .box_input:first-child {border-right:1px solid #ccc;}
.util .box_half:first-child {border-right:1px solid #ccc;}
.util p {margin:40px auto 0; padding-bottom:19px; font-size:12px; color:#7F8696;}
.util .box_half {width:50%; float:left;}    

/* findId & findPw 공통*/
.sub-page {background-color:#fff;}
.sub-page #header {position:relative;}
.sub-page .cont_top {border-bottom:1px solid #E8E8E8;}
.sub-page .cont_middle {position:static; padding-bottom:0;}
.sub-page .cont_middle .type_select {overflow:hidden; margin-bottom:20px;}
.sub-page .cont_middle input {border:1px solid #7F8696; border-radius:1px;}
.sub-page .cont_middle input:focus[type='text'] {border:none;}
.sub-page .cont_middle .btn_type {float:left; width:48%; margin-left:4%; margin-bottom:4%; color:#7F8696; background-color:#fff;}
.sub-page .cont_middle .btn_type.active {background-color:#0056AF; color:#fff; border:none;}
.sub-page .cont_middle .btn_type:first-child {margin-left:0;}
.sub-page .cont_middle .btn_type:nth-child(3n) {margin-left:0;}
.sub-page .cont_middle input[type='text'] {padding-left:20px;}
.sub-page .cont_middle input[data-method = 'text'] {width:100%;}
.sub-page .cont_middle .btn_foot {position:absolute; left:0; bottom:0; width:100%; margin-bottom:0;}

/* find Id Pw */
#findId {overflow-y:scroll;}
#findId .header {position:relative;}
#findId .cont_top {padding-top:20px;}
#findPw {top:200%;}
#findPw .header {position:relative}
#findPw .cont_top {padding-top:20px;}

/* 팝업창 */


/* 미디어쿼리 */
@media (max-height:600px) {
    .cont_top {padding:30px 0;}
    .util p {margin:20px auto 0; padding:0;}
    .link_signup {padding:15px 0;}

}

/* 키오스크 미디어쿼리 */
@media (min-height:1800px) {
    .cont_top {padding:100px 0;}
    .btn_find {width:190px; height:60px; margin-top:40px; -webkit-border-radius:20px;border-radius:20px; line-height:30px; font-size:25px;}
    .util .row {min-height:100px;}
    .util p {margin:80px auto 0; padding-bottom:38px; font-size:28px;}
    .link_signup {height:120px; line-height:120px; font-size:40px; border-width:2px;}
    .sub-page .cont_middle input {border-width:2px; -webkit-border-radius:2px;border-radius:2px;}
    .sub-page .cont_middle input[type='text'] {padding-left:40px;}

}