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

/* intro */
#intro{background-color:#2c4563; width:100%; height:100%; position:absolute; top:0; left:0; z-index:99999;}
/*#intro img{position:absolute; top:50%; left:50%; margin-left:-165.5px; margin-top:-127.5px;}*/
#intro.hidden {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s 2s, opacity 1s linear;
}

/* header */
header{position:fixed;width:100%;z-index: 700;}
header hgroup {width:100%;height:110px;border-bottom: 2px solid #fff;position:relative;z-index:500;top:0;}
header hgroup a{line-height:110px;}
header hgroup .book_btn {height: 110px;width:110px;border-right: 2px solid #fff;text-align:center;position: absolute;top: 0;}
header hgroup .book_btn a{color:#fff;}
header hgroup h1 {height: 110px;width:110px;margin:0 auto;/*position:absolute;left:25px;*/}
header hgroup h1 a{height: 110px;width:110px;background-image:url("../images/common/logo.png");}
header hgroup .menu_btn {height: 110px;width:110px;border-left: 2px solid #fff;position:absolute;right:0;top:0;}
header hgroup .menu_btn a{height: 110px;width:110px;background-image:url("../images/common/menu_btn.png");}

header.active hgroup{background: #ffffffde;backdrop-filter: blur(4px);border-bottom: 2px solid #C8C8A1;}
header.active hgroup .book_btn{border-right: 2px solid #C8C8A1;}
header.active hgroup .book_btn a{color:#C8C8A1;}
header.active hgroup h1 a{background-image:url("../images/common/logo_on.png");}
header.active hgroup .menu_btn{border-left: 2px solid #C8C8A1;}
header.active hgroup .menu_btn a{background-image:url("../images/common/menu_btn_on.png");}

header nav {width:50%;height:100%;position:fixed;right:-50%;top:0;background:#C8C8A1;float:right;z-index:710;}
header nav > ul {position:absolute;left:10%;top:40%;margin-top:-170px;}
header nav > ul > li {margin-bottom:22px;}
header nav > ul > li > a {font-size:40px;line-height: 45px;letter-spacing: 4px;color:#fff;}
header nav > ul > li > a span {display:inline-block;font-size:19px;color:#fff;opacity:0.7;font-family: 'Pretendard';}
header nav > ul > li > ul {margin-top:10px;display:none;}
header nav > ul > li > ul > li {line-height:2.7em;}
header nav > ul > li > ul > li > a {font-size:20px;color:#56594A;font-weight: 300;opacity:0.97;font-family: 'Pretendard';}

header nav .close {position:absolute;right:15px;}
header nav .gnb_bottom {position:absolute;left:5%;bottom:0;width:95%;}
header nav .gnb_bottom ul {overflow:hidden;width:100%;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ffffff54;}
header nav .gnb_bottom ul li {width:20%;float:left;}
header nav .gnb_bottom ul li a {display:block;}
header nav .gnb_bottom ul li:nth-child(1) a {/*border-right:1px solid #17542B;*/}
header nav .gnb_bottom ul li a img {display:block;margin:0 auto;}
header nav .gnb_bottom p {font-size:11px;color:#fff;text-align:center;opacity:0.8;margin-bottom:20px;}

header .gnb_logo {width:50%;height:100%;float:left;position:fixed;left:-50%;top:0;z-index:710;}
header .gnb_logo:after {content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.1);}
header .gnb_logo img {position:absolute;left:50%;top:50%;margin:-92px 0 0 -85.5px;}

header a {display:block;line-height: 50px;color: #fff;font-size: 28px;letter-spacing: 3px;}

/* ------------------------------------------------------------------------------- */
/* footer */
footer {position:relative;width:100%;overflow:hidden;background:#C8C8A1;border-radius: 40% 73% 0 0 / 10% 12% 0 0;}
footer .inner {margin:0 auto;overflow:hidden;}
footer .inner > div {height:100%;}
footer .inner h1 {margin:45px auto 20px;}
footer .inner h1 a {display:block;}
footer .inner h1 a img {display:block;margin:0 auto;}

footer .foot_cont {width:90%;margin:80px auto 80px;overflow:hidden;}
footer .foot_cont li {width:33.33%;float:left;}
footer .foot_cont li p {font-size:18px;color:#fff;text-align:center;font-family:'Pretendard';line-height:1.7em;font-weight: 300;}
footer .foot_cont li span {display:block;font-size:28px;color:#fff;text-align:center;margin-bottom:20px;letter-spacing: 2px;}
footer .f_center > p {
	font-size:20px;line-height: 34px;color:#fff;margin:20px 0 20px;text-align:center;width:90%;margin:0 auto;border-bottom:1px solid #dadada;
	padding-bottom:30px;font-weight: 300;
}

footer .copy {text-align:center;padding:15px 0;margin:15px 0;position:relative;width:90%;margin:0 auto;}
footer .copy span {font-size:16px;color:#fff;display:block;opacity:0.15;font-family:'Pretendard';}
footer .copy a {display:block;font-size:16px;color:#fff;margin-bottom:10px;opacity:0.7;font-family:'Pretendard';font-weight: 300;}

footer .top_btn {width:100%;background:#C8C8A1;}
footer .top_btn a {display:block;}
footer .top_btn a img {display:block;margin:0 auto;}

/* ------------------------------------------------------------------------------- */
/* visual */
#index #visual {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/banner/0.jpg) no-repeat center center;background-size:cover;}
#exterior .top {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/banner/1.jpg) no-repeat center center;background-size:cover;}
#travel .top {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/banner/1.jpg) no-repeat center center;background-size:cover;}
#location .top {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/banner/1.jpg) no-repeat center center;background-size:cover;}
#fpv .top {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/banner/3.jpg) no-repeat 50% 50%;background-size:cover;}
#table .top {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/banner/4.jpg) no-repeat center center;background-size:cover;}
#reserve .top {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/banner/5.jpg) no-repeat center center;background-size:cover;}

.gnb_logo {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/banner/gnb.jpg) no-repeat center center;background-size:cover;}

/* index images */
#index .room_ex .mre_01 .img > div {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/main/0/1.jpg) no-repeat 50% 50%;background-size:cover;}
#index .room_ex .mre_02 .img > div {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/main/0/2.jpg) no-repeat 50% 50%;background-size:cover;}
#index .room_ex .mre_03 .img > div {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/main/0/3.jpg) no-repeat 50% 50%;background-size:cover;}

#index .main_sp .msp_01 .img > div {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/special/1/1.jpg) no-repeat 50% 50%;background-size:cover;}
#index .main_sp .msp_02 .img > div {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/special/2/1.jpg) no-repeat 50% 50%;background-size:cover;}
#index .main_sp .msp_03 .img > div {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/special/3/1.jpg) no-repeat 50% 50%;background-size:cover;}
#index .main_sp .msp_04 .img > div {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/special/4/1.jpg) no-repeat 50% 50%;background-size:cover;}
#index .main_sp .msp_05 .img > div {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/special/5/1.jpg) no-repeat 50% 50%;background-size:cover;}
#index .main_sp .msp_06 .img > div {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/special/6/1.jpg) no-repeat 50% 50%;background-size:cover;}

.insta_01 .img {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/insta/1.jpg) no-repeat 50% 50%;background-size:cover;}
.insta_02 .img {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/insta/2.jpg) no-repeat 50% 50%;background-size:cover;}
.insta_03 .img {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/insta/3.jpg) no-repeat 50% 50%;background-size:cover;}
.insta_04 .img {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/insta/4.jpg) no-repeat 50% 50%;background-size:cover;}
.insta_05 .img {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/insta/5.jpg) no-repeat 50% 50%;background-size:cover;}

#index .sec02 {width: 100%;margin: 100px auto;position: relative;height: 710px;}
#index .sec02 .cont {width: 100%;margin: 0 auto;}
#index .sec02 .cont h3 {font-size: 95px;font-weight: 500;letter-spacing: 4px;color: #C8C8A1;margin-bottom: 53px;font-family: 'PoiretOne';text-align: center;}
#index .sec02 .cont p {font-size: 19px;color: #6E735B;line-height: 36px;margin-bottom: 54px;text-align: center;font-family: 'Pretendard';}

#index .sec02 .img01 {width: 120px;height: 120px;border-radius:65px;position: absolute;left: 50px;top: 415px;transition: all 0.5s;background: url(http://woc1.speedgabia.com/_newly/_glamping/main/01.png) no-repeat 50% 50%;}
#index .sec02 .img01::before {content: '';width: 100%;height: 100%;display: block;background: #fff;transition: all 0.5s 0.3s ease-in-out;}
#index .sec02 .img01.on::before {height: 0;}
#index .sec02 .img02 {width: 250px;height:153px;position: absolute;left: 78px;top: 630px;transition: all 0.5s;}
#index .sec02 .img02::before {content: '';width: 100%;height: 100%;display: block;background: #fff;transition: all 0.5s 0.6s ease-in-out;}
#index .sec02 .img02.on::before {height: 0;}
#index .sec02 .img03 {width: 150px;height: 150px;border-radius:80px;position: absolute;right: 25px;top: 120px;transition: all 0.5s;background: url(http://woc1.speedgabia.com/_newly/_glamping/main/02.png) no-repeat 50% 50%;}
#index .sec02 .img03::before {content: '';width: 100%;height: 100%;display: block;background: #fff;transition: all 0.5s 0.9s ease-in-out;}
#index .sec02 .img03.on::before {height: 0;}



/* room_preview */


/* room */
.room_01 .top {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/room/0.jpg) no-repeat 50% 50%;background-size:cover;}

/* special-facility */
#fpv .main_sp .msp_01 .img > div {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/special/1/1.jpg) no-repeat 50% 50%;background-size:cover;}
#fpv .main_sp .msp_02 .img > div {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/special/2/1.jpg) no-repeat 50% 50%;background-size:cover;}
#fpv .main_sp .msp_03 .img > div {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/special/3/1.jpg) no-repeat 50% 50%;background-size:cover;}

.facility_01 .top {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/special/1/1.jpg) no-repeat 50% 50%;background-size:cover;}
.facility_02 .top {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/special/2/1.jpg) no-repeat 50% 50%;background-size:cover;}
.facility_03 .top {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/special/3/1.jpg) no-repeat 50% 50%;background-size:cover;}
.facility_04 .top {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/special/4/1.jpg) no-repeat 50% 50%;background-size:cover;}
.facility_05 .top {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/special/5/1.jpg) no-repeat 50% 50%;background-size:cover;}
.facility_06 .top {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/special/6/1.jpg) no-repeat 50% 50%;background-size:cover;}

#facility .main_sp .msp_01 .img > div {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/special/1/1.jpg) no-repeat 50% 50%;background-size:cover;}
#facility .main_sp .msp_02 .img > div {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/special/2/1.jpg) no-repeat 50% 50%;background-size:cover;}
#facility .main_sp .msp_03 .img > div {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/special/3/1.jpg) no-repeat 50% 50%;background-size:cover;}
#facility .main_sp .msp_04 .img > div {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/special/4/1.jpg) no-repeat 50% 50%;background-size:cover;}
#facility .main_sp .msp_05 .img > div {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/special/5/1.jpg) no-repeat 50% 50%;background-size:cover;}
#facility .main_sp .msp_06 .img > div {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/special/6/1.jpg) no-repeat 50% 50%;background-size:cover;}


/* ------------------------------------------------------------------------------- */
/* common */
body {width:100%;margin:0 auto;max-width:640px;}
body .section {position:relative;}
.visual {position:fixed;height:690px;width:100%;}
.visual:before {content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.3);z-index:200;}
.room_swip {width:100%;position:fixed!important;overflow:hidden;}
.top {width:100%;position:fixed;overflow:hidden;right:0;height:450px;}
.top:before {content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.2);z-index:1}

.top_ttl {position:absolute;left:35px;top:70%;/*writing-mode: vertical-lr;*/text-orientation: mixed;z-index:320;overflow:hidden;height:0;opacity:0;}
.top_ttl h2 {
	font-size:27px;color:#fff;z-index:320;height:250px;
	text-shadow:1px 0 1px #666;font-family: 'Pretendard';font-weight:normal;line-height:1.5em;
}
.top_ttl span {display:table;font-size:23px;overflow:hidden;font-family: 'Pretendard';padding-right:5px;}


#contents {position:relative;z-index:320;background:#fff;top:450px!important;}


/* ------------------------------------------------------------------------------- */
/* index */
.left_bg {width:50.5%;height:100%;background:#fff;position:fixed;left:0;top:0;z-index:1000;}
.right_bg {width:50.5%;height:100%;background:#fff;position:fixed;right:0;top:0;z-index:1000;}
.intro_img {display:block;position:absolute;left:-101px;top:50%;margin:-101px 0 0 0;z-index:1000;}


#index {width:100%;}
#index #visual {position:relative;overflow:hidden;width:100%;}
#index #visual:before {content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.2);}
#index #visual .main_ttl {position:absolute;left:50%;top:60%;z-index:320;margin:-253px 0 0 -210px;opacity:0;}

#index .container {position:relative;z-index:350;background:#fff;margin-top:5px;}

#index .container .vid_box {width:100%;margin:0 auto;}
#index .intro_logo {padding:70px;background:#fff;}
#index .intro_logo img {display:block;margin:0 auto;}
#index .main_ex {margin:20px 0 20px;}
#index .main_ex > h3 {padding:80px 0;}
#index .main_ex > h3 img {display:block;margin:0 auto;}

#index .swiper .swiper-button-next, #index .swiper-button-prev {width:47px;height:64px;z-index:320;top:40;margin:-14px 40px 0 40px;}
#index .swiper .swiper-button-next {right:0;background:url(../images/common/next.png) no-repeat 50% 50%;}
#index .swiper .swiper-button-prev {left:0;background:url(../images/common/prev.png) no-repeat 50% 50%;left:auto;}
#index .swiper .swiper-pagination {bottom:0;text-align:center;}
#index .swiper .swiper-pagination-bullet {width:18px;height:29px;margin:0 2px;}
#index .swiper .swiper-pagination-bullet-active {}
#index .swiper .swiper-button-prev.swiper-button-disabled {opacity:0.3;}

#index .room_ex {margin:0px auto 80px;width:95%;}
#index .room_ex .mre {overflow:hidden;width:100%;}
#index .room_ex .mre .cont {width:100%;height:100%;position:relative;margin:50px 25px;}
#index .room_ex .mre .cont h3 {
	font-size:32px;color:#5a5a5a;font-family: 'Pretendard';font-weight:400;text-orientation: mixed;float:left;
	line-height:1.4em;margin-bottom:55px;margin-right:65px;
}
#index .room_ex .mre .cont h3 span {display:block;font-size:24px;font-family: 'PoiretOne';}
#index .room_ex .mre .cont p {text-align:left;line-height:1.7em;font-size:16px;color:#6E735B;float:left;margin-top:50px;margin-right: 50px;}
/*#index .room_ex .mre .cont a {display:block;font-size:17px;font-family:'InriaSans';color:#222222;text-align:left;width:200px;padding:36px 0;float:left;padding-left:40px;margin:30px 0px 105px 46px;}
#index .room_ex .mre .cont a img {display:inline-block;margin-left:18px;margin-bottom:5px;}*/
#index .room_ex .mre .cont .more_link img{margin:20px 25px 50px 0;float:right;}

#index .room_ex .mre .img {width:100%;height:370px;overflow:hidden;}
#index .room_ex .mre .img > div {
	width:100%;height:100%;
	-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-moz-transform: scale(1);-webkit-transform: scale(1);
	-o-transform: scale(1);-ms-transform: scale(1);
	transform: scale(1);
}

#index .main_sp {padding:150px 0 80px;position:relative;}
#index .main_sp h3 {
	font-size:50px;color: #222;letter-spacing: 2px;text-align:center;background:url(../images/common/msp_bg.png) no-repeat right top;display:table;padding-top:15px;padding-right:64px;
	position:absolute;left:50%;top:0;margin-left:-137px;font-weight:normal;
}
#index .main_sp h3 span {font-size:16px;line-height: 37px;color:#6E735B;display:block;font-family: 'Pretendard';}
#index .main_sp ul {width:100%;margin:0 auto;}
#index .main_sp ul li {
	position:relative;height:400px;margin:0 28px;opacity:0.3;overflow:hidden;
	-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
#index .main_sp ul li .img {width:100%;height:100%;overflow:hidden;}
#index .main_sp ul li .img > div {width:100%;height:100%;}
#index .main_sp ul li .cont {height:90px;padding:40px 20px 0 20px;background:#fff;position:absolute;right:0;bottom:0;z-index:320;line-height:19.6px;width:294px;}
#index .main_sp ul li .cont a {display:block;margin: 0 auto; width: 95%;height:100%;}
#index .main_sp ul li .cont h4 {text-orientation: mixed;font-size:30px;color:#222222;margin-right:10px;letter-spacing: 2px;line-height: 40px;font-weight: 200;}
/*#index .main_sp ul li .cont h4:before {content:'';width:27px;height:3px;display:inline-block;background:#fff;margin-bottom:10px;}*/
#index .main_sp ul li .cont p {font-size:17px;color:#222222;text-orientation: mixed;margin-left:5px;letter-spacing: 2px;}
#index .main_sp .more_f img{margin-right: 25px;margin-bottom: 125px;float: right;}

#index .main_sp .slick-list {padding:0 220px 0 30px!important;}
#index .main_sp .slick-active {opacity:1;}

#index .instagram {position:relative;width:95%;margin:0 auto 125px;overflow:hidden;}
#index .instagram h3 {font-size:50px;color:#C8C8A1;position:absolute;left:55%;top:0;/*padding-left:22px;background:url(../images/common/insta_bg.png) no-repeat left top;*/padding-top:90px;margin-left:-210px;text-align:center;font-weight:normal;
}
#index .instagram h3 span {display:block;text-align:center;margin-top:12px;font-size:16px;line-height:30px;color:#6E735B;font-family: 'Pretendard';}
#index .instagram .insta_box {overflow:hidden;margin-top:320px;}
#index .instagram .more_r img{margin-top: 30px;margin-right: 25px;float: right;}
#index .instagram ulfloat:left;}
#index .instagram ul li {width:100%;margin:15px 0 15px 0;height:150px;overflow:hidden;float:left;opacity:0;}
#index .instagram ul li a {display:block;width:100%;height:100%;position:relative;overflow:hidden;}
#index .instagram ul li a:after {
	content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(112,91,70,0);
	-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#index .instagram ul li:hover a:after {background:rgba(112,91,70,0.6);}
#index .instagram ul li .img {
	width:100%;height:100%;
	-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-moz-transform: scale(1);-webkit-transform: scale(1);
	-o-transform: scale(1);-ms-transform: scale(1);
	transform: scale(1);
}

#index .instagram ul.insta_lst_01 {width:49%;margin-right:1%;float:left;height:315px;}
#index .instagram ul.insta_lst_01 li {width:100%;height:100%;}
#index .instagram ul.insta_lst_02 {width:49%;margin-left:1%;float:left;height:315px;overflow:hidden;}
#index .instagram ul.insta_lst_02 li {width:48%;height:48%;float:left;}
#index .instagram ul.insta_lst_02 li:nth-child(2n-1) {margin-right:4%!important;}
#index .instagram ul.insta_lst_02 li:nth-child(1),#index .instagram ul.insta_lst_02 li:nth-child(2) {margin-bottom:4%;}

#index .instagram .insta_btn {margin:50px auto;text-align:center;}
#index .instagram .insta_btn a {display:block;width:53px;height:55px;margin:0 auto;}
#index .instagram .insta_btn span {display:inline-block;font-size:22px;color:#C8C8A1;margin:20px auto 0;padding-top:20px;border-top:1px dashed #C8C8A1;}

/* ------------------------------------------------------------------------------- */
/* about */	
#exterior .top {position:fixed!important;height:450px!important;}
#exterior .vid_box {width:100%;margin:0 auto;}
/*#exterior #contents {top:0!important;}*/
#exterior .main_ex {}
#exterior .main_ex > h3 {padding:80px 0;}
#exterior .main_ex > h3 img {display:block;margin:0 auto;}

#exterior .swiper .swiper-button-next, #exterior .swiper-button-prev {width:47px;height:64px;z-index:320;bottom:0;top:auto;}
#exterior .swiper .swiper-button-next {right:0;background:url(../images/common/next.png) no-repeat 50% 50%;}
#exterior .swiper .swiper-button-prev {right:48px;background:url(../images/common/prev.png) no-repeat 50% 50%;left:auto;}
#exterior .swiper .swiper-pagination {bottom:0;right:120px;left:auto;text-align:right;}
#exterior .swiper .swiper-pagination-bullet {width:13px;height:28px;margin:0 2px;}
#exterior .swiper .swiper-pagination-bullet-active {}
#exterior .swiper .swiper-wrapper {width:75%;}

/* location */
#location .top {position:fixed!important;height:450px!important;}
#location .content {position:relative;width:100%;height:100%;overflow:hidden;position:relative;background:#fff;z-index:500;top:450px;padding-top:50px;}
#location .content > div.car,#location .content > div.bus {width:90%;margin:0 auto 20px;}
#location .content > div.bus {margin-bottom:50px;}
#location .content > div h3 {color:#454545;font-size:32px;border-bottom:1px solid #bfbfbf;padding: 45px 0 15px 0;font-weight:normal;}
#location .content > div h3 > span {display:inline-block;float:right;font-size:15px;color:#525252;margin-top:25px;}
#location .content > div.car > p,#location .content > div.bus > p {width:90%;color:#6d6d72;line-height:1.8em;text-align:left;margin:20px 0;}
#location .content > div.car > p span,#location .content > div.bus > p span {display:block;margin-bottom:10px;font-size:20px;}

/* travel */
#travel .top {position:fixed!important;height:450px!important;}
.travel_el .cont p {text-align:left;}

#travel {padding-bottom:450px;}
#travel .content {position:relative;width:100%;height:100%;overflow:hidden;position:relative;background:#fff;z-index:500;top:450px;}
#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;}

/* ------------------------------------------------------------------------------- */
/* previews */
#rpv {position:relative;}
#rpv .top {position:fixed!important;top:0;height:650px;}

#rpv #contents {position:relative;width:100%;height:100%;overflow:hidden;position:relative;background:#fff;z-index:500;top:650px;}
#rpv #contents > h3 {padding:87px 0;}
#rpv #contents > h3 img {display:block;margin:0 auto;}

#rpv #contents > .room_lst {width:100%;margin:0 auto;overflow:hidden;}
#rpv #contents > .room_lst > li {height:175px;width:49%;margin:0 0.5% 5px;position:relative;float:left;}
#rpv #contents > .room_lst > li:nth-child(3n+1) {width:100%;}
#rpv #contents > .room_lst > li a {display:block;width:100%;height:100%;position:relative;}
#rpv #contents > .room_lst > li a:before {content:'';width:100%;height:100%;position:absolute;left:0;top:0;display:block;background:rgba(0,0,0,0.3);}
#rpv #contents > .room_lst > li a .room_ttl {position:absolute;left:0;top:50%;margin-top:-56.5px;z-index:320;width:100%;}
#rpv #contents > .room_lst > li a .room_ttl h4 {font-size:26px;color:#fff;text-align:center;font-weight:normal;font-family:'InriaSans';}
#rpv #contents > .room_lst > li a .room_ttl h4 span {display:block;font-size:14px;color:#fff;margin-bottom:1px;}
#rpv #contents > .room_lst > li a .room_ttl p {display:table;font-size:14px;padding-bottom:3px;border-bottom:1px solid #fff;color:#fff;margin:15px auto 0;}

#rpv #contents > .room_lst > li.txt {
	width:100%;font-size:14px;color:rgba(255,255,255,0.7);text-align:center;padding:105px 0;background:#027ac4;line-height:2.2em;
	position:absolute;left:0;top:37%;z-index:-1;
}
#rpv #contents > .room_lst > li.lst_03 {margin-bottom:30px;}
#rpv #contents > .room_lst > li.lst_06 {margin-bottom:180px;}
#rpv #contents > .room_lst > li.lst_09 {margin-bottom:30px;}


