body{
    background:#f3f6fb;
}

.login-box{

    width:420px;
    margin:100px auto;
    background:white;
    border-radius:15px;
    box-shadow:0 5px 20px rgba(0,0,0,.15);
    padding:40px;

}

.logo{

    font-size:32px;
    font-weight:bold;
    color:#0d6efd;
}

.subtitle{

    color:#666;
    margin-bottom:30px;

}

.footer{

    margin-top:25px;
    text-align:center;
    color:#888;
    font-size:13px;

}

body{
    background-image: url("../img/main.jpg");
    background-size: cover;          /* 화면 꽉 채우기 */
    background-position: center;     /* 가운데 정렬 */
    background-repeat: no-repeat;    /* 반복 안 함 */
    background-attachment: fixed;    /* 스크롤해도 고정 */
}

.login-box{
    width:420px;
    padding:40px;

    background:rgba(255,255,255,0.9);

    border-radius:15px;

    backdrop-filter: blur(8px);

    box-shadow:0 10px 25px rgba(0,0,0,.2);
}

.responsive-img{
    max-width:100%;
    height:auto;
    display:block;
}

body{

    margin:0;
    height:100vh;

    display:flex;
    justify-content:center;
    align-items:center;

    background-size:cover;
    background-position:center;

    font-family:"Pretendard",sans-serif;

}

.login-box{

    width:430px;

    padding:45px;

    /* background:rgba(255,255,255,.15); */

    backdrop-filter:blur(18px);

    border-radius:20px;

    border:1px solid rgba(255,255,255,.2);

    box-shadow:

    0 15px 45px rgba(0,0,0,.3);

}

.form-control{

    height:55px;

    border-radius:12px;

    border:none;

    background:rgba(255,255,255,.9);

}

.btn-login{

    width:100%;

    height:55px;

    border:none;

    border-radius:12px;

    background:#0066ff;

    color:white;

    font-size:18px;

    font-weight:600;

    transition:.3s;

}

.btn-login:hover{

    background:#0050d4;

    transform:translateY(-2px);

}

.login-box{

    animation:fadeUp .8s;

}

@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(50px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

/* 복사 및 드래그 방지 */

body{

    user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;

    -webkit-user-drag:none;

}

img{

    user-select:none;
    pointer-events:none;
    -webkit-user-drag:none;

}/* 입력창(input) 내부에서는 브라우저의 기본 전체 선택(Ctrl+A)과 
    텍스트 선택 기능이 무조건 작동하도록 CSS 레벨에서 강제로 덮어씁니다.
  */
  input.form-control, input[type="text"], input[type="password"] {
    -webkit-user-select: text !important;  /* 사파리/크롬/엣지 허용 */
    -moz-user-select: text !important;     /* 파이어폭스 허용 */
    -ms-user-select: text !important;      /* 익스플로러 허용 */
    user-select: text !important;          /* 표준 속성 허용 */
  }