@charset "utf-8";
/* --------------------------------------------------
* Version	: 1.0
* Date		: 2021.01
* Author	: SangKi Park / pak81@saerom.co.kr, seon81.park@gmail.com
* Note		: -
\* -------------------------------------------------- */


/** Reset
===================================*/
* {margin:0;padding:0}
*,:after,:before {box-sizing:border-box}
html {-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
img {vertical-align:top}
select,input,button {font:inherit;outline:0}
select {-moz-appearance:none;-webkit-appearance:none;appearance:none;background:url(../../images/login/bg_select.png) no-repeat right 8px center}
select::-ms-expand {display:none}
select::-ms-value {color:currentColor}
input::-webkit-input-placeholder {color:#bfbfbf}
input::-moz-placeholder {color:#bfbfbf}
input:-moz-placeholder {color:#bfbfbf}
input:-ms-input-placeholder {color:#bfbfbf}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill {-webkit-text-fill-color:#333;-webkit-box-shadow:0 0 0px 1000px rgba(0,0,0,0) inset;transition:background-color 5000s ease-in-out 0s}
select,button {text-transform:none}
button {border:0;cursor:pointer}
button span {position:relative}
a,a:active {color:inherit;text-decoration:none}


/** Common
===================================*/
/* Font */
body {font-family:'Apple SD Gothic Neo','Apple Gothic','notokr','맑은고딕','Malgun Gothic',Arial,sans-serif}

/* Helper */
.blind {overflow:hidden!important;position:absolute!important;margin:-1px!important;padding:0!important;border:0!important;width:1px!important;height:1px!important;white-space:nowrap!important;clip:rect(0,0,0,0)!important}


/** Login
===================================*/
.loginPage {overflow:hidden;position:relative;width:100%;height:100vh}
.loginPage .inner {position:absolute;top:50%;left:50%;width:920px;max-width:100%;transform:translate(-50%,-50%)}
.loginHeader {margin-bottom:6px;text-align:center}
.loginContainer {display:flex;position:relative;padding:3px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;width:100%}

@media all and (max-width: 919px) {
  .loginPage .loginContainer {margin:0 auto;padding:0 6%;width:88%}
}

/* Banner */
.loginBanner {overflow:hidden;flex-shrink:0;width:400px;height:410px}
.loginBanner .swiper-slide {/* background:#f7f7f7; */font-size:24px;line-height:410px;color:#ccc;text-align:center;}

@media all and (max-width: 919px) {
  .loginBanner {display:none}
}

/* Form */
.loginForm {flex:1;position:relative;padding: 48px 20px 5px 40px;}
.selectLang select {display:block;float:right;padding:5px 28px 5px 8px;border:1px solid #ccc;width:100px;height:30px;font-size:12px}
.selectLang:after {content:'';display:table;clear:both}
.loginBox {margin-top:13px;padding:0 12px;border:1px solid #e0e0e0;border-radius:8px}
.loginBox .inputText {display:flex;position:relative}
.loginBox .inputText label {overflow:hidden;flex-shrink:0;width:30px;height:48px}
.loginBox .inputText label[for="Username"] {background:url(../../images/login/icon_id.png) no-repeat center}
.loginBox .inputText label[for="Password"] {background:url(../../images/login/icon_pw.png) no-repeat center}
.loginBox .inputText input {border:0;width:100%;height:48px;font-size:15px;color:#333;text-indent:4px;}
.loginBox .inputText+.inputText {border-top:1px solid #e0e0e0}
.util {margin-top:16px;font-size:15px;line-height:24px;color:#ccc}
.util:after {content:'';display:table;clear:both}
.util .checkBox {float:left}
.util .checkBox label {display:block;padding-left:32px;background:url(../../images/login/icon_check.png) no-repeat;cursor:pointer}
.util .checkBox input {position:absolute;top:0;left:0;width:24px;height:24px;opacity:0}
.util .checkBox input:checked+label,
.util .checkBox input[value="y"]+label {background:url(../../images/login/icon_check_on.png) no-repeat}
.util .linkBox {float:right}
.util .linkBox a {display:block;float:left}
.btnLogin {display:block;margin-top:30px;border-radius:8px;width:100%;height:65px;background:#ec1b29;font-size:22px;line-height:65px;font-weight:bold;color:#fff;text-align:center}

@media all and (max-width: 919px) {
  .loginForm {padding:48px 0}
}