/*---------woc94 room---------------*/
/* room */
#room .contents .inner .glam_map{background:url(http://woc1.speedgabia.com/_newly/_glamping/m/room/map.jpg) no-repeat 50% 50%;background-size:cover;}
.room_01 .contents .inner .bak > div.img_01 {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/room/1/0/1.jpg) no-repeat 50% 50%;background-size:cover;}
.room_01 .contents .inner .bak > div.img_02 {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/room/1/0/2.jpg) no-repeat 50% 50%;background-size:cover;}
.room_01 .contents .inner .bak > div.img_03 {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/room/1/0/3.jpg) no-repeat 50% 50%;background-size:cover;}

.room_02 .contents .inner .bak > div.img_01 {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/room/2/0/1.jpg) no-repeat 50% 50%;background-size:cover;}
.room_02 .contents .inner .bak > div.img_02 {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/room/2/0/2.jpg) no-repeat 50% 50%;background-size:cover;}
.room_02 .contents .inner .bak > div.img_03 {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/room/2/0/3.jpg) no-repeat 50% 50%;background-size:cover;}

.room_03 .contents .inner .bak > div.img_01 {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/room/1/0/1.jpg) no-repeat 50% 50%;background-size:cover;}
.room_03 .contents .inner .bak > div.img_02 {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/room/1/0/2.jpg) no-repeat 50% 50%;background-size:cover;}
.room_03 .contents .inner .bak > div.img_03 {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/room/1/0/3.jpg) no-repeat 50% 50%;background-size:cover;}

