@charset "UTF-8";
/*******

BSJ CSS RESET
INTRO css입니다.

*******/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');
body {height:100%;}
#INTRO {max-width:640px;min-height:100%;margin:0 auto;background-repeat:no-repeat;background-position:center top;background-size:cover;font-family:'Noto Sans KR', 'AppleSDGothicNeo','AppleGothic';text-align:center;}


/*상단 로고*/
#INTRO .INTRO_logo {padding:6% 10%;text-align:left;}
@media screen and (max-width:570px) {
    #INTRO .INTRO_logo img {max-height:40px;}
}
@media screen and (max-width:520px) {
    #INTRO .INTRO_logo {padding:6% 15px;}
}
@media screen and (max-width:540px) {
    #INTRO .INTRO_logo img {max-width:180px;}
}


/*폼*/
#INTRO .INTRO_BODY_form {padding:15px 10% 40px 10%;}
.INTRO_BODY_form .login_form {margin-top:0;}
.INTRO_BODY_form .login_form input[type=text] {width:100%;line-height:16px;margin-top:20px;padding:15px;background-color:#f7faff !important;border:none;border-radius:5px;font-size:20px;color:#111;letter-spacing:-1px;box-sizing:border-box;}
.INTRO_BODY_form .login_form input[type=password] {width:100%;line-height:16px;margin-top:15px;padding:15px;background-color:#f7faff !important;border:none;border-radius:5px;font-size:20px;color:#111;letter-spacing:-1px;box-sizing:border-box;}
.INTRO_BODY_form .login_form .btn-intro {display:inline-block;width:100%;margin-top:10px;margin-bottom:15px;padding:15px 0;background-size:100% 100%;border:none;border-radius:5px;font-weight:600;font-size:20px;color:#fff;letter-spacing:-2px;}
.INTRO_BODY_form .login_form input::-webkit-input-placeholder {background-color:#f7faff !important;color:#111;letter-spacing:-2px;}
.INTRO_BODY_form .login_form input::-moz-placeholder {background-color:#f7faff !important;color:#111;letter-spacing:-2px;}
@media screen and (max-width:520px) {
    #INTRO .INTRO_BODY_form {padding:15px 15px 40px 15px;}
}
@media screen and (max-width:425px) {
    .INTRO_BODY_form .login_form input[type=text],
    .INTRO_BODY_form .login_form input[type=password],
    .INTRO_BODY_form .login_form .btn-intro {margin-top:12px;padding:12px 15px;font-size:17px;}
}


/*하단 텍스트*/
#INTRO .INTRO_txt {position:absolute;left:0;right:0;width:100%;max-width:640px;margin:0 auto;padding:0 45px;box-sizing: border-box;text-align:left;}
#INTRO .INTRO_txt img {margin-left:15px;vertical-align:middle;}
#INTRO .INTRO_txt p {font-weight:500;font-size:22px;color:#fff;}
#INTRO .INTRO_txt p.link_t {margin-top:5px;font-weight:lighter;font-size:18px;}
#INTRO .INTRO_txt p.link_t span {display:inline-block;font-weight:300;font-size:17px;color:#fff;}
/*#INTRO .INTRO_txt p.link_t span:last-child {}
#INTRO .INTRO_txt p.link_t span:last-child:before {content:'';display:inline-block;width:1px;height:15px;margin:0 10px;background-color:#a3a3a3;vertical-align:middle;}*/
#INTRO .INTRO_txt p.link_t span a {font-weight:300;font-size:15px;color:#fff;}
@media screen and (max-height:650px) {
    #INTRO .INTRO_txt {position:relative;}
}
@media screen and (min-width:641px) {
    #INTRO .INTRO_txt {padding:0 5.2%;}
}
@media screen and (max-width:540px) {
    #INTRO .INTRO_txt p {font-size:17px;}
    #INTRO .INTRO_txt p.link_t span {font-size:14px;}
    #INTRO .INTRO_txt p.link_t span a {font-size:13px;}
}
@media screen and (max-width:520px) {
    #INTRO .INTRO_txt {padding:0 15px;}
}