@charset "UTF-8";

@import url("reset.css");
@import url("swiper.css");

/* fonts  */
@import url("https://use.typekit.net/nur8mbm.css");
@import url('http://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css');

/* common */
/*body {min-width:1000px;}*/
.container { width:100%; height: auto; }
section {width:100%; height:100%;}
section,.section {position:relative; width:100%;}
#scroll {position:absolute; bottom:0; left:50%; margin-left:0; z-index:10;}
#top-btn {position:fixed; display:none; bottom:2%; right:1%; z-index:100; cursor: pointer;}

/* swipers */
.Swipers {max-width:100%!important;overflow:hidden;}	
.Swipers .swiper-view {max-width:1400px;margin:0 auto;height:82.5vh;min-height:560px;}
#about .Swipers .InBox {position:relative;width: 100%; height:100vh;margin:0 auto;overflow:hidden;}
.Swipers .swiper-container {height:100%; overflow:hidden;}
.Swipers .swiper-slide > div {width:100%;height:100%;transition:1s;opacity:0;}
.Swipers .swiper-slide > div {background-position:50% 50%;background-repeat:no-repeat;background-size:cover;}
.Swipers .swiper-slide-active > div {transition:1s;opacity:1;}					
.Swipers .swiper-btns {position:absolute; bottom:3%; width:100px; height:35px; z-index:10; cursor:pointer;}
.Swipers .swiper-btns::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 3px; height: 20px; background-color: #fff; }
.Swipers .swiper-button-next, .swiper-button-prev {position:absolute; width:48px; height:61px; z-index:10; cursor:pointer; background-size:48px 60px; background-position:center;}
.Swipers .swiper-btn {color:#fff; font-size:30px; width:50px; height:35px;}
.Swipers .swiper-button-prev {left:0; text-align:left;}
.Swipers .swiper-button-next {right:0; text-align:right;}
/* .Swipers .swiper-pagination {display:inline-block; width:auto; bottom:4%; left: 85%; z-index:3;} */
/* .Swipers .swiper-pagination-bullet {display:inline-block; width:12px; height:12px; background-color:#fff; border-radius:50%;} */
/* .Swipers .swiper-pagination-bullet-active {background-color:#333; width:18px; border-radius:40%;} */
.Swipers .swiper-btn:hover {opacity:1;}
.swiper {height: 100%;}

/* video */

/* swipers */
.Swipers2 {max-width:100%!important;overflow:hidden;}	
.Swipers2 .swiper-view {max-width:1400px;margin:0 auto;height:82.5vh;min-height:560px;}
#about .Swipers2 .InBox {position:relative;width: 100%; height:100vh;margin:0 auto;overflow:hidden;}
.Swipers2 .swiper-container {height:100%; }
.Swipers2 .swiper-slide > div {width:100%;height:100%;transition:1s;opacity:.2;}
.Swipers2 .swiper-slide > div {background-position:50% 50%;background-repeat:no-repeat;background-size:cover;}
.Swipers2 .swiper-slide-active > div {transition:1s;opacity:1;}					
.Swipers .swiper-btns {position:absolute; left:1px; bottom:0; width:250px; height:132px;}
.Swipers .swiper-btn {position:absolute; bottom:0; width:49px;height:132px;  z-index:10; cursor:pointer;}
.Swipers .swiper-btn {background-size:contain; background-position:center; background-repeat:no-repeat;}
.Swipers .swiper-pagination {bottom:60px; left:50%; width:auto; transform:translateX(-50%);}
.Swipers .swiper-button-prev {background-image:url(../images/prev.png); left:0; top:50%; transform:translateY(-50%);}
.Swipers .swiper-button-next {background-image:url(../images/next.png); right:0; top:50%; transform:translateY(-50%)}
.Swipers .swiper-pagination-bullet {width:15px; height:10px; display:inline-block;}
.Swipers .swiper-pagination-bullet {background:url(../images/off.png) no-repeat left top;}
.Swipers .swiper-pagination-bullet {transition: transform 0.3s ease;}
.Swipers .swiper-pagination-bullet-active {background:url(../images/on.png) no-repeat left top;}
.swiper {height: 100%;}

.Swipers2 .swiper-btns {position:absolute; left:1px; bottom:0; width:250px; height:132px;}
.Swipers2 .swiper-btn {position:absolute; bottom:0; width:49px;height:132px;  z-index:10; cursor:pointer;}
.Swipers2 .swiper-btn {background-size:contain; background-position:center; background-repeat:no-repeat;}
.Swipers2 .swiper-pagination {bottom:60px; left:50%; width:auto; transform:translateX(-50%);}
.Swipers2 .swiper-button-prev {background-image:url(../images/prev.png); left:0; top:50%; transform:translateY(-50%);}
.Swipers2 .swiper-button-next {background-image:url(../images/next.png); right:0; top:50%; transform:translateY(-50%)}
.Swipers2 .swiper-pagination-bullet {width:15px; height:10px; display:inline-block;}
.Swipers2 .swiper-pagination-bullet {background:url(../images/off.png) no-repeat left top;}
.Swipers2 .swiper-pagination-bullet {transition: transform 0.3s ease;}
.Swipers2 .swiper-pagination-bullet-active {background:url(../images/on.png) no-repeat left top;}


/* video */
#Videos {height:100vh;min-height:562px;}
#Videos .MyFrame {position:relative;width:100%;height:100vh;min-height:562px;overflow:hidden;}
#Videos .MyFrame #MyVideo {position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);background-repeat:no-repeat;background-position:50% 50%;}
#Videos .MyFrame #MyVideo {min-width:100%;min-height:100%;width:auto;height:auto;object-fit:cover;background-size:cover;}

/* Banner */
#Banner {position:relative;width:100%;height:70vh;min-height:500px;overflow:hidden;}
#Banner:before {position:absolute;top:0;left:0;width:100%;height:100%;content:"";display:block;z-index:1;background:#000;opacity:0.5;}
#Banner h2 {position:absolute;top:50%;left:50%;margin:-75px 0 0 -320px;z-index:10;}

/* header */
.top-reserve{position: absolute; top: -125px; right: -80px; margin-top: 0 !important; border-radius: 50%; width: 250px; height: 250px !important; background-color: #08121e;}
.top-reserve a{display: block; width: 100%; height: 100%; color: #fff; padding: 168px 0 0 60px; }
.top-reserve a i{margin-right: 5px;}
header {position:absolute;top:0;left:0;      width:100%;  z-index:100; display: flex; justify-content: space-between; }
header .bg { position: absolute; top: -100px; left: 0; width: 100%; height: 100px; background-color: rgba(0, 0, 0, 0.15); z-index: -1; transition: 0.5s; }
header>*:not(.gnb):not(.bg) { margin-top: 20px; height: 22px;}
header .logo { width: 250px; height: 22px; margin-left: 2%;  }
header .logo img { width: 100%; }
header .gnb { margin-top: 40px; height: 44px; width: 40%; text-align: center;  display: flex; justify-content: space-around; transition: 0.5s; }
header .gnb > li { display: inline-block; position: relative; height: 100%;}
header .gnb > li > a { display: inline-block; font-size: 17px;  color: #fff; width: 100%; height: 100%; line-height: 22px; text-shadow: 1px 1px 2px rgba(0, 0, 0, .7); padding: 0 8px}
header .lnb { position: absolute; top: 40px; left: 50%; width: 210px; transform: translateX(-50%); display: none; }
header .lnb > li {background-color:#fff; margin-bottom:3px; padding:18px 0;}
header .lnb > li:first-child { position: relative; }
header .lnb > li:first-child::before { content: ''; position: absolute; top: -5px; left: 50%; width: 10px; height: 10px; background-color: #fff; transform: translateX(-50%) rotate(45deg); }
header .lnb > li> a { color: #000; font-size: 14px; }
header .instagram { margin-right: 2%; font-size: 16px; color: #fff; line-height: 22px; }
header .instagram::before { content: '\ebe9'; font-family: xeicon; background-color: #ddd; color: #000; padding: 7px; margin-right: 10px; font-size: 19px; border-radius: 50%; }
header .shadow {
	-webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .4));
	filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .4));
}
header .familySite							{position:absolute;top:39px;right:10%;z-index:5; transition: all .5s;}
header .familySite > a						{width:100%;text-align:center;background:#08121e;padding:15px 0;color:#fff;font-size:15px;}
header .familySite > a span					{position:relative;top:-2px;}
header .familySite > a img					{position:relative;top:2px;left:15px;}
header .familySite ul						{width:100%;height:135px;overflow:hidden;}
header .familySite ul li					{margin-bottom:1px;}
header .familySite ul li a					{background:#fff;padding:3px 10px 3px 5px;}
header .familySite ul li a span 			{position:relative;top:-6px;font-size:12px;margin-left:5px;}
header .familySite ul li img{width: 80px;}
/* footer */
footer {position:relative;width:100%; overflow:hidden;z-index:10;background-color: #222222; color: #989898; padding: 70px 0;}
footer .inner {max-width:1400px; margin:0 auto; position: relative; height: 300px; display: flex; justify-content: space-around;}
footer .logo {    width: 350px;
    margin-top: 90px;
    float: left;
    opacity: .5;}
footer .info {float:left; }
footer .info  p {font-size:17px; line-height:30px; margin-bottom:20px;}
footer .info  p:last-of-type {margin-bottom:50px;}
footer .info  span {line-height:30px;}
footer .info > a {font-size:17px; color:#989898; line-height:4.5;}
header a,footer a {display:block;} 

/* index */
#index .myframe {position:relative; width:100%; height:100vh; overflow:hidden;}
#index .myframe iframe {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background-size:cover;min-height:100%; min-width:100%;}

#index .section { background-color: #fff; z-index: 1; overflow: hidden; } 
#index .visual .heading { position: absolute; bottom: 7%; left: 5%; transform: translateY(-50%); z-index: 10; color: #fff; } 
#index .visual .heading h1 {font-size:65px; margin-bottom:30px; text-shadow:0 0 7px rgba(0, 0, 0, 0.15);font-family: 'nanumbarungothicregular';font-weight: 800; font-style:normal; line-height:-1px;} 
#index .visual .heading h1 span{font-family:BMHANNA, serif; font-size: 35px; letter-spacing: 12px; vertical-align: top;}
#index .visual .heading p {font-family: BMHANNA, serif; font-size: 23px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.15); } 
#index .visual .scroll { position: absolute; bottom: 0; left: 50%; width: 62px; height: 78px; transform: translateX(-50%); z-index: 10; } 
#index .visual .bg {z-index:100; opacity:0; transition:0.5s; display:none;} 
#index .visual .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/bg.png) repeat left top;}

#index .floating_video { background-color: transparent !important;  z-index: 500; padding-bottom:15%;} 
#index .floating_video .iframe_outer {text-align:right;}
#index .floating_video iframe {margin-right:3%; width:1200px; height:672px; transition:0.5s;}

#index .floating_video .header-title {padding-top: 50px; text-align: center}
#index .floating_video .header-title h1{margin-bottom: 10px; line-height: 1.2}

.content_video { height: 1500px; padding-top: 170px; padding-bottom: 100px; } 
.content_video .inner { min-width: 1200px; max-width: 85%; height: 900px; margin: 0 auto; position: relative; } 
.content_video .inner > * { position: absolute; } 
.content_video .heading { font-size: 120px; font-family: BMHANNA, serif; font-weight: 400; font-style: normal; top: 3%; left: 45%; z-index: 10; transform: translateY(-50px); opacity: 0; transition: 0.6s; } 
.content_video .video { width: 85%; top: 5%; left: 0; z-index: 1; transform: translateX(-70px); opacity: 0; transition-property: transform, opacity; transition-duration: 0.6s; transition-delay: 0.2s; } 
.content_video .video iframe { position: absolute; width: 100%; height: 100%; } 
/* .content_video .text {background-color:#bda78a; display:inline-block; width:75%; height:83%; top:55%; right:0; padding-left:15%; padding-top:25%; transform:translateX(70px); opacity: 0; transition: 0.6s;  }  */
.content_video .text {background-color:#4a4a4a;  color: #fff; display:inline-block; width:75%; height:83%; top:55%; right:0; padding-left:15%; padding-top:25%; transform:translateX(70px); opacity: 0; transition: 0.6s;  } 
.content_video .text a{color: #fff;     padding-top: 10px;   display: block; } 
.content_video .text h3 {font-family: nanummyeongjo, serif; font-weight:600; font-size:28px; margin-bottom:40px; line-height:1.35; } 
.content_video .text p {line-height: 27px; font-size:15px;} 

.content_video.active .heading { transform: translateY(0); opacity: 1; } 
.content_video.active .video { transform: translateX(0); opacity: 1; } 
.content_video.active .text { transform: translateX(0); opacity: 1; } 

.content_rooms { background-color: #f6f6f6!important; height: 1000px; padding-top: 60px; } 
.content_rooms .inner { min-width: 1200px; max-width: 1600px; height: 850px; margin: 0 auto; position: relative; } 
.content_rooms .inner>* { position: absolute; } 
.content_rooms .heading { font-size: 100px; font-family: BMHANNA, serif; font-weight: 400; font-style: normal; top: 5%; left: 7%; z-index: 10; transform: translateY(-50px); opacity: 0; 
	transition-property: transform, opacity; transition-duration: 0.6s;
} 
.content_rooms .Swipers2 { top: 21%; left: 33%; width: 65%; height: 650px; transform: translateX(70px); opacity: 0; 
	transition-property: transform, opacity; transition-duration: 0.6s; transition-delay: 0.4s;
} 
.content_rooms .Swipers2 .swiper { width: 100%; height: 100%; overflow: hidden; } 
.content_rooms .Swipers2 .swiper .swiper-wrapper .swiper-slide>div { width: 100%; height: 100%; background-size: cover; } 
.content_rooms .Swipers2 .swiper .swiper-pagination { width: 100%; bottom:3%; left: 0; text-align: center; } 
.content_rooms .Swipers2 .swiper .swiper-pagination-bullet { width:10px; height:10px; display:inline-block; background-color: #fff; border-radius: 50%; } 
.content_rooms .Swipers2 .swiper .swiper-pagination-bullet { transition: 0.5s; } 
.content_rooms .Swipers2 .swiper .swiper-pagination-bullet-active { background-color: #333; width: 17px; border-radius: 40%; } 
.content_rooms .room_btn { top: 30%; left: 7%; transform: translateX(-70px); opacity: 0; transform: translateX(-70px);transition-property: transform, opacity; transition-duration: 0.6s; transition-delay: 0.2s;} 
.content_rooms .room_btn > div { margin-bottom: 45px; cursor: pointer; } 
.content_rooms .room_btn > div span { font-size: 15px; margin-bottom: 10px; display: block; } 
.content_rooms .room_btn > div h3 { font-family: BMHANNA, serif; font-weight: 400; font-style: normal; font-size: 35px; position: relative; display: inline-block; } 
.content_rooms .room_btn > div h3::before { content: ''; position: absolute; /*left: 50%;*/ left: -13px; top: 40%; /* width: 100%;*/ width: 330px; height: 1px; background-color: #000; opacity: 0; transition: 0.5s; }
.content_rooms .room_btn > div h3::after { content: '\e93e'; position: absolute; right: -25px; top: 0; font-family: xeicon; font-size: 12px; color: #333; opacity: 1; transition: 0.5s; } 
.content_rooms .room_btn > div h3.active::before { opacity: 1; }
.content_rooms .room_btn > div h3.active::after { opacity: 0; }

.content_rooms .room_btn > div span {  font-size: 21px; font-style: normal;  position: relative;} 
.content_rooms .room_btn > div span::before { content: ''; position: absolute; /*left: 50%;*/ left: -13px; top: 40%; /* width: 100%;*/ width: 330px; height: 1px; background-color: #000; opacity: 0; transition: 0.5s; }
.content_rooms .room_btn > div span::after { content: '\e93e'; position: absolute; right: -25px; top: 6px; font-family: xeicon; font-size: 12px; color: #333; opacity: 1; transition: 0.5s; } 
.content_rooms .room_btn > div span.active::before { opacity: 1; }
.content_rooms .room_btn > div span.active::after { opacity: 0; }
#index .index-room-ft{display: none;}
.index-txt2{display: none;}

#index .Swipers                                    {position:relative;width:100%;height:100%; overflow: visible;}
#index .Swipers .InBox 							{position:relative;width: 100%; height:800px;margin:0 auto;}
#index .Swipers .swiper-container 					{height:100%; overflow: visible;}
.Swipers2                                    {position:relative;width:100%;height:100%; overflow: visible;}
 .Swipers2 .InBox 							{position:relative;width: 100%; height:800px;margin:0 auto;}
 .Swipers2 .swiper-container 					{height:100%; overflow: visible;}
 .Swipers2  .swiper-slide{ padding: 2.5% 0; transition: all .5s;}
 .Swipers2 .swiper-slide-active{padding: 0% 0;} 
/* #index .Swipers .swiper-slide > div		        {width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;} */
/* #index .Swipers .swiper-slide > div::before		{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); } */

#index .content_rooms.active .heading { transform: translateY(0); opacity: 1; } 
/* #index .content_rooms.active .room_btn { transform: translateX(0); opacity: 1; }  */
#index .content_rooms.active .Swipers2 { transform: translateX(0); opacity: 1; } 
.Swipers .swiper-slide > div {
    width: 100%;
    height: 100%;
    transition: 1s;
    opacity: 0.2;
}
.Swipers .swiper-slide-active > div {
    transition: 1s;
    opacity: 1;
}
#index .slide_text { height:400px; overflow: hidden;} 
#index .slide_text .text { margin-top:120px; width: 4000px; height: 167px; margin-left: 300px; background:url(../images/text.png) repeat 50% 50%;background-size:contain;} 
/* #index .special_offer .photo::after{
	content: '';
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-color: #000;
	opacity: .5;
} */

#index .special_offer { height: 800px; position: relative; overflow: hidden; } 
#index .special_offer .photo { width: 100%; height: 100%; position: relative;transform: scale(1); } 
#index .special_offer .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* background-color: rgba(0, 0, 0, 0.5);*/ background-color: rgba(0, 0, 0, 0.5); opacity: 0;  } 
#index .special_offer .text {position:absolute; top:50%; left:60%; transform:translateY(-50%); background-color:#fff; width:400px; height:330px; padding:50px;} 
#index .special_offer .text h1 {font-family:BMHANNA, serif; font-weight:400; font-style:normal; font-size:30px; line-height:1.35; margin-bottom:40px; } 
#index .special_offer .text p {font-size:14px; line-height:21px; margin-bottom:27px;} 
#index .special_offer .text a { background-color: #9e8762; color: #fff; padding: 12px 30px; display: inline-block; font-size: 24px; }
#index .content_rooms .Swipers2 .swiper .swiper-wrapper a{position: relative; }
#index .content_rooms .Swipers2 .swiper .swiper-wrapper .view-more{position: absolute; bottom:0; right:1%;font-size:25px;width:200px; height:70px; }
#index .content_rooms .Swipers2 .swiper .swiper-wrapper  .view-more > *{color: #fff;}
#index .logoMiddle{display: none;}
#index .photo-txt a{color: #fff; display: block; margin-top: 20px;    text-decoration: underline; text-underline-position: under;}
#index .photo-txt{z-index: 5; position: absolute; right: 10%; top: 50%; line-height: 44px; transform: translateY(-50%); text-align: center; color: #fff;}
#index .photo-txt span{display: block; font-size: 40px;     font-family: BMHANNA;}
#index .photo-txt span::after{content: ''; display: block;   width: 1px; height: 50px; margin: 20px auto; background-color: #fff;filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.15));}
#index .main-swiper {position:relative; background-color: #fdfbf7; width:100%; padding: 0px 0 110px;  z-index:50;}
#index .main-swiper .roomsWrap h3 {display:block; text-transform: uppercase; font-size:16px; text-align: center; font-family: BMHANNA;  font-weight: 400; padding: 175px 0 60px;}
#index .main-swiper .roomsWrap h3 span{font-size: 50px; display: block; font-family: BMHANNA; font-weight: 400; text-transform: uppercase; margin-top: 37px;}
#index .main-swiper .roomsWrap .main-txt{text-align: center; font-size: 17px; line-height: 30px;}
#index .main-swiper .roomsWrap .var{width: 1px; height: 38px; margin: 25px auto; background-color: #867558;}
#index .main-swiper .roomsWrap .main-txt2{text-align: center; font-size: 20px; color:#867558 ; padding-bottom: 148px; font-family:'Nanum Myeongjo', serif; line-height: 30px; font-weight: 500;}
#index .main-txt3{width: 74%; margin: 0 auto;}
#index .main-txt3 h3 {display:block; font-size:16px;  font-family: BMHANNA;  font-weight: 400; padding: 175px 0 60px;}
#index .main-txt3 h3 span{font-size: 50px; display: block; font-family: BMHANNA; font-weight: 400; text-transform: uppercase; margin-top: 37px;}
#index .main-txt3 .main-txt{ font-size: 24px; line-height: 43px; margin-bottom: 40px; font-family:'Nanum Myeongjo', serif;}
#index .main-txt3 .var{width: 1px; height: 38px; margin: 25px auto; background-color: #867558;}
#index .main-txt3 .main-txt2{ font-size: 20px; color:#867558 ; padding-bottom: 70px; line-height: 38px; font-weight: 500;}

#index .main-swiper .roomsWrap .Swipers .swiper-pagination{display: none;}
    /* #index .special_offer .photo::after{
        content: '';
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
        background-color: #000;
        opacity: .5;
    } */

 .roomsWrap {max-width:1400px; margin:0 auto;}

 .room-swiper  {position:relative; width:100%; padding:0px 0 160px; background-color: #fdfbf7;  z-index:50; overflow: hidden;}
 .Swipers2 .swiper-pagination{display: none;}
 .room-swiper h3 {display:block; font-size:16px; text-align: center;  font-family: BMHANNA;  font-weight: 400; padding: 0 0 60px;}
 #index .room-swiper h3 { padding: 70px 0 60px;}
 .room-swiper h3 span{font-size: 50px; display: block; font-family: BMHANNA; font-weight: 400; text-transform: uppercase; margin-top: 37px;}
 .room-swiper .main-txt{text-align: center;  font-size: 19px; line-height: 29px; margin-bottom: 40px; font-family:'Nanum Myeongjo', serif;}

 .rooms_info {position:absolute; width:500px !important; height:300px !important; bottom:-15%; right:5%; z-index:60;}
 .rooms_info .Box {width:500px; height:300px; background-color:#fff; box-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);}
 .rooms_info .Box h5 {display: block; text-transform: uppercase; }
 .rooms_info .Box h5 span {display: block; font-size:20px;  color:#927036; margin-bottom:10px;}
 .rooms_info .Box h5 strong {display: block; font-size:44px;padding: 60px 0 20px; font-family: BMHANNA;  text-align: center; color:#222; }
 .rooms_info .Box h5 p {display: block; font-size:22px; text-align: center; margin-bottom: 50px; color: #626262;  }
 .rooms_info .Box .line {display:inline-block; width:40px; height:1px; border:1px solid #917035; vertical-align:middle;}
 .rooms_info .Box a {display:block; width: 240px; height: 55px;  margin: 0 auto}
 .rooms_info .Box a img{width: 100%; height: 100%;}

 .room_swiper {overflow:visible;}
 .room_swiper .InBox {height:800px;}
/* about */
#about .section { background-color: #fff; z-index: 1; overflow: hidden; } 
#about .Swipers .swiper-slide > div{opacity: 1;}
#about .myframe {position:relative; width:100%; height:100vh; overflow:hidden;}
#about .myframe iframe {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background-size:cover;min-height:100%; min-width:100%;}
#about .visual .heading { position: absolute; top: 50%; left: 10%; transform: translateY(-50%); z-index: 10; color: #fff; } 
#about .visual .heading h1 { text-transform: uppercase; font-size: 95px; text-shadow: 0 0 7px rgba(0, 0, 0, 0.15); font-family: BMHANNA, serif; font-weight: 400; font-style: normal; } 
#about .visual .heading p { letter-spacing: 3px; font-size: 17px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.15); margin-bottom: 30px; margin-left: 70px; } 
.visual .scroll { position: absolute; bottom: 0; left: 50%; width: 62px; height: 78px; transform: translateX(-50%); z-index: 10; } 
/* #about .ph-num{display: none;} */
#about article { position: relative; height: 1900px; }


#about .text h3 p{ font-family: BMHANNA, serif;}
#about .text { z-index: 1; position: absolute; left: 0; top: 0; background-color: #4a4a4a; color: #fff; width:65%; height: 400px; padding: 7%; padding-top: 5%; padding-left: 13%; transform: translateX(-70px); opacity: 0; transition: 0.6s;  } 
#about .text h3 { font-family: BMHANNA, serif; font-weight: 400; font-style: normal; font-size:40px; margin-bottom: 40px; line-height: 33px; } 
#about .text p { line-height: 27px; font-size: 15px; } 
#about .text.active { transform: translateX(0); opacity: 1; }
#about .Swipers .swiper-btns {right:20%;}

#about .Swipers {z-index: 2; position: absolute; top:290px; right: 7%; width: 1100px; height: 650px; transform: translateX(70px); opacity: 0; transition-property: transform, opacity; transition-duration: 0.6s; } 
#about .Swipers.active { transform: translateX(0); opacity: 1; } 
#about .Swipers .swiper { width: 100%; height: 100%; overflow: hidden; } 
#about .Swipers .swiper .swiper-wrapper .swiper-slide>div { width: 100%; height: 100%; background-size: cover; } 

/* #about .Swipers .swiper .swiper-pagination { width: 70%; bottom:3.5%; left: 0; text-align: right; } 
#about .Swipers .swiper .swiper-pagination-bullet { width:10px; height:10px; display:inline-block; background-color: #fff; border-radius: 50%; } 
#about .Swipers .swiper .swiper-pagination-bullet { transition: 0.5s; } 
#about .Swipers .swiper .swiper-pagination-bullet-active { background-color: #333; width: 17px; border-radius: 40%; }  */

/* #about .location { z-index: 1; position: absolute; top: 850px; right: 0; background-color: #3e3e3e;  width:55%; height: 520px; padding-top: 10%; padding-left: 7%; transform: translateX(70px); opacity: 0; transition: 0.6s;  color: #bda78a; }  */
#about .location { z-index: 1; position: absolute; top: 850px; right: 0; background-color: #4a4a4a;  width:55%; height: 520px; padding-top: 10%; padding-left: 7%; transform: translateX(70px); opacity: 0; transition: 0.6s;  color: #fff; } 
#about .location h3 { font-family: BMHANNA, serif; font-weight: 400; font-style: normal; font-size:45px; margin-bottom: 40px; line-height: 33px; } 
#about .location p { line-height: 27px; font-size: 15px; margin-bottom: 7px; } 
#about .location span { line-height: 27px; font-size: 15px; } 
#about .location.active { transform: translateX(0); opacity: 1; } 
#location-content{color: #fff;}
#about #map { z-index: 2; position: absolute; top:1280px; left: 7%; width: 65%; height: 550px; transform: translateX(-70px); opacity: 0; transition-property: transform, opacity; transition-duration: 0.6s;  } 
#about  #map.active { transform: translateX(0); opacity: 1; }

/* #about .visual .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .45); } */
#about .load p{    display: block;
	margin-top: 15px;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;} 
	#about .load {   
		font-size: 18px;
		line-height: 1.25;}
@media (max-width: 1300px) {
	#about .Swipers2 {right:0;}
	#about #map {left:0;}
}
/*------------------------------------------------------------------------------------------------*/
/* travel */
#travel .visual .heading { position: absolute; top: 50%; left: 10%; transform: translateY(-50%); z-index: 10; color: #fff; } 
#travel .visual .heading h1 {  text-transform: uppercase; font-size: 95px; text-shadow: 0 0 7px rgba(0, 0, 0, 0.15);   font-family: BMHANNA, serif;  font-weight: 400; font-style: normal; } 
#travel .contents h3 {text-align:center;margin-bottom:2%;line-height:1.5;padding-top:70px;}
#travel .contents h3 span {display:block;font-size:17px;}
#travel .contents h3 strong {display:block;font-size:50px;}
#travel .contents .frame ul {max-width:1400px; display: flex; flex-wrap: wrap; margin:0 auto; overflow:hidden;}
#travel .contents .frame ul li {width:48%;margin:0 1% 5%;line-height:1.5;text-align:center;}
#travel .contents .frame ul li img {display:block;}
#travel .contents .frame ul li strong {display:block;font-size:30px;margin-top:20px;}
#travel .contents .frame ul li em {display:block;margin:10px 0 20px;font-size:18px;}
#travel .contents .frame ul li span {display:block;font-size:15px;}

/* rooms */
.btn-mb{display: none !important;}
.rooms .room-txt1{background-color: #fdfbf7;}
.rooms .room-txt1 .var{width: 1px; height: 38px;  margin: 25px auto 0; background-color: #867558;}
.rooms .room-txt1 .main-txt2{ font-size: 20px; text-align: center; color:#867558 ; padding:100px 0 50px; line-height: 37px; font-weight: 500;}

.rooms .visual {width:100%;height:100vh;position:relative;z-index:2;overflow:hidden;}
.rooms .visual .myframe {position: relative; width:100%; height:110vh; min-height:562px; overflow:hidden;}
.rooms .visual .myframe iframe {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); min-width:200%; min-height:100%;}
.rooms .visual h1 {position:absolute; bottom:12%; left:50% ;font-family:'BMHANNA'; font-size: 15px; transform: translateX(-50%); text-align: center; z-index:5; color:#fff;}
.rooms .visual h1 span {display:block; font-size:25px; margin-top: 50px; }
.rooms .visual h1 strong {display:block; font-size:50px; text-align:center; margin-top:40px; font-family:'BMHANNA'; text-transform: uppercase;}
.rooms .visual .bg {z-index:100; opacity:0; transition:0.5s; display:none;} 

.rooms .Slides {position:relative; width:100%; height:100vh; min-height:562px}
.rooms .Slides .slide {position:relative; width:100%; height:100%; overflow:hidden;}
.rooms .Slides .slide li {position:absolute; top:0; left:0; width:100%; height:100%; min-height:650px; overflow:hidden; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.rooms .Slides .myframe #MyVideo {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); background-repeat:no-repeat; background-position:50% 50%;}
.rooms .Slides .myframe #MyVideo {min-width:100%; min-height:100%; width:auto; height:auto; object-fit:cover; background-size:cover; display:block;}
.rooms .Slides h1 {top:45%;}
.rooms .Slides h1 span {font-size:26px;}
.rooms .Slides h1 strong {font-size:76px;}
.rooms  .room-reserve-txt{font-size: 20px; display: block;  }
.rooms  .room-reserve-txt i{position: relative; top: 4px; font-size: 30px; margin: 5px 7px 0 0; }
.rooms  .room-reserve-txt a{text-align: center; margin: 0px auto 130px; display: block; line-height: 60px; height: 60px; width: 300px;  background: #415c6d; color: #fff; border-radius: 3px;}
.rooms  .room-reserve-txt2{ font-size: 20px; display: block;   }
/* .rooms  .room-reserve-txt2 i{position: relative; top: 4px; font-size: 30px; margin: 5px 7px 0 0; } */
.rooms  .room-reserve-txt2 a{display: none; top: 0; right: 5%; text-align: center; margin: 70px auto 130px; line-height: 60px; letter-spacing: 1px; height: 60px; width: 300px;  background: #4a4a4a; color: #fff; border-radius: 3px;}
.rooms  .room-reserve-txt3 a{display: block; text-align: center; margin: -256px auto 130px; line-height: 60px; letter-spacing: 1px; height: 60px; width: 300px;  background: #4a4a4a; color: #fff; border-radius: 3px;}

.rooms .contents {display:flex; width:100%;background-color: #fdfbf7;   padding:100px 10% 180PX; margin: 0 auto;}
.rooms .contents .inner {flex:1;padding: 0 10px}
.rooms .contents .inner > span{display: block; text-align: center; font-size: 30PX; font-weight:500;}
.rooms .contents .inner > h3 {font-size:18px;  text-align: center; margin-bottom: 22PX;}
.rooms .contents .inner a{display: block; width: 300px;  margin: 72px auto 60px;}
.rooms .contents .inner a img{width: 100%; }
.rooms .contents .inner ul {margin-top:30px; width: 70%; margin: 0 auto; display: flex; flex-wrap: wrap;}
.rooms .contents .inner ul li:nth-child(1),.rooms .contents .inner ul li:nth-child(2){width: 50%;}
.rooms .contents .inner ul li {line-height:2;display:flex; width: 100%;}
.rooms .contents .inner ul li span {display:inline-block;}
.rooms .contents .inner ul li span.tl {display:inline-block; font-weight:600; margin-right:20px;min-width: 60px}
.rooms .contents .inner:last-of-type ul li {background:url(../images/blt.png) no-repeat left 11px;padding-left:20px;}
.rooms .contents > .inner:nth-child(2){display: none;}
.fram{display: none ; background-color: #fdfbf7;}
.rooms .room-nm{display: none; width: 300px; text-align: center; margin: 0 auto;  margin-top: 250px; }
.rooms .room-nm span{display: block; font-size: 20px; margin-bottom: 10px; }
.rooms .room-nm div{display: inline-block; font-size: 50px;}

.fram2{ background-color: #fdfbf7;}

.rooms .a {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; transition:none; opacity:none;}
.rooms .Swipers .swiper-slide {height:100vh;}
.rooms .Swipers .swiper-slide:nth-of-type(1)::before {position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;content:"";z-index:1;background:#000;opacity:0.2;}

.rooms .Swipers .swiper-btns {right:20%;}

.rooms .content_rooms .heading {opacity:1; transform:translateY(0);}
/* .rooms .content_rooms .Swipers2 {opacity:1; transform:translateY(0);} */
.rooms .content_rooms .room_btn {opacity:1; transform:translateY(0);}

/* .rooms .content_rooms .Swipers2 .swiper .swiper-wrapper a{position: relative; } */
/* .rooms .content_rooms .Swipers2 .swiper .swiper-wrapper .view-more{position: absolute; bottom:0; right:1%;font-size:25px;width:200px; height:70px; } */
/* .rooms .content_rooms .Swipers2 .swiper .swiper-wrapper  .view-more > *{color: #fff;} */
.swipeRoom{display: none; position: absolute; top: 6%; left: 6%; color: #fff;  font-size: 40px; color: #fff; letter-spacing: 2px;}


.swiper-wrapper{width: 100%;}
/* #rooms .room-swiper  {position:relative; width:100%; padding:0px 0 160px; background-color: #f8f1ee; overflow: hidden; z-index:50;}
#rooms .roomsWrap {max-width:1400px; margin:0 auto; }
#rooms .Swipers2 .swiper-container{width: 100%; height: 100%; overflow: visible;}
#rooms .Swipers2 .swiper-pagination{display: none;}
#rooms .Swipers2 {position: relative;width: 100%; height: 100%;overflow: visible;}
#rooms .Swipers2 .InBox { position: relative; width: 100%;height: 800px; margin: 0 auto;}
#rooms .room-swiper h3 {display:block; font-size:16px; text-align: center;  font-family: BMHANNA;  font-weight: 400; padding: 125px 0 60px;}
#rooms .room-swiper h3 span{font-size: 50px; display: block; font-family: BMHANNA; font-weight: 400; text-transform: uppercase; margin-top: 37px;}
#rooms .room-swiper .main-txt{text-align: center;  font-size: 24px; line-height: 30px; margin-bottom: 40px; font-family:'Nanum Myeongjo', serif;}

#rooms .rooms_info {position:absolute; width:500px; height:300px; bottom:-15%; right:5%; z-index:60;}
#rooms .rooms_info .Box {width:500px; height:300px; background-color:#fff; box-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);}
#rooms .rooms_info .Box h5 {display: block; text-transform: uppercase; }
#rooms .rooms_info .Box h5 span {display: block; font-size:20px;  color:#927036; margin-bottom:10px;}
#rooms .rooms_info .Box h5 strong {display: block; font-size:44px;padding: 60px 0 20px; font-family: BMHANNA;  text-align: center; color:#222; }
#rooms .rooms_info .Box h5 p {display: block; font-size:22px; text-align: center; margin-bottom: 50px; color: #626262;  }
#rooms .rooms_info .Box .line {display:inline-block; width:40px; height:1px; border:1px solid #917035; vertical-align:middle;}
#rooms .rooms_info .Box a {display:block; width: 240px; height: 55px;  margin: 0 auto}
#rooms .rooms_info .Box a img{width: 100%; height: 100%;}

#rooms .room_swiper {overflow:visible;}
#rooms .room_swiper .InBox {height:800px;} */
/* special */

#special .myframe {position:relative; width:100%; height:100vh; overflow:hidden;}
#special .myframe iframe {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background-size:cover;min-height:100%; min-width:100%;}
.special .visual {width:100%;height:100vh;position:relative;z-index:2;overflow:hidden;}
.special .visual .myframe {position: relative; width:100%; height:100%; min-height:562px; overflow:hidden;}
.special .visual .myframe iframe {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.special .visual h1 {position:absolute; top:35%; left:6%; z-index:5; color:#fff;}
.special .visual h1 {position:absolute; top: 50%; left: 10%; transform: translateY(-50%); z-index:5; color:#fff;}
.special .visual h1 span {display:block; font-size:26px; text-align:center; font-family:'BMHANNA';}
.special .visual h1 strong {display:block; font-size:95px; text-align:center;/* letter-spacing:0.35rem;*/ margin-top:30px; font-family:'BMHANNA';}

/* .special .contents {margin:100px 0; padding-bottom: 200px; width:100%; height:100%; position:relative; overflow:hidden;}
.special .contents .Swipers {width:80%; float:right;  margin-top:200px; margin-bottom:200px; position:relative; overflow:visible;}
.special .contents .Swipers .swiper-view {max-width:1200px;}

.special .contents .txt {position:absolute; bottom:10%; left:-12%;  z-index:500; overflow:hidden;}

.special .contents .txt h3 span {display:block; font-size:26px; font-family:'BMHANNA';padding-left:50px;}
.special .contents .txt h3 strong {display:block; font-size:100px; font-family:'BMHANNA'; margin-top:20px;}
.special .contents .txt .infos {padding:85px 0 0 30px;}
.special .contents .txt .infos span {display:block; font-weight:600; line-height:1.5;}
.special .swiper-btns {right:20%;}

.special .show-pc h3 {
	position: absolute;
	bottom: 10%;
	z-index: 500;
	left: -5%;
	display:block; font-size:100px; font-family:'BMHANNA';
}

.special .show-pc .infos h4 {
	font-size: 24px;
	font-weight:bold;
	padding: 20px 0 20px 15px;
	z-index: 500;
}

.special .show-pc .infos span {
	padding-left: 15px; display: block; line-height: 20px;
} */

.special #Contents .bg {position:relative;padding-top:12.5%;max-width:1400px;margin:0 auto;}
.special #Contents .Lists {margin:0 auto;overflow:hidden;}
.special #Contents .Lists > div {position:relative;height:100%;height:70vh;margin-bottom:15%;}
.special #Contents .Lists > .l03  {}
.special #Contents .Lists > div > div {opacity:0;transition:1s;}
.special #Contents .Lists > div.lt > div:nth-of-type(1) {transform: translateX(10%);}
.special #Contents .Lists > div.lt > div:nth-of-type(2) {transform: translateX(-10%);}
.special #Contents .Lists > div.rt > div:nth-of-type(1) {transform: translateX(-10%);}
.special #Contents .Lists > div.rt > div:nth-of-type(2) {transform: translateX(10%);}
.special #Contents .Lists > div > .txt {position:absolute;top:12.5%;padding:5%;width:30%;line-height:1.5;z-index:3;}
.special #Contents .Lists > div > .txt:before {position:absolute;top:0;left:0;width:100%;height:100%;content:"";display:block;opacity:0.85;background:#f4f4f4;}
.special #Contents .Lists > div > .txt h3 {position:relative;z-index:1;}
.special #Contents .Lists > div > .txt h3 span {font-size:20px;display:block;margin-bottom:15px;}
.special #Contents .Lists > div > .txt h3 strong {font-size:32px;font-family:'YiSunShinDotumL';}
.special #Contents .Lists > div > .txt p {position:relative;z-index:1;margin-top:5%;font-size:16px;color:#8b8b8b;}
.special #Contents .Lists > div > .txt p span {display:block;margin-bottom:15px;font-size:15px;color:#000;}
.special #Contents .Lists > div > .txt div {position:relative;z-index:1;margin-top:50px;width:200px;border:1px solid #b2b2b2;}
.special #Contents .Lists > div > .txt div a {display:block;padding:20px 0;width:100%;text-align:center;}
.special #Contents .Lists > div > .img {position:absolute;top:0;width:80%;height:100%;}
.special #Contents .Lists > div > .img > div {position:absolute;}
.special #Contents .Lists > div > .img > div:nth-of-type(1) {top:0;width:95%;height:90%;z-index:1;}
.special #Contents .Lists > div > .img > div:nth-of-type(1) {background-size:cover;background-position:center;background-repeat:no-repeat;}
.special #Contents .Lists > div > .img > div:nth-of-type(2) {bottom:0;width:85%;height:80%;}
.special #Contents .Lists .lt .txt {right:0;}
.special #Contents .Lists .lt .img {left:0;}
.special #Contents .Lists .rt .txt {left:0;}
.special #Contents .Lists .rt .img {right:0;}
.special #Contents .Lists .lt .img > div:nth-of-type(1) {left:0;border-radius:0 0 100px 0;}
.special #Contents .Lists .lt .img > div:nth-of-type(2) {right:0;background:#4a4a4a;border-radius:0 0 100px 0;}	
.special #Contents .Lists .rt .img > div:nth-of-type(1) {right:0;border-radius:0 0 0 100px;}
.special #Contents .Lists .rt .img > div:nth-of-type(2) {left:0;background:#4a4a4a;border-radius:0 0 0 100px;}


.special .visual .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .45); }

/* special2 */
.m-special2{display: none;}
.special2 .visual {width:100%;height:100vh;position:relative;z-index:2;overflow:hidden;}
.special2 .visual .myframe {position: relative; width:100%; height:110vh; min-height:562px; overflow:hidden;}
.special2 .visual .myframe iframe {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); min-width:200%; min-height:100%;}
.special2 .visual h1 {position:absolute; top:50%; left:6%; z-index:5; color:#fff;margin-top:-67.5px;}
.special2 .visual h1 span {display:block; font-size:26px; font-family:'BMHANNA';}
.special2 .visual h1 strong {display:block; font-size:140px; text-align:center;/* letter-spacing:0.35rem;*/ margin-top:20px; font-family:'BMHANNA';}
.special2 .visual .bg {z-index:100; opacity:0; transition:0.5s; display:none;} 

.special2 .Slides {position:relative; width:100%; height:100vh; min-height:562px}
.special2 .Slides .slide {position:relative; width:100%; height:100%; overflow:hidden;}
.special2 .Slides .slide li {position:absolute; top:0; left:0; width:100%; height:100%; min-height:650px; overflow:hidden; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.special2 .Slides .myframe #MyVideo {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); background-repeat:no-repeat; background-position:50% 50%;}
.special2 .Slides .myframe #MyVideo {min-width:100%; min-height:100%; width:auto; height:auto; object-fit:cover; background-size:cover; display:block;}
.special2 .Slides h1 {top:45%;}
.special2 .Slides h1 span {font-size:26px;}
.special2 .Slides h1 strong {font-size:76px;}

#special2 .btn {position:absolute;bottom:100px; left:50px; z-index:30;}
#special2 .btn > span {display:block; font-size:23px; color:#fff; text-shadow: 2px 2px 2px rgb(0 0 0 / 15%);}
#special2 .btn > strong {display:block; font-size:100px; color:#fff; margin:5px 0 10px; text-shadow: 2px 2px 2px rgb(0 0 0 / 15%); font-family:'BMHANNA';}
#special2 .btn > strong em {display:inline-block; font-size:40px; margin-left:10px;}
#special2 .btn > a {display:block;}
#special2 .btn > a span {display:inline-block;    text-shadow: 1px 1px 1px rgb(0 0 0 / 50%); font-size:18px; color:#fff; margin-right:15px; text-shadow: 2px 2px 2px rgb(0 0 0 / 15%);}
#special2 .btn > a b {display:inline-block; width:43px; height:10px; transition:0.5s;}
#special2 .btn > a b {background:url(../images/room_btn.png) no-repeat 50% 50%; background-size:cover;}
#special2 .btn > a b:hover {margin-left:10px; transition:0.5s;}
#special2 .info2 {display:block; position:absolute; bottom:100px; left:50%; width:70%; transform:translateX(-50%); overflow:hidden; z-index:150;}
#special2 .info2 {background:url(../images/room/info_bg.png) repeat left top;}
/* .sub .info {-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}  */
#special2 .info2 .inner {width:100%;padding:40px 0 50PX;margin:0 auto;overflow:hidden;opacity:1;} 
#special2 .info2 .inner strong,.sub .info .inner span {color:#fff;display:block;text-align:center;font-size:18px;letter-spacing:1px;}
#special2 .info2 .inner span {display:block; margin:0 0 50px; text-align: center; font-size:24px; color:#111; text-shadow:2px 2px 2px rgb(0 0 0 / 15%);}
#special2 .info2 .inner ul {width:45%; float:left; margin:30px 2% 10px;}
#special2 .info2 .inner ul li {line-height:2.5em;color:#111;font-size:15px;text-align:center;}
#special2 .info2 .close {position:absolute;top:0;right:0;z-index:10;opacity:1;}
#special2 .info2 .close a {display:block; font-size:30px; color:#fff; margin:10px 20px 0 0;}
/* #special2 .cont_bg {display:block; position: absolute; width:100%; height:100%; top:0; left:0; background:#000; overflow: hidden; z-index:100; opacity:0.25;} */
#special2 .Swipers .swiper-btns {
    left: 75%;
}
#special2 .info2 .inner ul {width:100%; margin:30px 0 0;}

#special2 .info2 .close {position:absolute;top:0;right:0;z-index:10;opacity:1;}
#special2 .info2 .close a {display:block; font-size:30px; color:#fff; margin:10px 20px 0 0;}
#special2 .info2 .close a {color:#000;}
.m-special2{padding: 80px 0 130px;}
.m-special2 h5{text-align: center;   font-size: 14px; margin-bottom: 70px; font-family: BMHANNA, serif;}
.m-special2 h5 span{display: block;   font-size: 16px;  }
.m-special2 h5 strong{display: block;     font-family: BMHANNA, serif;  font-size: 25px; padding: 20px 0 40px; text-transform: uppercase;}
.m-special2 p{text-align: center;     font-size: 14px; line-height: 25px;     color: #867558;  font-weight: 500;}

/* offers */
#community .section { background-color: #fff; z-index: 1; overflow: hidden; } 
#community .visual { height: 70vh;}
#community .visual .photo { width: 100%; height: 100%;}
#community .visual .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.45); }
#community .visual .heading { position: absolute; top: 50%; left: 10%; transform: translateY(-50%); z-index: 10; color: #fff; } 
#community .visual .heading h1 {text-transform: uppercase; font-size: 95px; text-shadow: 0 0 7px rgba(0, 0, 0, 0.15); font-family: BMHANNA, serif; font-weight: 400; font-style: normal; } 
#community .visual .heading p { letter-spacing: 3px; font-size: 17px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.15); margin-bottom: 30px; margin-left: 70px; } 
#community .visual .heading p i { font-family: xeicon; }
#community .visual .scroll { position: absolute; bottom: 0; left: 50%; width: 62px; height: 78px; transform: translateX(-50%); z-index: 10; }

#community .contents { width: 100%; height: 100%; padding: 3% 0; } 
#community .contents .tabs { width: 100%; height: 100%; background: #fff; } 
#community .contents .tabs > ul { width: 300px; margin: 0 auto 2%; padding: 25px 0; overflow: hidden; } 
#community .contents .tabs > ul > li { float: left; width: 50%; } 
#community .contents .tabs > ul > li:last-child { border-left: 1px solid #ddd; } 
#community .contents .tabs > ul > li a { display: block; padding: 15px 0; text-align: center; font-size: 17px; } 
#community .contents .tabs > ul > li.active a { font-weight: bold; color: var(--blue); } 
#community .contents .tabs .thumbs { position: relative; max-width: 1400px; margin: 0 auto 50px; } 

/* Table */
.community  .InnerBox { max-width:1400px; padding:3% 0 7%; margin:0 auto; }
.community  .snb {width:500px;margin:0 auto;padding:15px 0;margin-bottom:5%;overflow:hidden;}
.community  .snb {border:1px solid #e8e8e8;border-right:none;border-left:none;}
.community  .snb li {float:left;width:50%;background:url(../images/pv_b.gif) no-repeat right center;}
.community  .snb li:last-child {background:none;}
.community  .snb li a {display:block;padding:15px 0;text-align:center;font-size:17px;}
.community  .snb li.active a {font-weight:bold;}

.community  .bd_menu { position:relative; max-width:1300px; margin:0 auto;}
.community  .stb {position:absolute;top:110px;left:15px;overflow:hidden;z-index:100;}
.community  .stb li {float:left;margin:0 5px;border:1px solid #e8e8e8;}
.community  .stb li:last-child {background:none;}
.community  .stb li a {display:block;padding:12.5px 15px;width:100px;text-align:center;font-size:15px;}
.community  .stb li.active a {color:#fff;background:#41595e;}

.community  .frame { position:relative; max-width:1300px; margin:0 auto; }
.community  .frame h3 {width:98%;margin:0 auto;font-size:35px;}
.community  .frame h3 strong {display:block;}
.community  .frame h3 span {display:block;font-size:15px;padding:15px 0;}
.community  .frame p {width:800px;margin:0 auto 5%;overflow:hidden;}
.community  .frame p span {display:block;line-height:1.5;font-size:16px;float:left;width:50%;text-align:center;}
.community  .frame iframe {display:block;margin-top:10px;padding-top:10px;border-top:1px solid #000;}


/* reserve */
.table .contents {width:100%; max-width:1400px; margin:150px auto;}
.table .visual { height:70vh; min-height:560px; }
.table .ban { height:100%; position:relative } 
.table .ban:before { position:absolute; top:0; left:0; width:100%; height:100%; content:""; background:#000; opacity:0.45; z-index:50; }
.table .thumb { position:relative; max-width:75%; min-width:1050px; min-width:1050px; padding:5% 0; margin:0 auto; } 
.table .snb { width:400px; margin:0 auto; padding:35px 0; margin-bottom:3%; overflow:hidden; } 
.table .snb > li { float:left; width:33.3333%; background:url(../images/pv_b.gif) no-repeat right center; } 
.table .snb > li:last-child { background:none; } 
.table .snb > li a { display:block; padding:15px 0; text-align:center; font-size:17px; } 
.table .snb > li.active a { font-weight:bold; }

#reserve .visual .heading { position: absolute; top: 50%; left: 10%; transform: translateY(-50%); z-index: 100; color: #fff; text-align: left;}
#reserve .visual .heading h1 { font-size: 95px; text-shadow: 0 0 7px rgba(0, 0, 0, 0.15); font-family: BMHANNA, serif; font-weight: 400; font-style: normal; }

#reserve .frame_02 {display:none;}
#reserve .frame_02 h2 {width:250px;margin:0 auto;padding:0px 0 35px;}
#reserve .frame_02 table {width:100%;border:1px solid #e7e7e7;font-family:'돋움',Dotum!important;}
#reserve .frame_02 table tr th,
#reserve .frame_02 table tr td {border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;text-align:center;font-size:13px;color:#676767; vertical-align:middle;}
#reserve .frame_02 > div > h3 {margin-bottom:10px;}
#reserve .frame_02 ul li {padding-left:10px;font-size:12px;line-height:1.6em;color:#676767;font-family:'돋움',Dotum!important;}
#reserve .frame_02 ul li {background:url(http://gonylab2.speedgabia.com/common/li_b.gif) no-repeat left 3px;}
#reserve .frame_02 ul li span {color:#ee3939;}
#reserve .frame_02 .r_info_01 {position:relative;margin-bottom:30px;}
#reserve .frame_02 .r_info_01 h4 {text-align:left;margin-bottom:10px;}
#reserve .frame_02 .r_info_01 table {margin-bottom:20px;}
#reserve .frame_02 .r_info_01 table .room_ {background:#efefef;height:50px;}
#reserve .frame_02 .r_info_01 table > thead {line-height:1.1em;background:#f8f8f8;}
#reserve .frame_02 .r_info_01 table > thead tr th {font-weight:bold;}
#reserve .frame_02 .r_info_01 table > tbody tr td {line-height:3em;}
#reserve .frame_02 .r_info_02 {margin:50px 0;padding-top:50px;text-align:left;} 
#reserve .frame_02 .r_info_03 {text-align:left;}
#reserve .frame_02 .r_info_03 .CNCL_COMM {margin-bottom:50px;}
#reserve .frame_02 .r_info_03 table {line-height:1.5em;margin-top:20px;}
#reserve .frame_02 .r_info_03 table > thead {background:#f2f2f2;}
#reserve .r_info_01 table+p { font-size: 12px; line-height: 1.6; color: #676767; }

.text-red {
	color: red;
}