@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');

        .bd-placeholder-img {
            font-size: 1.125rem;
            text-anchor: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
        }

        
        html,
        body {
            height: 100%;
            font-family: 'Nanum Gothic', sans-serif;
        }

        body {
            display: flex;
            align-items: center;
            padding-top: 40px;
            padding-bottom: 40px;           
        }

        .form-signin {
            width: 100%;
            max-width: 360px;
            padding: 15px;
            margin: auto;
        }

        .form-signin .checkbox {
            font-weight: 400;
        }

        .form-signin .form-floating:focus-within {
            z-index: 2;
        }

        .form-signin input[type="email"] {
            margin-bottom: -1px;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }

        .form-signin input[type="password"] {
            margin-bottom: 10px;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }

        .login_bg {
            background: url("../images/login_bg_1.png") 50% 50% no-repeat;
            background-size: cover;
        }
        .login_tit {color:#ffffff; font-weight: 600;}
        .login_tit_e {color:#00ccff;}
        .login_tit_s {color:#1b1b75; font-weight: 600;}

        .login_box {
            float:left; width:100%; display: block; box-sizing: border-box; border-radius: 15px;
            background-color: #ffffff; padding:25px;
        }

        .logo_box {
            float:left; position: absolute; top:30px; left:30px;
        }

        @media (max-width: 960px) {
            .login_bg {
                background: url("../images/login_bg_960.png") 50% 50% no-repeat;               
            }
        }

        @media (max-width: 768px) {
            .bd-placeholder-img-lg {
                font-size: 3.5rem;
            }
        }

        @media (max-width: 640px) {
            .login_bg {
                background: url("../images/login_bg_640.png") 50% 50% no-repeat;               
            }
        }