@charset "utf-8";
@import url(default.css);
@import url(font.css);


/******************** login ********************/
body{overflow: visible;}
.login{width: 100%;min-width: 840px;height: 100vh;min-height: 755px;background: url(../../images/bg_login01.png) top center no-repeat;background-size: cover;}
.login .inner_login{margin: 0 auto;width: 840px;text-align: center;}
.login .inner_login h1{padding-top: 136px;line-height: 70px;font-size: 50px;color: #23456f;font-family: 'NotoR';}
.login .inner_login h1 strong{font-size: inherit;color: inherit;font-family: 'NotoB';}
.login .login_box{margin: 65px auto 0;width: 690px;background: #fff;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.login .login_box > div{padding: 45px 45px 0;width: 50%;height: 320px;text-align: center;border-top: 10px solid #23456f;border-bottom: 10px solid #23456f;}
.login .login_box > div.fLeft.relative::after{position: absolute;top: 25px;right: 0;display: block;content: "";width: 1px;height: 250px;background: #cecece;}
.login .login_box > .box_down{float: left;padding: 5px 0;width: 100%;height: 40px;line-height: 30px;font-size: 12px;font-family: 'NotoM';color: #243655;border: 1px solid #23456f;}
.login .login_box > .box_down a{font-family: 'NotoB';color: #0658a6;}
.login h2{margin-bottom: 30px;line-height: 20px;font-size:18px;color:#373737;font-family:'NotoM';}
.login input[type="text"],
.login input[type="password"]{width: 100%;border: 1px solid #cecece;font-size: 14px;color: #373737;background: transparent;}
.login input[type="password"]{margin-top: 15px;}
.login input::-webkit-input-placeholder{font-size: 12px;color: #cecece;}
.login input:-moz-placeholder{font-size: 12px;color: #cecece;opacity: 1;}
.login input::-moz-placeholder{font-size: 12px;color: #cecece;opacity: 1;}
.login input:-ms-input-placeholder{font-size: 12px;color: #cecece;}
.login button.loginBtn{margin-top: 30px;width: 100%;height: 40px;font-size: 18px;font-family: 'NotoR';color: #fff;background: #23456f;border-radius: 2px;}
.login .box_find{margin-top: 10px;line-height: 20px;font-size: 12px;font-family: 'NotoM';color: #243655;}
.login .logo{margin: 50px 0;}
.login .logo img{width: auto;}

.login2{background: url(../../images/bg_login02.png) top center no-repeat;}
.login2 .login_box .fLeft{background: url(../../images/bg_login03.png) top center no-repeat;background-size: cover;}
.login2 .login_box .fLeft h2{color: #fff;}
.login2 .login_box > div{padding-top: 55px;border: none;}
.login2 .login_box > div.fLeft a{color: #118cda;background-image: url(../../images/bg_ico_01.png);background-color: #fff;}
.login2 .icon{margin: 0 auto;width: 75px;height: 75px;background: url(../../images/bg_ico_03.png) center center no-repeat;}

/* 추가 */
.login button i {color: #fff;}
.login button#loginBtn2{color: #0658a6;background: #fff;}
.login ul li{position: relative;margin-bottom: 15px;padding-left: 20px;line-height: 20px;font-size: 12px;color: #373737;font-family:'NotoM';text-align: left;}
.login ul li:last-child{margin-bottom: 0;}
.login ul li::before{position: absolute;top: 8px;left: 0;display: block;content: "\25B6";font-size: 20px;color: #23456f;}
#userId, #userPw{padding: 0 5px;height: 30px;}
.smart-form *, .smart-form :after, .smart-form :before{box-sizing: border-box;}

.pw_show{display: block;margin-left: 10px !important;width: 20px;height: 20px;font-size: 0 !important;background: url(../../images/icon_eye.png) no-repeat center center;}
.pw_off{display: block;margin-left: 10px !important;width: 20px;height: 20px;font-size: 0 !important;background: url(../../images/icon_eye_off.png) no-repeat center center;}