.room_04 .contents .inner .bak > div.img_01 {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/room/2/0/1.jpg) no-repeat 50% 50%;background-size:cover;}
.room_04 .contents .inner .bak > div.img_02 {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/room/2/0/2.jpg) no-repeat 50% 50%;background-size:cover;}
.room_04 .contents .inner .bak > div.img_03 {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/room/2/0/3.jpg) no-repeat 50% 50%;background-size:cover;}

.room_05 .contents .inner .bak > div.img_01 {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/room/1/0/1.jpg) no-repeat 50% 50%;background-size:cover;}
.room_05 .contents .inner .bak > div.img_02 {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/room/1/0/2.jpg) no-repeat 50% 50%;background-size:cover;}
.room_05 .contents .inner .bak > div.img_03 {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/room/1/0/3.jpg) no-repeat 50% 50%;background-size:cover;}

.room_06 .contents .inner .bak > div.img_01 {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/room/2/0/1.jpg) no-repeat 50% 50%;background-size:cover;}
.room_06 .contents .inner .bak > div.img_02 {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/room/2/0/2.jpg) no-repeat 50% 50%;background-size:cover;}
.room_06 .contents .inner .bak > div.img_03 {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/room/2/0/3.jpg) no-repeat 50% 50%;background-size:cover;}

