@charset "UTF-8";

body {min-width:320px; min-height: 640px;  height:100vh;}
.login_bg {background:url('/images/cms/log_bg.jpg') no-repeat center center; background-size:cover;}
.login_bg {background:#3361b3 url('/images/cms/log_bg_1118.png') no-repeat center center; background-size:cover;}
.inner {margin:0 auto; position:relative; text-align:center;}

.login_box {display:inline-block; width:482px; margin-top:140px; text-align:center; color:#fff;}

.log_tt{color:#fff; word-break: keep-all;}
.log_tt em {display:block; font-size:32px; font-weight:600; line-height:1.2em;}
.log_tt p {font-size:16px;}

.login_box ul li+li {margin-top:14px;}
.login_box ul label {text-indent: -9999px; font-size:0;}
.login_box ul input[type="text"],
.login_box ul input[type="password"] {width:100%; height:52px; padding-left:20px; border:1px solid rgba(255,255,255,0.3); font-size:20px; background:rgba(255,255,255,0.2);}
.login_box ul input:focus{ outline: 2px solid #1aeba6;}


.login_box ul input::placeholder {color:#fff; font-size: 20px;}
.login_box .log_button {width:100%; height:52px; background:#0a9d6c; font-size:24px; font-weight:600; line-height:52px; color:#fff; margin-top: 15px;}
.login_box .log_button:hover { background:#04895d; }
/*인증서 로그인*/
.login_box .certi_btn{ margin-bottom: 14px; margin-top: 15px; text-align: center; }
.login_box .certi_btn > button.certi_login { display: block; width:100%; height:52px; margin-bottom: 10px; background:#e5f8f2; font-size:16px; font-weight:normal; line-height:52px; color:#000;  letter-spacing: -0.05em; }
.login_box .certi_btn > button:hover { text-decoration: underline;}

.login_box .log_search a {display:inline-block; position:relative; font-size:14px; color:#fff;}
.login_box .log_search label{padding-right:20px; font-size:14px;}
.login_box .log_search a {padding-left:20px;}
.login_box .log_search a:before {content:''; display:inline-block; position:absolute; width:1px; height:14px; top:2px; left:0; background:#fff;}

.log_txt {margin:0 auto; padding:15px; width:100%; background:rgba(0,0,0,0.3); text-align:left; box-sizing:border-box;}
.log_txt p {position:relative; padding-left:12px; font-size:12px; opacity: 0.8;}
.log_txt p:before {content:''; display:inline-block; position:absolute; left:0; top:8px; width:4px; height:4px; background:#fff;}

.copy {position:fixed; width:100%; left:0; margin-top:30px; text-align:center; color:#fff;}

@media all and (max-width:500px){
.log_tt p{font-size:13px;}
.log_tt p img{width:40%;}
.log_tt em{font-size:20px;}
.login_box .log_button{height:45px; line-height:45px; font-size:18px;}
.login_box ul input[type="text"], 
.login_box ul input[type="password"]{height:40px; padding-left:10px; font-size:16px;}
.login_box ul input::placeholder{font-size:15px;}
.login_box .certi_btn > button { font-size:15px; letter-spacing: -0.05em; }
.pb30{display:none;}
.log_txt{margin-top:20px;}
.copy{bottom:80px; font-size:11px;}

.login_box {width:80%; margin-top:10%; }
/*.login_bg {background:#3361b3 url('/images/log_bg_1104.png') no-repeat 0px bottom; background-size:244%;}*/
}