@charset "utf-8";

body * {box-sizing: border-box}

.login_box {height: 100%; border: 5px solid #000;}
.login_sbox {width: 100%; height: auto; padding: 15px;}
.login_sbox span { font-size:12px; color:#494949; }
.login_sbox .form {margin: 20px auto; max-width: 400px;}
.login_sbox .form > ul > li {height: auto;}
.login_sbox .input-group li{ margin: 10px 0;}
.login_sbox .input-group li:after {display: block; content: ''; clear:both;}
.login_sbox .input-group label {width: 20%; float: left; font-weight: 900;}
.login_sbox .input-group label.full {width: auto;}
.login_sbox .input-group .input-controller {width: 80%; float: left;}
.login_sbox .input-group .input-controller input{width:100%;padding:3px;}
.login_sbox .form .btn-place {text-align: center;}
.login_sbox .form .btn-place button {width: 100%; background-color: #000; color: #fff; font-weight: 900; padding: 10px; border: 0px; cursor: pointer;}
.login_sbox .form .password-guide{ display: none; position: absolute; z-index: 5; max-width: 100%; border: 1px solid #000; background: #fff; font-size: 12px; line-height: 17px; left: 20px; right: 20px; padding: 15px; box-shadow: 1px 1px 1px rgba(0,0,0,0.4); }
.login_sbox .form .password-guide strong{ color:#EE253E }
.login_sbox .bic_btn {text-align: center; margin: 20px 0; margin-left: -5px; margin-right: -5px;}
.login_sbox .bic_btn:after {display: block; content: ''; clear: both;}
.login_sbox .bic_btn a {font-size: 15px; font-weight: 600; float: left; width: 33.333333333333%; padding: 5px;}
.login_sbox .bic_btn a span {border: 1px solid #000; display: block; padding: 10px 0; color: #000;}
.login_sbox .bic_btn a span:hover {background-color: #000; color: #fff; }

/* 핸드폰 인증 */

.mobile_box * {box-sizing: border-box;}
.mobile_box { ; }

.mobile_sbox {padding:15px;}
.mobile_sbox span { color:#494949; }
.mobile_sbox div.table { border:1px solid #eeeeee; margin: 10px 0;}
.mobile_sbox div.table > ul > li { border-bottom:1px solid #eeeeee; width:100%; }
.mobile_sbox div.table > ul > li > span.tit { background-color:#fbfbfc; width:20%; border-right:1px solid #eeeeee; border-bottom:0px; text-align:center; color:#959595; float:left; padding:14px 5px;}
.mobile_sbox div.table > ul > li > div.txt { width:80%; float:left; padding: 8px;}
.mobile_sbox div.table > ul > li > div.txt > input.txt { border:1px solid #eeeeee; font-size:12px; font-weight:bold; color:#494949; width: 100%; margin: 0; padding: 5px}
.mobile_sbox div.table > ul > li > div.txt.dob > input.txt {width: 33.3333333%; float: left;}
.mobile_sbox div.table > ul > li > div.txt.gender .item {display: inline-block; padding: 5px;}
.mobile_sbox div.table > ul > li > div.txt > input.stxt { border:1px solid #eeeeee; font-size:12px; font-weight:bold; color:#494949; padding:0 5px 0 5px; margin-top:3px; width:80px; height:22px; }
.mobile_sbox div.table > ul > li > div.txt > input.radio { border:1px solid #eeeeee; font-size:12px; font-weight:bold; color:#494949; }
.mobile_sbox div.table > ul > li > div.txt > span { font-size:11px; color:#494949; }
.mobile_sbox div.table > ul > li > div.txt > span.hi { font-size:11px; color:#494949; margin-left:5px; }