.room_07 .contents .inner .bak > div.img_01 {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/room/1/0/1.jpg) no-repeat 50% 50%;background-size:cover;}
.room_07 .contents .inner .bak > div.img_02 {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/room/1/0/2.jpg) no-repeat 50% 50%;background-size:cover;}
.room_07 .contents .inner .bak > div.img_03 {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/room/1/0/3.jpg) no-repeat 50% 50%;background-size:cover;}

.room_08 .contents .inner .bak > div.img_01 {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/room/2/0/1.jpg) no-repeat 50% 50%;background-size:cover;}
.room_08 .contents .inner .bak > div.img_02 {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/room/2/0/2.jpg) no-repeat 50% 50%;background-size:cover;}
.room_08 .contents .inner .bak > div.img_03 {background:url(http://woc1.speedgabia.com/_newly/_glamping/m/room/2/0/3.jpg) no-repeat 50% 50%;background-size:cover;}


#room {/*padding-top:95px;*/}

#room .contents {position:relative;background:#fff;padding-top:100px;top:370px;z-index:350;}
#room .contents .inner {width:90%;margin:0 auto 470px;}
#room .contents .inner .ttl {text-align:center;}
#room .contents .inner .ttl h2 {font-size:40px;color:#C8C8A1;margin-bottom:20px;font-family: 'PoiretOne';}
#room .contents .inner .ttl p {font-size:18px;color:#6E735B;display:block;margin:15px 0 65px 0;line-height:1.5em;font-family: 'PoiretOne';}
#room .contents .inner .ttl p span {font-size:21px;display:block;margin-bottom:15px;}

#room .contents .inner .roomVideo {width:100%;height:auto;margin-top:80px;}
#room .contents .inner #roomVideo {width:100%;height:auto;}

#room .contents .inner .cont_box {overflow:hidden;margin:80px auto;width:90%;}

#room .contents .inner .cont_box .right_cont {width:100%;}
#room .contents .inner .cont_box .right_cont h4 {font-size:24px;color:#353535;margin-bottom:30px;border-bottom:1px solid #cbcbcb;padding-bottom:15px;padding-left:15px;}
#room .contents .inner .cont_box .right_cont dl {margin-bottom:30px;}
#room .contents .inner .cont_box .right_cont dt {
	font-size:18px;color:#545454;margin-bottom:15px;font-family: 'Pretendard';background:url(../images/room/circle.png) no-repeat left center;padding-left:13px;
	font-weight:bold;width:100%;
}
#room .contents .inner .cont_box .right_cont dd {line-height:2em;overflow:hidden;margin-left:13px;width:100%;}
#room .contents .inner .cont_box .right_cont dd p {font-size:15px;color:#545454;font-family: 'Pretendard';float:left;display:block;width:80%;}
#room .contents .inner .cont_box .right_cont dd span {font-size:15px;color:#545454;display:block;float:left;margin-right:10px;font-family: 'Pretendard';}

#room .contents .inner .room_ex {clear:both;margin:80px 0;overflow:hidden;}
#room .contents .inner .room_ex h4 {font-size:24px;color:#353535;display:block;border-bottom:1px solid #cbcbcb;padding-bottom:30px;margin-bottom:30px;padding-left:5%;}
#room .contents .inner .room_ex dl {width:90%;margin:0 auto 50px;}
#room .contents .inner .room_ex dt {
	font-size:17px;color:#545454;margin-bottom:20px;padding-left:18px;background:url(../images/room/circle.png) no-repeat left center;font-family: 'Pretendard';
}
#room .contents .inner .room_ex dd {margin-left:18px;font-size:15px;color:#545454;line-height:2em;font-family: 'Pretendard';}

