@charset "utf-8";

body, button {font-family:'Nanum Barun Gothic'; font-size:12px; color:#444; line-height:18px; -webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;}

.login_header {background-color:#30435e;position: relative;width:100%}
.login_header>span{width:33%;margin:0 auto;display:block; padding: 3% 0;}
.login_header>span>img {width:100%;    vertical-align: top;}
.login_header>a {position:absolute; right:5%; display:inline-block; width:4%;top:33%}
.login_header>a>img{vertical-align:top}
.login_cont {height:auto; background:#78a7eb url(/inc/img/mobile/img_login.png) no-repeat 100% 100%;background-size: 35%;}
.login_form {padding:15% 4% 25% 4%}
.login_form>strong {font-size:21px; color:#fff;margin-bottom:4%;display: block; }
.login_form>ul>li:first-child {margin-bottom:2%;}
.login_form>ul>li>input {width:95%;padding-left:0; border:0; border-radius:2px; font-size:12px; color:#444;padding:3%;}
.login_form>div {margin-top:5%;}
.login_form>div>.btn_login {display:inline-block; width:100%;font-size:21px; font-weight:700; color:#fff; border-radius:2px; text-align:center; background-color:#30435e;padding:4% 0 3% 0}
.login_form>p {margin-top:5%;}
.login_cont>.txt_box {padding-left:4.5%; color:#18212f; line-height:18px;padding-bottom: 5%;}
.login_cont>.txt_box>span {color:#fff;}

.forget_box {padding: 5% 0 5% 28%;background: url(/inc/img/mobile/img_forget.png) no-repeat 4.5% 50%;background-size: 15%;}
.forget_box>strong {font-size:14px; color:#000;}
.forget_box>p {margin-top:1%;color:#666;}

.login_check .check_box input[type=checkbox]:empty {width:0; height:0; margin-left:-1px; -webkit-appearance:none;}
.login_check .check_box input[type=checkbox]:empty~label {position:relative; float:left; line-height:25px; text-indent:8%; color:#fff; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;    display: block; text-align: left;}
.login_check .check_box input[type=checkbox]:empty~label:before {position:absolute; display:block; left:0 bottom:0; content:''; width:25%; height:21px; border-radius:4px; background-color:#fff;}
.login_check .check_box input[type=checkbox]:checked~label:before {background:#fff url(/inc/img/mobile/img_check.png) no-repeat 50% 50%;background-size:50%}