@charset "utf-8";

/* CSS Document */

.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}


/* 관리자로그인 */
.login_wrap {width: 100%;height: 100%;/* min-height: 500px; */background: #1657a1;background: #1657a1 url(../images/login_bg.png) center center no-repeat;background-size: 100%;overflow-y: auto;padding-bottom: 60px;box-sizing: border-box;}
.login_wrap .login_logo{position:absolute;left:0;top:0;font-size: 18px;padding: 20px;font-weight: 600;box-sizing:border-box;width: 394px;display: block;}
.login_wrap .login_logo img{width:100%;}
.login_wrap .login_title{color:#ffffff;font-size: 20px;padding: 240px 0 20px 0;font-weight: 600;box-sizing:border-box;letter-spacing: -0.02em;margin: 0 auto;width: 360px;text-align: center;display: block;text-indent: -9999px;background: url(../images/logo2.png) 50% 70% no-repeat;background-size: 210px;}

.login_wrap .login_title1{color:#ffffff;font-size: 20px;padding: 160px 0 0 0;font-weight: 600;box-sizing:border-box;letter-spacing: -0.02em;margin: 0 auto;width: 600px;text-align: center;display: block;}
.login_wrap .login_title1 img{width: 210px;}

.login_wrap .login_title2{color:#ffffff;font-size: 20px;padding: 160px 0 0 0;font-weight: 600;box-sizing:border-box;letter-spacing: -0.02em;margin: 0 auto;width: 600px;text-align: center;display: block;}
.login_wrap .login_title2 img{width: 210px;}
.login_wrap .login_title2 .txt01{font-size: 41px;font-weight: 400;padding-top: 50px;}
.login_wrap .login_title2 .txt02{font-size: 16px;font-weight: 400;padding-top: 30px;line-height: 1.4em;}
.login_wrap .login_title2 .txt03{font-size: 20px;font-weight: 400;padding-top: 40px;padding-bottom: 30px;}

.login_wrap .login_title3{color:#ffffff;font-size: 20px;padding: 50px 0 0 0;font-weight: 600;box-sizing:border-box;letter-spacing: -0.02em;margin: 0 auto;width: 600px;text-align: center;display: block;}
.login_wrap .login_title3 img{width: 210px;}
.login_wrap .login_title3 .txt01{font-size: 41px;font-weight: 400;padding-top: 40px;}
.login_wrap .login_title3 .txt02{font-size: 16px;font-weight: 400;padding-top: 30px;line-height: 1.4em;}

.login_wrap .login_body{height:auto;padding: 0;box-sizing:border-box;margin: 20px auto 0 auto;width: 360px;/* border: solid 1px rgba(255, 255, 255, 0.3); */border-radius: 10px;background: rgba(11, 57, 111, 0.7);overflow: hidden;}
.login_wrap .login_body ul{padding: 35px 35px 50px 35px;box-sizing:border-box;}
.login_wrap .login_body ul li {margin-top: 30px;}
.login_wrap .login_body ul li:first-child{margin-top:0px;}
.login_wrap .login_body .login_logo{text-align:center; padding-bottom:10px;}
.login_wrap .login_body .chk_area{padding: 0px 35px 30px 35px;box-sizing:border-box;text-align: center;}

.login_wrap .login_comment{height:auto;padding: 0;box-sizing:border-box;margin: 20px auto 0 auto;width: 360px;color: rgba(255, 255, 255, 0.8);font-size: 16px;font-weight: 300;text-align: center;line-height: 1.2em;}



.login_wrap .login_close{ position:absolute; top: 10px; left:300px; cursor: pointer;}
input.id,
input.pw{padding: 12px 10px 15px 50px;width: 100%;height: 50px;line-height:40px;color: #fff;border: none;border-bottom: solid 2px #fff;border-radius: 0;font-size: 20px;}
input.id::placeholder,
input.pw::placeholder{color:rgba(255, 255, 255, 0.5); font-size:16px;}
input.id{background: url(../images/ic_login1.png) 0 40% no-repeat;}
input.pw{background: url(../images/ic_login2.png) 0 40% no-repeat;}

.login_wrap .login_body.lb01{width: 470px;}
.login_wrap .login_body.lb01>ul>li {padding-left: 92px;position: relative;margin-top: 15px;}
.login_wrap .login_body.lb01>ul>li > p{position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);color: #fff;font-size: 14px;}

input.idpw2{padding: 12px 10px 15px 50px;width: 212px;height: 33px;line-height:40px;color: #fff;border: none;border: solid 1px rgba(255, 255, 255, 0.7);border-radius: 0;font-size: 20px;background: #214aac;border-radius: 3px;box-sizing: border-box;}

.login_wrap .login_body.lb02{width: 704px;}
.login_wrap .login_body.lb02>ul>li {padding-left: 92px;position: relative;margin-top: 15px;}
.login_wrap .login_body.lb02>ul>li > p{position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);color: #fff;font-size: 14px;}

input.input_lb{padding: 12px 10px 15px 50px;width: 212px;height: 33px;line-height:40px;color: #fff;border: none;border: solid 1px #84a1cf;border-radius: 0;font-size: 20px;background: #214aac;border-radius: 3px;box-sizing: border-box;}

.btn_login{color:#fff !important;background: #00b7f5;font-size: 18px;font-weight: 600;padding: 21px 0;width: 100%;border-radius: 0;/* margin-top: 30px; */}
.btn_login:disabled	{background:#aaa; color:#ccc !important;}
.btn_login_check{color:#fff !important;background: #6473a3;font-size: 12px;padding: 5px 0;width: 80px;height: 33px;border-radius: 3px;/* margin-top: 30px; */display: inline-block;margin-left: 5px;}


.otp{padding:10px; width:220px; height:42px; background:#f8f6f5; line-height:40px;}
.otp_ok{float:right; display: block; color:#fff; padding: 0; width:80px; height:42px; line-height:32px; text-align: center; background:#444444; box-sizing: border-box; letter-spacing: 0.2em;}
.login{color:#fff; padding: 16px 10px; width:100%; background:#444444; }
.login_otp	{position:relative; margin-top:30px;}
.login_otp > .sms_time	{position: absolute; top: 2px; right: 80px; display: block;  color: #f00000; text-align: right; box-sizing: border-box; padding: 12px 10px 0 0; font-size:14px;}

.login_wrap .footer{position: fixed;bottom: 0;left: 0;width: 100%;height: 60px;background: #285181;color: rgba(255, 255, 255, 0.6);text-align: center;box-sizing: border-box;padding-top: 11px;font-size: 14px;font-weight: 200;line-height:20px;}



/*table*/
.tblst_login {position:relative;width:100%;border-top: 0px solid #4666c0;clear:both;padding: 30px 25px 30px 35px;box-sizing: border-box;}
.tblst_login table{width:100%;}
.tblst_login thead{padding: 5px 0 10px 0;/* border-top:solid 1px #fff; */border-bottom: solid 1px #84a1cf;}
.tblst_login thead th{text-align: center;}
.tblst_login tbody{/* border-top:1px solid #a0a0a0 !important ; */}
.tblst_login th {position:relative;text-align: left;color: #007dff;color: #fff;/* border-bottom: 1px solid #486b9e; */border-right: none;padding: 7px 0 7px 0;font-weight: 400;font-size: 16px;line-height: 160%;}
.tblst_login td {position:relative;/* border-bottom: 1px solid #486b9e; */padding: 7px 15px 7px 5px;font-weight:400;font-size:15px;line-height: 160%;color: #fff;}
.tblst_login a{color: #fff;}

.textarea_login{border-radius: 3px;background: #214aac;border: solid 1px #84a1cf;color: #fff;padding:15px 15px;font-weight: 400;font-size:15px;letter-spacing: 0.02em;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;height: 33px;}


/*toggle*/
input.toggle{display: none;}
input.toggle + label {display: inline-block;position: relative;cursor: pointer;outline: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;padding: 2px;width: 34px;height: 12px;border-radius: 50px;background: #0c213b;-webkit-transition: box-shadow 0.4s;transition: box-shadow 0.4s;vertical-align: -2px;margin-right: 10px;margin-left: 5px;}
input.toggle + label:after {display: block;position: absolute;content: "";border: solid 1px #ccc;top: 0;left: 0;bottom: 0;margin: auto 0;width: 20px;height: 20px;background: #fff;border-radius: 50%;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);-webkit-transition: background 0.4s, left 0.4s, height 0.2s, width 0.2s;transition: background 0.4s, left 0.4s, height 0.2s, width 0.2s;}
input.toggle + label + label{font-size: 15px;margin-right: 15px;color: #ffffff;}

input.toggle:checked + label {box-shadow: inset 0 0 0 48px #00b7f5;}
input.toggle:checked + label + label{/* color: #0136d3; */}
label.toggle:active:after,
input.toggle:checked + label:active:after {/*height: 43.63636px;width: 57.6px;*/}
input.toggle:checked + label:after {left: calc(100% - 20px);background: #ffffff;border: solid 1px #ccc;}


/*--------------------------------------------------------login.css 끝*/