#room .contents .inner .rv_btn {display:block;margin:100px auto;width:469px;}
#room .contents .inner .rv_btn:hover {opacity:0.8;}

#room .contents .inner .bak {overflow:hidden;}
#room .contents .inner .bak > div {height:140px;margin-bottom:20px;width:48%;}
#room .contents .inner .bak > div.img_01 {width:100%;height:250px;}
#room .contents .inner .bak > div.img_02 {float:left;}
#room .contents .inner .bak > div.img_03 {float:right;}

#room .swiper .swiper-button-next, #room .swiper-button-prev {width:54px;height:38px;margin-top:-19px;z-index:320;top:50%;}
#room .swiper .swiper-button-next {right:9%;background:url(../images/common/next.png) no-repeat 50% 50%;}
#room .swiper .swiper-button-prev {left:9%;background:url(../images/common/prev.png) no-repeat 50% 50%;}
#room .contents .inner .glam_map{width:100%; height:575px;}

/* ½ºÅ×ÀÌÇöû 
#room .contents .inner .info{width: 100%;margin: 15px 0 0 100px;}

#room .contents .inner .info .room_tab{
    font-size: 14px;
    padding: 10px 20px;
    border-left: 1px solid #cbcbcb;
    max-width: 516px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: var(--black--);
}

#room .contents .inner .info .room_tab span{letter-spacing: 1px;font-family: 'InriaSans';color: #353535;}
#room .contents .inner .info .detail .info_inner {padding: 10px 0 10px 40px;max-width: 516px;}
#room .contents .inner .info .detail:nth-child(3) .info_inner{margin: 8px 9px 0;}

#room .contents .inner .info .detail .info_inner .left{width:20%;float:left;margin-bottom: 20px;}
#room .contents .inner .info .detail .info_inner .left > p{
    font-size: 14px;
	line-height:30px;
    color : #a0a0a0;
	font-family: 'Pretendard';
	text-align:left;
}
#room .contents .inner .info .detail .info_inner .right > p span{font-size: 14px;color:#a0a0a0;font-weight: 200;font-family: 'Pretendard';}
#room .contents .inner .info .detail .info_inner .right{width:80%; float:left;margin-bottom: 20px;}
#room .contents .inner .info .detail .info_inner .right > p {
    font-size: 15px;
    color: #222;
    line-height: 30px;
	font-family: 'Pretendard';
	text-align:right;
}
#room .contents .inner .info .detail .info_inner > .bold {font-weight: 700;}
*/
/* ------------------------------------------------------------------------------- */
/* room 
#room {width:100%;}
#room .top {height:450px!important;}
#room .top:before {display:none;}
#room .content {position:relative;background:#fff;padding-top:80px;top:0;z-index:350;top:450px!important}

#room .content .ttls {overflow:hidden;position:relative;margin-left:80px;margin-bottom:50px;}
#room .content .ttls .h2 {background:url(../images/room/ttl_bg01.png) no-repeat left top;padding-left:50px;padding-top:27px;}
#room .content .ttls .h2 h2 {font-size:33px;color:#6f685f;text-align:left;}
#room .content .ttls .h2 h2 span {display:block;font-size:14px;color:#C8C8A1;font-family: 'Pretendard';}

#room .content .ttls .ttl {font-size:16px;color:#5b5b5b;line-height:1.8em;margin-top:30px;width:80%;margin-left:50px;}

#room .content .cont_box {width:100%;margin:0 auto 100px;position:relative;overflow:hidden;background:url(../images/room/room_bg.png) no-repeat 95% 89%;}
#room .content .cont_box h3 {font-size:16px;color:#fff;padding:10px 0 10px 20px;background:#C8C8A1;}
#room .content .cont_box .room_info {width:95%;margin:0 auto 50px;}
#room .content .cont_box .room_info .in_box1 {padding:70px 20px;background:#f8f5f0;}
#room .content .cont_box .room_info .in_box1 p {line-height:2em;font-size:15px;color:#5d5d5d;}
#room .content .cont_box .room_info .in_box1 p:nth-child(1) {width:50%;float:left;}
#room .content .cont_box .room_info .in_box1 p:nth-child(2) {width:50%;float:left;}
#room .content .cont_box .room_info .in_box1 p span {display:inline-block;color:#C8C8A1;}

#room .content .room_ame {width:95%;background:#ffffff;overflow:hidden;margin:50px auto;}
#room .content .room_ame h3 {background:#6f685f;}
#room .content .room_ame .in_box2 {width:65%;float:left;}
#room .content .room_ame .in_box3 {width:35%;float:left;position:relative;}
#room .content .room_ame .in_box3:before {content:'';width:1px;height:70%;display:block;background:#edebea;position:absolute;left:0;top:30%;}
#room .content .room_ame .in_box2 ul {overflow:hidden;margin:40px 0 0 50px;}
#room .content .room_ame .in_box2 ul li {
	font-size:14px;color:#949494;width:28%;line-height:2.2em;float:left;
	background:url(../images/room/circle.png) no-repeat left center;padding-left:15px;
}

#room .content .room_ame .in_box3 h3 {padding-left:50px;}
#room .content .room_ame .in_box3 ul {overflow:hidden;margin:40px 0 0 50px;}
#room .content .room_ame .in_box3 ul li {
	font-size:14px;color:#949494;width:100%;line-height:2.2em;float:left;
	background:url(../images/room/circle.png) no-repeat left center;padding-left:15px;
}

#room .content .room_guide {width:95%;margin:50px auto 0;position:relative;padding-bottom:40px;overflow:hidden;}
#room .content .room_guide:before {content:'';width:100%;height:1px;background:#edebea;display:block;position:absolute;left:0;bottom:0;}
#room .content .room_guide h3 {background:#6f685f;}
#room .content .room_guide ul {overflow:hidden;margin:40px 0 0 50px;}
#room .content .room_guide ul li {
	font-size:14px;color:#949494;width:100%;line-height:2.2em;float:left;
	background:url(../images/room/circle.png) no-repeat left center;padding-left:15px;
}

#room .content .cont_box .btn_box {margin-top:50px;}
#room .content .cont_box .btn_box h4 {font-size:15px;color:#615744;text-align:center;}
#room .content .cont_box .btn_box ul {overflow:hidden;}
#room .content .cont_box .btn_box ul li {margin:17px auto;font-family:'Pretendard';line-height:37px;}
#room .content .cont_box .btn_box ul li.tell {width:220px;color:#fff;text-align:center;font-size:15px;background:#C8C8A1;}
#room .content .cont_box .btn_box ul li:nth-child(2) {position:relative;height:37px;}
#room .content .cont_box .btn_box li a.view {
	display:block; margin-top:70px; font-size:16px; color:#C8C8A1; width:220px; height:35px; line-height:35px; 
	text-align:center; position:absolute;bottom:0;left:50%;margin-left:-110px;border:1px solid #C8C8A1; transition: .5s;	
}
#room .content .cont_box .btn_box li a.view:before{content:''; width:43px; height:1px; background-color:#796a48; position:absolute; top:50%; left:-18px; transform: translatex(0px); transition: .5s;}
#room .content .cont_box .btn_box li a.view:hover{background-color:#C8C8A1; color:#fff; transition: .5s;}
#room .content .cont_box .btn_box li a.view:hover:before{transform: translatex(220px); transition: .5s; }

#room .swiper .swiper-button-next, #room .swiper-button-prev {width:47px;height:64px;z-index:320;top:40;margin-top:-32px;}
#room .swiper .swiper-button-next {right:0;background:url(../images/common/next.png) no-repeat 50% 50%;}
#room .swiper .swiper-button-prev {left:0;background:url(../images/common/prev.png) no-repeat 50% 50%;left:auto;}
#room .swiper .swiper-pagination {bottom:0;text-align:center;}
#room .swiper .swiper-pagination-bullet {width:13px;height:29px;margin:0 2px;}
*/
/* ------------------------------------------------------------------------------- */
/* special */
#fpv .top {position:relative!important;top:0!important;height:415px!important;}
#fpv #contents {position:relative!important;top:0!important;}

