@charset "utf-8";

/* main ---------------- */
.main_title{font-family: var(--en-serif); font-size: var(--size-36); color: #fff; text-align: center;}
.btn_style1{display:inline-flex; color:#fff; font-size: 1rem; font-weight: 300; min-width: 135px;padding: 8px 30px 8px 20px; justify-content: center; align-items:center; border-radius: 30px;background: rgba(255, 255, 255, 0.20) url(../img/content/main/btn_more.png) no-repeat 95% center ;backdrop-filter: blur(3.5px);}
#fullpage .section:not(.main_sec06){width: 100%; height:100dvh;}
#fullpage  .main_sec, .fp-scroller{width: 100%; height:100dvh;}
@media only all and (max-width:720px){
	.moblie_wrap .section:not(.main_sec02, .main_sec04, .main_sec06),
	.moblie_wrap .main_sec{height:700px; align-content: center;}
}

/*sec01*/
.main_sec01{align-content: center; position: relative;}
.main_slogan{color:#fff;   display: flex; justify-content: center; column-gap: 15px; align-items: center; margin:0 auto; position: absolute; inset: 0; z-index: 2;}
.main_slogan h2{ font-size:var(--size-26); font-family: var(--en-serif); }
.main_sec01 .video_bg:before{display: inline-block; content:""; position: absolute; inset: 0; z-index: 1; background:#00000020; width: 100%; height:100%;}
.main_sec01 .video_bg {width: 100%; height:100%; position: relative;}
.main_sec01 .video_bg video{width: 100%; height:100%; object-fit: cover;}
.main_sec01 .video_bg video[poster]{height:100%; width:100%;}
/*스크롤 아이콘*/
.scroll-down {position: absolute;transform: translate(-50%,0%);text-align:center;z-index: 5;color: #d9d9d9; left:50%; bottom:10%;}
.scroll-down p {/*writing-mode: vertical-rl;*/ font-size: 12px;margin-bottom: 10px;letter-spacing: 0;text-transform: uppercase;}
.scroll_down span { display:block; position:relative; width:20px; height:30px; border:2px solid #d9d9d9; border-radius:50px; box-sizing:border-box; margin:0 auto; }
.scroll_down span:before { content:''; display:block; position:absolute; top:2px; left:50%; width:4px; height:4px; border-radius:50%; background:#d9d9d9; transform:translateX(-50%); box-sizing:border-box; -webkit-animation:scroll 1.5s infinite; animation:scroll 1.5s infinite; }
.scroll_down span { display:block; position:relative; width:20px; height:30px; border:2px solid #d9d9d9; border-radius:50px; box-sizing:border-box; margin:0 auto; }
.scroll_down span:before { content:''; display:block; position:absolute; top:2px; left:50%; width:4px; height:4px; border-radius:50%; background:#d9d9d9; transform:translateX(-50%); box-sizing:border-box; -webkit-animation:scroll 1.5s infinite; animation:scroll 1.5s infinite; }
@media only all and (max-width:720px){
	.main_slogan{flex-flow:column;}
	.main_slogan h2{font-size:var(--size-24); text-align: center; order:2;}
	.main_slogan img{width:80px; order:1;}
}
@-webkit-keyframes scroll {
    0% { -webkit-transform:translate(-50%, 0); opacity:0; }
    40% { opacity:1; }
    80% { -webkit-transform:translate(-50%, 20px); opacity:0; }
    100% { opacity:0; }
}
@keyframes scroll {
    0% { transform:translate(-50%, 0); opacity:0; }
    40% { opacity:1; }
    80% { transform:translate(-50%, 20px); opacity:0; }
    100% { opacity:0; }
}


/*sec02_room*/
.main_sec02{background: #000; align-content: center; position: relative;}
.introSwiper {width:100%; height:100%; }
.intro_btn_wrap{position: relative; display: flex; column-gap: 5px; 
	& .swiper-button-next, .swiper-button-prev{position: static;  height:42px; width:42px; }
	& .swiper-button-next:after, .swiper-button-prev:after{display: none;}
	& .swiper-button-next:before, .swiper-button-prev:before{display: inline-block; content:""; height:42px; width:42px; }
	& .swiper-button-next:before{Background:url(../img/content/main/btn_next.png) no-repeat center /contain ; }
	& .swiper-button-prev:before{Background:url(../img/content/main/btn_prev.png) no-repeat center /contain ; }
}
.textSwiper .swiper-slide,
.introSwiper .swiper-slide{height:100%;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.introSwiper div[class*="intro_bg"]{width:100%; height:100dvh; position:absolute;left:0;top:0;z-index:-1; }
.introSwiper .intro_bg1{background:url(../img/content/main/sec02_room1.jpg) no-repeat center / cover;}
.introSwiper .intro_bg2{background:url(../img/content/main/sec02_room2.jpg) no-repeat center / cover;}
.introSwiper .intro_bg3{background:url(../img/content/main/sec02_room3.jpg) no-repeat center / cover;}

/*text slide*/
.textSwiper{position: absolute; max-width:400px; margin:auto; transform: translateY(-50%); top:50%; left:10%; z-index: 100;
            color: #fff; background: rgba(169, 143, 94, 0.90); backdrop-filter: blur(5px); padding:60px 40px; box-sizing: border-box; }
.intro_detail{margin-top:2vmin;}
.intro_detail .tit{font-family: var(--en-serif);}
.intro_detail .tit span{color:#DDB928;}
.intro_detail .tit h2{font-size: var(--size-36); line-height: 1;}
.intro_detail ul{font-size:1rem; margin:15px 0 20px; }
.intro_detail ul li span{opacity: 0.7;}
@media only all and (max-width:720px){
	.introSwiper div[class*="intro_bg"]{height:100%;}
	.textSwiper{max-width:300px; padding:40px; backdrop-filter: blur(0); background:rgba(169, 143, 94, 0.9); left:50%; transform: translate(-50%, -50%); }
	.textSwiper .intro_detail{text-align: center;}
}

/*sec03*/
.main_sec03{background:url(../img/content/main/sec03_bg.jpg) no-repeat center / cover; position: relative;}
.main_sec03 .fp-tableCell{align-content: center;}
.deluxSwiper{/*max-width:1600px; display: grid; grid-template-columns: 20% 80%;*/ width:100%; margin:0 auto; align-items: center; }
.deluxSwiper .swiper-slide{width:auto!important; display: flex; justify-content:center; align-items: center; box-shadow: none;}
.deluxSwiper .swiper-slide .delux_img img{width: 100%;}
.main_sec03 .intro_detail {color:#fff; text-align: center; margin-bottom:35px;}
.main_sec03 .intro_detail h2{font-size:var(--size-40); line-height: 1.2; text-transform: uppercase;}
.main_sec03 .intro_detail p{margin:15px 0 20px; opacity: 0.7;}
@media only all and (max-width:720px){
	.main_sec03:before{display: inline-block; content:""; position: absolute; inset:0; width:100%; height:100%; background-color: #00000080;}
	.deluxSwiper{width:90%; margin:0 auto;}
	.deluxSwiper .swiper-slide{width: 100%!important;}
}


/*sec04*/
.main_mice_grid{height: 100dvh; display: grid; grid-template-columns: repeat(4, 1fr); overflow: hidden;}
.main_mice_grid .main_mice{width: 100%; height:100dvh; position: relative; overflow: hidden;}
.main_mice_grid .main_mice a{display: inline-block; width: 100%; height:100%;}
.main_mice_grid .main_mice:before{display: inline-block; content:""; height:100%; width:100%; position: absolute; inset: 0; z-index:1; background:#00000070; transition: all 0.4s ease;}
.main_mice_grid .main_mice:after{ position: absolute; bottom:0; left:0; display: inline-block; content:""; height:0; width:100%; background: linear-gradient(to bottom, #A98F5E00 , #A98F5E 90%); }

.main_mice_grid .main_mice.mice1{background:url(../img/content/main/sec04_bg1.jpg) no-repeat center /cover; }
.main_mice_grid .main_mice.mice2{background:url(../img/content/main/sec04_bg2.jpg) no-repeat center /cover;}
.main_mice_grid .main_mice.mice3{background:url(../img/content/main/sec04_bg3.jpg) no-repeat center /cover;}
.main_mice_grid .main_mice.mice4{background:url(../img/content/main/sec04_bg4.jpg) no-repeat center /cover;}
.main_mice_txt{position: absolute; align-content: flex-end; z-index: 10;  bottom:0;  left:0; right:0; margin:0 auto;  height: 100%; padding-bottom:10vmin; color:#fff; opacity: 0.4; transition: all 0.4s ease; text-align: center;}
.main_mice_txt sup{font-family:var(--en-serif);  }
.main_mice_txt h3{font-size:var(--size-36); font-family:var(--en-serif); margin-top:-20px;}
.main_mice_txt .hover_up{ margin-top:5px;}
.main_mice_txt .hover_up p, 
.main_mice_txt .hover_up .btn_style1{opacity: 0;}
.main_mice_txt .btn_style1{margin-top:15px;}

.main_mice_grid .main_mice.active:before,
.main_mice_grid .main_mice:hover:before{opacity: 0;}
.main_mice_grid .main_mice.active:after,
.main_mice_grid .main_mice:hover:after{animation:slideUp 0.4s ease forwards;}
.main_mice_grid .main_mice.active .main_mice_txt,
.main_mice_grid .main_mice:hover .main_mice_txt{opacity: 1;}
.main_mice_grid .main_mice.active .hover_up p,
.main_mice_grid .main_mice:hover .hover_up p{animation:hoverUp 0.6s ease forwards ;}
.main_mice_grid .main_mice.active .hover_up .btn_style1,
.main_mice_grid .main_mice:hover .hover_up .btn_style1{animation:hoverUp 0.7s 0.1s ease forwards ;}
@keyframes slideUp{
	0%{height:0;}
	100%{height:55%;}
}
@keyframes hoverUp{
	0%{opacity:0; transform:translateY(20px);}
	100%{opacity:1; transform:translateY(0px);}
}
@media only all and (max-width:1400px){
	.main_mice_grid{display: grid; grid-template-columns: repeat(2, 1fr);  grid-template-rows: repeat(2, 1fr); }
	.main_mice_grid .main_mice{height:100%;}
}
@media only all and (max-width:720px){
	.main_mice_grid{height:450px; }
	.main_mice_grid .main_mice:after{background:#A98F5E;}
	.main_mice_txt{padding-bottom:0; align-content: center;}
	.main_mice_txt .btn_style1{display: none;}
	@keyframes slideUp{
		0%{height:0;}
		100%{height:100%;}
	}
}


/*sec05*/
.main_sec05{background:url(../img/content/main/sec05_bg.jpg) no-repeat center / cover; }
.main_sec05 .fp-tableCell{align-content: center;}
.notiSwiper{margin-top:4vmin;}
.notiSwiper .swiper-slide a{min-height:230px; transition: all 0.4s ease; display: inline-block; color:#fff; background:#ffffff30; backdrop-filter: blur(5px); padding:40px;}
.notiSwiper .swiper-slide-active a,
.notiSwiper .swiper-slide:hover a{background: rgba(169, 143, 94, 0.80); backdrop-filter: blur(7.5px);}
.noti_date{display: inline-block; font-family: var(--kr-serif); font-size:var(--size-14);  opacity: 0.9; margin-bottom:3vmin;}
.noti_txt h4{font-family: var(--kr-serif); font-size:var(--size-22); margin-bottom:15px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.noti_txt p{font-weight: 400; font-size:1rem; opacity: 0.8; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.noti_btn_wrap{text-align: center; margin-top:7vmin;}
@media (max-width:740px){
	.notiSwiper .swiper-slide a{min-height:200px;}
}


/*foot_map*/
.main_sec06.fp-auto-height,
.main_sec06.fp-auto-height .fp-tableCell {
    height: auto !important;
    min-height: 0 !important;
}
.foot_map_container{display: grid; grid-template-columns: 50% 50%;}
.foot_map_info{background: #A98D58; height:100%; align-content: center;}
.foot_map_inner{box-sizing: border-box; display: flex; align-items: flex-end; justify-content: space-between; max-width:720px; width:100%; padding-left:80px;}
.foot_map_contact h5{font-family: var(--en-serif); font-size:var(--size-26); color:#fff; margin-bottom:15px;}
.foot_map_contact dl{display: flex; align-items: flex-start;gap: 5px;}
.foot_map_contact dt{color: #E3C691; margin-right:7px;}
.foot_map_contact dd{color:#fff;}
@media only all and (max-width:1450px){
	.foot_map_inner{flex-flow:column wrap; padding-left:0; padding: 20px ; align-items: flex-start;}
}
@media only all and (max-width:880px){
	.foot_map_inner{max-width:100%; align-items: center; text-align: center;}
	.foot_map_container{ display: flex; flex-flow:column wrap; align-items: center;}
	.foot_map_container li{width:100%;}
	#section6 .footDiv{display: none;}
}
@media only all and (max-width:740px){
	.foot_map_info .btn_style1{display: none;}
}



/* sub ---------------- */
.con_2box{display: grid; grid-template-columns: repeat(2, 1fr);}
.con_3box{display: grid; grid-template-columns: repeat(3, 1fr);}
.con_4box{display: grid; grid-template-columns: repeat(4, 1fr);}
.con_col{display: grid;  grid-template-columns: 15% auto;}
ul.con_2box:after, ul.con_3box:after, ul.con_4box:after{display: none;} 

.intro_title { font-size:var(--size-34);  word-break: keep-all; line-height: 1.4; font-family: 'BookkMyungjo', serif; font-weight:600; margin-bottom:24px; /*color:#73574a;*/}
.intro_desc { color:#555; font-size:var(--size-20); word-break: keep-all; line-height: 1.7;}

.sub_h3{ font-size:var(--size-34); font-family: var(--en-serif);}
.sub_h4{ font-size:var(--size-28);}
.sub_h5{ font-size:var(--size-24); font-weight:400; /*color:#7b7b7b;*/}
.sub_h6 { font-size:var(--size-20);}
.sub_txt p{color:#696969; line-height: 1.7;}
.sub_txt p+p{margin-top:20px;} 
.btn_link{display: inline-block; padding:10px 3rem; background:#222; color:#fff; border-radius: 30px;}
.btn_link2{display: inline-block; color:#222; font-size:var(--size-14); padding:3px 2rem 3px 1rem; background:#e8e8e8 url(../img/content/sub/ic_link2.png) no-repeat 85% center ; border-radius: 20px;}
@media (max-width:1024px){
	.con_3box,.con_4box{grid-template-columns: repeat(2, 1fr);}
	.br_m{display: none}
}
@media (max-width:740px){
	.con_2box, .con_3box, .con_4box, .con_col{grid-template-columns: repeat(1, 1fr);}
}


/*sub43_히스토리*/
.sub43{margin:100px auto; max-width:1600px; width:98%;}
.sub43 .con_3box {column-gap: 10px;}
.sub43 .con_3box img{object-fit: cover; width:100%;}
.sub43_bottom{text-align: center; margin-top:180px;}
.sub43_bottom .sub_txt{font-size:var(--size-22); font-weight: 300;}
.sub43_bottom_img{width: 100%; margin-top:150px;}
@media (max-width:1024px){
	.sub43 .con_3box{grid-template-columns: repeat(3, 1fr)!important;}
	.sub43_bottom{margin-top:100px;}
}
@media (max-width:740px){
	.sub43{margin:60px auto;}
	.sub43_bottom{margin-top:70px;}
}


/*sub44_인사말*/
.greeting{text-align: center; margin:80px auto;}
.greeting .sub_txt p{white-space: pre-line;}
.greeting .sub_txt p+p{margin-top:0;}
.greeting .sign{font-weight:700; color:#806f68; font-size:var(--size-22); font-family: var(--en-serif);}


/*sub45_경영철학*/
.vision .con_2box{ align-items: center;}
.vision .txt{padding:0px 100px; word-break: keep-all;}
.vision .txt.left{padding:0 100px 0 0;}
.txt_sub dt{font-size: var(--size-22); }
.txt_sub dd{ font-size: var(--size-18); font-family: var(--en-serif); color:#b6b6b6;}
@media (max-width:740px){
	.vision .txt{order:1; padding:0;}
	.vision .txt.left{padding:0;}
	.vision .img{order:2; margin:20px 0 40px;}
	.mt50{margin-top:10px!important;}
}

/*sub46_로케이션*/
.location_wrap{margin:8vmin auto; max-width:1600px; width:98%; overflow: hidden;}
.location_border{padding:10vmin 0 8vmin; width:100%;}
.location_border hr{height:1px; background:#ddd; border:0;}
.location div[class*="box"]{column-gap:1%;}
.location .img_grid{display: grid; grid-template-columns: 1fr 2fr 1fr; column-gap: 15px;}
.location .img_grid img{height: 100%; width: 100%; object-fit: cover;}
.location_video_wrap{ background:#F6F4F1; padding:6vmin 0 8vmin;}
.location_video_list{max-width:1800px; width:95%; margin:0 auto; column-gap:1%;}
.location_video_item{margin-top:7%; border-radius:10px; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,0.05);}
.location_video_list iframe{width:500px; max-width:100%; aspect-ratio: 560 / 315;}
.location_video{background:#fff;}
.location_video_txt{background:#fff; padding:16px 2.5vmin 24px ; display:flex; flex-flow:row nowrap; align-items:center; justify-content:space-between; }
.location_video_txt h4{font-size:var(--size-18); font-family: var(--kr-serif);}
.location_video_txt a{font-size:var(--size-14); display:inline-block; padding:6px 2vmin 6px 3vmin; background:#ebe6de url(../img/content/sub/sub46_video_ic.jpg) no-repeat center left 14% ; color:#444; border-radius:20px;}
.location_slider{background:url(../img/content/sub/sub46_video_bg.jpg) no-repeat center right / cover; padding:10vmin 0;}
.locaSwiper{max-width:1600px; width:95%; margin:0 auto; padding-bottom:5vmin;}
.locaSwiper .swiper-pagination{top:auto; bottom:0;}
.locaSwiper .swiper-pagination{top:auto;bottom:0;background: #ffffff20;border-radius: 10px;overflow: hidden;width: 80%;margin: 0 auto;text-align: center;left: 0;right: 0;}
.locaSwiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--point-color);}
@media (max-width:1300px){
	.location_video_wrap .con_4box {grid-template-columns:repeat(3, 1fr);}
}
@media (max-width:1024px){
	.location .con_3box {grid-template-columns:repeat(3, 1fr); }
	.location_video_wrap .con_4box {grid-template-columns:repeat(2, 1fr);}
	.location_video_txt{flex-flow:column wrap; padding:1vmin 2.5vmin 3vmin;}
	.location_video_txt a{padding:6px 0; text-align: center; width:100%; background:#ebe6de;}
}
@media (max-width:740px){
	.location{margin:0;}
	.location_video_wrap .con_4box {grid-template-columns:repeat(1, 1fr);}
	
}

/*sub47_mice*/
.mice_title .sub_txt{display: flex; justify-content: space-between; align-items: center;}
.mice_container .roomSwiper{height:800px; margin:30px auto 100px;}
.roomSwiper2, .weddingSwiper{height:800px; width:100%; margin:30px auto 0; }
/* 슬라이드에 썸네일 이용시*/
.thumbSwiper{margin-bottom:5vmin;}
.thumbSwiper, .thumbWedding{height: 20%; box-sizing: border-box; padding: 10px 0; }
.thumbSwiper .swiper-slide,
.thumbWedding .swiper-slide{width: 25%; height: 100%;opacity: 0.4;}
.thumbSwiper .swiper-slide-thumb-active,
.thumbWedding .swiper-slide-thumb-active{opacity: 1;}
@media (max-width:1024px){
	.mice_title .sub_txt{flex-flow:column wrap; gap:10px; align-items: flex-start;}
	.mice_container .roomSwiper, .roomSwiper2, .weddingSwiper{height:auto;}
}

/*sub50_event*/
.event_grid{margin-bottom: 8vmin;}
.event_grid .con_3box{margin-top:40px; column-gap: 1.5%;}
.event_grid .con_3box li{background:#FAF9F6; padding:60px 60px 50px;}
.event_grid .con_3box li h3{font-size:var(--size-28); font-weight:700; font-family: var(--kr-serif); margin:15px 0 10px;}
.event_grid .con_3box li p span{color:#222; font-weight:600; font-size:var(--size-22);}
.wedding_wrap{background:#F6F4F1; padding:5vmin 0 4vmin;}
.wedding_video{width:100%; aspect-ratio:16 / 9;}
@media (max-width:740px){
	.event_grid .con_3box li+li{margin-top:10px;}
	.event_grid .con_3box li{padding:5vmin;}
	.event_grid .con_3box li img{width:48px;}
}

/*sub51_영빈관 히스토리*/
.deluxTit_wrap{position:absolute; z-index: 99 ;width:1600px; margin:0 auto; left:calc( (100% - 1600px) / 2); top:50%; transform: translateY(-50%);}
.deluxTit_wrap dd{margin-top:20px; }
.deluxTit_wrap h1{line-height: 1.2; color:#fff; font-size: clamp(2.8rem, 4vw, 3.2rem); font-family: var(--kr-serif);}
.deluxTit_wrap h1 span{font-size:var(--size-30); color:#cfb878; display: inline-block; margin-left:3px;}
.deluxTit_wrap h5{line-height: 1.5; color:#fff; font-family: var(--kr-serif); font-weight: 700;}
.deluxTit_wrap p{margin-top:30px; line-height: 1.6; font-size:var(--size-18); color:rgba(255, 255, 255, 0.5); }
.delux_btn{margin-top:5vmin; padding:10px 4rem; color:#fff; border:1px solid #fff; border-radius: 30px; display: inline-block; }

.deluxBg:before{display: inline-block; content:""; width:100%; height:100%; background:linear-gradient(90deg, #00000080 , transparent); position: absolute; z-index: 10000; inset: 0; }
.deluxBg {width: 100%; height:100dvh; padding-top: 0;display: block;	position: relative;	overflow: hidden;	z-index: 0; background:#000;}
.deluxBg .page{position: relative; left:0!important;}
.deluxBg .bg{width:100%; height:100dvh;  position: absolute; left:0; top:0; z-index: -1; background-repeat: no-repeat; background-position: 50% 50%; background-size:cover;
	transition: transform 7s ease-out, opacity 1s 0.3s; transform: scale(1.2); 
}
.deluxBg.ani .page.slick-active .bg{ transform: scale(1) rotate(0.001deg);}
@media (max-width:1600px){
	.deluxTit_wrap{left:5%;  width:95%; }
}

/*sub52_영빈관*/
.deluxe_list li{background:#FAF9F6; padding:50px;}
/*.deluxe_list li+li{margin-top:100px;}*/
.detail_list.deluxe_list{column-gap: 3%;}
.deluxe_sign .sign_txt{margin-bottom:25px; border-left:3px solid #cda864; padding-left:15px;}
.deluxe_sign .sign_txt dt{font-size:var(--size-28);}

/*room_overview*/
.room_overview_container{height: 100dvh; width:100%; background: #000;}
.room_overview_container ul{width: 100%; display: flex; flex-flow:row nowrap;}
.room_overview_container ul:hover li {width:20%; flex: 2 1 0;}
.room_overview_container ul li:hover {width:60%; z-index:2; flex: 6 1 0;}
.room_overview .overview_bg{width: 100%; height:100%;}
.room_overview .overview_bg img{width: 100%; height:100%; object-fit: cover; }
.room_overview{align-content: center; flex: 1 1 0;  min-width: 0; overflow: hidden; position:relative; height:100dvh; width:33.33%; transition:all 0.5s ease-in-out;}

.room_overview .txt{top:50%; left:20%; position: absolute; z-index: 2; color:#fff;}
.room_overview .txt h2{opacity: 0.5; font-size:clamp(3rem, 4vw, 3.3rem); line-height: 1; font-family: var(--en-serif);}
.room_overview .txt p{opacity: 0;}
.room_overview:hover .txt h2{opacity: 1;}
.room_overview:hover .txt p{animation:opacity 0.7s ease forwards;}
.overview_btn{margin-top:3vmin; display: inline-block; padding:6px 3rem; border:1px solid #fff; color:#fff; border-radius: 30px;}
@keyframes opacity{
	0%{opacity: 0; }
	100%{opacity: 1; }
}
@media (max-width:1024px){
	.room_overview_container{padding-top:100px; height:100%;}
	.room_overview_container ul{flex-flow:column wrap;}
	.room_overview, .room_overview_container ul:hover li, .room_overview_container ul li:hover {width:100%; flex:1;}
	.room_overview .overview_bg{height:300px; }
	.room_overview .txt{top:38%; width:50%; display: flex; justify-content: space-between; align-items: center;}
}
@media (max-width:740px){
	.room_overview .overview_bg{height:250px; }
	.room_overview .txt{flex-flow:column wrap; width:100%; left:0; text-align: center;}
	.room_overview .txt h2{font-size:clamp(2rem, 3vw, 2.5rem);}
	
}

/*room*/
.section_intro2{text-align: center;}

/*room slide*/
.slide_container{overflow: hidden; position: relative;}
.roomSwiper .swiper-slide,
.roomSwiper2 .swiper-slide{/*height:670px;*/overflow:hidden;}
.roomSwiper .swiper-slide img,
.roomSwiper2 .swiper-slide img{ width: 100%; /*height: 670px;*/ will-change: transform; backface-visibility: hidden;}
.roomSwiper_btn{position: absolute; display: flex; flex-flow:row nowrap; align-items: center; width:180px; right:5%; bottom:5%; justify-content: space-between;}
.roomSwiper_btn .swiper-button-next, 
.roomSwiper_btn .swiper-button-prev{position: static; width:60px;}
.roomSwiper_btn .swiper-button-next:after, 
.roomSwiper_btn .swiper-button-prev:after{ display: none; }
.roomSwiper_btn .swiper-pagination{top:-14px; color:#fff; font-family: "Cardo", serif;}

.detail_list{column-gap: 5%;}
.detail_item{margin-bottom:40px;}
.detail_item dl{margin-top:30px;}
.detail_item dl.border{border-top :1px solid #D9D9D9; padding-top:20px; margin-top:30px;}
.detail_item dl dt{font-family: var(--kr-serif); font-size:var(--size-24); font-weight:700; margin-bottom:10px;}
.detail_item dl dd{font-size:var(--size-18); color:#808080;}

.signature_container{background-color: #F6F4F1; padding:80px 0; margin:70px 0;}
.salon_sign ul[class*="row"]{display: grid;}
.salon_sign ul.row1{grid-template-columns: 2fr 1fr; column-gap: 30px; }
.salon_sign ul.row2{margin-top:30px; grid-template-columns: 1fr 2fr; column-gap: 30px; }
.salon_sign ul li{overflow: hidden;}
.salon_sign ul li img{width:100%; object-fit: cover;}
.salon_sign ul li.h100 img{height:100%; }
.sign_txt {width:98%; margin:50px  auto 0; word-break: keep-all; }
.sign_txt dt{ font-size: var(--size-22); font-weight:700; color:#73574a; font-family: 'BookkMyungjo', serif;}
.sign_txt dd{font-weight:400; color:#999;}
@media (max-width:1024px){
	.sign_txt {display: none;}
	.salon_sign ul li img{height:100%; object-fit: cover;}
}
@media (max-width:740px){
	.signature_container{padding:50px 0;}
	.salon_sign ul.row1, .salon_sign ul.row2{ column-gap: 10px;}
	.salon_sign ul.row2{margin-top:10px;}
	.roomSwiper .swiper-slide img{height:400px; object-fit: cover;}
}

.info_item{border-top:1px solid #BFBFBF; padding:30px 0; margin-top:30px;}
.info_tit{font-family: 'BookkMyungjo', serif; font-size:var(--size-28); font-weight: 700; line-height: 1.4; margin-top:15px;}
.info_tit .info_sup{display: none; letter-spacing: 0px; font-family: "Cardo", serif; font-size:16px; color:#959595;}
.info_con{margin-top:15px;}
.info_con .txt{ color:#6B6B6B; word-break: keep-all; font-size: var(--size-20);}
.info_con .txt+.txt{margin-top:20px; }
.info_con .txt.noti dt{font-size:14px; color:#bababa;}
@media (max-width:740px){
	.info_detail .txt+.txt{margin-top:10px;}
}

.roomNav_container{margin-top:80px; background:url(../img/content/sub/roomNav.jpg) no-repeat center / cover; height:500px; overflow: hidden;  transition: background 0.3s;}
.roomNav_container.active1{background:url(../img/content/sub/roomNav1.jpg) no-repeat center / cover;}
.roomNav_container.active2{background:url(../img/content/sub/roomNav2.jpg) no-repeat center / cover;}
.roomNav_container.active3{background:url(../img/content/sub/roomNav3.jpg) no-repeat center / cover;}
.roomNav{height: 100%; color:#fff; display: grid; grid-template-columns: 50% 50%; }
.roomNav .left_nav{text-align: left;}
.roomNav .right_nav{text-align: right;}
.roomNav div[class*="nav"]{height:100%; opacity: 0.4;}
.roomNav div[class*="nav"]:hover{opacity: 1;}
.roomNav div[class*="nav"] a{display: inline-block; width: 100%; height:100%;  align-content: center;}
.roomNav div[class*="nav"] p{font-size: 1rem; color:rgba(255,255,255,0.8);}
.roomNav div[class*="nav"] h4{font-size: var(--size-40); color:#fff; font-family: var(--en-serif);}
.roomNav div[class*="nav"] .roomNav_btn{margin-top:40px;}
@media (max-width:720px){
	.roomNav_container{height:270px; margin-top:40px;}
	.roomNav{grid-template-columns: repeat(1, 1fr);}
	.roomNav .left_nav, .roomNav .right_nav{text-align: center;}
	.roomNav div[class*="nav"] p{display: none;}
	.roomNav div+div{border-top:1px solid #ffffff80;}
	.roomNav div[class*="nav"] .roomNav_btn{margin-top:5px;}
}

/*sub55_자쿠지*/
.detail_point, 
.detail_list.jacuzzi {border-bottom:1px solid #e8e8e8; padding-bottom:50px; margin-bottom:40px;}
.detail_point li:before{display: inline-block; content:""; width:3px; height:3px; background:#222; vertical-align: 3px; border-radius: 50%; margin-right:7px; }
.detail_list.jacuzzi .detail_item{position:relative; margin-bottom:30px;}
.detail_list.jacuzzi .border_right:after{display: inline-block; content: ""; position: absolute; width:1px; height:220px; right:0; top:35px; background: #e8e8e8;}
.amenities_list{display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, auto)); align-items: center; column-gap: 48px; }
.amenities_list li{text-align: center; margin-bottom:15px;}
.amenities_list li i{display: inline-block; height:56px; align-content: center;}
.jacuzzi_sign {display: grid; grid-template-columns:60% 36%; column-gap: 4%;}
.jacuzzi_sign ul[class*="row"]{display: flex; flex-flow:column wrap; row-gap: 4%;}
.jacuzzi_sign .row1 li{margin-top:60px;}
.jacuzzi_sign .row2{justify-content: space-between;}
.jacuzzi_sign ul li.w100p img{width: 100%;}
.jacuzzi_sign ul li:nth-of-type(4){align-self: flex-end;}
.jacuzzi_bridal_container{margin:10vmin 0 9vmin; padding:10vmin 0 0; background:url(../img/content/sub/jacuzzi_bridal_bg.jpg) no-repeat center / cover;}
.bridal_title_wrap{text-align: center; color:#fff; margin-bottom:4vmin;}
.bridal_title_wrap:after{display:inline-block; content:""; margin:5.5vmin 0 2vmin; max-width:1400px; width:100%; height:30px; background:url(../img/content/sub/jacuzzi_bridal_obj.jpg)  no-repeat center / contain;}
.bridal_title_wrap .intro_desc{color:rgba(255,255,255,0.7);}
.bridal_noti{background:#CFB891; padding:2.5vmin 1vmin; font-size:var(--size-20); text-align: center; box-sizing: border-box; display:flex; gap:5%; color:#fff; justify-content:center;}
@media (max-width:720px){
	.bridal_noti{flex-flow:column wrap;}
}

/*sub56_가든*/
.garden_sign .row1{display: grid; grid-template-columns:55% 43%; column-gap: 3%; margin-bottom:4%;}


/*sub59_전통문화*/
.experience{margin-top:7vmin;}
.experience .sub_h5{color:#222;}
.exper_detail{display: flex; justify-content: space-between; align-items: center;}
.exper_list{column-gap: 5%; margin-top:60px;}
.exper_list li{margin-bottom:60px;}
.exper_list dl{border-top:1px solid #e8e8e8; padding-top:30px; display: grid; grid-template-columns: 25% 75%;}
.exper_list dl dt{font:700 var(--size-22) var(--kr-serif); }
.exper_list dl dd{color:#999;}
.exper_img {height:360px; }
.exper_img img{width:100%; height:100%; object-fit: cover;}
@media (max-width:740px){
	.exper_detail{flex-flow:column wrap; align-items: flex-start;}
}


/*sub60_전통문화*/
.tour_container{margin:80px auto;}
.tour_list{column-gap: 5%;}
.tour_list li{margin-bottom:80px; word-break: keep-all;}
.tour_list .detail{margin-top:35px;}
.tour_list .detail h5{font:700 var(--size-24) var(--kr-serif); margin-bottom:10px; }
.tour_list .detail p{color:#8f8f8f;}
.tour_info dl{display: flex; margin-top:20px; }
.tour_info dl+dl{margin-top:3px;}
.tour_info dt{font-weight:700; padding-right:10px; }
.tour_info dt:after{display: inline-block; content:""; width:3px; height:18px; background:#222; vertical-align: -3px; margin-left:10px;}
.tour_info dd{padding-left:10px;}


/*sub61_축제공연*/
.festival_container{margin:80px auto;}
.festival_container .sub_h4{font-family: var(--kr-serif);}
.festival_container .tour_info dd{color:#c4c4c4;}


/*sub63_오시는 길*/
.section_address{display: none;}
.root_daum_roughmap{width:100%!important;}
.parking_wrap{margin-bottom:5vmin;}