  @font-face { font-family: 'SeoulNamsanM'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/SeoulNamsanM.woff') format('woff'); font-weight: normal; font-style: normal; }

 
        .input100 { font-size: 18px; font-weight: bold; letter-spacing: 1px; padding: 0 15px; }

        .login100-form-btn { font-size: 18px ;background: #FF9800; }
        #alert_login { width: 100%; display: inline-block; position: absolute; max-width: 455px; margin-top: 240px; }
        .join-txt { font-size: 18px; font-weight: bold }
        #Loading { position: absolute; }

        .rememberme { letter-spacing: -1px; font-size: 15px; padding-top: 2px; }

        /*.custom-control-label:before{
        background-color:#1ba42b;
    }*/
        .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #9E9E9E; }

        .popover-body { background-color: beige; }
        .bs-popover-auto[x-placement^=top] > .arrow::after, .bs-popover-top > .arrow::after { border-top-color: beige; }

        .capslock { margin-left: 130px; position: absolute; }


        a.callCenter { font-size: 17px; margin: 20px 0; display: block; margin-bottom: 4px; }

        .info-company { padding-top: 70px; }
        .info-company .company-detail img { width: 100px; margin-bottom: 7px; }
        .info-company .company-detail span { /* width:100px */ font-size: 14px; letter-spacing: -1px; margin-left: 10px; }

        .info-join { text-align: right; margin-top: -30px; }

        .p-b-200 { padding-bottom: 130px; }
        .wrap-login100 { margin-top: -50px;position:relative }

        @media (min-width: 992px) {
            .login100-form { padding-top: 273px; }
            .p-b-200 { padding-bottom: 200px; }
            .info-company { padding-top: 50px; } 
        }

        .login100-more::before { background: rgba(0,0,0,0); }

        .login100-form { padding: 100px 45px 120px 45px; }


        div.loginTitle { display: none; font-family: 'SeoulNamsanM'; }
        div.loginTitle img { float: left; width: 50px; }

        .loginComment { text-align: right; float: left; padding-left: 20px; padding-top: 10px; }
        .loginComment h3 { font-size: 16px; }
        .loginComment h2 { font-size: 24px; font-weight: bold; display: inline-block; }


        @media (max-width: 576px) {
            div.loginTitle { vertical-align: initial; display: block; margin-top: 30px; margin-right: auto; margin-left: auto; margin-bottom: 20px; }

            .login100-form { padding-top: 20px; }

            .wrap-login100 { margin-top: 0; }

            .container-login100 { padding: 0; min-height: initial; }
        }

        .copy { position: absolute; left: 0; bottom: 0; background-color: #f2f2f2; z-index: 2; font-size: 8px; }
        .copy a{font-size:8px}