@charset "UTF-8";
@import url("base.css");

/* ------------------------------------------------------------------------------- */
/* header */
header {z-index:1000;width:100%;position:fixed;top:0;left:0;transition:all 0.5s ease-in-out;background: #fff;border-bottom: 1px solid #e8e8e8;}
.index header {border-bottom: none;}
header hgroup {background:#fff;line-height:49px;height:49px;position:relative;z-index:500;}
header hgroup h1 {left: 0;top: 0;width: 22%;background-color: #EFEFEF;height: 140px;left: 0;top: 0;position:absolute;}
.index header hgroup h1 {
	position:absolute;left:0;top:0;z-index:500;background: none;
	transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;width: 91px;height: 75px;}

header hgroup h1 a {transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;display: block;}
header hgroup h1 a img {transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;display: block;position: absolute;transform: translate(25%,25%);}
.index header hgroup h1 a img {transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;display: block;}
header hgroup .menu_btn {width: 127px;color: #fff;background: #EFEFEF;text-align: center;position: absolute;right: 0;top: 0;}
header hgroup .menu_btn button {color: #C27A34;font-size: 13px;}
header hgroup .reserve_btn {width: 127px;color: #fff;background: #E2B283;text-align: center;position: absolute;right: 127px;top: 0;}
header hgroup .reserve_btn button {color: #fff;font-size: 13px;}

header.active hgroup h1 {width: 22%;background-color: #EFEFEF;height: 140px;left: 0;top: 0;}
header.active hgroup h1 a {}
header.active hgroup h1 a img {position: absolute;transform: translate(25%,25%);}


header nav {display: block;height: 60px;position: relative;top: 0;z-index: 320;}
header nav .gnb {width: 78%;position: absolute;right: 0;top: 0;}
header nav .gnb > ul {width: 100%;height: 100%;display: flex;justify-content: space-between;}
header nav .gnb > ul > li {}
header nav .gnb > ul > li:nth-child(1) {width: 20%;}
header nav .gnb > ul > li:nth-child(2) {width: 20%;}
header nav .gnb > ul > li:nth-child(3) {width: 30%;}
header nav .gnb > ul > li:nth-child(4) {width: 30%;}

header nav .gnb > ul > li > a {display: block;font-size: 16px;color: #222222;text-align: center;padding: 22px 0;}
header nav .gnb > ul > li.active > a {color: #EFEFEF;font-weight: bold;}

.menu_all {
	width: 100%;height: 100%;position: fixed;z-index: 10000;background: #13212d;display: flex;top: -100%;opacity: 0;
	transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;
}
.menu_all .left_img {width: 30%;height: 100%;}

.menu_all .close {padding-left: 73px;color: #fff;font-size: 16px;position: absolute;right: 5%;top: 5%;z-index: 320;cursor: pointer;}
.menu_all .close::before {content: '';width: 40px;height: 1px;background: #fff;position: absolute;left: 0%;top: 50%;transform: translateY(-50%);transition: all 0.3s;}
.menu_all .close::after {content: '';width: 40px;height: 1px;background: #fff;position: absolute;left: 0%;top: 50%;transform: translateY(-50%);transition: all 0.3s;}
.menu_all .close:hover::before {transform: rotate(45deg);}
.menu_all .close:hover::after {transform: rotate(-45deg);}

.menu_all .gnb {width: 70%;position: relative;overflow-y: scroll;}
.menu_all .gnb > ul {position: relative;left: 15%;width: 85%;margin: 20% 0 15%;}
.menu_all .gnb > ul > li {position: relative;width: 100%;line-height: 2;}
.menu_all .gnb > ul > li > a {font-size: 33px;color: #fff;opacity: 0.3;font-family: cormorant-garamond, serif;}
.menu_all .gnb > ul > li:hover > a {color: #e7af7a;opacity: 1;}
.menu_all .gnb > ul > li > ul {position: relative;top: 0;display: none;padding-bottom: 20px;}
.menu_all .gnb > ul > li > ul > li {margin-bottom: 15px;}
.menu_all .gnb > ul > li > ul > li > a {font-size: 18px;color: #fff;font-family: cormorant-garamond, serif;}
.menu_all .gnb > ul > li > ul > li > a:hover {color: #e7af7a;text-decoration: underline;}

.menu_all .notice {margin-left: 15%;}
.menu_all .notice a {font-size: 20px;color: #fff;line-height: 2;display: block;}

.menu_all .right_box {width: 100%;}
.menu_all .right_box .all_sns {overflow: hidden;margin-top: 10%;margin-left: 10%;margin-bottom: 60px;}
.menu_all .right_box .all_sns span {font-size: 18px;color: #fff;display:block;margin-bottom: 30px;}
.menu_all .right_box .all_sns a {float: left;margin-right: 20px;}
.menu_all .right_box .book_btn {font-size: 44px;color: #e7af7a;font-family: cormorant-garamond, serif;margin-left: 10%;}
.menu_all .right_box .book_btn img {display: inline-block;margin-left: 10%;}

.menu_all.open {top: 0;opacity: 1;}

.index header {background: none;}
.index header hgroup {background: none;}
.index header hgroup .booking_area a {color: #fff;}

header .header_back {width: 100%;height: 0;background-color: #fff;position: absolute;left: 0;top: 0;z-index: 1;transition: all 0.4s ease-in-out;}
header.active .header_back {height:109px;}
header.on .header_back {height:362px;}

.index header hgroup .reserve_btn {display: none;}
.index header.active hgroup .reserve_btn {display: block;}
.index header hgroup .menu_btn {display: none;}
.index header.active hgroup .menu_btn {display: block;}

.index header .menu_btn button span {background: #fff;}
.index header.on .menu_btn button span {background: #000;}
.index header nav .gnb > ul > li > a {color: #fff;}
.index header.on nav .gnb > ul > li > a {color: #222222;}

.index header.active hgroup .booking_area a {color: #b2b2b2;}
.index header.active nav .gnb > ul > li > a {color: #222222;}
.index header.active .menu_btn button span {background: #000;}

/* ------------------------------------------------------------------------------- */
/* footer */
footer {background:#fff}
footer {position:relative;width:100%;height:auto;overflow:hidden;border-top:1px solid #dcdcdc;}
footer .foot_in {width:90%;margin:80px auto 0;position:relative;}
footer .foot_in .top_btn {position:absolute;right:0;top:0;z-index:320;}
footer h2 {margin:0 auto 25px;}
footer h2 a {width: 147px;margin: 0 auto 25px;display: block;}

footer .foot_right {text-align: center;}
footer .foot_right > p {font-size: 28px;color: #999a9c;margin-bottom: 10px;}
footer .foot_right > span {font-size: 18px;color: #999a9c;}
footer .foot_right address {margin-top: 50px;}
footer .foot_right address span {display:block;font-size:14px;color:#999a9c;line-height:2;}


footer .copy_area {width:80%;padding:20px 0;color:#999a9c;margin:50px auto 0;border-top:1px solid rgba(255,255,255,0.3);font-size: 28px;text-align: center;}
footer .copy_area a.design {font-size:12px;color:#999a9c;display:block;margin-top: 15px;letter-spacing: 2px;text-align: center;opacity: 0.35;}

/* ------------------------------------------------------------------------------- */
/* index */
.intro {position:fixed;width:100%;height:100%;z-index:1100;overflow:hidden;background: #000;}
.intro p {font-size: 50px;color: #E8B07B;text-align: center;width: 100%;position: absolute;top: 50%;transform: translateY(-50%);opacity: 0;}
.intro img {display:block;position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;} 

#index {position:relative;}
#index .main_mov {position:relative;top:0;} 

#index #visual {position:relative;width:100%;top:0;z-index:320;height: 700px!important;}
#index #visual h2 {position:absolute;top:45%;left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);opacity: 0;z-index: 320;}
#index #visual .main_slide {height: 100%;}
#index #visual .normal {height: 100%;}
#index #visual .slick-prev {display: none!important;}
#index #visual .slick-next {display: none!important;}
#index #visual .slick-dots {bottom: 5%;}
#index #visual .main_slide .slick-slide {height: 100%;position: relative;}

#index .logo_box {background: #fff;padding: 60px;}
#index .logo_box img {display: block;margin: 0 auto;}

.main_so {padding: 150px 0 230px 5%;background: #fbf9f6;}
.main_so .tit_box {width: 100%;}
.main_so .tit_box h3 {font-size: 60px;color: #333333;font-family: cormorant-garamond, serif;}
.main_so .tit_box p {font-size: 18px;color: #444444;line-height: 1.5;margin-top: 50px;}
.main_so .tit_box a {
	display: inline-block;color: #c27a34;font-size: 16px;margin-top: 25px;background: url(../../images/offer_btn.png) no-repeat right center;
	padding: 10px 50px 10px 0;
}
.main_so .soffer_sd {width: 100%;margin-top: 50px;}
.main_so .soffer_sd .slick-slide {margin-right:3%}
.main_so .soffer_sd .slick-slide .img {width: 100%;height: 230px;}
.main_so .soffer_sd .slick-slide .cont {margin-top: 15px;;}
.main_so .soffer_sd .slick-slide .cont h4 {font-size: 24px;color: #222222;margin-bottom: 30px;}
.main_so .soffer_sd .slick-slide .cont h4 span {display: block;font-size: 13px;color: #585858;margin-bottom: 15px;}
.main_so .soffer_sd .slick-slide .cont p {font-size: 15px;color: #585858;line-height: 1.5;}
.main_so .soffer_sd  .slick-prev, .main_so .soffer_sd  .slick-next {bottom: -80px;top: auto;width: 50px;height: 35px;}
.main_so .soffer_sd .slick-dots {width: 100%;height: 3px;background: #efefef;bottom: -120px;}
.main_so .soffer_sd .slick-dots li {width: calc(100% / 5);height:3px;border:none;transform: scale(1,1);background: none;position: relative;top: -10px;}  
.main_so .soffer_sd .slick-dots li:before {display: none;}
.main_so .soffer_sd .slick-dots li.slick-active {transform: scale(1,1);background: #5d5d5d;}

#index .room_prv {padding: 100px 0;width: 90%;margin: 0 auto;position: relative;height: 90vh;margin-bottom: 150px;}
#index .room_prv::before {content: '';width: 1px;height: 60px;background: #222222;display: block;margin: 0 auto 50px;}
#index .room_prv h3 {font-size: 44px;color: #222222;margin-bottom: 25px;text-align: center;}
#index .room_prv p {font-size: 16px;color: #222222;line-height: 1.5;text-align: center;margin-bottom: 50px;}
#index .room_prv .box {}
#index .room_prv .img1 {width: 55%;height: 40vh;}
#index .room_prv .img2 {width: 55%;height: 23vh;position: absolute;right: 0;top: 50%;}
#index .room_prv .img3 {width: 53%;height: 20vh;position: absolute;left: 10%;bottom: 0;}
#index .room_prv ul {
	position: absolute;right: 0;bottom: 0;border-left: 1px solid #d0d0d0;padding-left: 15px;height: 200px;
	display: flex;flex-direction: column;justify-content: flex-end;
}
#index .room_prv ul li {font-size: 13px;color: #d0d0d0;line-height: 2;}

#index .room_bottom {margin: 0 auto 150px;height: 430px;position: relative;overflow: hidden;}
#index .room_bottom .tit_btn {width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 330;}
#index .room_bottom .tit_btn ul {display: flex;justify-content: space-evenly;width: 100%;align-items:center}
#index .room_bottom .tit_btn ul li {width: 33.33%;}
#index .room_bottom .tit_btn ul li a {display: block;color: #fff;font-size: 18px;text-align: center;margin-top: 60px;}
#index .room_bottom .tit_btn ul li p {font-size: 23px;color: #fff;text-align: center;font-family: cormorant-garamond, serif;transition: all 0.4s ease-in-out;transform: scale(1,1);}
#index .room_bottom .tit_btn ul li p::after {content: '';width: 80px;height: 1px;background: #fff;margin: 30px auto;opacity: 0;display: block;}
#index .room_bottom .tit_btn ul li span {
	display: block;font-size: 15px;color: #fff;line-height:1.5;text-align: center;transition: all 0.4s ease-in-out;height: 0;overflow: hidden;
}
#index .room_bottom .tit_btn ul li.active span {height: 135px;}
#index .room_bottom .tit_btn ul li.active p {transform: scale(1.1,1.1);font-size: 33px;}
#index .room_bottom .tit_btn ul li.active p::after {opacity: 1;}

#index .room_bottom .img_lst {width: 100%;height: 100%;position: absolute;left: 0%;top: 0;}
#index .room_bottom .img_lst::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.4);z-index: 325;}
#index .room_bottom .img_lst li {
	width: 100%;height: 100%;opacity: 0;z-index: 1;position: absolute;left: 0;top:0;
	transition: all 0.5s ease-in;
}
#index .room_bottom .img_lst .room_bottom02 {z-index: 320;opacity: 1;}

#index .main_fc {width:100%;margin:0 auto 200px;}
#index .main_fc h3 {font-size:45px;color:#222222;text-align:center;font-family: cormorant-garamond, serif;margin-bottom: 80px;}
#index .main_fc h3 img {display: block;margin: 0 auto 30px;}

#index .main_fc ul {width:100%;height:100%;overflow:hidden;}
#index .main_fc ul li {position:relative;overflow:hidden;height:309px;margin:0 20px;width:500px;float:left;}
#index .main_fc ul li:before {content:'';width:100%;height:100%;background:rgba(0,0,0,0.5);}

#index .main_fc ul li.lst01 {margin-top:10px;}
#index .main_fc ul li.lst02 {margin-top:120px;height:309px;}
#index .main_fc ul li.lst03 {margin-top:75px;}
#index .main_fc ul li.lst04 {margin-top:30px;}
#index .main_fc ul li.lst05 {margin-top:100px;height:309px;}
#index .main_fc ul li.lst06 {margin-top:10px;}
#index .main_fc ul li .img {
	width:100%;height:100%;
	-webkit-transition: all 0.35s cubic-bezier(.64,.17,.49,.83);-moz-transition: all 0.35s cubic-bezier(.64,.17,.49,.83);
	-ms-transition: all 0.35s cubic-bezier(.64,.17,.49,.83);-o-transition: all 0.35s cubic-bezier(.64,.17,.49,.83);
	-moz-transform: scale(1);-webkit-transform: scale(1);
	-o-transform: scale(1);-ms-transform: scale(1);
	transform: scale(1);	
}
#index .main_fc ul li a {display:block;width:100%;height:100%;position:relative;}
#index .main_fc ul li.active a:before {background:rgba(0,0,0,0);}
#index .main_fc ul li h4 {font-size:24px;color:#fff;position:absolute;right:20px;bottom:30px;z-index:320;text-align:right;font-weight:lighter;letter-spacing:3px;opacity:1;font-family:'FuturaPTBook';}
#index .main_fc ul li h4 span {display:block;font-size:14px;margin-top:10px;}
#index .main_fc ul li .bg_02 {opacity:0.2;}
#index .main_fc .simply-scroll {width:100%;height:auto;}
#index .main_fc .simply-scroll-clip {width:100%;height:auto;}

/* 움직이는 텍스트 */
.animated-title {
	font-size:60px; font-family:'Raleway',Sans-serif; font-weight:300; position: relative; width: 100%;max-width:100%; height: auto; padding:60px 0; overflow-x: hidden; overflow-y: hidden; 
	bottom:0;
}
.animated-title .track {position: absolute; white-space: nowrap;will-change: transform;animation: marquee 60s linear infinite;font-size:80px;color:#1c1c1c;font-family: cormorant-garamond, serif;top: 20%;}
.animated-title .mov_txt {}
@keyframes marquee {
  from { transform: translateX(-50%); }
  to { transform: translateX(0); }
}
@media (hover: hover) and (min-width: 700px){
	.animated-title .mov_txt {-webkit-transform: translateY(calc(100% - 8rem)); transform: translateY(calc(100% - 8rem));}
}

.map {margin:300px auto 0;position: relative;}
.map::before {content:'';width: 100%;height: 30vh;background-color: #00293a;position: absolute;right: 0;top: 25%;z-index: -1;}
.map .contact_back {width: 386px;height: 367px;position: absolute;right: -18%;bottom:26%;}
.map > span {font-size: 16px;color: #c27a34;text-align: center;display: block;}
.map .map_img {width: 100%;margin: 0 auto;height: auto;}
.map .map_img img {width: 100%;height: auto;display: block;}
.map .contact {width: 90%;margin: 50px auto 0;}
.map .contact .left {width: 100%;margin-top: 20%;}
.map .contact .left h3 {font-size: 55px;color: #111111;line-height: 1.5;font-family: cormorant-garamond, serif;text-align: center;}
.map .contact .left h3 span {display: block;margin-bottom: 10px;color: #c27a34;font-size: 16px;letter-spacing: 3px;}
.map .contact .left p {margin-top: 20px;font-size: 15px;color: #666666;line-height: 1.5;margin-top: 50px;text-align: center;}
.map .contact .left a {}
.map .contact .left a img  {display: block;margin: 50px auto 100px;}

.map .contact .right {width: 70%;height: 500px;display: block;margin: 0 auto;}
.map .contact .right .img {width: 100%;height: 100%;}


/* ------------------------------------------------------------------------------- */
/* about */
#about {}
#about .sec01 {padding: 127px 0 0 0;position: relative;}
#about .sec01::before {content: '';width: 89.9%;height: 40vh;background-color: #11273b;display: block;position: absolute;left: 0;top: 10%;z-index: -1;}
#about .sec01 .inner {width: 100%;margin: 0 auto;}
#about .sec01 .inner h3 {font-size: 40px;color: #fff;margin-bottom: 40px;font-family: cormorant-garamond, serif;margin-left: 10%;}
#about .sec01 .inner p {line-height: 2;font-size: 16px;color: #fff;margin-left: 10%;}
#about .sec01 .inner .mov {width: 90%;padding-top: 51%;position: relative;margin-left: 10%;margin-top: 50px;}
#about .sec01 .inner .mov iframe {width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

#about .sec02 {padding-bottom: 150px;overflow: hidden;position: relative;padding-top: 130px;}
#about .sec02::before {content:'';width: 70%;height: 100%;background: #f8f8f9;display: block;position: absolute;right: 0;top: 0;}
#about .sec02 h3 {font-size: 28px;color: #c27a34;margin-bottom: 50px;text-align: center;letter-spacing: 7px;}
#about .sec02 .inner {width: 100%;margin: -300px auto 0;}
#about .sec02 .box01 {width: 90%;position: relative;margin-left: 10%;margin-top: 50px;}
#about .sec02 .box01 .img {width: 60%;height: 50vh;}
#about .sec02 .box01 .txt {padding: 50px 50px 50px 0;background: #fff;width: 80%;}
#about .sec02 .box01 .txt h4 {font-size: 36px;color: #222222;font-family: cormorant-garamond, serif;margin-bottom: 45px;}
#about .sec02 .box01 .txt span {font-size: 16px;color: #222222;line-height: 1.5;margin-bottom: 30px;font-weight: bold;margin-bottom: 30px;display: block;}
#about .sec02 .box01 .txt p {font-size: 15px;color: #222222;line-height: 2;}
#about .sec02 .box01 .txt p b {margin-top: 30px;display: block;font-weight: bold;}
#about .sec02 .box02 {width: 45%;height: 45vw;float: right;margin-top: -100px;} 

/* 움직이는 텍스트 */
#about .animated-title {
	font-size:60px; font-family:'Raleway',Sans-serif; font-weight:300; position: relative; width: 100%;max-width:100%; height: auto; padding:130px 0; overflow-x: hidden; overflow-y: hidden; 
	bottom:0;
}
#about .animated-title .track {position: absolute; white-space: nowrap;will-change: transform;animation: marquee 50s linear infinite;font-size:140px;color:#11314d;font-family: cormorant-garamond, serif;top: 30%;}
#about .animated-title .mov_txt {}
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (hover: hover) and (min-width: 700px){
	#about .animated-title .mov_txt {-webkit-transform: translateY(calc(100% - 8rem)); transform: translateY(calc(100% - 8rem));}
}

/* ------------------------------------------------------------------------------- */
/* about */
#location .tit_area {margin-bottom: 100px;}
#location .tit_area h3 {font-size: 40px;color: #222222;text-align: center;}
#location .tit_area h3 span {display: block;font-size: 16px;color: #444444;}
#location .content {position:relative;background:#fff;z-index:360;padding:170px 0 0 0;margin:0 auto 100px;width: 100%;}
#location .content .way_cont {margin:100px auto;padding-bottom: 100px;border-bottom: 1px solid #e2e2e2;width:80%;}
#location .content .way_cont h3 {font-size:28px;color:#222222;margin-bottom: 40px;}
#location .content .way_cont .lo_num {padding-top: 40px;border-top: 2px solid #000000;}
#location .content .way_cont .lo_num ul {}
#location .content .way_cont .lo_num ul li {font-size: 18px;color: #242424;line-height: 2;display: flex;justify-content: flex-start;margin-bottom: 10px;}
#location .content .way_cont .lo_num ul li span  {font-size: 24px;color: #222222;display: inline-block;width: 160px;}
#location .way {margin-top:100px;}
#location .way h3 {font-size:28px;color:#222222;margin-bottom: 40px;}
#location .way .cont {padding-top: 40px;border-top: 2px solid #000000;}
#location .way .cont h4 {font-size: 18px;color: #222222;margin-bottom: 15px;font-weight: bold;;}
#location .way .cont h4:nth-of-type(2) {margin-top: 50px;}
#location .way .cont p {font-size: 18px;color: #222222;line-height: 2;display: list-item;list-style:disc;list-style-position:inside;}

.root_daum_roughmap {width:100%!important;}

/* ------------------------------------------------------------------------------- */
/* exterior */
#exterior .logo_box {background: #fff;padding: 60px;}
#exterior .logo_box img {display: block;margin: 0 auto;}
#exterior .content {width:100%;margin:0 auto;}
#exterior .mov_box {width:90%;margin:0 auto;}
#exterior .intro_txt {font-size:15px;color:#333333;line-height:2em;margin-top:80px;text-align:center;}
#exterior .intro_txt span {color:#c6a582;margin-bottom:20px;display:block;font-size:24px;line-height:1.4em;}
#exterior .ex_txt {color:#333333;font-size:16px;line-height:1.8em;margin-top:80px;padding-top:80px;border-top:1px solid #dbdbdb;margin-bottom:180px;text-align: center;}
#exterior .common_sd {width:90%;height:100%;}
#exterior .common_sd figure {width:100%;height:100%;}

#exterior .slick-dotted.slick-slider {margin-bottom:0;}

/* travel */
.travel_el .cont p {text-align:left;}

#travel {}
#travel .content {padding-top:30px;}
#travel .content .tlst {width:90%;margin:45px auto;}
#travel .content .tlst .img {height:225px;width:100%;}
#travel .content .tlst .cont {width:100%;margin:20px 0;}
#travel .content .tlst .cont span {display:block;color:#76a3c1;font-size:18px;font-weight:normal;}
#travel .content .tlst .cont h3 {font-size:30px;float:left;color:#3e3e3e;margin-bottom:30px;width:100%;margin-top:10px;font-weight:normal;}
#travel .content .tlst .cont p {color:#6c6c6c;line-height:1.8em;font-size:16px;}
#travel .tab01 {padding-bottom:150px;}

/* ------------------------------------------------------------------------------- */
/* rpv */
/* all_room */
.previews .content > h2 {font-size: 40px;color:#222222;text-align: center;font-family: cormorant-garamond, serif;margin-bottom: 100px;margin-top: 250px;}
.previews .content > h2 span {font-size: 20px;color: #444444;margin-top: 16px;text-align: center;display: block;line-height: 1.5;}

.previews .tab {width: 100%;padding: 50px 0;background-color: #f8f8f9;}
.previews .tab ul {width: 90%;margin: 0 auto;display: flex;justify-content: space-evenly;}
.previews .tab ul li {margin-right: 503%px;margin: 0 15px 0 0;padding: 0 3% 0 0;position: relative;}
.previews .tab ul li::after {content:'';width: 1px;height: 14px;background: #adadad;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.previews .tab ul li:last-child::after {display: none;}
.previews .tab ul li a {font-size: 16px;color: #adadad;text-align: center;display: block;}
.previews .tab ul li.active a {color: #000000;text-decoration: underline;text-underline-offset: 15px;font-weight: bold;}
.previews .tab ul li:hover a {color: #000000;text-decoration: underline;text-underline-offset: 15px;font-weight: bold;}

.previews .mov {width: 100%;position: relative;overflow: hidden;margin-bottom: 150px;}

.previews .all_lst {width: 100%;position: relative;}
.previews .all_lst ul {width: 100%;}
.previews .all_lst ul li {margin-bottom: 100px;position: relative;overflow: hidden;}
.previews .all_lst ul li:last-child::after {display: none;}
.previews .all_lst ul li .vid_wrap {overflow: hidden;width: 90%;margin-bottom: 100px;position: relative;z-index: 0;}
.previews .all_lst ul li:nth-child(even) .vid_wrap {margin-left: 10%;}
.previews .all_lst ul li .lst_mov {width: 100%;height: 0;position: relative;overflow: hidden;padding-top: 56.5%;}
.previews .all_lst ul li .lst_mov .movs {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.previews .all_lst ul li .back {width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: 320;transition: all 0.3s;}

.previews .all_lst ul li .cont {}
.previews .all_lst ul li:nth-child(odd) .cont {text-align: right;margin-right: 10%;}
.previews .all_lst ul li:nth-child(even) .cont {text-align: left;margin-left: 10%;}
.previews .all_lst ul li .cont h4 {font-size: 55px;color: #222222;margin-bottom: 50px;font-family: cormorant-garamond, serif;}
.previews .all_lst ul li .cont p {font-size: 18px;color: #222222;line-height: 1.7;}
.previews .all_lst ul li .cont a {display: flex;margin-top: 80px;transition: all 0.3s;align-items: center;}
.previews .all_lst ul li:nth-child(odd) .cont a::before {content:'';width:calc(100% - 143px);height: 1px;background: #efefef;margin-right: 3%;}
.previews .all_lst ul li:nth-child(even) .cont a::after {content:'';width:calc(100% - 143px);height: 1px;background: #efefef;margin-right: 3%;}

/* room_preview*/
#rpv .content {width:100%;margin:0 auto;overflow:hidden;position:relative;}
#rpv .detail_lst {width: 90%;margin: 100px auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
#rpv .detail_lst > li {width: 48%;margin-bottom: 70px;}
#rpv .detail_lst > li .img {width: 100%;height: 170px;overflow: hidden;}
#rpv .detail_lst > li .img > div {
	width: 100%;height: 100%;
	-webkit-transition: all 0.35s cubic-bezier(.64,.17,.49,.83);-moz-transition: all 0.35s cubic-bezier(.64,.17,.49,.83);
	-ms-transition: all 0.35s cubic-bezier(.64,.17,.49,.83);-o-transition: all 0.35s cubic-bezier(.64,.17,.49,.83);
	-moz-transform: scale(1);-webkit-transform: scale(1);
	-o-transform: scale(1);-ms-transform: scale(1);
	transform: scale(1);	
}
#rpv .detail_lst > li .cont {margin-top: 30px;}
#rpv .detail_lst > li .cont a {display: block;width: 100%;padding-bottom: 20px;overflow: hidden;position: relative;}
#rpv .detail_lst > li .cont a h4 {font-size: 21px;color: #111111;float: left;font-weight: bold;}
#rpv .detail_lst > li .cont a h4 span {display: block;margin-bottom: 10px;font-size: 13px;color: #666666;}
#rpv .detail_lst > li .cont a p {font-size: 14px;color: #fff;padding: 11px 0;width:110px;background: #dda066;text-align: center
;float: right;}
#rpv .detail_lst > li .cont a > span {font-size: 15px;color: #919191;position: absolute;right: 0;bottom: 20px;}
#rpv .detail_lst > li .cont a > span > b {
	display: inline-block;width: 25px;padding: 5px 0;border-radius: 50%;background: #000;color: #fff;text-align: center;margin-left: 5px;
	transition: all 0.3s 0.2s;
}

#rpv .detail_lst > li .cont a:hover:before {width: 100%;}
#rpv .detail_lst > li .cont a:hover > span {color: #222222;}
#rpv .detail_lst > li .cont a:hover > span b {background: #dda066;;}

#rpv .detail_lst > li .cont ul {width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 20px;}
#rpv .detail_lst > li .cont ul li {width: 50%;font-size: 15px;color: #666666;line-height: 2;}
#rpv .detail_lst > li .cont ul li span {font-size: 15px;color: #111111;display: inline-block;width: 100px;font-weight: bold;}

body .slick-dotted.slick-slider {margin-bottom: 0;}
#room .room_sd {overflow:hidden;width:100%;}
#room #slide {position:relative;}
#room #slide img {font-size: 80px;color: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-weight: bold;}
					
.room .content {position:relative;}
.room .content .room_info {display: flex;flex-direction: column;}
.room .content .left_nav {width: 100%;background-color: #f8f8f9;}
.room .content .left_nav ul {display: flex;justify-content:flex-start;margin: 0 20px;overflow-x: scroll;}
.room .content .left_nav ul li {padding: 21px 0;}
.room .content .left_nav ul li a {display: inline-block;font-size: 24px;color: #a0a0a0;padding: 0 10px 0 0;margin: 0 5px;}
.room .content .left_nav ul li.active a {color: #111111;background: url(../images/room/circle.png) no-repeat right bottom;}
			
/* room */
#room .content .right_wrap {width: 80%;margin: 100px auto 150px;}
#room .content .room_detail {}
#room .content .room_detail .detail_lst {}
#room .content .room_detail .detail_lst .tit_area {}
#room .content .room_detail .detail_lst .tit_area h3 {font-size: 38px;color: #222222;margin-bottom: 40px;font-family: cormorant-garamond, serif;}
#room .content .room_detail .detail_lst .tit_area p {font-size: 18px;color: #222222;line-height: 1.7;margin-bottom: 100px;padding-bottom: 100px;border-bottom: 1px solid #d9d9d9;}
#room .content .room_detail .detail_lst .tit_area p span {display: block;font-size: 24px;color: #222222;margin-bottom: 25px;}
					
#room .room_detail .detail_lst .info_box {width: 100%;}
#room .room_detail .detail_lst .info_box .room_wrap {width: 100%;}
#room .room_detail .detail_lst .info_box .room_wrap h4 {font-size: 28px;color: #222222;margin-bottom: 45px;width: 100%;}
#room .room_detail .detail_lst .info_box .room_wrap ul {width: 100%;}
#room .room_detail .detail_lst .info_box .room_wrap ul li {width: 100%;font-size: 16px;color: #222222;line-height: 2;margin-bottom: 5px;}
#room .room_detail .detail_lst .info_box .room_wrap ul li:nth-child(1) {width: 50%;float: left;margin-bottom: 30px;}
#room .room_detail .detail_lst .info_box .room_wrap ul li:nth-child(2) {width: 50%;float: left;margin-bottom: 30px;}
					
#room .room_detail .detail_lst .info_box .room_wrap ul li span {font-size: 16px;color: #c27a34;width: 100px;display: inline-block;}
#room .room_detail .detail_lst .info_box .btn_area {margin-top: 60px;display: flex;position: relative;justify-content:center}
#room .room_detail .detail_lst .info_box .btn_area a {position: relative;}
#room .room_detail .detail_lst .info_box .btn_area a:first-child {margin-right: 20px;padding-right: 20px;}
#room .room_detail .detail_lst .info_box .btn_area a img {}

#room .amenity {width: 100%;padding: 30px;background: #f4f4f4;border-top:1px solid #c27a34;border-bottom:1px solid #c27a34;box-sizing: border-box;margin-top: 30px;}
#room .amenity h4 {font-size: 28px;color: #222222;margin-bottom: 45px;}
#room .amenity ul {display: flex;flex-wrap: wrap;}
#room .amenity ul li {font-size: 16px;color: #616161;margin-bottom: 20px;width: 50%;}

#room .floor_plan {position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.9);z-index: 5000;top: 0;display: none;}
#room .floor_plan  > img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 80%;height: auto;}
#room .floor_plan button {position: absolute;right: 50px;top: 50px;cursor: pointer;}

#room .sec03 {margin-top: 150px;}
#room .sec03 h4 {font-size: 28px;color: #222222;margin-bottom: 30px;}
#room .sec03 ul {display: flex;justify-content: space-between;flex-wrap: wrap;}
#room .sec03 ul li {width: 100%;margin-bottom: 100px;}
#room .sec03 ul li .img {width: 100%;margin-bottom: 30px;}
#room .sec03 ul li:nth-child(1) .img {height: 675px;}
#room .sec03 ul li:nth-child(2) .img {height: 320px;}
#room .sec03 ul li:nth-child(3) .img {height: 630px;}
#room .sec03 ul li:nth-child(4) .img {height: 320px;}
#room .sec03 ul li p {font-size: 20px;color: #222222;margin-bottom: 15px;;}
#room .sec03 ul li span {display: block;font-size: 16px;color: #dda066;}

#room .sec04 {width: 100%;padding:60px 0;border:1px solid #d9d9d9;}
#room .sec04 .notice {width: 90%;margin: 0 auto 50px;padding-bottom: 50px;border-bottom: 1px solid #d9d9d9;}
#room .sec04 .notice h5 {font-size: 20px;color: #222222;margin-bottom: 30px;font-weight: bold;}
#room .sec04 .notice ul {width: 100%;}
#room .sec04 .notice ul li {font-size: 16px;color: #666666;line-height: 2;list-style:disc;margin-left: 20px;}
#room .sec04 .call {width: 90%;margin: 0 auto;}
#room .sec04 .call h5 {font-size: 20px;color: #222222;margin-right: 30px;display: inline-block;font-weight: bold;}
#room .sec04 .call h5 span {font-size: 16px;color: #666666;}

.type1_01 .left_nav ul li:nth-child(1) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;}
.type1_02 .left_nav ul li:nth-child(2) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;}
.type1_03 .left_nav ul li:nth-child(3) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;}
.type1_04 .left_nav ul li:nth-child(4) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;}
.type1_05 .left_nav ul li:nth-child(5) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;}
.type1_06 .left_nav ul li:nth-child(6) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;}
.type1_07 .left_nav ul li:nth-child(7) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;}
.type1_08 .left_nav ul li:nth-child(8) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;}
.type1_09 .left_nav ul li:nth-child(9) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;}
.type1_10 .left_nav ul li:nth-child(10) a {color: #111111;background: url(....//images/room/circle.png) no-repeat right bottom;}
.type1_11 .left_nav ul li:nth-child(11) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;}

.type2_01 .left_nav ul li:nth-child(1) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;}
.type2_02 .left_nav ul li:nth-child(2) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;}
.type2_03 .left_nav ul li:nth-child(3) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;}
.type2_04 .left_nav ul li:nth-child(4) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;}
.type2_05 .left_nav ul li:nth-child(5) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;}
.type2_06 .left_nav ul li:nth-child(6) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;}
.type2_07 .left_nav ul li:nth-child(7) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;}
.type2_08 .left_nav ul li:nth-child(8) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;}
.type2_09 .left_nav ul li:nth-child(9) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;}
.type2_10 .left_nav ul li:nth-child(10) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;}

.type3_01 .left_nav ul li:nth-child(1) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;}
.type3_02 .left_nav ul li:nth-child(2) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;}
.type3_03 .left_nav ul li:nth-child(3) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;}
.type3_04 .left_nav ul li:nth-child(4) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;}
.type3_05 .left_nav ul li:nth-child(5) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;}
.type3_06 .left_nav ul li:nth-child(6) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;}
.type3_07 .left_nav ul li:nth-child(7) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;}
.type3_08 .left_nav ul li:nth-child(8) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;}
.type3_09 .left_nav ul li:nth-child(9) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;}


/*------ woc - facility ------*/

#fpv .tab {width: 100%;box-sizing: border-box;overflow-x: scroll;}
#fpv .tab ul {margin: 0 5%;display: flex;min-width: 576px;}
#fpv .tab ul li {margin: 0 0 0 0;position: relative;padding: 0 25px 0 0;box-sizing: border-box;}
#fpv .tab ul li a {display: block;padding: 15px 0;}

/* fpv */
#fpv .content {width:100%;margin:0 auto;overflow:hidden;position:relative;}
#fpv .mov {height: 360px;}
#fpv .detail_lst {width: 100%;margin: 100px auto 200px;}
#fpv .detail_lst > li {width: 100%;display: flex;flex-direction: column;margin-bottom: 100px;}
#fpv .detail_lst > li:nth-child(even) {align-items: flex-end;margin-right: 50px;}
#fpv .detail_lst > li:nth-child(odd) {align-items: flex-start;margin-left: 50px;}
#fpv .detail_lst > li .img {width: 70%;height: 403px;position: relative;overflow:inherit;}
#fpv .detail_lst > li .img::before {content:'';width: 100%;height: 100%;}
#fpv .detail_lst > li:nth-child(even) .img::before{position: absolute;right: -50px;top: -50px;background: #1a3f5f;}
#fpv .detail_lst > li:nth-child(odd) .img::before{position: absolute;left: -50px;bottom: -50px;background: #f0f0f1;}
#fpv .detail_lst > li .img > div {
	width: 100%;height: 100%;
	-webkit-transition: all 0.35s cubic-bezier(.64,.17,.49,.83);-moz-transition: all 0.35s cubic-bezier(.64,.17,.49,.83);
	-ms-transition: all 0.35s cubic-bezier(.64,.17,.49,.83);-o-transition: all 0.35s cubic-bezier(.64,.17,.49,.83);
	-moz-transform: scale(1);-webkit-transform: scale(1);
	-o-transform: scale(1);-ms-transform: scale(1);
	transform: scale(1);	
}
#fpv .detail_lst > li .cont {margin-top: 80px;width: 100%;}
#fpv .detail_lst > li:nth-child(odd) .cont {margin-left: 50px;}
#fpv .detail_lst > li:nth-child(even) .cont {margin-right: 50px;text-align: right;}
#fpv .detail_lst > li:nth-child(odd) {justify-content: flex-start;}
#fpv .detail_lst > li .cont > span {font-size: 18px;color: #c27a34;display: block;margin-bottom: 20px;}
#fpv .detail_lst > li .cont h4 {font-size: 50px;color: #222222;font-weight: bold;}
#fpv .detail_lst > li .cont h4 span {margin-bottom: 10px;font-size: 18px;color: #222222;display: inline-block;margin-left: 10px;}
#fpv .detail_lst > li .cont > p {font-size: 18px;color: #222222;line-height: 1.5;margin: 30px auto 70px;}
#fpv .detail_lst > li .cont > a {font-size: 16px;color: #787878;}
#fpv .detail_lst > li .cont > a::before {content:'';width: 30px;height: 1px;background: #787878;display: inline-block;margin-right: 20px;transition: all 0.3s;}
#fpv .detail_lst > li .cont > a:hover {font-weight: bold;}
#fpv .detail_lst > li .cont > a:hover::before {width: 50px;}

#fpv .detail_lst > li .cont ul {width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 20px;}
#fpv .detail_lst > li .cont ul li {width: 50%;font-size: 15px;color: #666666;line-height: 2;}
#fpv .detail_lst > li .cont ul li span {font-size: 15px;color: #111111;display: inline-block;width: 100px;font-weight: bold;}

/* facility */
#facility .slick-slide {opacity:0.5;}
#facility .slick-current {opacity:1;}
#facility .info_box {}
#facility .info_box .fc_tit {width:100%;margin:100px auto 130px;overflow:hidden;}
#facility .info_box .fc_tit h2 {font-size:50px;color:#222222;font-family: cormorant-garamond, serif;text-align: center;}
#facility .info_box .fc_tit h2 span {display:block;font-size:16px;margin-bottom:10px;letter-spacing: 3px;}
#facility .info_box .fc_tit p {font-size:17px;color:#111111;line-height:2;margin:40px 0 100px 0;text-align: center;}
#facility .info_box .fc_tit ul {display:flex;margin: 0 auto;justify-content:center}
#facility .info_box .fc_tit ul li {font-size:14px;color:#222222;line-height:1.5;margin-right: 20px;padding-right: 20px;position: relative}
#facility .info_box .fc_tit ul li::after {content: ''; width: 1px;height: 20px;background: #dddddd;position: absolute;right: 0;top: 50%;transform: translate(0,-50%);display: block;}
#facility .info_box .fc_tit ul li:last-child::after {display: none;}
#facility .info_box .fc_tit ul li span {display:inline-block;margin-right:20px;color:#c27a34;font-size:18px;}
				
#facility .img_wrap {width: 90%;margin: 100px auto;display: flex;justify-content: space-between;}
#facility .img_wrap > div {width: 32%;height: 225px;}
#facility .img_wrap > div.img02 {margin-top: 100px;}
				
#facility .fc_info {overflow:hidden;width:90%;margin:100px auto 0;}
#facility .fc_info h3 {font-size:25px;color:#000000;margin-bottom:20px;}
#facility .fc_info .sec01 {padding-top: 45px;border-top: 1px solid #222222;display: flex;justify-content: flex-start;padding-bottom: 50px;border-bottom: 1px solid #d9d9d9;}
#facility .fc_info .sec02 {padding-top: 45px;display: flex;justify-content: flex-start;padding-bottom: 50px;border-bottom: 1px solid #d9d9d9;}
#facility .fc_info .sec03 {padding-top: 45px;display: flex;justify-content: flex-start;padding-bottom: 50px;margin-bottom: 50px;border-bottom: 1px solid #d9d9d9;}
#facility .fc_info h4 {font-size: 23px;color: #222222;width: 30%;font-weight: bold;}
#facility .fc_info .sec01 .right {width: 70%;}
#facility .fc_info .sec01 .right ul {}
#facility .fc_info .sec01 .right ul li {font-size: 16px;color: #666666;line-height: 2;list-style:disc;}
#facility .fc_info .sec01 .right ul li span {font-size: 18px;color: #000000;display: inline-block;width: 130px;}
#facility .fc_info .sec01 .right p {font-size: 14px;color: #999999;line-height: 2;margin-left: 130px;margin-top: 20px;}

#facility .fc_info .sec02 {align-items: center;}
#facility .fc_info .sec02 p {font-size: 18px;color: #222222;}
#facility .fc_info .sec03 ul li {font-size: 18px;color: #222222;line-height: 2;list-style:disc;}
#facility .fc_info  a {width: 210px;padding: 15px 0;display: block;border:1px solid #a9a9a9;font-size: 18px;text-align: center;color-interpolation-filters: #a9a9a9;margin: 100px auto 150px;}
#facility .fc_info  a:hover {background: #222;border:1px solid #222;color: #fff;}

#facility .bottom {}
#facility .bottom .back {height: 320px;width: 100%;}
#facility .bottom .sd_ttl {width: 140px;border-right: 1px solid #ebebeb;padding: 160px 0;}
#facility .bottom .sd_ttl img {display: block;margin: 0 auto;}
#facility .bottom .sd_wrap {display: flex;justify-content:space-between;align-items: center;}
#facility .bottom .fpv_sd {width: calc(95% - 140px);margin-left: 5%;}
#facility .bottom .fpv_sd .slick-slide {margin-right: 40px;opacity: 1;}
#facility .bottom .fpv_sd .slick-slide h5 {font-size: 28px;color: #000000;margin-bottom: 15px;}
#facility .bottom .fpv_sd .slick-slide h5 span {display: block;float: right;font-size: 15px;color: #000000;}
#facility .bottom .fpv_sd .slick-slide .img {width: 100%;height: 250px;}
#facility .bottom .fpv_sd .slick-slide a {font-size: 15px;color: #919191;float: right;margin-top: 15px;}
#facility .bottom .fpv_sd .slick-slide a span {display: inline-block;width: 25px;padding: 2.5px 0;background: #222;color: #fff;font-size: 20px;text-align: center;margin-left: 20px;border-radius: 50%;}
#facility .bottom .slick-list {padding: 0 80px 0 0!important;}
#facility .bottom .fpv_sd .slick-slide:hover a {color: #222;}
#facility .bottom .fpv_sd .slick-slide:hover a span {background: #dda066;}


/*------------------------------------------------------------------------------------------------*/
/* offer */
#promotion .contents {position:relative;background:#fff;z-index:360;top:0;}
#promotion #list_item_btn {
	font-size:15px;color:#737373;border:1px solid #c6a582;text-align:center;display:block;margin:100px auto;width:210px;line-height:50px;transition:all 0.3s;-webkit-transition:all 0.3s;
	}
#promotion #list_item_btn:hover {letter-spacing:3px;}
/* promotion */
#promotion .list_wrap {margin:250px 0 100px;overflow:hidden;}
#promotion .list_wrap h3 {font-size:25px;color:#444444;margin:0 auto 80px;position:relative;margin-left: 10%;line-height: 1.5;}
#promotion .list_wrap .tab {width: 100%;padding: 40px 0;background-color: #f8f8f9;margin-bottom: 70px;}
#promotion .list_wrap .tab ul {width: 80%;margin: 0 auto;display: flex;justify-content: flex-start;}
#promotion .list_wrap .tab ul li {margin-right: 50px;}
#promotion .list_wrap .tab ul li a {font-size: 20px;color: #adadad;}
#promotion .list_wrap .tab ul li.active a {color: #000000;text-decoration: underline;text-underline-offset: 15px;font-weight: bold;}
#promotion .list_wrap .offers {width:90%;margin:0 auto;overflow:hidden;display:flex;justify-content:space-between;flex-wrap:wrap;}
#promotion .list_wrap .offers dl {width:47%;margin:0 0 80px;min-height:500px;position:relative;}
#promotion .list_wrap .offers dl dt {height:270px;width:100%;overflow:hidden;}
#promotion .list_wrap .offers dl dt .img {
	width:100%;height:100%;
	transform: scale(1);
	transition:all 0.3s ease-in-out;
}
#promotion .list_wrap .offers dl dd {margin-top:30px;word-break:keep-all;}
#promotion .list_wrap .offers dl dd a {display:block;}
#promotion .list_wrap .offers dl dd h4 {font-size:20px;color:#222222;margin-bottom:15px;line-height:1.5;font-weight:bold;}
#promotion .list_wrap .offers dl dd h4 span {display: block;font-size: 14px;color: #585858;margin-bottom: 25px;}
#promotion .list_wrap .offers dl dd p {
	font-size:14px;color:#737373;line-height:1.5em;word-break:keep-all;
	white-space:normal;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;
}
#promotion .list_wrap .offers dl dd span.date {display:block;font-size:16px;color:#737373;margin-top:50px;position:absolute;left:0;bottom:0;}
#promotion .list_wrap .offers dl dd .view_btn {width:160px;line-height:40px;text-align:center;color:#fff;background:#b49f82;margin-top:30px;transition:letter-spacing 0.3s ease-in-out;border:1px solid #b49f82}
#promotion .list_wrap .offers dl dd .view_btn:hover {background:none;color:#b49f82;letter-spacing:2px;border:1px solid #b49f82}

#promotion .cont_wrap{max-width:1030px; margin:0 auto; position:relative; padding:180px 0 180px;}
#promotion .cont_wrap .tit_box{position:relative; display:block; padding:15px 0;}
#promotion .cont_wrap .tit_box .tit{color:#212121; font-size:32px;text-align:center;margin-bottom:50px;}
#promotion .cont_wrap .tit_box .tit .date{display:block; color:#737373;font-size:16px;margin-top:25px;}
#promotion .cont_wrap .cont {padding:40px 0 90px; }
#promotion .cont_wrap .cont h4 {font-size:16px;color:#212121;margin:80px 0 30px 0;text-align:center;font-weight:bold;}
#promotion .cont_wrap .cont img {display:block;margin:0 auto;max-width:900px;height:auto;width: 90%;}
#promotion .cont_wrap .cont p{margin-top:50px; color:#6d6d6e; font-size:16px; line-height:160%;text-align:center;line-height:1.8em;word-break:keep-all;}
#promotion .cont_wrap .cont .loca {margin:30px 0 80px;line-height:2em;}
#promotion .cont_wrap a{
	margin:45px auto 0; width:215px; height:50px; line-height:55px; background-color:#c6a582; color:#fff; font-size:15px; display:block;
	text-align:center;
}

/* ------------------------------------------------------------------------------- */
/* reserve */
#reserve .content {}
#reserve .tab01 {display:none;}
#reserve .tab02 {display:block;}
#reserve .tab02 > h3 {font-size:20px;display:block;border-top:1px solid #5f5162;background:#f1f1f1;padding:20px;}
#reserve .tab02 .price {margin:80px 0 70px;}
#reserve .tab02 .price h3 {font-size:20px;display:block;border-top:1px solid #5f5162;background:#f1f1f1;padding:20px;}
#reserve .tab02 .price ul {width:95%;margin: 30px auto 0;}
#reserve .tab02 .price ul li {line-height:1.8em;color:#4d4d4d;font-size:15px;}

#reserve .tab02 .notice ul {margin-top:50px;margin-left:30px;}
#reserve .tab02 .notice ul li {line-height:1.8em;color:#4d4d4d;font-size:12px;}

#reserve .tab02 .rv_notice {margin:80px 0 70px;}
#reserve .tab02 .rv_notice h3 {font-size:20px;display:block;border-top:1px solid #5f5162;background:#f1f1f1;padding:20px;}
#reserve .tab02 .rv_notice ul {width:95%;margin: 30px auto 0;}
#reserve .tab02 .rv_notice ul li {line-height:1.8em;color:#4d4d4d;font-size:12px;}

#reserve .tab02 .refund {margin-bottom:200px;}
#reserve .tab02 .refund h3 {font-size:20px;display:block;border-top:1px solid #5f5162;background:#f1f1f1;padding:20px;}
#reserve .tab02 .refund h4 {font-size:20px;text-align:left;margin: 20px 0 20px 5%;font-weight:normal;}
#reserve .tab02 .refund table {width:95%;margin:40px auto 0;}
#reserve .tab02 .refund table thead tr th {line-height:1.5em;padding:10px 0;background:#f1f1f1;border-right:1px solid #c0c0c0;font-weight:normal;font-size:14px;font-family:'NanumBarunGothic';}
#reserve .tab02 .refund table thead tr th:nth-child(1) {border-left:1px solid #c0c0c0;}
#reserve .tab02 .refund table tbody tr {border-bottom:1px solid #c0c0c0;}
#reserve .tab02 .refund table tbody tr td {
	text-align:center;padding:10px 0;color:#a45959;font-family:'NanumBarunGothic';font-weight:normal;font-size:14px;
	border-right:1px solid #c0c0c0;
}
#reserve .tab02 .refund table tbody tr td:nth-child(1) {border-left:1px solid #c0c0c0;}
#reserve .tab02 .refund ul {margin:30px 0 0 5%;}
#reserve .tab02 .refund ul li {line-height:1.8em;color:#4d4d4d;font-size:12px;}
.rv_table {display:block;margin:0 auto;}

#reserve .content .click_btn {
	width:350px;color:#b09375;border:1px solid #b09375;text-align:center;display:block;margin:50px auto;font-size:18px;line-height:50px;overflow:hidden;
	font-family:'NanumBarunGothic';
}

/* ------------------------------------------------------------------------------- */
/* table */
#table .content {}
#table .content .cont {width:100%;}
#table .iframe {width:95%;margin:0 auto 100px;}
#table > h3 {font-size:25px;color:#444444;margin:0 auto 80px;position:relative;margin-left: 10%;line-height: 1.5;}
#table .tab {width: 100%;padding: 40px 0;background-color: #f8f8f9;margin-bottom: 70px;}
#table .tab ul {width: 80%;margin: 0 auto;display: flex;justify-content: flex-start;}
#table .tab ul li {margin-right: 50px;}
#table .tab ul li a {font-size: 20px;color: #adadad;}
#table .tab ul li.active a {color: #000000;text-decoration: underline;text-underline-offset: 15px;font-weight: bold;}