/* ==========================================================================
    login style
========================================================================== */

/* login box */
#container{position:absolute; top:50%; left:50%; margin:-175px 0 0 -230px;}
#container .box{padding:3rem 2.5rem; width:450px;max-width: 450px;box-sizing:border-box;background: #fff;}
#container .box .mh{padding:5px 0; text-align:letf;}
#container .box .mh h1{display:inline-block; height:45px;}
#container .box .mh h1>span{display:inline-block; line-height:1; color:#fff; font-size:46px; font-weight:bold; vertical-align:middle;}
#container .box .mh h1>span>img{display:block; vertical-align:middle;}
#container .box .mh h1>span>img.logo{width:150px; padding-bottom : 20px;}
#container .box .mh h2{display:inline-block; margin-left:2px; color:#fffaba; font-size:12px; font-weight:500; line-height:24px; vertical-align:top;}

#container .box .mh h1 .login-tit{padding-left: 0.5rem;font-size: 18px;color: #111;font-weight: normal;}


#container .box .form_section{position:relative; margin:10px auto;}
#container .box .form_section .input_row{position:relative; margin-bottom:5px;}
#container .box .form_section input{width:100%; height:45px; border-bottom:1px solid rgba(34, 36, 38, 0.15) !important;}
#container .box .form_section input:focus{/*box-shadow:1px 1px 1px rgba(0,0,0,0.2) inset;*/ border-bottom:1px solid #165697 !important;}
#container .box .form_section button.log{}
#container .box .form_section button.log:before{top:-55px; height:55px; box-shadow:0 10px 55px rgba(255,255,255,0.3);}
#container .box .form_section button.log>span{font-weight:bold; }
#container .box .option{position:relative;}
#container .box .option label{display:inline-block; padding-left:3px; color:#fff; font-size:14px; vertical-align:middle; cursor:pointer;}
#container .box ul.info{margin-top:15px; padding-top:15px; border-top:1px dotted #777;}
#container .box ul.info>li{position:relative; padding-left:15px; color:#ccc;}
#container .box ul.info>li:before{content:''; position:absolute; top:0; left:0; color:#ccc;}


/* ==========================================================================
    form login style
========================================================================== */
/* form login */
input[type=text].userId,
input[type=password].userPw{margin:0; padding:15px 10px; width:100%; border:1px solid #ccc; box-sizing:border-box; -webkit-box-sizing:border-box; color:#333; vertical-align:middle; font-size:15px; background-color:#fff;}
input[type=text].userId,
input[type=password].userPw{border: 0;border-radius:0;}

.login_check{display: inline-block;width: 100%;}
.login_check ul{width: 50%;}
.login_check li{float: left;}
.login_check li:first-child{padding-right: 10px;}

.find_info{display: -webkit-box;width: 100%;border-top: 1px solid #ddd;}
.find_info ul{height: 14px;margin: 0 auto;padding-top: 20px;text-align: center;}
.find_info li{float: left;padding:0 10px 0 10px;border-right: 1px dotted #ddd;}
.find_info li:last-child{padding:0 0 0 10px;border-right:0}