@charset "utf-8";
body {background:#eee;}
.login_wrap {height:100vh; width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; background:#eee;}
.login_wrap .login_box {width:600px; max-width:calc(100% - 30px); border-radius:15px; background:rgba(255,255,255,0.8);  overflow:hidden; margin:0 15px;}
.login_wrap .login_box .login_tit {text-align:center; color:#62d8e6; padding: 20px 30px ; margin-bottom:0;}
.login_wrap .login_box .login_tit dt {font-size:25px; font-weight:600;}
.login_wrap .login_box .login_tit dd { font-size:15px; color:#222428}
.login_wrap .login_box .login_form {padding:0 30px 30px;}
.login_wrap .login_box .login_form .btn_login {background:#62d8e6; display:flex; justify-content:center; width:100%; align-items:center; height:50px; border-radius:5px; color:#fff;}
.login_wrap .login_box .login_inq {text-align:right; font-size:15px; font-weight:500; margin-top:15px;}
.login_wrap .login_box .login-input {display: block; width: 100%; position: relative; }
.login_wrap .login_box .login-input i {position: absolute; top: 15px; margin:0 0 0 30px; font-size: 20px;}
.login_wrap .login_box .login-input input {padding: 15px 15px 15px 70px; height: 50px; border-radius: 50px; border-color: #ccc; font-size: 16px;}
.login_wrap .login_box .parsley-errors-list {margin:10px 0 0 30px;}


.mfp-bg {background:rgba(0, 0, 0, 0.7); opacity:1;}

header {background:#44d1e1;}
header.sticky {position:sticky; top:0; left:0; width:100%; }
header.header-appear nav.header-light, header.sticky nav.navbar-fixed-top.header-light, header.sticky nav.navbar-scroll-fixed-top.header-light {background:none;}
header nav.navbar .navbar-nav > li > a, nav.navbar.bootsnav ul.nav > li > a {color:#fff;}
header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li > a, header.header-appear nav.bootsnav.header-light .navbar-nav > li > a {color:#fff;}
header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li > a:hover, header.header-appear nav.bootsnav.header-light .navbar-nav > li > a:hover, header.header-appear nav.header-light-transparent .header-social-icon a:hover, header.header-appear nav.header-light .header-social-icon a:hover, header.header-appear nav.header-light.white-link .header-social-icon a:hover, header.header-appear nav.header-light-transparent.white-link .header-social-icon a:hover, header.header-appear nav.header-light-transparent.white-link .heder-menu-button a:hover, header.header-appear nav.header-light-transparent .header-searchbar a:hover, header.header-appear nav.header-light .header-searchbar a:hover, header.header-appear nav.header-light.white-link .header-searchbar a:hover, header.header-appear nav.header-light-transparent.white-link .header-searchbar a:hover, header nav.navbar .navbar-nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:hover, .header-search-form:hover, .header-social-icon a:hover {color:rgba(255,255,255,0.5)}