/* body {height:80%;} */
/* @font-face {
    font-family: "Pretendard-Regular";
    src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff")
    format("woff");
    font-weight: 400;
    font-style: normal;
} */
/* body * {font-family: "Pretendard-Regular";} */

    
@import
url("https://fonts.googleapis.com/css?family=Montserrat:400,800");

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
  * {
    font-family: "GmarketSansMedium";
  }
body > h1,p {text-align: center;}
a {color: #3f6093; font-weight: bold; white-space: nowrap; font-size: 15px;}
input{outline: none; border-radius: 0; border: none;}
.no-drag {-ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;}
.max-small {width: auto; height: auto; max-width: 100px; max-height: 100px;}
.shadow{box-shadow: 1px 3px 5px 3px gray;}
.hidden{visibility: hidden;}
.correct{color:blue;}
.incorrect{color:red;}
#app{height:fit-content; margin: 20% 3% 10% 3%;} 
    #app > #login_logo{text-align: center; padding:10% 0% 10% 0%; border-radius:15px;}
    #app > #login_logo > div > #crownimg{width: 60%;}
    #app > #login_logo > div:nth-child(2){font-size:18px; font-weight: bold; color: #696969; margin-top: 5px;}

    #title2 {
        font-family: "Noto Sansf KR", sans-serif;
        /* font-family: "Abril Fatface", serif; */
        color: rgb(157, 27, 92);
        font-size: 15vw;
        font-weight: bold;
        padding-bottom: 0.7vw;
    }
    

    /*아이디 비밀번호 입력  */
    #inputDiv{    
        position: relative;
        width: 100%;
        margin: 0 auto;
        border-radius: 6px;
        box-shadow: 0 2px 8px 0 rgba(0,0,0,.05);
        border: solid 1px #bbbbbd;
        background-color: #fff;
        box-sizing: border-box;
    }

    #inputDiv>div {
        position: relative;
        padding: 15px 35px 15px 50px;
        border: 1px solid transparent;
    }

        /* 사번, 비밀번호 입력 포커스 */
        #inputId.focus::before, #inputPw.focus::before {
            content: '';
            position: absolute;
            top: 0;
            right: -2px;
            left: -2px;
            bottom: -2px;
            border: 1px solid #9e1758;
            z-index: 3;
        }

        #inputId.focus::before {
            top: -2px;
            border-radius: 6px 6px 0 0;
        }

        #inputPw.focus::before {
            border-radius: 0 0 6px 6px;
        }
        #inputId.focus > #icon_id, 
        #inputPw.focus > #icon_pw {
            opacity: 0.75;
        }
        /* 사번, 비밀번호 입력 포커스 끝 */

    #inputDiv>div:not(:first-child) {
        border-top: 1px solid #f5f5f5;
    }

    #inputDIv input {
        position: relative;
        display: block;
        width: 100%;
        height: 22px;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -.53px;
        color: #222;
        z-index: 5;
    }

    #inputId:focus{border: 1px solid #9e1758}

    #inputId > #icon_id {
        background-image: url(/images/user2_50.png);
        background-size: 24px 23px;
        position: absolute;
        top: 15px;
        left: 15px;
        opacity: .25;
        /* background-position: 0 -146px; */
        background-repeat: no-repeat;
        width: 30px;
        height: 30px;
    }

    #userName {
        position: absolute;
        right: 15px;
        top: 15px;
        z-index: 10;
    }

    #inputPw > #icon_pw {
        background-image: url(/images/lock50.png);
        background-size: 22px 19px;
        position: absolute;
        top: 16px;
        left: 16px;
        opacity: .25;
        background-repeat: no-repeat;
        width: 30px;
        height: 30px;
    }

    /* 로그인 버튼 */
    #btns > input {
        border: solid 1px rgba(0, 0, 0, .05);
        background-color: #9e1758;
        display: block;
        width: 100%;
        padding: 14px 0 13px;
        border-radius: 6px;
        box-sizing: border-box;
        margin-top: 15px;
        font-size: 18px;
        line-height: 25px;
        text-align: center;
        color: white;
        font-weight: bold;
    }

    #btns > a {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin-top: 20px;
        text-decoration: none;
    }

    #sName {
        font-size: 15px;
        font-weight: bold;
    }