@charset "utf-8";

/*공통layout*/
.for_pc {display:inline-block;}
.for_m {display:none;}
.mo {display:none;}
@media screen and (max-width:640px){
    .for_pc {display:none;}
    .for_m {display:block;}
}
.mo {display:none;}
@media screen and (max-width:480px){
    .mo {display:block;}

}
/* ========================== SNB_WRAP */
#snb_wrap{border-bottom:1px solid #f3f0eb}
#snb_wrap ul{font-size:0;text-align:center;max-width:1250px; margin:0 auto; box-sizing:border-box; padding:0 20px;}
#snb_wrap ul:after{display:block; content:"";clear:both}
#snb_wrap li{display:inline-block;vertical-align:top;}
#snb_wrap li:nth-child(n+2){margin-left:50px;}
#snb_wrap li a{font-size:17px; color:#797979; letter-spacing:-0.02em; line-height:70px;}
#snb_wrap li.on a{color:#786659; font-weight:500;}

#snb_wrap li i{ color:#797979;}
#snb_wrap li.on i{ color:#867165;}


#snb_wrap .desktop{display:block;}
#snb_wrap .mobile{display:none; padding:0 15px;}
#snb_wrap .mobile li{margin-left:20px; float:left;}
#snb_wrap .mobile li:first-child{margin-left:0 !important;}
#snb_wrap .snb_mobile{overflow:visible !important;}
@media only screen and (max-width:1480px) {

}
@media only screen and (max-width:1250px) {
    #snb_wrap li:nth-child(n+2){margin-left:40px;}
    #snb_wrap li a{font-size:14px;line-height:60px; }
    #snb_wrap li a:after{bottom:18px}

    #snb_wrap .mobile li{margin-left:40px}
}
@media only screen and (max-width:1100px) {

}
@media only screen and (max-width:999px) {
    #snb_wrap li:nth-child(n+2){margin-left:30px;}
    #snb_wrap li a{font-size:13px;line-height:55px; }
    #snb_wrap li a:after{bottom:16px}

    #snb_wrap .mobile li{margin-left:30px}
}
@media only screen and (max-width:860px) {
    #snb_wrap .desktop{display:none;}
    #snb_wrap .mobile{display:block; overflow:hidden; height:55px;}
}
@media only screen and (max-width:680px) {
    #snb_wrap li:nth-child(n+2){margin-left:20px;}
    #snb_wrap li a{line-height:50px;}
    #snb_wrap li a:after{bottom:14px}

    #snb_wrap li i{display:none}

    #snb_wrap .mobile{height:50px;}
    #snb_wrap .mobile li{margin-left:20px}
}
@media only screen and (max-width:480px) {

}

/* =========================== MAIN */
/* 슬라이더 */
#main_banner{position:relative}
#main_banner .main_slide{min-height:800px;height:100vh}
#main_banner .main_slide li{background:center no-repeat;background-size:cover}
#main_banner,
#main_banner .main_slide .swiper-container,
#main_banner .main_slide .swiper-slide {height:100%;}
/* 텍스트 */
#main_banner .txt{width:100%;position:absolute;left:50%;top:50%;z-index:5;transform:translate(-50%,-50%);color:#fff;letter-spacing:0}
#main_banner .txt .main_txt{color:#fff;text-align:center}
#main_banner .txt .main_txt p{padding-bottom:30px;font-size:16px;font-weight:500}
#main_banner .txt .main_txt span{font-size:75px;font-weight:300;line-height:1;font-family:var(--e-font)}
#main_banner .txt .main_txt a{display:block;width:233px;height:55px;margin:60px auto 0;border:1px solid rgba(255, 255, 255, 0.3);font-weight:300;line-height:55px;text-align:center;color:#fff;transition:0.2s;font-family:var(--e-font)}

/* 컨트롤 */
#main_banner .controls{ display:flex;align-items:center;position:absolute;bottom:60px;left:50%;z-index:101;transform:translateX(-50%);overflow:hidden;color:#fff}
#main_banner .controls button{margin-top:2px;display:inline-block;cursor:pointer;width:45px;border:none;background:none;transition:0.2s}
#main_banner .controls .num{left:auto;margin:0 15px;bottom:auto;width:auto;font-size:17px;font-weight:300;color:#fff;font-family:var(--e-font);line-height:29px}
#main_banner .controls .pager{margin:0 15px;width:18px;display:inline-block}
#main_banner .controls .pager ul li{opacity:0!important;text-align:center}
#main_banner .controls .pager ul li.on{opacity:1!important}