#fpv .main_sp ul.sp_lst {overflow:hidden;width:100%;margin:0 auto 7px;}
#fpv .main_sp ul.sp_lst > li {position:relative;height:300px;width:100%;margin-top:7px;}
#fpv .main_sp ul.sp_lst > li:after {content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.2);display:block;}
#fpv .main_sp ul.sp_lst > li .img {width:100%;height:100%;overflow:hidden;position:relative;}
#fpv .main_sp ul.sp_lst > li .img > div {width:100%;height:100%;}
#fpv .main_sp ul.sp_lst > li .cont {height:240px;padding:20px 20px 0 20px;background:rgba(249,249,249,0.9);position:absolute;right:40px;top:20px;z-index:320;}
#fpv .main_sp ul.sp_lst > li:nth-child(2n) .cont {right:auto;left:40px;}
#fpv .main_sp ul.sp_lst > li .cont a {display:block;width:100%;height:100%;}
#fpv .main_sp ul.sp_lst > li .cont h4 {font-family: 'Pretendard';writing-mode: vertical-lr;text-orientation: mixed;font-size:25px;color:#5a5a5a;float:left;margin-right:10px;}
#fpv .main_sp ul.sp_lst > li .cont h4:before {content:'';width:27px;height:3px;display:inline-block;background:#C8C8A1;margin-bottom:10px;}
#fpv .main_sp ul.sp_lst > li .cont p {font-size:15px;color:#C8C8A1;writing-mode: vertical-lr;text-orientation: mixed;margin-left:5px;}

