@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
/* common */
body *{
    word-break: keep-all;
}
*{margin: 0; padding: 0; box-sizing: border-box; font: inherit;} 
a{text-decoration: none; color: inherit; font: inherit;} 
ul{list-style: none;} 
button{border: none; background: none; cursor: pointer;}
html{font-size: 10px;}
body{line-height: 1; font-weight: 400; font-family: Pretendard,'Noto Sans KR', sans-serif; font-size: 1.6rem; color: #4D4D4D; overflow-x: hidden;} 
.pc{display:block;} 
.mobile{display:none;} 
.inner{width: 100%; margin: 0 auto; padding: 0 20px; position: relative;} 
.inner_1200{width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; position: relative;} 
body.scrollfix{overflow: hidden;}
/* header */
.header{position: absolute; width: 100%; padding: 1rem 0; top: 0; left: 0; z-index: 111;}
.header .inner{max-width: 1050px; max-width: 1340px; display: flex; justify-content: space-between; height: 60px; align-items: center;}
.header .logo{height: 6rem;}
.header .logo img{height: 100%;}
.header .nav{display: flex; position: relative; height: 100%; align-items: center;}
.header .nav > li{position: relative; padding: 0 20px; height: 100%; display: flex; align-items: center;}
.header .nav > li.on > a{color: #BF956D;}
.header .nav > li > a{}
.header .nav .nav2depth{position: absolute; left: 50%; transform: translateX(-50%); width: 100%; min-width: 240px; text-align: center; z-index: 11; background-color: #fff; top: 100%; overflow: hidden; height: 0; }
.header .nav .nav2depth ul{padding: 10px 0;}
.header .nav .nav2depth li{line-height: 2.5;}
.header .nav .nav2depth li a{}
.header .nav .nav2depth li:hover a{color: #BF956D;}
.header .login-menu{display: flex; font-size: 14px;}
.header .login-menu li{padding-left: 3.2rem; }
.header .login-menu li:hover{color: #BF956D;}
.header .login-menu li a{}
/*  */
.header .menu-btn{display: none; cursor: pointer; position: relative; z-index: 1111;} 
.header .menu-btn .bar{height: 2px; background: #000000; transition: 0.5s ease; position: relative; width: 28px; display: block; } 
.header .menu-btn .bar:nth-of-type(2){margin: 8px 0; } 
.header .menu-btn.bar-on{margin-right: 10px;}
.header .menu-btn.bar-on .bar{background: #fff; }
.header .menu-btn.bar-on .bar:nth-child(1){ transform: rotate(45deg); top: 2px; } 
.header .menu-btn.bar-on .bar:nth-child(2){ display: none; } 
.header .menu-btn.bar-on .bar:nth-child(3){ transform: rotate(-45deg); }
/* 사이드메뉴 */
.sidemenu{padding: 80px 5rem 5rem; background-color: rgba(0, 0, 0, 0.9); position: fixed; z-index: 111; max-width: 500px; width: 100%; height: 100%; top: 0; overflow-y: auto; transition: 0.5s; color: #fff; right: -150%; font-size: 16px;}
.sidemenu.sidemenu-on{right: 0; }
.sidemenu .sidemenu-wrap{width: 100%; height: 100%; overflow-y: scroll; padding-right: 20px;}
.sidemenu .sidemenu-wrap::-webkit-scrollbar{width: 5px; height: 8px; background-color: rgba(191, 149, 109, 0.3); }
.sidemenu .sidemenu-wrap::-webkit-scrollbar-thumb{background: #BF956D;}
.sidemenu-top{display: flex; padding: 20px 0; gap: 20px; border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.sidemenu-top li{position: relative; cursor: pointer;}
.sidemenu-nav{line-height: 2;}
.sidemenu-nav > li{margin-bottom: 3rem;}
.sidemenu-nav > li > a{color: #BF956D; font-size: 3.5rem; font-weight: 700;}
.sidemenu-nav .sidemenu2depth{font-size: 2.5rem;}
.sidemenu-nav .sidemenu2depth li{}
.sidemenu-nav .sidemenu2depth li a{font-weight: 400; transition: 0.3s;}
.sidemenu-nav .sidemenu2depth li:hover a{color: #0085CC;}


/* footer */
.footer{border-top: 1px solid #F3F3F3; padding: 7.7rem 0 10rem; position: relative; padding-right: 8rem;}
.footer .inner{max-width: 1270px; display: flex; gap: 4rem; align-items: center;}
.footer .logo{height: 8rem;}
.footer .logo a{}
.footer .logo a img{height: 100%;}
.footer .footer-content{}
.footer .footer-content .menu{display: flex; gap: 1rem; color: #C3C3C3; margin-bottom: 4rem; flex-wrap: wrap;}
.footer .footer-content .menu li{}
.footer .footer-content .menu li a{}
.footer .footer-content .info{line-height: 1.5; color: #8D9196;}
.footer .footer-content .info p{}
.footer .footer-content .sns_list{display: flex;gap: 12px;padding-bottom: 20px;}
.footer .footer-content .sns_list > li{width: 40px;}
.footer .footer-content .sns_list > li img{max-width: 100%;}
.footer .footer-content .info p:last-child{font-weight: 500;}
.footer .gotop{position: absolute; font-size: 1.4rem; text-align: center; cursor: pointer; top: 7.7rem; background-color: #fff; right: 5%;}
.footer .gotop p{margin-top: 2rem; color: #B2B2B2; }
.footer .adm_menu {display: flex; gap: 1rem; margin-top: 2rem;}
.footer .adm_menu a {color: #bbb; line-height: 1;}
.footer .adm_menu a + a {padding-left: 1rem; border-left: 1px solid #ddd;}


/* quick-wrap */

.quick-wrap{position: fixed; top: 50%; transform: translateY(-50%); right: 0px; text-align: center; display: flex; flex-direction: column; align-items: center; z-index: 111;}
.quick-wrap .quick-menu{margin-bottom: 10px; height: 0; overflow: hidden; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); }
.quick-wrap .quick-menu .top-logo{background-color: #BF956D; padding: 1.5rem 1rem;
}
.quick-wrap .quick-menu .top-logo img{}
.quick-wrap .quick-menu ul{padding: 0rem 1rem; background-color: #fff;}
.quick-wrap .quick-menu ul li{border-bottom: 1px solid #EFEFEF; padding: 2rem 0;}
.quick-wrap .quick-menu ul li:last-child{border: none;}
.quick-wrap .quick-menu ul li a{}
.quick-wrap .quick-menu ul li a .icon{width: 3rem; display: flex; justify-content: center; width: 100%; margin-bottom: 0.7rem;}
.quick-wrap .quick-menu ul li a .icon img{width: 100%; max-width: 3rem;}
.quick-wrap .quick-button{cursor: pointer; transform: rotate(45deg); background-color: #BF956D;  border-radius: 50px; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; transition: 0.5s;}
.quick-wrap.active .quick-menu{height: auto;}
.quick-wrap.active .quick-button{width: 25px; height: 25px; background-color: #4D4D4D; transform: rotate(0);}

/* quick-cs */
.quick-cs{position: fixed; bottom: 7rem; right: 2.5rem; z-index: 111;}
.quick-cs-button{border-radius: 50px; width: 18rem; height: 4rem; display: flex; justify-content: center; align-items: center; background-color: #BF956D; color: #fff; cursor: pointer;}
.quick-cs span{font-weight: 700;}
.quick-cs .quick-cs-form{position: fixed; bottom: 7rem; right: 2.5rem; background-color: #fff; border-radius: 20px; overflow: hidden; width: 90%; max-width: 400px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.161); display: none;}
.quick-cs .quick-cs-form .top{background-color: #BF956D; text-align: center; color: #fff; font-size: 2.5rem; position: relative; height: 6rem; display: flex; align-items: center; justify-content: center;}
.quick-cs .quick-cs-form .close-btn{position: absolute; right: 20px; width: 2rem; height: 2rem; cursor: pointer; top: 15px;}
.quick-cs .quick-cs-form .close-btn img{width: 100%; height: 100%;}
.quick-cs .quick-cs-form .form-cont{padding: 2rem;}
.quick-cs .quick-cs-form .form-cont p.info{text-align: center; font-size: 1.8rem; line-height: 1.5;}
.quick-cs .quick-cs-form .form-cont select,
.quick-cs .quick-cs-form .form-cont > input{width: 100%; height: 4rem; margin-top: 2rem; border: 1px solid #ccc; padding: 0 10px;}
.quick-cs .quick-cs-form .form-cont .check{display: flex; gap: 1rem; margin-top: 2rem; }
.privacy-cont{height: 200px; border: 1px solid #BF956D; margin: 10px 0; padding: 15px 3px 15px 15px;}
.privacy-cont p{height: 100%; overflow-y: scroll; line-height: 1.3; font-size: 14px; padding-right: 15px;}
.privacy-cont p::-webkit-scrollbar{width: 5px; height: 8px; background-color: rgba(191, 149, 109, 0.3); }
.privacy-cont p::-webkit-scrollbar-thumb{background: #BF956D;}
.quick-cs .quick-cs-form .cs-submit{background-color: #BF956D; text-align: center; color: #fff; font-size: 2.5rem; height: 6rem; display: flex; align-items: center; justify-content: center; width: 100%;}
.quick-cs .quick-cs-form .cs-submit img{margin-left: 20px;}

/* 약관 */
.yakgwan {width: 100%; max-width: 1200px; margin: 20rem auto 10rem; height:350px; padding:30px; border:1px solid #ebebeb; overflow-Y:auto;}
#sit_rel .bx-viewport {height:300px !important;}

@media screen and (max-width:1200px) { 
    html { font-size: 9px; } 
    
    
}

@media screen and (max-width: 1024px) {
    html { font-size: 8px; } 
    .header .nav,
    .header .login-menu{display: none;}
    .header .menu-btn{display: block;}
    .quick-wrap{transform: translateY(0); top: auto; bottom: 130px;}
}


@media screen and (max-width:797px) {
    .pc { display:none; } 
    .mobile { display:block; } 

    .footer{padding: 50px 0;}
    .footer .inner{flex-direction: column; text-align: center;}
    .footer .footer-content .menu{justify-content: center;}
    .footer .footer-content .sns_list{justify-content: center;gap: 10px;padding-bottom: 16px;}
    .footer .gotop{top: 50px;}
    .footer .gotop img{width: 20px;}
	.footer .adm_menu {justify-content: center;}
}

/* 
24 > 18
32 > 20
40 > 25
50 > 30


*/


/* 준비중 */
.comingsoon {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; padding: 100px 0; font-size: 24px; font-weight: 300; color: #333; text-align: center; line-height: 1.5; word-break: keep-all;}
.comingsoon img {width: 220px;}
@media screen and (max-width: 1024px){
	.comingsoon {padding: 70px 0; font-size: 20px;}
	.comingsoon img {width: 180px;}
}
@media screen and (max-width: 640px){
	.comingsoon {padding: 50px 0; font-size: 16px;}
	.comingsoon img {width: 140px;}
}
@media screen and (max-width: 400px){
	.comingsoon img {width: 140px;}
}