@charset "UTF-8";

.body_wrapper{ height:100%;}
.login_wrapper{position:absolute; top:50%; left:50%; margin:-300px 0 0 -475px; width:950px; height:500px;   background:#fff; border-radius:20px; overflow:hidden;}
.login_tab{position: absolute;margin-top: 50px;margin-left: -115px; z-index: 1;}
.login_tab li{width: 135px;margin-bottom: 5px;background:linear-gradient( 90deg, #00aeff, #0097dd, #00618d);border-radius: 23px 0 0 23px;transition: all 0.35s;transition-timing-function:linear;}
.login_tab li.on{background: #fff;}
.login_tab li a{display: block;padding-left: 20px;color: #fff; font-weight: 700;font-size: 16px;line-height: 48px;border-radius: 23px 0 0 23px;transition: all 0.4s;transition-timing-function:linear;}
.login_tab li.on a{color: #00aeff; font-weight: 700;font-size: 16px;line-height: 48px;}
.login_tab li:hover {background: #fff;transition: all 0.35s;transition-timing-function:linear;}
.login_tab li:hover a{color: #00aeff; font-weight: 700;font-size: 16px;line-height: 48px;transition: all 0.4s;transition-timing-function:linear;}
.login_wrapper .login_cont{display: block;position: relative;z-index: 2; }

.admin_tab{display: flex;margin-top: 11px;}
.admin_tab li{display: inline-block;padding: 0 10px;margin-right: 7px;text-align: center;transition: all 0.15s;transition-timing-function: linear;}
.admin_tab li:last-child{margin-right: 0;}
.admin_tab li.on{background-color: #00aeff;border-radius: 15px;}
.admin_tab li a{color: #8d8d8d;font-weight: 600;font-size: 12px;line-height: 26px; letter-spacing: -0.25px;transition: all 0.15s;transition-timing-function: linear;}
.admin_tab li.on a{color: #fff; border-radius: 15px;}
.admin_tab li:hover{background-color: #00aeff;border-radius: 15px;transition: all 0.15s;transition-timing-function:linear;}
.admin_tab li:hover a{color: #fff; border-radius: 15px;transition: all 0.15s;transition-timing-function:linear;}

.login_wrapper .top_logo{width: 471px;margin-bottom: 45px;text-align: center;}
.login_section{padding:20px;}
.login_wrapper .login_section h1{ width:250px; margin:0 auto;text-align:center;}
.login_wrapper .login_section h1 img{width:100%;}
.login_wrapper .login_section table{margin-top: 10px;margin-bottom: 10px;border-bottom: 0;box-sizing: border-box;}
.login_wrapper .login_section.sty02 table{margin-top: 12.5px;}
.login_wrapper .login_section table td{box-sizing: border-box;}
.login_wrapper .login_section table td > img{display: block;margin: 0 auto;}
.login_wrapper .login_section table td input{width:100%;}
.login_wrapper .login_section .login_box{margin-top: 15px; text-align:center; }
.login_wrapper .login_section .login_box > input[type="image"]{ display:inline-block;width: 315px;height: 53px; margin:0 auto; border-radius:30px;}
.login_wrapper .login_section .check_box{line-height: 15px;}
.login_wrapper .login_section .btn_login{padding-left: 0;}
.login_wrapper .login_section .admin_build{display: block;margin-top: 15px;}
.login_wrapper .login_section .admin_build span{display: block;padding-left: 38px;background: url(../../images/login/ico_admin.png)no-repeat;color: #01264e;font-weight: 500;font-size: 15px;line-height: 28px;letter-spacing: -0.75px;transition: all 0.2s;transition-timing-function:linear;}
.login_wrapper .login_section .admin_build:hover span{font-weight: 600;font-size: 15px;transition: all 0.2s;transition-timing-function:linear;}
.body_wrapper .common_wrapper .footer_wrapper {position: absolute;bottom: 0;width: 100%;padding: 10px 0;margin-top: 0;border-top: 0; text-align:center;background-color: #414141;}
.body_wrapper .common_wrapper .footer_wrapper address{ color: #7a7a7a;font-weight: 400; font-weight:bold;font-size: 14px;letter-spacing: -0.25px;font-style: normal;}

.input_select{ display:block; width:calc(100% - 32px); padding:15px;border:0; background:#f0f4f8; color:#333; font-size:14px; box-sizing: border-box;}

input{height: 46px;padding: 0;padding-left: 15px;margin: 0;border: 0;color: #ccc;font-weight: 700;font-size: 14px;line-height: 45px;box-sizing: border-box; margin-bottom:5px; border-bottom:1px solid #ddd;}
input::placeholder{color: #ccc;}
input[type="checkbox"] {display: none;}
input[type="checkbox"] + label {display: inline-block;color: #0a85c8;font-weight: 400;font-size: 14px;line-height: 19px;cursor: pointer;vertical-align: middle;}
input[type="checkbox"] + label span {display: inline-block;height: 18px; padding-left: 25px;margin: -2px 10px 0 0;background: url(../../images/login/ico_check_off.png) no-repeat left 50%;vertical-align: middle;vertical-align: middle;transition: all ease-out 0.2s;}
input[type="checkbox"]:checked + label{font-weight: 700;}
input[type="checkbox"]:checked + label span {height: 18px;background: url(../../images/login/ico_check_on.png) no-repeat left 50%;}

video {	position : fixed;	top : 0; 	left : 0;	width : auto;	min-width : 100%;	height : auto;	min-height : 100%;	z-index : -2;}
.opa_bg{position:fixed; width:100%; height:100%;  z-index:-1;  background:url(../../images/bg/bg8.jpg) no-repeat 0 0; background-size:100% 100%;}


@media (max-width: 1024px) {
video {	position : fixed;	top : 0; 	left : 0;	width : auto;	min-width : 100%;	height : 100%;	min-height : 100%;	z-index : -2;}

}

.common_wrapper{min-width:1260px;}