/* facility */
#facility {width:100%;background:#F0F0E6;}
#facility .top {height:450px!important;}
#facility .top:before {display:none;}
#facility .content {position:relative;background:#fff;top:0;z-index:350;top:450px!important}

#facility .content .con_in {width:100%;padding:50px 0 0 0;background:url(../images/special/ttl_bg.png) no-repeat 95% 35%,#F0F0E6;overflow:hidden;}
#facility .content .con_in .fc_conts {overflow:hidden;width:80%;margin:0 0 50px 10%;}
#facility .content .con_in .fc_ttl {margin-bottom:30px;}
#facility .content .con_in .fc_ttl h2 {font-size:33px;letter-spacing: 1px;color:#56594A;font-weight:600;}
#facility .content .con_in .fc_ttl h2 span {display:inline-block;font-size:18px;color:#56594A;margin-left:20px;font-family: 'Pretendard';}
#facility .content .con_in .info {}
#facility .content .con_in .info p {font-family: 'Pretendard';font-size:16px;color:#56594A;opacity:0.8;line-height:2em;}
#facility .content .con_in .info > ul {margin-top:35px;}
#facility .content .con_in .info > ul > li {font-family: 'Pretendard';line-height:2em;color:#56594A;opacity:0.8;font-size:16px;}

#facility .main_sp {padding:200px 0 100px;position:relative;margin-top:100px;}
#facility .main_sp h3 {
	font-size:45px;color:#C8C8A1;text-align:center;background:url(../images/common/msp_bg.png) no-repeat right top;display:table;padding-top:75px;padding-right:57px;
	position:absolute;left:56%;top:0;margin-left:-168.5px;letter-spacing: 2px;
}
#facility .main_sp h3 span {font-size:16px;font-family: 'Pretendard';font-weight: 400;color:#6E735B;display:block;margin-top:20px;}
#facility .main_sp ul {overflow:hidden;width:90%;margin:50px auto;}
#facility .main_sp ul li {position:relative;width:31.33%;margin:0 1%;float:left;height:235px;}
#facility .main_sp ul li .img:after {
	content:'';width:100%;height:100%;display:block;background:rgba(112,91,70,0);position:absolute;left:0;top:0;
	-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
#facility .main_sp ul li:hover .img:after {background:rgba(112,91,70,0.6);}
#facility .main_sp ul li .img {width:100%;height:210px;overflow:hidden;position:relative;}
#facility .main_sp ul li .img > div {
	width:100%;height:100%;
	-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	-moz-transform: scale(1);-webkit-transform: scale(1);
	-o-transform: scale(1);-ms-transform: scale(1);
	transform: scale(1);
}
#facility .main_sp ul li .cont {
	height:150px;padding:20px 10px 0 10px;background:rgb(255 255 255 / 90%);position:absolute;right:0;bottom:0;width:46.2px;
	-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