/* 프로그레스바 */
.swiper-progress-bar{position:relative;width:90px;height:1px;margin-right:10px}
.slide_progress-bar{opacity:0;position:absolute;left:0;right:0;width:100%;height:1px;background:rgba(255,255,255,0.3)}
.slide_progress-bar:after{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:#fff}
.swiper-progress-bar.active .slide_progress-bar{opacity:1} 
.swiper-progress-bar.animate .slide_progress-bar{transition:width 3.5s linear;width:100%}	
.swiper-progress-bar.animate .slide_progress-bar:after{transition:width 3.5s linear;width:100%} 		 

/* 반응형 [s] */
@media (hover:hover){
    #main_banner .txt .main_txt a:hover{background:rgba(255, 255, 255, 0.2)}
    #main_banner .controls button:hover{opacity:1}
}
@media (max-width:1024px){
    #main_banner .main_slide{min-height:auto;height:625px}
    #main_banner .txt{top:42%}
    #main_banner .txt .main_txt p{padding-bottom:20px;font-size:15px}
    #main_banner .txt .main_txt span{font-size:52px}
    #main_banner .txt .main_txt a{display:flex;justify-content:center;align-items:center;margin:50px auto 0;width:200px;height:52px}
    #main_banner .controls button{width:30px}
    #main_banner .controls .pager{width:16px}
}
@media (max-width:768px){
    #main_banner .main_slide{height:485px}
    #main_banner .txt{top:45%}
    #main_banner .txt .main_txt p{padding-bottom:15px;font-size:14px}
    #main_banner .txt .main_txt span{font-size:38px}
    #main_banner .txt .main_txt a{margin:40px auto 0;width:168px;height:46px;font-size:14px}
    #main_banner .controls button{width:20px}
    #main_banner .controls button img{width:60%}
    #main_banner .controls .num{margin:0 10px;font-size:16px}
    #main_banner .controls .pager{margin:0 10px}
    #main_banner .controls .pager .swiper-wrapper{font-size:14px}
    .swiper-progress-bar{width:75px}
}
@media (max-width:480px){
    #main_banner .main_slide{height:380px}
    #main_banner .txt{top:50%}
    #main_banner .txt .main_txt p{padding-bottom:10px;font-size:13px}
    #main_banner .txt .main_txt span{font-size:28px}
    #main_banner .txt .main_txt a{margin:30px auto 0;width:150px;height:42px;font-size:13px}
    #main_banner .controls{bottom:30px;z-index:5;}
    #main_banner .controls button{width:18px}
    #main_banner .controls button img{width:52%}
    #main_banner .controls .num{margin:0 8px;font-size:15px}
    #main_banner .controls .pager{margin:0 8px}
    #main_banner .controls .pager .swiper-wrapper{font-size:13px}
    .swiper-progress-bar{width:65px}
}
@media (max-width:380px){
    #main_banner .main_slide{height:325px}
    #main_banner .txt .main_txt p{padding-bottom:8px;font-size:12px}
    #main_banner .txt .main_txt span{font-size:24px}
    #main_banner .txt .main_txt a{margin:20px auto 0;width:135px;height:38px;font-size:12px}
    #main_banner .controls{bottom:25px}
    #main_banner .controls button{margin:0px}
    #main_banner .controls button img{width:50%}
    #main_banner .controls .num{margin:0 4px}
    #main_banner .controls .pager{margin:0 4px}
    .swiper-progress-bar{width:55px}
}
/* 반응형 [e] */



/* =========================== atc01 */
#atc01{overflow:hidden;position:relative;height:1485px;padding-top:185px;font-family:'Pretendard'}
#atc01 .top_bg{position:absolute;top:-186px;right:0;width:581px;height:821px}
#atc01 .bottom_bg{position:absolute;bottom:-160px;left:0;width:528px;height:862px}
#atc01 .all_wrap{position:relative}
#atc01::before{content:"";display:inline-block;position:absolute;right:210px;top:0;width:1px;height:100%;background:rgba(120,102,89,0.25)}
#atc01::after{content:"";display:inline-block;position:absolute;left:210px;top:0;width:1px;height:100%;background:rgba(120,102,89,0.25)}

/* 타이틀 */
#atc01 .tit{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:35px}
#atc01 .tit .deco{width:11px;height:11px;border-radius:5px 5px 0 0;background:var(--point)}
#atc01 .tit p{padding:40px 0 20px;font-size:46px;font-weight:300;line-height:1.1;color:var(--primary);text-align:center;text-transform:uppercase;font-family:var(--e-font)}
#atc01 .tit p span{display:block;font-weight:300;color:var(--point)}

/* 컨트롤 */
#atc01 .controls{position:absolute;left:50%;top:50%;z-index:100;transform:translate(-50%,-50%);width:1000px;color:#111}
#atc01 .controls .arr{opacity:.3;position:absolute;cursor:pointer;transition:all .2s}
#atc01 .controls .arr.prev{left:0}
#atc01 .controls .arr.next{right:0}
#atc01 .controls .arr svg{width:62px;height:62px}

/* 슬라이드 */
#atc01 ul li{display:flex;flex-direction:column;align-items:center;justify-content:center;width:700px}
#atc01 ul li .txt{opacity:0;position:relative;width:100%;padding:55px 0 80px;font-weight:600;color:var(--primary);text-align:center;transition:all .3s}
#atc01 ul li.on .txt{opacity:1}
#atc01 ul li a{overflow:hidden}
#atc01 ul li a img{transition:all .4s;}
#atc01 ul li img{width:550px;height:550px;transition:0.3s}
#atc01 ul li.on a{border-radius:328px 328px 0 0}
#atc01 ul li.on img{width:692px;height:620px;border-radius:328px 328px 0 0;transition:0.3s}
#atc01 .swiper-slide-prev{margin-top:0}
#atc01 .swiper-slide-next{margin-top:200px}


/* 페이저 */
#atc01 .pager{display:inline-block;position:relative;left:50%;transform:translateX(-50%);width:auto;font-size:0}
#atc01 .pager span{position:relative;font-size:18px;font-weight:300;color:var(--primary);font-family:var(--e-font)}
#atc01 .pager span:first-child{position:relative;margin-right:10px;padding-right:10px}
#atc01 .pager span:first-child:after{position:absolute;content:'';top:5px;right:0;width:1px;height:14px;transform:rotate(10deg);background:var(--primary)}
#atc01 .pager span:first-child::before{content:"(";display:inline-block;position:absolute;left:-20px;width:20px;height:20px}
#atc01 .pager span:last-child::before{content:")";display:inline-block;position:absolute;right:-35px;width:20px;height:20px}

/*talk*/
.ft_btn_reserve.on {position:fixed; bottom:27px; right:7px; z-index:9999;}
.ft_btn_reserve.on > a > img{width:75px; height:75px}

/* 반응형 [s] */
@media (hover:hover){
    #atc01 .controls .arr:hover{opacity:1}
    #atc01 ul li a:hover img{transform:scale(1.04)}
}
@media (max-width:1680px){
    #atc01::before{right:130px}
    #atc01::after{left:130px}
}
@media (max-width:1380px){
    #atc01::before{right:90px}
    #atc01::after{left:90px}
}
@media (max-width:1180px){
    #atc01::before{right:40px}
    #atc01::after{left:40px}
    #atc01 .controls .arr.prev{left:65px}
    #atc01 .controls .arr.next{right:65px}
}
@media (max-width:1024px){
    #atc01{padding:90px 0;height:auto}
    #atc01 .tit{padding-bottom:30px}
    #atc01 .bottom_bg{bottom:-165px;left:-205px;width:40%;height:100%}
    #atc01 .top_bg{top:-90px;width:40%;height:100%}
    #atc01 .tit{padding-bottom:30px}
    #atc01 .tit p{padding:30px 0 10px;font-size:38px}
    #atc01 .controls{top:27px;transform:translateX(-50%)}
    #atc01 .controls .arr{opacity:1}
    #atc01 .controls .arr.prev{left:327px}
    #atc01 .controls .arr.next{right:319px}
    #atc01 .controls img{width:64%}
    #atc01 ul li .txt{padding:35px 0 60px;font-size:14px}
    #atc01 ul li a{width:100%}
    #atc01 ul li img{width:100%;height:380px}
    #atc01 ul li.on a{border-radius:248px 248px 0 0}
    #atc01 ul li.on img{width:100%;height:480px;object-fit:cover;border-radius:248px 248px 0 0}
    #atc01 .swiper-slide-next{margin-top:200px}
    #atc01 .pager span{font-size:16px}
    #atc01 .pager span:first-child{padding-right:12px}
    #atc01 .pager span:first-child::before{left:-18px}
    #atc01 .pager span:first-child:after{top:3px;height:14px}
    #atc01 .pager span:last-child::before{right:-30px}
}
@media (max-width:768px){
    #atc01{padding:70px 0}
    #atc01::after{display:none}
    #atc01::before{display:none}
    #atc01 .bottom_bg{bottom:-20px;left:-200px;width:35%}
    #atc01 .top_bg{top:-70px;width:35%}
    #atc01 .tit{padding-bottom:20px}
    #atc01 .tit p{padding:20px 0 5px;font-size:28px}
    #atc01 .controls{top:21px}
    #atc01 .controls img{width:54%}
    #atc01 .controls .arr.prev{left:344px}
    #atc01 .controls .arr.next{right:332px}
    #atc01 ul li .txt{padding:25px 0 50px;font-size:13px}
    #atc01 ul li img{height:320px}
    #atc01 ul li.on a{border-radius:215px 215px 0 0}
    #atc01 ul li.on img{height:420px;border-radius:215px 215px 0 0}
    #atc01 .pager span{font-size:15px}
    #atc01 .pager span:first-child:after{height:13px}
}
@media (max-width:640px){
    .for_m {display: block;}
}
@media (max-width:480px){
    #atc01{padding:60px 0}
    #atc01 .top_bg{display:none}
    #atc01 .bottom_bg{display:none}
    #atc01 .tit{padding-bottom:14px}
    #atc01 .tit p{padding:12px 0 2px;font-size:22px}
    #atc01 .controls{top:12px;width:100%}
    #atc01 .controls img{width:44%}
    #atc01 .controls .arr.prev{left:15%}
    #atc01 .controls .arr.next{display:flex;justify-content:end;right:15%}
    #atc01 ul li .txt{padding:15px 0 45px}
    #atc01 ul li img{height:300px}
    #atc01 ul li.on a{border-radius:182px 182px 0 0}
    #atc01 ul li.on img{height:300px;border-radius:182px 182px 0 0}
    #atc01 .swiper-slide-next{margin-top:0px}
    #atc01 .pager span{font-size:14px}
    #atc01 .pager span:first-child:after{height:12px}
    #atc01 .pager span:first-child::before{width:18px;height:18px}
    #atc01 .pager span:last-child::before{width:18px;height:18px}
}
@media (max-width:380px){
    #atc01{padding:50px 0;}
    .atc_txt {padding:50px 0 0 0;}
    #atc01 .tit{padding-bottom:12px}
    #atc01 .tit p{padding:10px 0 0 0;font-size:20px}
    #atc01 .controls{top:7px}
    #atc01 .controls .arr.prev{left:10%}
    #atc01 .controls .arr.next{right:10%}
    #atc01 ul li .txt{padding:10px 0 40px}
    #atc01 ul li img{height:275px}
    #atc01 ul li.on img{height:275px}
}
/* 반응형 [e] */

/* =========================== atc02 */
#atc02{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:100%;color:#fff}
#atc02::before{content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:178px;height:217px;z-index:1;border-radius:90px 90px 0 0;background:rgba(63, 48, 37, 0.8)}
#atc02 .bg{overflow:hidden;width:100%;height:795px;filter:brightness(0.8)}
#atc02 .about_bg{overflow:hidden;width:100%;height:850px;filter:brightness(0.8)}
#atc02 .bg img{width:100%;height: 100%;}

/* 텍스트 */
#atc02 .txt{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}
#atc02 .txt p{z-index:1;padding-top:117px;font-size:40px;font-weight:300;text-transform:uppercase;font-family:var(--e-font)}
#atc02 .txt > span{display:block;z-index:1;padding:15px 0 70px;font-size:16px;text-align:center;white-space:pre-line;line-height: 1.25;}

/* 더보기 버튼 */
#atc02 .txt a{font-size:17px;color:#fff;font-family:var(--e-font)}
#atc02 .txt a span{padding:0 15px;transition:0.2s}
#atc02 .txt a:hover span{padding:0 25px}

/* 반응형 [s] */
@media (max-width:1500px){
    #atc02 .bg{height:680px}
}
@media (max-width:1290px){
    #atc02 .bg{height:530px}
}
@media (max-width:1024px){
    #atc02::before{width:150px;height:190px;border-radius:75px 75px 0 0}
    #atc02 .bg{height:405px}
    #atc02 .txt p{padding-top:97px;font-size:28px}
    #atc02 .txt > span{padding:5px 0 55px;font-size:14px}
    #atc02 .txt a{font-size:16px}
}
@media (max-width:768px){
    #atc02::before{display:none}
    #atc02 .bg{height:253px}
    #atc02 .txt{width:100%}
    #atc02 .txt p{padding-top:14px;font-size:22px}
    #atc02 .txt > span{padding:3px 0 20px;width:100%;font-size:13px}
    #atc02 .txt a{font-size:15px}
}
@media (max-width:480px){
    #atc02 .bg{height:100%}
    #atc02 .bg video{height:100%}
    #atc02 .txt p{padding-top:10px;font-size:18px}
    #atc02 .txt > span{padding:0 0 18px}
    #atc02 .txt a{font-size:14px}
}
@media (max-width:380px){
    #atc02 .txt p{font-size:16px}
    #atc02 .txt > span{padding:0 0 14px}
    #atc02 .txt a{font-size:13px}
}
/* 반응형 [e] */

/* =========================== atc03 */
#atc03{position:relative;max-width:1500px;margin:0 auto;padding:155px 75px 170px}

/* 타이틀 */
#atc03 .tit{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:75px}
#atc03 .tit .deco{width:11px;height:11px;border-radius:5px 5px 0 0;background:var(--point)}
#atc03 .tit p{padding:15px 0 0;font-size:40px;font-weight:300;color:var(--primary);font-family:var(--e-font)}
#atc03 .tit p span{font-weight:300;color:var(--point)}
#atc03 .tit b{font-weight:400;font-size:15px;color:#777;text-align:center;line-height:1.25;}

/* 슬라이드 */
#atc03 .offer_slide{position:relative}
#atc03 ul li .img{overflow:hidden;border-radius:15px}
#atc03 ul li .img img{width:100%;transition:all .3s}
#atc03 ul li p span{margin-right:15px;color:var(--primary);font-family:'Poppins'}
#atc03 ul li .txt{width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:#aaa}
#atc03 ul li .img:hover {background:#3f3025;}
#atc03 ul li .txt_box{ background: rgba(255, 255, 255, 0.71);width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 15px;transition: all .3s;opacity: 0;pointer-events: none;}
#atc03 ul li .txt_box p{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color: var(--primary);font-size:16px;}

/* 컨트롤 */
#atc03 .controls .arr{cursor:pointer;position:absolute;top:60%;z-index:3;color:var(--primary);transition:all .2s}
#atc03 .controls .arr.prev{left:0}
#atc03 .controls .arr.next{right:0}


/* 반응형 [s] */
@media (hover:hover){
    #atc03 ul li:hover .img img{transform:scale(1.08)}
    #atc03 .controls .arr:hover{color:var(--point)}
    #atc03 ul li:hover .txt_box {opacity: 1;pointer-events: auto;}
    #atc03 ul li .txt_box p { text-align: center; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: var(--primary);}
}

@media (max-width:1024px){
    #atc03{padding:90px 75px 100px}
    #atc03 .tit{padding-bottom:60px}
    #atc03 .tit p{padding:5px 0 0;font-size:38px}
    #atc03 .tit b{font-size:14px}
    #atc03 .controls .arr{top:62%}
    #atc03 .controls .arr.prev{left:2.5%}
    #atc03 .controls .arr.next{right:2.5%}
}
@media (max-width:768px){
    #atc03{padding:70px 48px 80px}
    #atc03 .tit{padding-bottom:45px}
    #atc03 .tit p{font-size:28px}
    #atc03 .tit b{font-size:13px}
    #atc03 .controls .arr{top:60.2%}
    #atc03 .controls .arr.prev{left:1.5%}
    #atc03 .controls .arr.next{right:1.5%}
}
@media (max-width: 640px) {
    #atc03 ul li .txt_box {opacity: 1 !important;pointer-events: auto;}
}
@media (max-width:480px){
    #atc03{padding:60px 40px 70px}
    #atc03 .tit{padding-bottom:30px}
    #atc03 .tit p{padding-top:3px;font-size:22px}
    #atc03 .controls .arr{top:58.7%}
    #atc03 ul li .txt_box p {font-size:13px;}
}
@media (max-width:380px){
    #atc03{padding:50px 36px 60px}
    #atc03 .tit{padding-bottom:25px}
    #atc03 .tit p{padding-top:3px;font-size:20px}
    #atc03 .controls .arr{top:59.2%}
}
/* 반응형 [e] */

/* =========================== inc_room */
#roomList{position:relative;padding:0 0 0 210px}
#roomList::before{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:423px;background:rgba(176, 159, 141, 0.25)}
#roomList .all_wrap{position:relative}
#roomList .all_wrap::before{content:"";display:inline-block;position:absolute;right:210px;top:0;width:1px;height:100%;background:rgba(120,102,89,0.25)}
#roomList .all_wrap::after{content:"";display:inline-block;position:absolute;left:0;top:0;width:1px;height:100%;background:rgba(120,102,89,0.25)}

/* 타이틀 */
#roomList .tit_area{display:flex;align-items:flex-start;padding:100px 0 100px 0;text-transform:uppercase}
#roomList .tit_area div{width:750px;padding-left:165px}
#roomList .tit_area div b{font-size:20px;font-weight:400;color:var(--primary);opacity:0.6;font-family:var(--e-font)}
#roomList .tit_area div p{padding-top:20px;font-size:72px;font-weight:300;line-height:1.2;color:var(--primary);font-family:var(--e-font)}
#roomList .tit_area div p span{display:block;font-weight:300;line-height:1;color:var(--point)}
#roomList .tit_area > b{padding-top:60px;font-weight:400;white-space:pre-line;line-height: 1.25;color: var(--primary);}

/* 슬라이드*/
#roomList .room_slide{height:720px;padding-bottom:220px}
#roomList .room_list{display:flex;position:relative;pointer-events:unset}
#roomList .room_list a.link {position:absolute;left:0;top:0;width:50%;height:100%;z-index:1; pointer-events: auto; }
#roomList .room_list .img{opacity:1;transform:translateX(-60px);width:750px;;background:center no-repeat;background-size:cover;transition:all .8s cubic-bezier(0.165, 0.840, 0.440, 1)}
#roomList .room_list .info{opacity:0;transform:translateX(60px);display:flex;flex-flow:column;position:relative;width:calc(100% - 750px);padding:238px 0 0 100px;border-top:1px solid rgba(120, 102, 89, 0.25);transition:all .8s cubic-bezier(0.165, 0.840, 0.440, 1)}
#roomList .room_list .info .name{padding-bottom:20px;font-size:38px;font-weight:300;color:var(--point);text-transform:uppercase;font-family: 'Noto Sans KR';}
#roomList .room_list .info .desc{padding-top:60px;color:var(--point);opacity:0.7;word-break:keep-all}
#roomList .room_list .info ul{display:flex;align-items:center;gap:35px}
#roomList .room_list .info ul li{display:flex;position:relative;color:var(--point);opacity:0.7}
#roomList .room_list .info ul li::before{content:"";display:inline-block;position:absolute;top:50%;transform:translateY(-50%);right:-15px;width:1px;height:9px;background-color:rgba(0, 0, 0, 0.2)}
#roomList .room_list .info ul li:last-child::before{display:none}
#roomList .room_list .info ul li span{width:25%;font-weight:600;color:var(--point);opacity:0.7}
#roomList .room_list.on .img{opacity:1;transform:translateX(0)}
#roomList .room_list.on .info{opacity:1;transform:translateX(0)}

/* 컨트롤 */
#roomList .controls{position:absolute;left:54%;top:45%;z-index:2;transform:translate(-50%,-50%);width:8%;color:#111;display:none;}
#roomList .controls .arr{opacity:1;position:absolute;cursor:pointer;transition:all .2s;}
#roomList .controls .arr.prev{left:0;width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all .2s;}
#roomList .controls .arr.next{right:0;width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all .2s;}
#roomList .controls .arr svg{width:40px;height:40px}
#roomList .controls img {width:30%;}

/* 페이지 */
#roomList .wrap{position:relative}
#roomList .tabs{display:none;align-items:start;justify-content:flex-end;position:absolute;left:-15%;top:45px;z-index:10;text-align:center;line-height:35px;font-size:15px;font-weight:300;color:var(--point)}
#roomList .swiper-pagination-bullet{position:relative;width:60px;height:35px;border-radius:100%;font-size:15px;color:var(--point);font-weight:300;background:none;opacity:1;font-family:var(--e-font)}
#roomList .swiper-pagination-bullet::before{content:"";display:inline-block;position:absolute;top:48%;left:50%;transform:translate(-50%, -50%);width:35px;height:35px;z-index:-99;border-radius:100%;background:rgba(176,159,141,0.25);opacity:0;transition:0.2s}
#roomList .swiper-pagination-bullet.on::before{opacity:1}

/* btn */
#roomList .room_btn{display:block;position:relative;z-index:999;margin-top:170px;text-transform:uppercase;color:var(--point);cursor:pointer;font-family:var(--e-font)}
#roomList .room_btn span{display:inline-block;padding:0 20px;transition:0.2s;z-index:11;}


/* layout */
.pre-wrap .info{ max-width:1096px; padding:0 20px; margin:0 auto; box-sizing:border-box;}
.pre-wrap .tit{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 0 100px 0}
.pre-wrap .tit .deco{width:11px;height:11px;border-radius:5px 5px 0 0;background:var(--point)}
.pre-wrap .tit p{margin-top:15px;font-size:40px;font-weight:300;color:var(--primary);font-family:var(--e-font)}
.pre-wrap .tit p span{font-weight:300;color:var(--point)}
.pre-wrap .tit b{font-weight:400;font-size:15px;color:#777;text-align:center;line-height:1.25;} 
.pre-wrap .vimg{max-width:1096px; box-sizing:border-box; margin:0 auto;padding:0px 20px 40px;position:relative;}
.pre-wrap .vimg .img {height: 1000px;background-size: cover !important;animation-delay: 0.6s;}


/* 반응형 [s] */
@media (hover:hover){
    #roomList .controls .arrr:hover{opacity:1}
    #roomList .room_btn:hover span{padding:0 30px}
}
@media (max-width:1680px){
    #roomList{padding:0 0 0 130px}
    #roomList .all_wrap::before{right:130px}
    #roomList .tit_area div{padding-left:125px;width:665px}
    #roomList .tit_area div b{font-size:19px}
    #roomList .tit_area div p{font-size:68px}
    #roomList .room_list img{width:43%}
    #roomList .room_list .info{padding:220px 0 0 85px;transform:none;width:57%}
    #roomList .tabs{left:-11%;}
    #layout .bg:before {right:130px;}
    #layout .bg:after {left:130px;}
}

@media (max-width:1250px) {
    #roomList .controls {left: 66%;width: 12%;}
    #roomList .all_wrap::before{right:90px}      
    .pre-wrap .vimg .img{ height:500px;}
}
@media (max-width:1180px){
    #roomList{padding:0 0 0 40px}
    #roomList .all_wrap::before{right:40px}
    #roomList .tit_area div{width:478px}
}
@media (max-width:1024px){
    #roomList::before{height:280px}
    #roomList .tit_area{flex-direction:column;padding-bottom:65px;padding-left:20px}
    #roomList .tit_area > b{padding-top:20px;font-size:14px}
    #roomList .tit_area div{padding-left:0px;width:auto}
    #roomList .tit_area div b{font-size:16px}
    #roomList .tit_area div p{padding-top:15px;font-size:38px}
    #roomList .room_slide{padding-bottom:125px;height:455px}
    #roomList .room_list .img{transform:translateX(-30px);width:48%}
    #roomList .room_list .info{padding:90px 0 0 45px;width:52%}
    #roomList .room_list .info .name{padding-bottom:15px;font-size:28px}
    #roomList .room_list .info ul{gap:30px}
    #roomList .room_list .info ul li{font-size:14px}
    #roomList .room_list .info .desc{padding-top:40px;font-size:14px}
    #roomList .room_btn{margin-top:120px}
    #roomList .tabs{top:3%;left:-8%}
    #roomList .swiper-pagination-bullet{width:50px}
    #roomList .controls {top: 40%;left: 58%;width:10%;}
    #roomList .controls .arr.next {width:40px;height:40px;}
    #roomList .controls .arr.prev {width:40px;height:40px;}
    #roomList .controls img {width:24%}
    .pre-wrap .tit {padding:65px 0 65px 0}
    .pre-wrap .tit p{font-size:25px}

}
@media (max-width:999px){
    .pre-wrap .vimg:after{height:30px; top:-15px;}
    .pre-wrap .vimg .stit{margin-top:20px;font-size:13px;}
    .pre-wrap .vimg .img{ height:400px;}

}
@media (max-width:875px){
    #roomList .controls {width:11%;left:59%}

}
@media (max-width:840px){
    #roomList .controls {width:11%;}

}
@media (max-width:768px){
    #roomList{padding:0px}
    #roomList::before{height:250px}
    #roomList .all_wrap::after{display:none}
    #roomList .all_wrap::before{display:none}
    #roomList .tit_area{padding:45px 0px 45px 0;align-items:center;text-align:center}
    #roomList .tit_area > b{padding-top:15px}
    #roomList .tit_area div b{font-size:14px}
    #roomList .tit_area div p{padding-top:10px;font-size:28px}
    #roomList .controls {display:block}
    #roomList .room_slide{padding-bottom:70px;height:auto}
    #roomList .room_list{flex-direction:column;gap:30px}
    #roomList .room_list .img{margin:auto;width:80%;height:350px;transform:none;order:2}
    #roomList .room_list .info{align-items:center;padding:70px 0 0 0;margin:0 auto;width:100%}
    #roomList .room_list .info .name{padding-bottom:10px;font-size:20px}
    #roomList .room_list .info ul{gap:20px}
    #roomList .room_list .info ul li::before{right:-10px}
    #roomList .room_list .info .desc{padding-top:20px;text-align:center}
    #roomList .room_btn{margin-top:25px}
    #roomList .swiper-pagination-bullet{width:40px}
    #roomList .controls { top: 58%; left: 50%;width: 95%;}
    #roomList .room_list a.link {position: absolute;left: 9%;top: 38%;width: 81%;height: 62%;z-index: 1;pointer-events: auto;}
    .pre-wrap .tit {padding:45px 0 45px 0}
    .pre-wrap .tit p{font-size:28px}
}
@media only screen and (max-width:680px) {
    .pre-wrap .vimg .img{ height:700px;}
}
@media (max-width:640px){
    #roomList .controls {top:58%;left: 50%;}
    #roomList .room_list .img {width:70%;}
    #layout .vimg {max-width:600px;}
    #layout .vimg .img {height:300px;}
}
@media (max-width:580px){
    #roomList .room_list .link{position: absolute;left: 15%;top: 45%;width: 70%;height: 70%;}
    #layout .vimg {max-width:500px;}
    #layout .vimg .img {height:280px;}
}
@media (max-width:480px){
    #roomList::before{height:210px}

    #roomList .tit_area{padding:40px 0 40px;margin:auto;width:90%}
    #roomList .tit_area > b{padding-top:10px;font-size:13px;white-space:normal}
    #roomList .tit_area div b{font-size:13px}
    #roomList .tit_area div p{padding-top:5px;font-size:22px}
    #roomList .room_slide{padding-bottom:60px}
    #roomList .room_list{gap:25px}
    #roomList .room_list .img{width:65%;height:200px}
    #roomList .room_list .info{padding:60px 0 0 0}
    #roomList .room_list .info .name{padding-bottom:5px;font-size:18px}
    #roomList .room_list .info ul li{font-size:13px}
    #roomList .room_list .info .desc{padding-top:10px;font-size:13px}
    #roomList .room_btn{margin-top:20px}
    #roomList .room_btn span{font-size:14px}
    #roomList .swiper-pagination-bullet{width:35px;font-size:14px}
    #roomList .swiper-pagination-bullet::before{top:50%;width:30px;height:30px}
    #roomList .room_list a.link {position: absolute;left: 16%;top: 46%;width: 67%;height: 55%;transform: translate();z-index: 1;pointer-events: auto;}
    .pre-wrap .tit {padding:40px 0 40px 0;}
    .pre-wrap .tit p{font-size:22px}
    .pre-wrap .vimg .img{ height:459px;}
}
@media (max-width:390px){
    #roomList::before{height:175px}
    #roomList .room_list .link {top: 43%;width: 70%;height: 57%;}
    #roomList .tit_area{padding:30px 0 30px}
   #roomList .room_tit {padding:0px 0 50px}
    #roomList .tit_area > b{padding-top:8px}
    #roomList .tit_area div p{padding-top:3px;font-size:20px}
    #roomList .room_list{gap:23px}
    #roomList .room_list .img{height:220px;width:70%}
    #roomList .room_list .info .name{padding-bottom:8px;font-size:16px}
    #roomList .room_list .info .desc{padding-top:8px}
    #roomList .room_btn{margin-top:18px}
    #roomList .room_btn span{font-size:13px}
    #roomList .swiper-pagination-bullet{width:32px;font-size:13px}
    #roomList .swiper-pagination-bullet::before{top:48%}
    #roomList .controls .arr.next,
    #roomList .controls .arr.prev{width: 30px;height: 30px;}
    .pre-wrap .tit {padding: 30px 0 30px 0;}
    .pre-wrap .vimg .img {height:400px;}
}
/* 반응형 [e] */

/*============객실 페이지==================*/
#main_banner .room_pre {width: 100%; height: auto;}
.preview {padding-top: 100px;}

/* 반응형[s] */
/* =========================== PAGE */
#expense1004{position:relative;margin:100px auto 0;font-size:15px;line-height:1.5;color:#777;font-family:'pretendard'}
#expense1004 .pl{white-space:pre-line;padding-top:30px;}
#expense1004 *{word-break:keep-all}
#expense1004 .inner{max-width:var(--mainsize);margin:0 auto;padding:100px 0}

#expense1004 .tit{margin-bottom:50px}
#expense1004 .tit .deco{display:block;width:11px;height:11px;margin:0 auto;border-radius:5px 5px 0 0;background:var(--point)}
#expense1004 .tit h1{margin-top:15px;font-size:30px;font-weight:300;color:var(--primary);text-align:center;text-transform:uppercase;font-family:var(--e-font)}
#expense1004 .tit h1 span{color:var(--point)}

#expense1004 .room_vw{position:relative;color:#fff;text-align:center}
#expense1004 .room_vw:after{position:absolute;content:'';z-index:-1;top:0;left:0;width:100%;height:565px;background:var(--primary)}
#expense1004 .room_vw h2{padding:30px 0 20px;font-size:25px;font-weight:300;text-transform:uppercase;font-family:var(--k-font)}
#expense1004 .room_vw p{opacity:.5}
#expense1004 .rv_slider{position:relative;margin:100px 80px 0}
#expense1004 .rv_slider .arrow{position:absolute;display:flex;justify-content:space-between;width:35%;left:50%;top:50%;transform:translateX(-50%)}
#expense1004 .rv_slider .arrow span{cursor:pointer;opacity:.5;transition:all .3s}
#expense1004 .rv_slider li{overflow:hidden;display:flex;align-items:center;justify-content:center;width:575px;height:400px;}
#expense1004 .rv_slider li img{width:70%;transition:all .3s}
#expense1004 .rv_slider li.on{border-radius:400px 400px 0 0;height:500px;}

#expense1004 .room_if{color:var(--primary)}
#expense1004 .room_if .txt{font-size:17px}
#expense1004 .room_if .info{display:block;gap:80px;margin-top:50px}
#expense1004 .room_if h3{margin-bottom:15px;font-size:18px;font-weight:700;color:var(--primary)}
#expense1004 .room_if .dot li{line-height:1.7}
#expense1004 .room_if .dot li:before{display:inline-block;content:'';width:3px;height:3px;margin-right:10px;border-radius:50px;vertical-align:4px;background:var(--primary)}
#expense1004 .l_cont{width:100%}
#expense1004 .l_cont .list{display:flex;flex-wrap:wrap;gap:15px 30px;width:90%}
#expense1004 .l_cont .list dl{display:flex;gap:5px}
#expense1004 .l_cont .list dt{font-weight:700;color:var(--point)}
#expense1004 .l_cont .list dd{opacity:.7}

#expense1004 .cost{margin:45px 0;padding:45px 0;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
#expense1004 .cost li{display:block;justify-content:space-between}
#expense1004 .cost li+li{margin-top:30px}
#expense1004 .cost li p{font-weight:700}
#expense1004 .cost li .tbl_area{width:85%;border:1px solid #e1e1e1;font-size:14px;text-align:center}
#expense1004 .cost li .tbl_area table{width:100%}
#expense1004 .cost li .tbl_area table *{padding:5px;font-weight:500}
#expense1004 .cost li .tbl_area th{width:33.33%;background:#f3f0eb}
#expense1004 .cost li .tbl_area th+th{border-left:1px solid #e1e1e1}
#expense1004 .cost li .tbl_area td+td{border-left:1px solid #e1e1e1}

#expense1004 .r_cont{width:10%;position: absolute;top: 9%;left: 50%;transform: translateX(-50%);}
#expense1004 .golink{margin-bottom:0px}
#expense1004 .golink li+li{margin-top:10px}
#expense1004 .golink li a{display:block;height:100%;padding:8px 0;border:1px solid #fff;border-radius:50px;font-size:15px;font-weight:400;color:#fff;text-align:center;text-transform:uppercase;font-family:var(--K-font);transition:all .3s;opacity:.5;}
#expense1004 .check{padding:40px;border-radius:13px;background:#f3f0eb}
#expense1004 .check div+div{margin-top:30px}


#expense1004 .vimg{max-width:var(--mainsize); margin:0 auto;margin-top:50px; position:relative; box-sizing:border-box; padding:0 0px;}
#expense1004 .vimg ul{max-width:var(--mainsize); margin:0 auto;margin-top:50px;margin-bottom:50px;}
#expense1004 .vimg ul:after{display:block; content:"";clear:both}
#expense1004 .vimg li{float:left;width:calc(50% - 10px);overflow:hidden; height:330px; background-size:cover !important;}
#expense1004 .vimg li:nth-child(even){float:right;}
#expense1004 .vimg li:nth-child(n+3){margin-top:20px;}
#expense1004 .vimg li img{display:none; width:100%;}
#expense1004 .vimg li img{transform:scale(1.1);  transition:transform 1s cubic-bezier(.33,.02,0,.93)}
#expense1004 .vimg li:hover img{transform:scale(1.1) translateX(-4%)}
#expense1004 .vimg li:nth-child(1){animation-delay:0.3s;}
#expense1004 .vimg li:nth-child(2){animation-delay:0.45s;}
#expense1004 .vimg li:nth-child(3){animation-delay:0.6s;}
#expense1004 .vimg li:nth-child(4){animation-delay:0.75s;}

@media(hover:hover){
    #expense1004 .golink li a:hover{border:1px solid var(--point);color:#fff;background:var(--point)}
    #expense1004 .rv_slider .arrow span:hover{opacity:1}
}
@media(max-width:1550px){
    #expense1004 .rv_slider li {height:350px;}
    #expense1004 .rv_slider li.on{height:400px;}

}
@media(max-width:1250px){
    #expense1004 .rv_slider {margin:100px 80px 0;}
    #expense1004 .rv_slider li {height:350px;}
}
@media(max-width:1200px){
    #expense1004 .rv_slider li {height:350px;}
    #expense1004 .rv_slider li.on {height:350px;}
    #expense1004 .r_cont {width:15%;top:10%}
}
@media(max-width:1180px){
    #expense1004 .r_cont {width:13%;top:10%;}
    #expense1004 .room_vw h2 {padding:30px 0 10px;}
    #expense1004 .rv_slider {margin:110px 80px 0;}
}

@media(max-width:1024px){
    #expense1004{margin:70px auto 50px}
    #expense1004 .tit h1{font-size:25px}
    #expense1004 .inner{padding:0 15px}
    #expense1004 .room_vw h2{padding:35px 0 15px}
    #expense1004 .rv_slider{margin:30px 0 0}
    #expense1004 .rv_slider .arrow{position:unset;display:block;width:auto;margin-bottom:20px;transform:none}
    #expense1004 .room_if{margin-top:50px}
    #expense1004 .room_if .txt{font-size:16px}
    #expense1004 .room_if h3{font-size:16px}
    #expense1004 .room_if .info{gap:45px}
    #expense1004 .rv_slider {margin:120px 0 0;}
    #expense1004 .check{padding:25px}
    #expense1004 .vimg{margin-top:120px;}
    #expense1004 .vimg li{height:290px}

}
@media(max-width:999px) {
    #expense1004 .rv_slider {margin:70px 0 0;}
    #expense1004 .rv_slider li {height:320px;}
    #expense1004 .rv_slider li.on {height:380px;}
    #expense1004 .r_cont {top:10.5%;width:17%;}
    #expense1004 .vimg{margin-top:90px;}
    #expense1004 .vimg ul{margin-top:30px;}
    #expense1004 .vimg li{height:210px}

}
@media(max-width:860px) {
    #expense1004 .rv_slider {margin:90px 0 0;}   
    #expense1004 .r_cont {top:11%;}
    #expense1004 .r_cont {width:17%;}
}

@media(max-width:768px){

    #expense1004{font-size:14px}
    #expense1004 .tit{margin-bottom:20px}
    #expense1004 .room_if .info{flex-direction:column}
    #expense1004 .room_if .l_cont{width:100%}
    #expense1004 .r_cont {top:10%;}
    #expense1004 .room_if .txt{font-size:15px}
    #expense1004 .rv_slider{margin:80px 0 0}
    #expense1004 .rv_slider li{width:400px;height:350px}
    #expense1004 .rv_slider li.on {height:350px;}
    #expense1004 .room_vw{padding:50px 0;background:var(--primary)}
    #expense1004 .room_vw h2{padding:0 0 15px}
    #expense1004 .room_vw p{padding:0 10px}
    #expense1004 .room_vw:after{display:none}
    #expense1004 .room_if h3{margin-bottom:5px;font-size:15px}
}
@media(max-width:680px){
    #expense1004 .r_cont {width:22%;}
    #expense1004 .vimg{margin-top:60px;}
    #expense1004 .vimg li{background:none !important; height:auto;width:calc(50% - 5px);}
    #expense1004 .vimg li:nth-child(n+3){margin-top:10px;}
    #expense1004 .vimg li img{display:block;}
}
@media(max-width:580px){
    #expense1004 .tit{margin-bottom:20px}
    #expense1004 .room_vw h2{font-size:22px}
    #expense1004 .rv_slider li{height:280px}
    #expense1004 .rv_slider li.on {height:300px;}
    #expense1004 .r_cont{width:30%;top:11%;}
}

@media(max-width:480px){
    #expense1004{margin:35px auto}
    #expense1004 .tit h1{margin-top:8px;font-size:23px}
    #expense1004 .room_vw {padding: 40px 0 60px;}
    #expense1004 .rv_slider{margin:20px}
    #expense1004 .rv_slider li{height:310px}
    #expense1004 .rv_slider li.on {height:310px;}
    #expense1004 .vimg li{background:none !important; height:auto;width:auto; float:none !important;}
    #expense1004 .vimg li:nth-child(n+2){margin-top:10px;}   
    #expense1004 .r_cont {top:23.2%;width:37%;}
}
@media(max-width:400px) {
    #expense1004 .r_cont {top:25%;}
}
@media(max-width:390px){
    #expense1004 .rv_slider li{height:270px}
    #expense1004 .rv_slider li.on {height:270px;}
    #expense1004 .r_cont {width:40%;top:23.5%;}
    #expense1004 .r_cont2 {top:24%;}
}

/* =========================== 객실 세부[e] */


/*============스페셜 페이지==================*/
#facility1005{position:relative;margin:100px auto 50px;font-size:15px;line-height:1.5;color:#777;font-family:'pretendard'}
#facility1005 .pl{white-space:pre-line}
#facility1005 *{word-break:keep-all}
#facility1005 .inner{max-width:var(--mainsize);margin:0 auto}

#facility1005 .tit{margin-bottom:50px}
#facility1005 .tit .deco{display:block;width:11px;height:11px;margin:0 auto;border-radius:5px 5px 0 0;background:var(--point)}
#facility1005 .tit h1{margin-top:15px;font-size:30px;font-weight:300;color:var(--primary);text-align:center;text-transform:uppercase;font-family:var(--k-font)}
#facility1005 .tit h1 span{color:var(--point)}
#facility1005 .cont dl{padding:10px 0 30px;color:var(--primary);text-align:center}
#facility1005 .cont dt{font-size:20px;font-weight:700}
#facility1005 .cont .img{overflow:hidden;width:90%;margin:0 auto;border-radius:20px}
#facility1005 .cont .img img{width:100%}
#facility1005 .cont .txt{position:relative;z-index:-1;margin-top:-200px;padding:250px 80px 60px;border-radius:20px;color:var(--primary);background:#f3f0eb}
#facility1005 .cont .txt p{font-size:17px;font-weight:normal;}
#facility1005 .cont .txt ul{margin-top:30px}
#facility1005 .cont .txt ul li{position:relative;line-height:1.8}
#facility1005 .cont .txt ul li:before{display:inline-block;content:'';width:3px;height:3px;margin-right:10px;border-radius:50px;vertical-align:3px;background:var(--primary)}

#facility1005 .dimg{max-width:1096px;box-sizing:border-box; margin:0 auto;margin-top:65px; position:relative; z-index:2; padding:0 20px;}
#facility1005 .dimg ul{max-width:1056px; margin:0 auto;margin-top:60px;}
#facility1005 .dimg ul:after{display:block; content:"";clear:both}
#facility1005 .dimg li{float:left;width:calc(50% - 10px); height:330px; background-size:cover !important; animation-delay:0.4s;}
#facility1005 .dimg li:nth-child(n+2){float:right; animation-delay:0.5s;}
#facility1005 .dimg .img{height:600px; background-position:right top; background-size:cover; animation-delay:0.3s;border-radius: 0 160px 0 0;}
#facility1005 .dimg li img{width:100% ; display:none;}

#facility1005 .golink{display:block;width:175px;margin:50px auto 0;padding:10px 0;border:1px solid var(--primary);border-radius:50px;font-size:15px;font-weight:400;text-align:center;color:var(--primary);text-transform:uppercase;font-family:var(--e-font);transition:all .3s}

@media(hover:hover){
    #facility1005 .golink:hover{color:#fff;background:var(--primary)}
}
@media(max-width:1250px){
    #facility1005 .dimg{margin-top:50px;}
    #facility1005 .dimg ul{margin-top:40px;}
    #facility1005 .dimg li{height:270px}

    #facility1005 .dimg .img{height:500px;border-radius: 0 130px 0 0;}
}

@media(max-width:1024px){
    #facility1005{margin:70px auto 50px}
    #facility1005 .tit h1{font-size:25px}
    #facility1005 .inner{padding:0 15px}
}
@media(max-width:999px){
    #facility1005 .dimg{margin-top:40px;}
    #facility1005 .dimg li{height:220px}
    #facility1005 .dimg .img{height:400px;border-radius: 0 100px 0 0;}
}
@media(max-width:768px){
    #facility1005{font-size:14px}
    #facility1005 .cont dl{padding:0 0 30px}
    #facility1005 .cont dt{font-size:18px}
    #facility1005 .cont .txt{margin-top:-160px;padding:200px 50px 50px}
    #facility1005 .cont .txt p{font-size:15px}
    #facility1005 .cont .txt ul{margin-top:20px}
    #facility1005 .golink{width:150px;margin:30px auto 0;font-size:13px}
}
@media(max-width:680px){
    #facility1005 .dimg{margin-top:30px;}
    #facility1005 .dimg ul{margin-top:20px;}
    #facility1005 .dimg li{float:none; width:auto; height:auto; background:none !important; height:auto;}
    #facility1005 .dimg li:nth-child(n+2){margin-top:20px; float:none;}
    #facility1005 .dimg li img{display:block;}

    #facility1005 .dimg .img{height:300px;border-radius: 0 80px 0 0;}
}
@media(max-width:580px){
    #facility1005 .tit{margin-bottom:20px}
    #facility1005 .cont .txt{margin-top:-100px;padding:130px 30px 30px}
}
@media(max-width:480px){
    #facility1005{margin:35px auto}
    #facility1005 .tit h1{margin-top:8px;font-size:23px}
    #facility1005 .cont dt{font-size:16px}
    #facility1005 .dimg .img{height:200px;border-radius: 0 60px 0 0;}

}
@media(max-width:390px){
    #facility1005 .cont dt{margin-bottom:0}
    #facility1005 .cont .txt{margin-top:-65px;padding:95px 30px 30px}
    #facility1005 .cont .txt p{font-size:14px}
}



/*============예약안내 페이지==================*/
/* 반응형[s] */
/* =========================== PAGE */
#reserve{position:relative;margin:100px auto 0;font-size:15px;line-height:1.5;color:#777;font-family:'pretendard'}
#reserve .pl{white-space:pre-line}
#reserve *{word-break:keep-all}
#reserve .inner{max-width:var(--mainsize);margin:0 auto;padding:100px 0}

#reserve .tit{margin-bottom:50px}
#reserve .tit .deco{display:block;width:11px;height:11px;margin:0 auto;border-radius:5px 5px 0 0;background:var(--point)}
#reserve .tit h1{margin-top:15px;font-size:30px;font-weight:300;color:var(--primary);text-align:center;text-transform:uppercase;font-family:var(--e-font)}
#reserve .tit h1 span{color:var(--point)}

#reserve .cost{margin:45px 0;padding:45px 0;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
#reserve .cost li{display:block;justify-content:space-between}
#reserve .cost li+li{margin-top:30px}
#reserve .cost li p{font-weight:700}
#reserve .cost li .tbl_area{width:85%;border:1px solid #e1e1e1;font-size:14px;text-align:center}
#reserve .cost li .tbl_area table{width:100%}
#reserve .cost li .tbl_area table *{padding:5px;font-weight:500}
#reserve .cost li .tbl_area th{width:33.33%;background:#f3f0eb}
#reserve .cost li .tbl_area th+th{border-left:1px solid #e1e1e1}
#reserve .cost li .tbl_area td+td{border-left:1px solid #e1e1e1}

#reserve .r_cont{width:100%;position:relative;}
#reserve .golink{position: absolute; top:5%;left: 43%;width: 13%;}
#reserve .golink a{display:block;height:100%;;padding:8px 0;border:1px solid var(--primary);border-radius:50px;font-size:15px;font-weight:400;color:var(--primary);text-align:center;text-transform:uppercase;font-family:var(--k-font);transition:all .3s}
#reserve .check{padding:40px;border-radius:13px;background:#f3f0eb;margin-top:130px;}
#reserve .check div+div{margin-top:30px}

@media(hover:hover){
    #reserve .golink a:hover{border:1px solid var(--point);color:#fff;background:var(--point)}
    #reserve .rv_slider .arrow span:hover{opacity:1}
}

@media(max-width:1024px){
    #reserve{margin:70px auto 50px}
    #reserve .tit h1{font-size:25px}
    #reserve .inner{padding:0 15px}
    #reserve .room_vw h2{padding:35px 0 15px}
    #reserve .rv_slider{margin:30px 0 0}
    #reserve .rv_slider .arrow{position:unset;display:block;width:auto;margin-bottom:20px;transform:none}
    #reserve .room_if{margin-top:50px}
    #reserve .room_if .txt{font-size:16px}
    #reserve .room_if h3{font-size:16px}
    #reserve .room_if .info{gap:45px}
    #reserve .golink {top:21%;}
    #reserve .check{padding:25px}
    #reserve .vimg{margin-top:120px;}
    #reserve .vimg li{height:290px}


}
@media(max-width:999px) {
    #reserve .golink { width: 20%;left: 40%;top: 5%;}
}
@media(max-width:768px){
    #reserve{font-size:14px}
    #reserve .tit{margin-bottom:20px}
}

@media(max-width:480px){
    #reserve .golink {width:40%;left:29%;top:4%;}
}
@media(max-width:375px){
    #reserve .golink {width: 37%;top: 4%;}
}
@media(max-width:350px){
    #reserve .golink {width: 45%;top: 3.5%;;left:28%}
    #reserve .check {margin-top:95px;}
}



/*============주변여행지 페이지==================*/
#facility1004{position:relative;margin:100px auto 0;font-size:15px;line-height:1.5;color:#777;font-family:'pretendard'}
#facility1004 .pl{white-space:pre-line}
#facility1004 *{word-break:keep-all}
#facility1004 .inner{max-width:var(--mainsize);margin:0 auto}

#facility1004 .tit{margin-bottom:50px}
#facility1004 .tit .deco{display:block;width:11px;height:11px;margin:0 auto;border-radius:5px 5px 0 0;background:var(--point)}
#facility1004 .tit h1{margin-top:15px;font-size:30px;font-weight:300;color:var(--primary);text-align:center;text-transform:uppercase;font-family:var(--e-font)}
#facility1004 .tit h1 span{color:var(--point)}
#facility1004 .cont{position:relative;padding-bottom:50px}
#facility1004 .cont ul{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;text-align:center}
#facility1004 .cont {color:#fff}
#facility1004 .cont .img{overflow:hidden;position:relative;border-radius:13px;transition:all .3s}
#facility1004 .cont .img img{width:100%}
#facility1004 .cont .img .more{position:absolute;opacity:0;z-index:10;top:55%;left:50%;display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50px;color:#fff;background:rgba(0,0,0,.7);transform:translate(-50%, -50%);transition:all .3s}
#facility1004 .cont .img:after{position:absolute;content:'';top:0;left:0;width:100%;height:100%;opacity:0;background:rgba(0,0,0,.3)}
#facility1004 .cont dl{margin-top:-10px;padding:35px 30px 30px;border-radius:0 0 13px 13px;color:var(--primary);background:#f3f0eb;transition:all .3s}
#facility1004 .cont dt{margin-bottom:3px;font-size:20px;font-weight:700}

@media(hover:hover){
    #facility1004 .cont a:hover .img .more{opacity:1;top:50%}
    #facility1004 .cont a:hover .img:after{opacity:1}
    #facility1004 .cont a:hover dl{color:#fff;background:var(--primary)}
}

@media(max-width:1024px){
    #facility1004{margin:70px auto 0}
    #facility1004 .tit h1{font-size:25px}
    #facility1004 .inner{padding:0 15px}
}
@media(max-width:768px){
    #facility1004{font-size:14px}
    #facility1004 .cont a dt{font-size:18px}
}
@media(max-width:580px){
    #facility1004 .tit{margin-bottom:20px}
}
@media(max-width:480px){
    #facility1004{margin:35px auto 0}
    #facility1004 .tit h1{margin-top:8px;font-size:23px}
    #facility1004 .cont ul{grid-template-columns:repeat(1,1fr);gap:20px}
    #facility1004 .cont a dl{padding:25px 30px 15px}
    #facility1004 .cont a dt{font-size:16px}
}
@media(max-width:390px){
    #facility1004 .cont a dt{margin-bottom:0}
}


/*============오시는길 페이지==================*/
/* 반응형[s] */
/* =========================== PAGE */
#traffic{position:relative;margin:100px auto 0;font-size:15px;line-height:1.5;color:#777;font-family:'pretendard'}
#traffic .pl{white-space:pre-line}
#traffic *{word-break:keep-all}
#traffic .inner{max-width:var(--mainsize);margin:0 auto;padding:100px 0}

#traffic .tit{margin-bottom:50px}
#traffic .tit .deco{display:block;width:11px;height:11px;margin:0 auto;border-radius:5px 5px 0 0;background:var(--point)}
#traffic .tit h1{margin-top:15px;font-size:30px;font-weight:300;color:var(--primary);text-align:center;text-transform:uppercase;font-family:var(--e-font)}
#traffic .tit h1 span{color:var(--point)}

#traffic .cost{margin:45px 0;padding:45px 0;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
#traffic .cost li{display:block;justify-content:space-between}
#traffic .cost li+li{margin-top:30px}
#traffic .cost li p{font-weight:700}
#traffic .cost li .tbl_area{width:85%;border:1px solid #e1e1e1;font-size:14px;text-align:center}
#traffic .cost li .tbl_area table{width:100%}
#traffic .cost li .tbl_area table *{padding:5px;font-weight:500}
#traffic .cost li .tbl_area th{width:33.33%;background:#f3f0eb}
#traffic .cost li .tbl_area th+th{border-left:1px solid #e1e1e1}
#traffic .cost li .tbl_area td+td{border-left:1px solid #e1e1e1}

#traffic .r_cont{width:100%}
#traffic .golink{margin-bottom:20px}
#traffic .golink li+li{margin-top:10px}
#traffic .golink li a{display:block;height:100%;padding:8px 0;border:1px solid var(--primary);border-radius:50px;font-size:15px;font-weight:400;color:var(--primary);text-align:center;text-transform:uppercase;font-family:var(--e-font);transition:all .3s}
#traffic .check{padding:40px;border-radius:13px;background:#f3f0eb}
#traffic .check div+div{margin-top:30px}

@media(hover:hover){
    #traffic .golink li a:hover{border:1px solid var(--point);color:#fff;background:var(--point)}
    #traffic .rv_slider .arrow span:hover{opacity:1}
}

@media(max-width:1024px){
    #traffic{margin:70px auto 50px}
    #traffic .tit h1{font-size:25px}
    #traffic .inner{padding:0 15px}
    #traffic .room_vw h2{padding:35px 0 15px}
    #traffic .rv_slider{margin:30px 0 0}
    #traffic .rv_slider .arrow{position:unset;display:block;width:auto;margin-bottom:20px;transform:none}
    #traffic .room_if{margin-top:50px}
    #traffic .room_if .txt{font-size:16px}
    #traffic .room_if h3{font-size:16px}
    #traffic .room_if .info{gap:45px}
    #traffic .check{padding:25px}
    #traffic .vimg{margin-top:120px;}
    #traffic .vimg li{height:290px}


}
@media(max-width:999px) {
    #traffic .vimg{margin-top:90px;}
    #traffic .vimg ul{margin-top:30px;}
    #traffic .vimg li{height:210px}
}
@media(max-width:768px){
    #traffic{font-size:14px}
    #traffic .tit{margin-bottom:20px}
    #traffic .room_if .info{flex-direction:column}
    #traffic .room_if .l_cont{width:100%}
    #traffic .r_cont{width:100%}
    #traffic .room_if .txt{font-size:15px}
    #traffic .rv_slider{margin:20px 0 0}
    #traffic .rv_slider li{width:400px;height:350px}
    #traffic .room_vw{padding:50px 0;background:var(--primary)}
    #traffic .room_vw h2{padding:0 0 15px}
    #traffic .room_vw p{padding:0 10px}
    #traffic .room_vw:after{display:none}
    #traffic .room_if h3{margin-bottom:5px;font-size:15px}
}
@media(max-width:680px){
    #traffic .vimg{margin-top:60px;}
    #traffic .vimg li{background:none !important; height:auto;width:calc(50% - 5px);}
    #traffic .vimg li:nth-child(n+3){margin-top:10px;}
    #traffic .vimg li img{display:block;}
}
@media(max-width:580px){
    #traffic .tit{margin-bottom:20px}
    #traffic .room_vw h2{font-size:22px}
    #traffic .rv_slider li{width:350px}
}
@media(max-width:480px){
    .preview {padding-top: 35px;}
    #traffic{margin:35px auto}
    #traffic .tit h1{margin-top:8px;font-size:23px}
    #traffic .rv_slider{margin:20px}
    #traffic .rv_slider li{width:100%;height:auto;border-radius:300px 300px 0 0}
    #traffic .rv_slider li img{width:100%}    
    #traffic .vimg li{background:none !important; height:auto;width:auto; float:none !important;}
    #traffic .vimg li:nth-child(n+2){margin-top:10px;}
}
@media(max-width:390px){
}

/* ======================================================
map
=========================================================*/
.map_wrap {}
.map_wrap .map_inner {position:relative;overflow:hidden;}
.map_wrap .root_daum_roughmap {width:100% !important;padding-bottom:50px;}
.root_daum_roughmap .cont .section.lst {display:none;}



/* ======================================================
#price_table
=========================================================*/

.table_default {border-collapse:collapse;border-top:2px solid #786659;border-bottom:2px solid #ddd;table-layout:fixed; padding-top:100px;}
.table_default tr {}
.table_default th,
.table_default td {font-size:14px;letter-spacing:-.3px;padding: 10px 5px;color:#888;word-break:break-all;transition:all .2s;vertical-align:middle;text-align:center;box-sizing:border-box;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background:#fff;}
.table_default strong {font-weight:600;color:#333;}
.table_default .bg {background:#fafafa;}
.table_default tr:hover td {color:#333;}
.table_default thead th:last-of-type, 
.table_default tbody td:last-of-type {border-right:0;}
.table_default tbody td:nth-of-type(1) {color:#333;}
.table_text {font-size:13px;padding:20px 15px;color:#666;}
.table_text li {line-height:1.5;color:#666;font-size:inherit;}
.table_text li:before {content:'';display:inline-block;vertical-align:middle;width:2px;height:2px;background:#666;border-radius:100%;margin-right:5px;}
.table_text li + li {margin-top:5px;}
.table_text li.point {color:#b00;}
.table_text li.point:before {display:none;}
.table_text strong {font-weight:600;font-size:inherit;}


@media only screen and (max-width:1450px) {
    .table_default th,
    .table_default td {font-size:13px;}
}
@media only screen and (max-width:1200px) {
   
}
@media only screen and (max-width:1023px) {
    /* 서브 테이블 */
    .table_wrap {padding-top:70px;}
    .table_wrap.for_pc {display:none;}
    .table_wrap.for_m {display:block;}
    .table_wrap.for_m .table_default thead th {background:#fafafa;}
   
    .table_wrap .btn_wrap {}
}
@media only screen and (max-width:860px) {
    .table_default th,
    .table_default td {}
    
    .table_default tbody td:nth-of-type(1) {font-size:13px;}
    .table_wrap .btn_wrap {}
    .btn_wrap .btn_reserve {font-size:14px;}
}
@media only screen and (max-width:767px) {
}
@media only screen and (max-width:640px) {
    .table_wrap {padding-top:59px;}
    .table_wrap .title_box {margin-bottom:32px;}
    .table_default {border:1px solid #ddd;border-top:2px solid #786659;}
    .table_default th {background:#f8f8f8;font-weight:600;color:#333;}
    .table_default tbody td {font-size:12px;color:#888;}
    .table_default thead th,
    .table_default tbody td,
    .table_default thead th:nth-of-type(2),
    .table_default tbody td:nth-of-type(2),
    .table_default thead th:nth-of-type(3),
    .table_default tbody td:nth-of-type(3),
    .table_default thead th:nth-of-type(4), 
    .table_default tbody td:nth-of-type(4) {width:100%;}
    .table_wrap .btn_wrap:before {height:1px;}
    .table_wrap .btn_wrap .btn_reserve {box-shadow:0px 10px 0px 10px #fff;}
}
@media only screen and (max-width:479px) {
    .table_default th,
    .table_default td {font-size:12px;}
    .table_default thead th:nth-of-type(1),
    .table_default tbody td:nth-of-type(1) {width:100px;}
    .table_default tbody tr td span{font-size:12px; color:#888;}
}
@media only screen and (max-width:350px) {
}