@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
img{max-width: 100%;}
html, body{height:100%;overflow: hidden;}
#vis-login{position:relative;max-width:2000px;margin:0 auto;}
#intro-login .vis{height:100vh;overflow: hidden;position: relative;}
#intro-login .vis .bg2{width:100%;height: 100%;position: absolute;left: 0;top: 0;background-repeat: no-repeat;background-position: 50% 0;background-size: cover;}
#intro-login .vis1 .bg2 {background-image:url(../images/login1-bg.jpg?ver=1);}
#intro-login .vis2 .bg2 {background-image:url(../images/login2-bg.jpg);} 
#intro-login .vis3 .bg2 {background-image:url(../images/login3-bg.jpg);} 
#intro_login{position:absolute; top:50%; left:50%; max-width:500px; transform: translate(-50%,-50%);width: 100%; z-index:2; }
#intro_login fieldset{background:#FFF; text-align:center;padding: 40px 50px  60px;font-family: 'Noto Sans KR' }
#intro_login .intro_login1{font-size: 16px;color:#666;display:flex; align-items:center;}
.login-logo{margin-bottom:40px}
.login-p{margin-bottom:55px;color:#777777;font-family: 'Noto Sans KR', sans-serif;letter-spacing: -1px;line-height:1.3em;}
.pr-5{padding-right: 5px;}
#intro_login fieldset dd{position:relative;  text-align: left;}
#intro_login fieldset .frm_input{border:0; width:100%;height: 50px;}
#intro_login fieldset .frm_input:focus + i{color:#dd6122}
#intro_login fieldset dt{margin-top:15px; }
#intro_login .btn_submit{display:block;text-align:center;line-height:60px;width:100%;border:0;font-size:18px;font-weight:500;font-family: 'Jost', sans-serif;color:#fff;background: #981b1e;border-radius:0;}

#intro_login fieldset  .frm_input:focus {
-webkit-box-shadow:  none;
-moz-box-shadow:  none;
box-shadow: none;
}
#intro_login fieldset  .frm_input {
box-shadow: none;
border: 1px solid #e1e1e1;
margin-top:15px;
border-radius:0;
}
.pt-15{padding-top:20px}

#login_info{ width:100%; text-align:center; background:#FFF;  padding-top:35px }
#login_info a{color:#666666;position:relative;font-family: 'Noto Sans KR', sans-serif;}
#login_info a::before{content: "";position:absolute;top:50%;left:-7px; transform: translateY(-50%); background: #005496;border-radius: 100%;width:3px;height:3px;}
#login_password_lost{padding-right:40px}
.login-copy{padding-top:35px;text-align: center;font-size:14px;color:#ccc;opacity: .5; font-family: 'Jost', sans-serif;}
.intro_login_1{position:relative}
.symbol{position: absolute;top: 0;left: -60px;}

@media(max-width:640px){
    .symbol{display: none;}

}

@media(max-width:500px){
    #intro_login fieldset{padding:25px 25px;}
    .login-logo{margin-bottom:25px}
    #intro_login{padding:20px}
    .login-logo img{max-width: 50%;}
    .login-p{font-size: 11px;margin-bottom: 30px;}
    #intro_login .intro_login1{font-size: 14px;}
    #intro_login .intro_login1 img{max-width:6%}
    #intro_login fieldset .frm_input{height: 40px;}
    #intro_login .btn_submit{line-height: 45px;font-size:14px}
    #login_info a{font-size: 13px;}
    #login_info{padding-top:15px}
    .login-copy{font-size: 11px;padding-top:15px}
    .pt-15{padding-top:10px}
}