#facility .main_sp ul li .cont a {display:block;width:120%;height:100%;}
#facility .main_sp ul li .cont h4 {font-family: 'Pretendard';font-weight: 400;writing-mode: vertical-lr;text-orientation: mixed;font-size:16px;color:#5a5a5a;float:left;margin-right:4px;}
#facility .main_sp ul li .cont h4:before {content:'';width:27px;height:3px;display:inline-block;background:#fff;margin-bottom:10px;}
#facility .main_sp ul li .cont p {font-size:9px;letter-spacing: 1px;color: #ababab;font-family: 'InriaSans';writing-mode: vertical-lr;text-orientation: mixed;margin-left:5px;float:left;}

#facility .swiper .swiper-button-next, #room .swiper-button-prev {width:47px;height:64px;z-index:320;top:40;margin-top:-32px;}
#facility .swiper .swiper-button-next {right:0;background:url(../images/common/next.png) no-repeat 50% 50%;}
#facility .swiper .swiper-button-prev {left:0;background:url(../images/common/prev.png) no-repeat 50% 50%;left:auto;}
#facility .swiper .swiper-pagination {bottom:0;text-align:center;}
#facility .swiper .swiper-pagination-bullet {width:17px;height:29px;margin:0 2px;}


/* ------------------------------------------------------------------------------- */
/* reserve */
#reserve .top {position:fixed!important;height:450px!important;}
#reserve {position:relative;overflow:hidden;}
#reserve .content {position:relative;z-index:320;background:#fff;padding-top:5px;top:450px;padding-bottom:450px;}

#reserve .now_btn {margin:40px auto;width:400px;}
#reserve .now_btn a {display:block;}

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

#reserve .pv_lst {width:500px;margin:50px auto 70px;}
#reserve .pv_lst ul {width:100%;overflow:hidden;}
#reserve .pv_lst ul li {float:left;width:45%;margin:0 2.5%;}
#reserve .pv_lst ul li a {display:block;padding:13px 0;font-size:16px;border-radius:25px;text-align:center;}

#reserve .pv_lst ul > li:nth-child(1) a {border:1px solid #9fa296;color:#9fa296;}
#reserve .pv_lst ul > li:nth-child(2) a {border:1px solid #9fa296;color:#9fa296;}
#reserve .pv_lst ul > li:nth-child(1) a:hover {background:#C8C8A1;color:#fff;}
#reserve .pv_lst ul > li:nth-child(2) a:hover {background:#C8C8A1;color:#fff;}
#reserve .pv_lst ul li:nth-child(1) a.active {background:#C8C8A1!important;color:#fff!important;}
#reserve .pv_lst ul li:nth-child(2) a.active {background:#C8C8A1!important;color:#fff!important;}

#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:0 0 70px;}
#reserve .tab02 .price h3 {font-size:20px;display:block;border-top:1px solid #5f5162;background:#f1f1f1;padding:25px;font-family: 'Pretendard';}
#reserve .tab02 .price ul {width:85%;margin: 30px auto 0;}
#reserve .tab02 .price ul li {line-height:1.8em;color:#4d4d4d;font-size:15px;font-family: 'Pretendard';}
#reserve .tab02 .price ul .red{color:#ff0000;}

#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:25px;font-family: 'Pretendard';}
#reserve .tab02 .rv_notice ul {width:85%;margin: 30px auto 0;}
#reserve .tab02 .rv_notice ul li {line-height:1.8em;color:#4d4d4d;font-size:15px;font-family: 'Pretendard';}

#reserve .tab02 .refund {margin-bottom:100px;}
#reserve .tab02 .refund h3 {font-size:20px;display:block;border-top:1px solid #5f5162;background:#f1f1f1;padding:25px;font-family: 'Pretendard';}
#reserve .tab02 .refund h4 {font-size:20px;text-align:left;margin: 20px 0 20px 5%;font-weight:normal;font-family: 'Pretendard';}
#reserve .tab02 .refund table {width:85%;margin:40px auto 0;}
#reserve .tab02 .refund table thead tr th {padding:10px 0;background:#b4b488;border-right:1px solid #fff;font-weight:normal;font-size:14px;color:#fff;font-family: 'Pretendard';}
#reserve .tab02 .refund table thead tr th:nth-child(1) {border-left:1px solid #fff;}
#reserve .tab02 .refund table tbody tr {border-bottom:1px solid #fff;}
#reserve .tab02 .refund table tbody tr td {text-align:center;padding:10px 0;color:#56594A;font-weight:normal;font-size:14px;border-right:1px solid #dadada;font-family: 'Pretendard';}
#reserve .tab02 .refund table tbody tr td:nth-child(1) {border-left:1px solid #fff;}
#reserve .tab02 .refund ul {margin:30px 0 0 5%;}
#reserve .tab02 .refund ul li {line-height:1.5em;color:#4d4d4d;font-size:15px;font-family: 'Pretendard';}

/* ------------------------------------------------------------------------------- */
/* table */
#table .top {position:fixed!important;height:450px!important;}
#table .content {position:relative;padding-top:50px;background:#fff;top:450px;}
#table .content  .cont {width:100%;}
#table .content .pv_lst {width:500px;margin:0 auto 70px;}
#table .content .pv_lst ul {width:100%;overflow:hidden;}
#table .content .pv_lst ul li {float:left;width:47%;margin:0 1.5%;}
#table .content .pv_lst ul li a {display:block;padding:13px 0;font-size:16px;border-radius:25px;text-align:center;}

#table .pv_lst ul > li:nth-child(1) a {border:1px solid #C8C8A1;color:#C8C8A1;}
#table .pv_lst ul > li:nth-child(2) a {border:1px solid #565656;color:#565656;}
#table .pv_lst ul > li:nth-child(1) a:hover {background:#C8C8A1;color:#fff;}
#table .pv_lst ul > li:nth-child(2) a:hover {background:#565656;color:#fff;}
#table .pv_lst ul li:nth-child(1) a.active {background:#C8C8A1!important;color:#fff!important;}
#table .pv_lst ul li:nth-child(2) a.active {background:#565656!important;color:#fff!important;}

#table .iframe {width:95%;margin:0 auto 100px;}
#table .iframe .img {width:90%;height:450px;margin:0 auto;}
#table .iframe > p {font-size:25px;text-align:center;margin-top:50px;line-height:1.5em;}