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

/* ------------------------------------------------------------------------------- */
/* header */
header {position:fixed;top:0;z-index:1000;width:100%;}
header hgroup {width:100%;height:100px;position:absolute;z-index:1500;background:#2c5f82;height:75px;}
header hgroup h1 {position:absolute;left:40%;top:0;margin-left:-26.5px;}
header hgroup .sns_btn {position:absolute;left:30px;top:50%;margin-top:-18px;}
header hgroup .sns_btn a {float:left;margin:0 5px;display:block;}
header hgroup .book_btn {position:absolute;right:20px;top:50%;margin-top:-16.5px;height:33px;}
header hgroup .book_btn a {display:block;padding-left:20px;}

header nav {width:100%;position:relative;top:75px;}
header nav .gnb {width:100%;}
header nav .gnb > ul {}
header nav .gnb > ul > li {float:left;width:20%;}
header nav .gnb > ul > li.lst_01 {width:20%;}
header nav .gnb > ul > li.lst_02 {width:17%;}
header nav .gnb > ul > li.lst_03 {width:20%;}
header nav .gnb > ul > li.lst_04 {width:20%;}
header nav .gnb > ul > li.lst_05 {width:23%;}
header nav .gnb > ul > li > a {padding:14.5px 0;border-bottom:1px solid #e8e8e8;color:#3a4246;background:#fff;font-size:16px;}
header nav .gnb > ul > li > a.on {background:#3d7398;color:#fff;}
header nav .gnb > ul > li > a > span {display:block;color:#72858d;font-size:14px;margin-top:5px;}
header nav .gnb > ul > li > a.on > span {color:#fff;}
header nav .gnb > ul > li ul {left:0;margin-left:0;overflow:hidden;position:absolute;left:0;top:65px;width:100%;display:none;}
header nav .gnb > ul > li.lst_02 ul li {width:50%;float:left;}
header nav .gnb > ul > li.lst_02 ul li:nth-child(1) {width:100%;float:left;}
header nav .gnb > ul > li.lst_03 ul li {width:50%;float:left;}
header nav .gnb > ul > li.lst_03 ul li:nth-child(1) {width:100%;float:left;}
/*header nav .gnb > ul > li.lst_03 ul li:nth-child(6) {width:25%;float:left;border-top:1px solid #afadab;}
header nav .gnb > ul > li.lst_03 ul li:nth-child(7) {width:25%;float:left;border-top:1px solid #afadab;}
header nav .gnb > ul > li.lst_03 ul li:nth-child(8) {width:25%;float:left;border-top:1px solid #afadab;}
header nav .gnb > ul > li.lst_03 ul li:nth-child(9) {width:25%;float:left;border-top:1px solid #afadab;}*/
header nav .gnb > ul > li.lst_04 ul li {float:left;width:50%;}
header nav .gnb > ul > li > ul > li {width:100%;}
header nav .gnb > ul > li > ul > li > a {padding:20px 0;background:rgba(255,255,255,0.55);color:#343434;
border-bottom:1px solid rgba(255,255,255,0.5);border-right:1px solid rgba(255,255,255,0.5);}

header a {display:block;text-align:center;}

/* ------------------------------------------------------------------------------- */
/* footer */
footer {position:relative;padding:40px 0 20px;background:#e7e7e7;}
footer .inner {height:100%;margin-bottom:30px;overflow:hidden;}
footer .inner .f_logo {width:50%;padding-bottom:30px;margin:0 auto;}
footer .inner .f_logo a {display:block;width:160px;margin:0 auto;}

footer .inner .f_adds address > span {line-height:1.7em;display:block;font-style:normal;font-size:14px;color:#343434;text-align:center;font-family:'noto-sans-cjk-kr';}
footer .design {line-height:1.7em;position:relative;width:100%;overflow:hidden;text-align:center;color:#9f9f9f;opacity:.7;}

/* ------------------------------------------------------------------------------- */
/* visual */
#index #visual {width:100%;background:url(http://woc1.speedgabia.com/secretpark/m/main/0.jpg) no-repeat 50% 50%;background-size:cover;}
#exterior .visual {background:url(http://woc1.speedgabia.com/secretpark/m/banner/1.jpg) no-repeat center center;background-size:cover;}
#travel .visual {background:url(http://woc1.speedgabia.com/secretpark/m/banner/2.jpg) no-repeat center center;background-size:cover;}
#location .visual {background:url(http://woc1.speedgabia.com/secretpark/m/banner/3.jpg) no-repeat center center;background-size:cover;}
#rpv .visual {background:url(http://woc1.speedgabia.com/secretpark/m/banner/4.jpg) no-repeat 50% 50%;background-size:cover;}
#fpv .visual {background:url(http://woc1.speedgabia.com/secretpark/m/banner/5.jpg) no-repeat 50% 50%;background-size:cover;}
#cpv .visual {background:url(http://woc1.speedgabia.com/secretpark/m/banner/6.jpg) no-repeat 50% 50%;background-size:cover;}
#table .visual {background:url(http://woc1.speedgabia.com/secretpark/m/banner/6.jpg) no-repeat center center;background-size:cover;}
#reserve .visual {background:url(http://woc1.speedgabia.com/secretpark/m/banner/7.jpg) no-repeat center center;background-size:cover;}

/* index images */
.main_facility ul li.mfa_01 .img {background:url(http://woc1.speedgabia.com/secretpark/m/special/1/1.jpg) no-repeat 50% 50%;background-size:cover;}
.main_facility ul li.mfa_02 .img {background:url(http://woc1.speedgabia.com/secretpark/m/special/2/1.jpg) no-repeat 50% 50%;background-size:cover;}
.main_facility ul li.mfa_03 .img {background:url(http://woc1.speedgabia.com/secretpark/m/special/3/1.jpg) no-repeat 50% 50%;background-size:cover;}
.main_facility ul li.mfa_04 .img {background:url(http://woc1.speedgabia.com/secretpark/m/special/4/1.jpg) no-repeat 50% 50%;background-size:cover;}
.main_facility ul li.mfa_05 .img {background:url(http://woc1.speedgabia.com/secretpark/m/special/5/1.jpg) no-repeat 50% 50%;background-size:cover;}
.main_facility ul li.mfa_06 .img {background:url(http://woc1.speedgabia.com/secretpark/m/special/6/1.jpg) no-repeat 50% 50%;background-size:cover;}
.main_facility ul li.mfa_07 .img {background:url(http://woc1.speedgabia.com/secretpark/m/special/7/1.jpg) no-repeat 50% 50%;background-size:cover;}
.main_facility ul li.mfa_08 .img {background:url(http://woc1.speedgabia.com/secretpark/m/special/8/1.jpg) no-repeat 50% 50%;background-size:cover;}

#index .instagram ul li.inst_01 a {background:url(../../images/insta/1.jpg) no-repeat 50% 50%;background-size:cover;}
#index .instagram ul li.inst_02 a {background:url(../../images/insta/2.jpg) no-repeat 50% 50%;background-size:cover;}
#index .instagram ul li.inst_03 a {background:url(../../images/insta/3.jpg) no-repeat 50% 50%;background-size:cover;}
#index .instagram ul li.inst_04 a {background:url(../../images/insta/4.jpg) no-repeat 50% 50%;background-size:cover;}
#index .instagram ul li.inst_05 a {background:url(../../images/insta/5.jpg) no-repeat 50% 50%;background-size:cover;}
#index .instagram ul li.inst_06 a {background:url(../../images/insta/6.jpg) no-repeat 50% 50%;background-size:cover;}

/* room_preview */
.room_01 .content #room_cont .img > div {background:url(http://woc1.speedgabia.com/secretpark/m/room/1/5.jpg) no-repeat 50% 50%;background-size:cover;}
.room_02 .content #room_cont .img > div {background:url(http://woc1.speedgabia.com/secretpark/m/room/2/7.jpg) no-repeat 50% 50%;background-size:cover;}
.room_03 .content #room_cont .img > div {background:url(http://woc1.speedgabia.com/secretpark/m/room/3/12.jpg) no-repeat 50% 50%;background-size:cover;}
.room_04 .content #room_cont .img > div {background:url(http://woc1.speedgabia.com/secretpark/m/room/4/6.jpg) no-repeat 50% 50%;background-size:cover;}
.room_05 .content #room_cont .img > div {background:url(http://woc1.speedgabia.com/secretpark/m/room/5/6.jpg) no-repeat 50% 50%;background-size:cover;}
.room_06 .content #room_cont .img > div {background:url(http://woc1.speedgabia.com/secretpark/m/room/5/5.jpg) no-repeat 50% 50%;background-size:cover;}

#room .room_lst .lst_01 {background:url(http://woc1.speedgabia.com/secretpark/m/room/1/1.jpg) no-repeat 50% 50%;background-size:cover;}
#room .room_lst .lst_02 {background:url(http://woc1.speedgabia.com/secretpark/m/room/2/1.jpg) no-repeat 50% 50%;background-size:cover;}
#room .room_lst .lst_03 {background:url(http://woc1.speedgabia.com/secretpark/m/room/3/1.jpg) no-repeat 50% 50%;background-size:cover;}
#room .room_lst .lst_04 {background:url(http://woc1.speedgabia.com/secretpark/m/room/4/1.jpg) no-repeat 50% 50%;background-size:cover;}
#room .room_lst .lst_05 {background:url(http://woc1.speedgabia.com/secretpark/m/room/5/1.jpg) no-repeat 50% 50%;background-size:cover;}
#room .room_lst .lst_06 {background:url(http://woc1.speedgabia.com/secretpark/m/room/6/1.jpg) no-repeat 50% 50%;background-size:cover;}

/* facility */
#facility .cont ul li.mfa_01 .img {background:url(http://woc1.speedgabia.com/secretpark/m/special/1/1.jpg) no-repeat 50% 50%;background-size:cover;}
#facility .cont ul li.mfa_02 .img {background:url(http://woc1.speedgabia.com/secretpark/m/special/2/1.jpg) no-repeat 50% 50%;background-size:cover;}
#facility .cont ul li.mfa_03 .img {background:url(http://woc1.speedgabia.com/secretpark/m/special/3/1.jpg) no-repeat 50% 50%;background-size:cover;}
#facility .cont ul li.mfa_04 .img {background:url(http://woc1.speedgabia.com/secretpark/m/special/4/1.jpg) no-repeat 50% 50%;background-size:cover;}
#facility .cont ul li.mfa_05 .img {background:url(http://woc1.speedgabia.com/secretpark/m/special/5/1.jpg) no-repeat 50% 50%;background-size:cover;}
#facility .cont ul li.mfa_06 .img {background:url(http://woc1.speedgabia.com/secretpark/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:before {content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.3);}
.visual {height:240px;width:100%;position:relative;}

.swiper01 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	width: 80%;
}
.swiper01 .swiper-slide:nth-child(2n) {width: 80%;}
.swiper01 .swiper-slide:nth-child(3n) {width: 80%;}

/* ------------------------------------------------------------------------------- */
/* index */
#index #visual {position:relative;}
#index #visual:before {content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.2);}
#index #visual h2.mov_ttl {position:absolute;left:50%;top:50%;margin:-88.5px 0 0 -180px;width:360px;height:177px;z-index:320;}
#index #visual h2.mov_ttl span.ttl_01 {position:absolute;left:0;top:0;width:0;height:177px;overflow:hidden;}
#index #visual h2.mov_ttl span.ttl_02 {position:absolute;right:0;bottom:0;width:117px;height:32px;opacity:0;}
#index #visual .scroll_btn {position:absolute;left:50%;bottom:30px;z-index:320;margin-left:-53px}
#index #visual .scroll_btn img {display:block;}

#index .intro {width:100%;padding:60px 0 100px;position:relative;background:#fff;}
#index .intro:before {content:'';width:35%;height:50%;background:#eeeeee;position:absolute;left:0;top:0;}
#index .intro .inner {width:90%;margin:0 auto;position:relative;overflow:hidden;}
#index .intro .inner h3 {font-size:38px;color:#284662;font-family: futura-pt;font-style: normal;display:block;margin-bottom:50px;}
#index .intro .inner h3 span {font-size:20px;}
#index .intro .inner .cont {width:100%;height:177px;overflow:hidden;}
#index .intro .inner .cont .img {
	width:45%;height:100%;float:left;background:url(../images/common/intro_img.jpg) no-repeat 50% 50%;background-size:cover;
}
#index .intro .inner .cont p {float:left;line-height:1.5em;color:#232323;font-size:14px;padding:35px 0;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;width:50%;margin-left:5%;}


#index .main_facil {padding:80px 0 50px;margin: 0 auto;background:#f3f3f3;}
#index .main_facil h3 {font-size:34px;text-align:center;margin-bottom:15px;color:#323232;font-weight:normal;}
#index .main_facil span {font-size:15px;margin-top:5px;display:block;color:#525252;line-height:1.5em;}
#index .main_facil ul.box {width:98%;height:400px;margin:30px auto 0;overflow:hidden;}
#index .main_facil ul.box li {width:48%;height:100%;margin:0 1%;float:left;position:relative;}
#index .main_facil ul.box li:before {content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.3);}
#index .main_facil ul.box li a {display:block;width:100%;height:100%;position:relative;}
#index .main_facil ul.box li p {width:100%;font-size:26px;line-height:1.5em;color:#fff;text-align:center;position:absolute;left:0;top:50%;margin-top:-53.5px;z-index:320;}
#index .main_facil ul.box li p span {display:block;font-size:16px;margin-top:5px;color:#fff;font-family:'Noto Sans CJK KR';}
	
#index .main_room {margin:80px 0;text-align:center;}
#index .main_room h3 {
	font-size:28px;color:#3a4246;text-align:center;padding-right:20px;padding-top:8px;
	background:url(../images/common/back.png) no-repeat right top;display:inline-block;margin:0 auto 15px;
}
#index .main_room .list_btn {display:block;text-align:center;font-size:16px;color:#6e828b;text-decoration:underline;margin-bottom:50px;}

#index .main_room .box {overflow:hidden;position:absolute;left:0;top:0;height:100%;width:100%;}
#index .main_room .box:before {
	content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:none;z-index:100;
	transition:all 0.3s ease-in-out;
	-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;	
}
#index .main_room .swiper-slide-active .box:before {background:rgba(0,0,0,0.45);}
#index .main_room .box .ttl {text-align:center;width:100%;z-index:320;position:absolute;left:0;top:50%;margin-top:-65.5px;}
#index .main_room .box .ttl h4 {font-size:50px;text-align:center;color:#fff;margin-bottom:20px;}
#index .main_room .box .ttl h4 span {display:block;color:#fff;font-size:16px;margin-top:15px;}
#index .main_room .box .ttl a {display:block;text-align:center;color:#fff;text-decoration:underline;}

#index .main_room .swiper-pagination {background:url(../images/common/nav_back.png) no-repeat 50% top;bottom:0;padding:7px 0;}
#index .main_room .swiper-pagination-bullet {background:url(../images/common/base.png) no-repeat 50% 50%;width:15px;height:15px;}
#index .main_room .swiper-pagination-bullet-active {background:url(../images/common/on.png) no-repeat 50% 50%;}


#index .main_facility {margin:80px 0;}
#index .main_facility .ttl {width:90%;margin:0 auto 20px;overflow:hidden;}
#index .main_facility h3 {
	font-size:32px;color:#3a4246;background:url(../images/common/back.png) no-repeat right top;
	padding:10px 17px;display:inline-block;float:left;
}
#index .main_facility a.view_lst {
	display:block;text-align:center;font-size:16px;color:#6e828b;text-decoration:underline;margin-top:25px;float:right;
}

#index .main_facility ul {width:100%;height:860px;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;}
#index .main_facility ul li {width:50%;height:25%;float:left;display:table;}
#index .main_facility ul li a {width:100%;height:100%;text-align:center;vertical-align:middle;display:table-cell;}
#index .main_facility ul li.mfa_01 a,#index .main_facility ul li.mfa_03 a,#index .main_facility ul li.mfa_05 a,#index .main_facility ul li.mfa_07 a {border-right:1px solid #ebebeb;}
#index .main_facility ul li.mfa_01 a,#index .main_facility ul li.mfa_02 a,#index .main_facility ul li.mfa_05 a,#index .main_facility ul li.mfa_06 a {border-bottom:1px solid #ebebeb;}
#index .main_facility ul li a .img {width:80%;height:65%;margin:0 auto;}
#index .main_facility ul li a p {font-size:22px;color:#3a4246;text-align:center;margin:20px 0 5px;position:relative;z-index:320;}

#index .instagram {margin:100px auto 100px;width:100%;}
#index .instagram h3 {font-size:32px;color:#3a4246;text-align:center;}
#index .instagram h3 span {display:block;font-size:25px;color:#84a1ae;margin-top:10px;}
#index .instagram ul {height:100px;margin:30px auto 20px;}
#index .instagram ul li {width:100px;float:left;margin:0 3.3px;height:100%;}
#index .instagram ul li a {display:block;width:100%;height:100%;}
#index .instagram ul li a:hover {opacity:0.7;}
#index .instagram p {font-size:24px;color:#3a4246;text-align:center;}

/* ------------------------------------------------------------------------------- */
/* about */
#location {padding-top:140px;}
#location .visual {height:auto;}
#location .visual h2 {font-size:42px;text-align:center;color:#fff;z-index:320;letter-spacing:2px;font-weight:lighter;position:absolute;left:0;bottom:10%;width:100%;}
#location .visual h2 span {display:block;font-size:16px;color:#e5e5e5;margin-top:10px;}

.about .cont {margin:80px 0;}
.about .cont p {font-size:15px;line-height:1.8em;}
.about .cont p span {display:block;font-size:32px;margin-bottom:40px;font-weight:lighter;}

.about .lo_box {margin-bottom:80px;}

.about .lo_box #map {width:100%;height:350px;margin:50px 0;text-align:center;position:relative;z-index:90;background:#fff;}

.about .lo_box div {width:90%;margin:0 auto 20px;}
.about .lo_box div h3 {color:#454545;font-size:26px;border-bottom:1px solid #bfbfbf;padding-bottom:15px;margin: 45px 0 15px 0;font-weight:normal;}
.about .lo_box div h3 > span {display:inline-block;float:right;font-size:15px;color:#525252;margin-top:25px;}
.about .lo_box div > p {width:90%;color:#6d6d72;line-height:1.8em;text-align:left;margin:20px 0;}
.about .lo_box div > p span {display:block;margin-bottom:10px;font-size:20px;}

/* ------------------------------------------------------------------------------- */
/* exterior */
#exterior {padding-top:140px;}
#exterior .visual {height:auto;}
#exterior .visual h2 {font-size:42px;text-align:center;color:#fff;z-index:320;letter-spacing:2px;font-weight:lighter;position:absolute;left:0;bottom:10%;width:100%;}
#exterior .visual h2 span {display:block;font-size:16px;color:#e5e5e5;margin-top:10px;}

#exterior .swiper-container {width:90%;margin:80px auto 150px;}
#exterior .swiper-button-next, #exterior .swiper-button-prev {width:15px;height:15px;bottom:6%;top:auto;margin-top:0;}
#exterior .swiper-button-prev {background:url(../images/common/ex_prev.png) no-repeat 50% 50%;left:30%;}
#exterior .swiper-button-next {background:url(../images/common/ex_next.png) no-repeat 50% 50%;right:30%;}
#exterior .swiper-pagination-bullet {background:url(../images/common/basic.png) no-repeat 50% 50%;width:15px;height:15px;margin:0 2px;}
#exterior .swiper-pagination-bullet-active {background:url(../images/common/act.png) no-repeat 50% 50%;}

/* ------------------------------------------------------------------------------- */
/* travel */
#travel {padding-top:71px;}
#travel ul.travel_lst li {width:90%;padding:45px 0;margin:0 auto;}
#travel ul.travel_lst li .img {height:225px;width:100%;}
#travel ul.travel_lst li .cont {width:100%;margin:50px 0 20px;}
#travel ul.travel_lst li .cont b {display:block;color:#b9ad8c;font-size:18px;font-weight:normal;margin-bottom:20px;}
#travel ul.travel_lst li .cont h3 {font-size:30px;float:left;color:#3e3e3e;margin-bottom:20px;width:100%;margin-top:10px;fotn-weight:normal;}
#travel ul.travel_lst li .cont p {color:#6c6c6c;line-height:1.8em;font-size:16px;}

#travel ul.travel_lst li.tlst_01 .img {background:url(../../images/travel/1.jpg) no-repeat 50% 50%;background-size:cover;}
#travel ul.travel_lst li.tlst_02 .img {background:url(../../images/travel/2.jpg) no-repeat 50% 50%;background-size:cover;}
#travel ul.travel_lst li.tlst_03 .img {background:url(../../images/travel/3.jpg) no-repeat 50% 50%;background-size:cover;}
#travel ul.travel_lst li.tlst_04 .img {background:url(../../images/travel/4.jpg) no-repeat 50% 50%;background-size:cover;}
#travel ul.travel_lst li.tlst_05 .img {background:url(../../images/travel/5.jpg) no-repeat 50% 50%;background-size:cover;}
#travel ul.travel_lst li.tlst_06 .img {background:url(../../images/travel/6.jpg) no-repeat 50% 50%;background-size:cover;}
#travel ul.travel_lst li.tlst_07 .img {background:url(../../images/travel/7.jpg) no-repeat 50% 50%;background-size:cover;}
#travel ul.travel_lst li.tlst_08 .img {background:url(../../images/travel/8.jpg) no-repeat 50% 50%;background-size:cover;}


/* ------------------------------------------------------------------------------- */
/* rpv */
#rpv .main_room {padding:230px 0 150px;text-align:center;overflow:hidden;position:relative;}
#rpv .main_room:before {content:'';width:24%;height:100%;background:#ebebeb;position:absolute;left:0;top:0;z-index:-1;}
#rpv .main_room h3 {
	font-size:32px;color:#3a4246;text-align:center;padding-right:20px;padding-top:8px;
	background:url(../images/common/back.png) no-repeat right top;display:inline-block;margin:0 auto 15px;
}
#rpv .main_room .list_btn {display:block;text-align:center;font-size:16px;color:#6e828b;text-decoration:underline;margin-bottom:50px;}

#rpv .main_room .box {overflow:hidden;position:absolute;left:0;top:0;height:100%;width:100%;}
#rpv .main_room .box:before {
	content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:none;z-index:100;
	transition:all 0.3s ease-in-out;
	-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;	
}
#rpv .main_room .swiper-slide-active .box:before {background:rgba(0,0,0,0.45);}
#rpv .main_room .box .ttl {text-align:center;width:100%;z-index:320;position:absolute;left:0;top:50%;margin-top:-65.5px;}
#rpv .main_room .box .ttl h4 {font-size:50px;text-align:center;color:#fff;margin-bottom:20px;}
#rpv .main_room .box .ttl h4 span {display:block;color:#fff;font-size:16px;margin-top:15px;}
#rpv .main_room .box .ttl a {display:block;text-align:center;color:#fff;text-decoration:underline;}

#rpv .main_room .swiper-pagination {background:url(../images/common/nav_back.png) no-repeat 50% top;bottom:0;padding:7px 0;}
#rpv .main_room .swiper-pagination-bullet {background:url(../images/common/base.png) no-repeat 50% 50%;width:15px;height:15px;}
#rpv .main_room .swiper-pagination-bullet-active {background:url(../images/common/on.png) no-repeat 50% 50%;}

/* ------------------------------------------------------------------------------- */
/* room */
#room {padding-top:140px;padding-bottom:80px;}

#room .content {width:90%;margin:50px auto;}
#room .content .room_notice {padding-bottom:70px;border-bottom:1px solid #eaeaea;overflow:hidden;}
#room .content .room_notice > span {font-family:'noto-sans-cjk-kr';font-size:12px;color:#3a4246;display:block;transform: rotate(90deg); transform-origin: left bottom; float: left;}
#room .content .room_notice > p {font-size:13px;color:#525252;line-height:1.5em;float:right;}

#room .content #room_cont {padding:50px 0 50px;margin-bottom:70px;border-bottom:1px solid #eaeaea;width:100%;position:relative;}
#room .content #room_cont .info {width:100%;}
#room .content #room_cont .info h2 {margin-bottom:30px;color:#3a4246;background:url(../images/common/back.png) no-repeat right top;padding-right:18px;padding-top:10px;display:inline-block;font-size:22px;}
#room .content #room_cont .info ul {}
#room .content #room_cont .info ul li {line-height:1.3em;}
#room .content #room_cont .info ul li p {font-size:13px;color:#525252;line-height:1.5em;}
#room .content #room_cont .info ul li:nth-child(3) {margin-top:35px;}
#room .content #room_cont .info ul li:nth-child(4) {margin-top:35px;}
#room .content #room_cont .info a {display:block;margin-top:50px;position:relative;}
#room .content #room_cont .info a:before {
	content:'';width:217px;height:35px;background:#e7e7e7;position:absolute;left:0;top:0;opacity:0;
	transition:all 0.3s ease-in-out;
	-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;	
}
#room .content #room_cont .info a:hover:before {opacity:1;}
#room .content #room_cont .info a img {position:absolute;left:0;top:0;}
#room .content #room_cont .img {width:46%;float:right;height:280px;position:absolute;right:0;top:170px;}
#room .content #room_cont .img span {width:39px;height:39px;background:url(../images/room/square.png) no-repeat right bottom;position:absolute;right:0;bottom:-15%;z-index:320;}
#room .content #room_cont .img > div {width:95%;height:55%;margin-top:155px;}

#room .content .room_lst h3 {font-size:32px;color:#3a4246;margin-bottom:35px;text-align:center;}
#room .content .room_lst ul {width:100%;overflow:hidden;}
#room .content .room_lst ul li {width:33%;float:left;margin:0 0.15%;height:110px;position:relative;}
#room .content .room_lst ul li.lst_01,#room .content .room_lst ul li.lst_02,#room .content .room_lst ul li.lst_03 {margin-bottom:3px;}
#room .content .room_lst ul li a {display:block;width:100%;height:100%;position:relative;}
#room .content .room_lst ul li:before {
	content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.4);opacity:1;
}
#room .content .room_lst ul li p {
	font-size:20px;color:#fff;width:80px;position:absolute;right:-0;top:50%;z-index:320;margin-top:-21px;opacity:1;
}
#room .content .room_lst ul li p span {margin-top:5px;padding-top:5px;font-size:11px;display:block;border-top:1px solid rgba(255,255,255,0.5);}


#room .swiper-pagination {background:url(../images/common/nav_back.png) no-repeat 50% top;bottom:0;padding:7px 0;}
#room .swiper-pagination-bullet {background:url(../images/common/base.png) no-repeat 50% 50%;width:15px;height:15px;margin:0 1px;}
#room .swiper-pagination-bullet-active {background:url(../images/common/on.png) no-repeat 50% 50%;}

/* ------------------------------------------------------------------------------- */
/* fpv */
#fpv .main_facility {padding-top:140px;}
#fpv .main_facility ul {width:100%;height:1400px;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;}
#fpv .main_facility ul li {width:50%;height:25%;float:left;display:table;}
#fpv .main_facility ul li a {width:100%;height:100%;text-align:center;vertical-align:middle;display:table-cell;}
#fpv .main_facility ul li.mfa_01 a,#fpv .main_facility ul li.mfa_03 a,#fpv .main_facility ul li.mfa_05 a,#fpv .main_facility ul li.mfa_07 a {border-right:1px solid #ebebeb;}
#fpv .main_facility ul li.mfa_01 a,#fpv .main_facility ul li.mfa_02 a {border-bottom:1px solid #ebebeb;}
#fpv .main_facility ul li.mfa_03 a,#fpv .main_facility ul li.mfa_04 a {border-bottom:1px solid #ebebeb;}
#fpv .main_facility ul li.mfa_05 a,#fpv .main_facility ul li.mfa_06 a {border-bottom:1px solid #ebebeb;}
#fpv .main_facility ul li a .img {width:80%;height:65%;margin:0 auto;}
#fpv .main_facility ul li a h3 {font-size:22px;color:#3a4246;text-align:center;margin:38px 0 5px;position:relative;z-index:320;}

/* ------------------------------------------------------------------------------- */
/* facility */
#facility {padding-top:140px;}
#facility .cont h2 {font-size:30px;font-weight:normal;text-align:center;margin: 70px 0 25px;color:#3a4246;}
#facility .cont p {text-align:center;color:#525252;margin:40px auto;width:90%;line-height:1.5em;}
#facility .cont .lst_btn {margin:70px auto 100px;width:196px;}
#facility .cont ul {width:100%;height:750px;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;}
#facility .cont ul li {width:50%;height:33.33%;float:left;display:table;}
#facility .cont ul li a {width:100%;height:100%;text-align:center;vertical-align:middle;display:table-cell;}
#facility .cont ul li.mfa_01 a,#facility .cont ul li.mfa_03 a {border-right:1px solid #ebebeb;}
#facility .cont ul li.mfa_01 a,#facility .cont ul li.mfa_02 a {border-bottom:1px solid #ebebeb;}
#facility .cont ul li a .img {width:80%;height:65%;margin:0 auto;}
#facility .cont ul li a h3 {font-size:22px;color:#3a4246;text-align:center;margin:20px 0 5px;position:relative;z-index:320;}
#facility .swiper-pagination-bullet {background:url(../images/common/base.png) no-repeat 50% 50%;width:15px;height:15px;margin:0 1px;}
#facility .swiper-pagination-bullet-active {background:url(../images/common/on.png) no-repeat 50% 50%;}


/* ------------------------------------------------------------------------------- */
/* reserve */
#reserve {padding-top:140px;}
#reserve .visual {height:auto;}
#reserve .visual h2 {font-size:42px;text-align:center;color:#fff;z-index:320;letter-spacing:2px;font-weight:lighter;position:absolute;left:0;bottom:10%;width:100%;}
#reserve .visual h2 span {display:block;font-size:16px;color:#e5e5e5;margin-top:10px;}
#reserve .selec ul {width:500px;margin:80px auto;overflow:hidden;}
#reserve .selec ul li {width:50%;float:left;}
#reserve .selec ul li.btn_02 a {border-right:1px solid #868686;}
#reserve .selec ul li a {
	display:block;padding:10px;background:#fff;color:#868686;border-top:1px solid #868686;
	border-bottom:1px solid #868686;border-left:1px solid #868686;text-align:center;
}
#reserve .selec ul li a.active {background:#2c5f82;color:#fff;}

#reserve .tab01 {display:block;}
#reserve .tab02 {display:none;}
#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:13px;}

#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:13px;}

#reserve .tab02 .refund {margin-bottom:100px;}
#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 {padding:10px 0;background:#f1f1f1;border-right:1px solid #c0c0c0;font-weight:normal;font-size:11px;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:11px;
	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.5em;color:#4d4d4d;font-size:13px;}

/* ------------------------------------------------------------------------------- */
/* table */
#table {padding-top:140px;}
#table .visual {height:auto;}
#table .visual h2 {font-size:42px;text-align:center;color:#fff;z-index:320;letter-spacing:2px;font-weight:lighter;position:absolute;left:0;bottom:10%;width:100%;}
#table .visual h2 span {display:block;font-size:16px;color:#e5e5e5;margin-top:10px;}
#table .contents .cont {width:100%;}

#table .selec ul {width:500px;margin:80px auto;overflow:hidden;}
#table .selec ul li {width:50%;float:left;}
#table .selec ul li.btn_02 a {border-right:1px solid #868686;}
#table .selec ul li a {
	display:block;padding:10px;background:#fff;color:#868686;border-top:1px solid #868686;
	border-bottom:1px solid #868686;border-left:1px solid #868686;text-align:center;
}
#table .selec ul li a.active {background:#2c5f82;color:#fff;}

#table .iframe {width:95%;margin:0 auto 100px;}