@charset "utf-8";
.inner {width: 100%; max-width: 1400px;}

.header h1 {position: absolute; left: 33px; top: 26px; z-index: 100;}

/* 로그인 */
.login_pop {
    display: none;
    z-index: 210;
    position: absolute;
    width: 100%;
}
.login_pop .close {position: absolute;right: 30px;top: 30px;width:20px;opacity: 0.8;cursor: pointer;display: block;}

.login_bg {background: rgba(0,0,0,0.5); width: 100%; height: 100vh;}
.login_bg_overlay {background: rgba(0,0,0,0); width: 100%; height: 100vh;}
.login_wrap {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width: 480px; background: #fbfbfb; border-radius: 30px; padding:80px; box-shadow: 0px 3px 17.5px rgba(61,83,135,0.1);}
.login_wrap .logo {text-align: center; margin-bottom: 50px;}
.login_wrap .title {text-align: center; margin-bottom: 40px;}
.login_wrap .title h2 {font-size: 26px ; font-weight: 700; margin-bottom: 5px; }
.login_wrap .title p {font-size: 15px ; font-weight: 400; }
.user_form .inp {margin-bottom: 10px;}
.user_form .inp input{width:100%; height: 40px; border-radius:8px; border:0.5px solid #dfdfdf; background: #f3f3f3; padding:10px }
.user_form .inp input::placeholder {font-size:14px; color: #343643; letter-spacing: 0px;}
.user_form .login_btn{font-size: 15px; font-weight: 700; letter-spacing: 0px; color:#fff;  width:100%; height:50px; border-radius:8px; background: rgba(17, 19, 32, 0.8); margin-top:15px;}
.user_form .find_link {text-align: center; font-size: 14px; color:#343643; opacity: 0.6; line-height: 2.5;}
.admin_wrap {margin-top:60px; text-align: center;}
.admin_wrap p{font-size:14px; color:#343643 }
.admin_wrap button{ font-size:15px; font-weight: 700; color: #111320; width:100%; height:50px; border-radius:8px; border:1px solid #ccc; background:#fbfbfb; margin-top:15px;}




/* 회원가입 */
.regist_pop {
    display: none;
    z-index: 210;
    position: absolute;
    width: 100%;
}
.regist_pop .close {position: absolute;right: 30px;top: 30px;width:20px;opacity: 0.8;cursor: pointer;display: block;}

.regist_bg {background: rgba(0,0,0,0.5); width: 100%; height: 100vh;}
.regist_wrap {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width: 480px; background: #fbfbfb; border-radius: 30px; padding:80px; box-shadow: 0px 3px 17.5px rgba(61,83,135,0.1);}
.regist_wrap .logo {text-align: center; margin-bottom: 10px;}
.regist_wrap .title {text-align: center; margin-bottom: 20px;}
.regist_wrap .title h2 {font-size: 26px ; font-weight: 700; margin-bottom: 5px; }
.regist_wrap .title p {font-size: 15px ; font-weight: 400; }

/*.regist_form .inp {margin-bottom: 10px;}*/

.regist_form .inp input {
    width: 100%;
    height: 40px;
    border-radius: 8px;
    border: 0.5px solid #dfdfdf;
    background: #f3f3f3;
    padding: 10px;
    display: flex;
}
.regist_form .inp input::placeholder {font-size:14px; color: #343643; letter-spacing: 0px;}
.regist_form .login_btn{font-size: 15px; font-weight: 700; letter-spacing: 0px; color:#fff;  width:100%; height:50px; border-radius:8px; background: rgba(17, 19, 32, 0.8); margin-top:15px;}
.regist_form .find_link {text-align: center; font-size: 14px; color:#343643; opacity: 0.6; line-height: 2.5;}