@charset "utf-8";

@import "normalize.css"; /* reset */
@import "slick.css"; /* slick swiper */

/* 
   WEB FONT (CDN server)
   Nanum Barun Gothic, NanumBarunGothicUltraLight, Lato, Dinmed, Himalaya
*/
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url(https://fonts.googleapis.com/css?family=Lato);

@font-face {
	font-family:'Himalaya';
	font-weight:normal;
	src:url('../font/Himalaya.eot');
	src:url('../font/Himalaya.eot?#iefix') format('embedded-opentype'),
		url('../font/Himalaya.woff') format('woff');
}
@font-face {
	font-family:'Dinmed';
	font-weight:normal;
	src:url('../font/dinmed-webfont.eot');
	src:url('../font/dinmed-webfont.eot?#iefix') format('embedded-opentype'),
		url('../font/dinmed-webfont.woff') format('woff');
}


/* default */
.yapen-dateTime-content .yapen-dateTime-item{text-align: left;}
html {height:100%; }
body {position:relative; font:normal 14px/1.5 Nanum Barun Gothic;}
div,header,section,article,aside,nav,ul,ol,li,p,a { box-sizing:border-box; }
a { text-decoration:none; }
ul,
h1, h2, h3, h4, h5, h6,
address, p { margin:0; padding:0; font-weight:normal; font-size:inherit; }
li { list-style-type:none; }
dl, dt, dd { margin:0; }
figure { margin:0; padding:0; }
caption { display:none; }
button { border:0; outline:0; background-color:transparent; }
em, address, i { font-style:normal; }

/* layout */
body {  }
.freeze { overflow:hidden; }
.bg-mask { display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1100; background:rgba(0,0,0,0.6); }
.bg-mask.on { display:block; }
.btn-gnb { display:none; position:absolute; top:30px; left:30px; width:36px; height:38px; background:url('../img/common/btn_gnb.png') center 0 no-repeat; }

.bg { position:relative; padding:45px 12px 12px 12px; background:#5d5d5d; } /* 펜션별 BG 설정 */
.wrapper { position:relative; padding-top:110px; background:#fff; }
.top-util { position:fixed; top:0; left:0; right:0; z-index:2100; height:45px; line-height:45px; text-align:center; background:#5d5d5d; } /* 펜션별 BG 설정 : TOP 링크; */
.top-util a { display:inline-block; margin:0 40px; font-family:'Dinmed'; font-size:18px; font-weight:bold; color:#fff; }
.top-util a.n-pay img{width: 80%;}
.top-util a.phone { padding-left:23px; letter-spacing:1px;  background:url('../img/common/ico_phone.png') 0 center no-repeat; }
.header { position:fixed; top:45px; left:12px; right:12px; height:110px; padding-top:30px; z-index:2000; border-bottom:1px solid #d9d9d9; background:#fff; }

.header h1 { position:absolute; top:15px; left:37px; } /* 로고 위치 조절 */

.header h1 a { display:block; line-height: 80px;}
.header h1 a img{width: 200px;}
.header .gnb { position:relative; }
.header .gnb > ul { text-align:center; }
.header .gnb > ul > li { display:inline-block; margin:0 15px; }
.gnb > ul > li > a { line-height:0.8; font-family:'Himalaya'; font-size:25px; color:#202020;  }
.gnb > ul > li > a:hover, .gnb > ul > li > a:focus, .gnb > ul > li > a:active, .gnb > ul > li > a.on, .gnb > ul > li > a.current { border-bottom:1px solid #202020; }
.header .gnb .gnb-sub { display:none; position:absolute; top:30px; }
.header .gnb .gnb-sub li { display:inline-block; margin-right:15px; }
.gnb-sub li a { font-size:13px; color:#202020; }
.gnb .gnb-sub li a:hover, .gnb .gnb-sub li a:focus, .gnb .gnb-sub li a:active, .gnb .gnb-sub li a.current { border-bottom:1px solid #202020; font-weight:bold; }

.side-nav { position:fixed; top:45px; left:-100%; bottom:0; z-index:2500; width:285px; overflow-y:auto; padding:80px 0 0 25px; opacity:0; overflow:hidden; background:#fff; -webkit-transition:0.7s;transition:0.7s; -ms-transition:0.7s; transition:0.7s; }
.side-nav.show { left:5px; opacity:1; }
.close-gnb { position:absolute; top:0; left:0; z-index:2100; width:50px; height:50px; background:url('../img/common/btn_close.jpg') 0 0 no-repeat; }
.side-nav .gnb > ul > li { margin-bottom:15px; }
.side-nav .gnb .gnb-sub { display:none; margin-top:10px; }

.link-gnb { display:none; margin-top:50px; text-align:center; }
.link-gnb a { display:inline-block; margin:0 8px; font-size:0; vertical-align:top; background-position:0 0; background-repeat:no-repeat; }
.link-gnb a.link-tel { width:43px; height:44px; background-image:url('../img/common/link_tel.jpg'); }
.link-gnb a.link-kakao { width:44px; height:44px; background-image:url('../img/common/link_talk.jpg'); }
.link-gnb a.link-sms { width:31px; height:44px; background-image:url('../img/common/link_sms.jpg'); }

.mobile-sub { display:none; position:fixed; top:135px; left:5px; right:5px; z-index:2000; overflow-x:auto; text-align:center; background:rgba(255,255,255,0.7); }
.mobile-sub li { display:inline-block; margin:0 3px; }
.mobile-sub li a { display:block; padding:5px 0 0 0; font-size:10px; color:#222; }
.mobile-sub li a.current { color:#bea842; }

.footer-wrap { position:relative; overflow:visible; margin-top:250px; background:#2d2d2d; }
.footer { position:relative; max-width:1000px; overflow:hidden; margin:0 auto; padding:40px 0; }
.footer ul { float:left; }
.footer ul li { margin-bottom:5px; font-size:13px; color:#fff; }
.footer ul li * { color:#fff; }
.footer .foot-link { float:right; }
.footer .foot-link p { margin-top:3px; font-size:13px; color:#fff; }
.footer .foot-link p.link a { display:inline-block; margin:0 1px; vertical-align:top; }
.footer .foot-link p a { color:#c7d096; } 
.btn-top { position:absolute; top:-24px; left:50%; display:block; width:48px; height:48px; margin-left:-24px; font-size:0; background:url('../img/common/btn_top.png') 0 0 no-repeat; }

.contentWrap { position:relative; max-width:1400px; margin:0 auto; padding-top:50px; }


/* Common object */
.title { line-height:0.8; font-family:'Himalaya'; font-size:50px; text-align:center; }
.title span { display:block; font-family:'Nanum Barun Gothic';  font-size:22px; }
.title:after { content:''; display:block; height:36px; margin-top:15px; background:url('../img/common/ico_title.png') center bottom no-repeat; }
.title.large { line-height:0.6; font-family:'Himalaya'; font-size:180px; color:#161616; text-align:center; }
.title.large p { line-height:1.5;  font-family:'Lato'; font-size:11px; color:#a2a2a5; }


.table-wrap { position:relative; overflow:hidden; }
.table-wrap .table-tit { margin-bottom:15px; font-size:20px; font-weight:bold; }
.data-list { width:100%; border-top:2px solid #6e6e6f; border-bottom:2px solid #6e6e6f; color:#555; text-align:center; }
.data-list thead th { padding:10px 0; border:1px solid #939394; }
.data-list thead tr th:first-child { border-left:0; }
.data-list thead tr th:last-child { border-right:0; }
.data-list tbody td { padding:10px 0; }
.data-list.white { border-bottom:2px solid #fff; color:#fff; }
.data-list thead th { border:1px solid #fff; }
.swipe-guide { display:none; position:absolute; top:50%; left:50%; width:100px; height:100px; margin:-50px 0 0 -50px; color:#222; text-align:center; font-size:6em; border-radius:50%; }
.swipe-guide i { vertical-align:middle; }

.slider-wrap { position:relative; }
.slider-wrap .slide-list {  }
.slider-wrap .slide-list img { max-width:100%; }
.slider-wrap .slide-btn {  }
.slider-wrap .slide-btn button { position:absolute; top:50%; display:block; width:56px; height:55px; margin-top:-27px; font-size:0; background-repeat:no-repeat; background-size:100%; background-color:transparent; border-radius:100%; box-shadow:1px 5px 5px rgba(0,0,0,0.4);}
.slider-wrap .slide-btn .prev { left:-28px; background-image:url('../img/common/btn_prev.png'); }
.slider-wrap .slide-btn .next { right:-28px; background-image:url('../img/common/btn_next.png'); }

.slick-dots { margin-top:40px; text-align:center; }
.slick-dots li { display:inline-block; margin:0 5px; }
.slick-dots li button { width:10px; height:11px; overflow:hidden; font-size:0; background:url('../img/common/btn_page.jpg') 0 0 no-repeat; }
.slick-dots li.slick-active button { width:40px; background-position:-20px 0; }

.box-epilogue { position:relative; display:block; width:428px; height:428px; overflow:hidden; margin:0 auto; margin-top:-150px; padding:180px 70px 130px 70px; text-align:center; background:url('../img/common/box_epilogue.png') 0 0 no-repeat; }
.box-epilogue p { line-height:1.6; font-size:15px; color:#121212; }

.column-wrap { clear:both; overflow:hidden; margin-top:170px; }
.column-wrap:first-child { margin-top:45px; }
.column-tit { float:left; width:301px; height:300px; padding:115px 50px 0 50px; text-align:center; color:#121212; background:url('../img/common/box_square.png') 0 0 no-repeat; }
.column-tit.pool-tit{padding: 85px 50px 0 50px;}
.column-tit.bbq-tit,.column-tit.hotel-tit,.column-tit.sea-tit{padding: 95px 50px 0 50px;}
.room-wrap .column-tit{padding: 100px 50px 0 50px; float: left;}
.column-tit.free{padding: 100px 50px 0 50px;}
.column-tit span { display:block; font-size:16px; font-weight:bold; }
.column-tit h1 { line-height:0.7; font-family:'Himalaya'; font-size:45px; }
.column-tit p { margin-top:-5px; font-size:20px; font-weight:bold; }
.column-tit strong { font-weight:bold; font-size:30px; }
.column-info { float:left; max-width:1000px; margin-left:40px; padding-top:10px; }
.column-info .tit01 { font-size:18px; font-weight:bold; color:#333; }
.column-info .tit02 { margin-top:10px; margin-bottom:5px; padding-top:15px; border-top:1px solid #d0d0d0; font-size:14px; font-weight:bold; }
.column-info .tit02.first { margin-top:30px; padding:0; border:0; }
.column-info .txt { line-height:1.5; font-size:14px; }
.column-info .txt strong { color:#ca0047; }
.column-info.bold li { font-weight:bold; }
.map-wrapper .column-info{margin-top: 115px;}
.map-info{width: 1000px; margin: 0 auto; margin-top: -50px;}
.tit-info { margin-top:30px; font-weight:bold; font-size:16px; }


.star-list {  }
.star-list li { position:relative; margin-top:5px; padding-left:10px; font-size:14px; color:#333;  }
.star-list li:before { content:'*'; position:absolute; left:0; top:0; color:inherit; }

.dash-list {  }
.dash-list li { position:relative; margin-top:5px; padding-left:10px; font-size:14px; color:#333; }
.dash-list li .paddingL{padding-left: 4.3em;}
.dash-list li:first-child { margin:0; }
.dash-list li:before { content:''; position:absolute; left:0; top:10px; background:#5d5d5d; width:5px; height:1px; }
.dash-list li strong { color:#ca0047; }
.dash-list li strong.font-black { color:#333; }
.dash-list li.m-top { margin-top:15px; }

.normal-list {  }
.normal-list li { margin-top:5px; font-size:13px; color:#333; }
.normal-list li span { color:#bf9c86; }
.normal-list li .box { display:inline-block; padding:5px 10px; color:#fff; background:#27282e; }
.normal-list li .box span { color:#e3e98b; }
.normal-list li strong { color:#cb0000; }

.bold { font-weight:bold; }
.m-top { margin-top:10px; }
.m-top-x { margin-top:25px; }
.m-bot-x { margin-bottom:25px; }

/* main */
.top-con {  }
.top-con .slider-wrap { margin-top:40px; }


/* room */
.m-room{display: none; position: relative;}
.m-room li{position: relative;}
.m-room.preview-list li a span {position: absolute;top: 0;left: 0;right: 0;bottom: 0;box-sizing: border-box;padding-top: 70px;background: rgba(0,0,0,0.5);opacity: 0;-webkit-transition: 0.6s;-ms-transition: 0.6s;transition: 0.6s;}
.m-room.preview-list li a img{width: 100%;}
.preview-con { margin-top:130px; text-align:center; }
.preview-list { overflow:hidden; margin:60px 0 0 0; }
.preview-list .slide { display:inline-block; margin:0 5px; }
.preview-list .slide a { position:relative; display:block; text-align:center; color:#fff; }
.preview-list .slide a img { max-width:100%; width: 100%;}
.preview-list .slide a span { position:absolute; top:0; left:0; right:0; bottom:0; box-sizing:border-box; padding-top:120px; background:rgba(0,0,0,0.7); opacity:0; -webkit-transition:0.6s; -ms-transition:0.6s; transition:0.6s; }
.preview-list .slide a span em { line-height:0.8; font-family:'Himalaya'; font-size:30px;  }
.preview-list .slide a span strong { display:block; font-size:30px; }
.preview-list .slide a:hover span { opacity:1; }
.title.ko{font-size: 30px; line-height: 1.2;}
.title.ko span{margin-top: -10px;}
.title.ko b{font-size: 50px; font-weight: 300;}

.table-wrap *{margin: 0; padding: 0; text-align: center;}
.room_data{padding-left: 0 !important;}
.room_data li .person_limit table{margin: 20px auto;}
.room_data li .data {padding-left: 0 !important;}
.room-wrap .column-info{float: none !important;}
/* service */
.service-info { padding-top:70px; }
.service-info .more{width: 100px; height: 30px; border: 1px solid #333; line-height: 30px; text-align: center; margin: 20px 0; display: block;}
.service-info .info{color: #a2a2a5;}
/* tour */
.tour-list { margin-top:50px; }
.tour-list h1 { font-size:20px; font-weight:bold;  color:#161616; }
.tour-list ul { margin-top:40px; }
.tour-list li { overflow:hidden; margin-bottom:50px; padding-bottom:50px; border-bottom:1px solid #dddddd; }
.tour-list li .img { float:left; }
.tour-list li .img img {  }
.tour-list li .info { float:right; width:740px; padding-top:30px; }
.tour-list li .info h2 { font-size:30px; color:#333; }
.tour-list li .info span { display:block; margin:10px 0 25px 0; font-size:14px; color:#b20000; }
.tour-list li .info p { font-size:15px; color:#333; }
.tour-list li .info p.link { margin-top:10px; }
.tour-list li .info a { color:#333; text-decoration: underline;}

/* Reservation */
.reserve-top { margin-top:50px; }
.reser_btn{width: 140px; line-height: 45px; text-align: center; display: block; margin: 25px auto; border: 1px solid #333; transition: 0.6s; color: #333;}
.reser_btn:hover{background-color: #333; color: white;}
.room-wrap .reser_btn{ position: relative; left: 130px;}
.pc-map { display:block;  margin-bottom:100px; }
.m-map { display:none; margin-bottom:20px;} 

.pc-price { display:block; }
.m-price { display:none;}
.slick-track{margin: 0 auto;}

/*객실 배치도*/
.room-map{margin-top: 100px; margin-bottom: 25px;}
.room-map .tit{font-size: 52px; text-align: center; font-family: 'Himalaya';}
.room-map img{width: 600px; display: block; margin: 0 auto;}

/* Animation */
@keyframes table-guide {
	0% { opacity:0; }
	50% { opacity:1; }
	100% { opacity:0; }
}

/* media query */
@media all and (max-width: 1440px) {
	.contentWrap { margin:0 10px; }
}

@media all and (max-width: 1280px) {
	.header .gnb { padding-left:100px; }
	.slider-wrap .slide-btn .prev { left:0; }
	.slider-wrap .slide-btn .next { right:0; }
}

@media all and (max-width: 800px) {
	.bg { padding:45px 5px 5px 5px; }
	.wrapper { padding:90px 10px 0 10px; }
	.top-util a { margin:0; font-size:12px; }
	.top-util a img { width:70%; }
	.top-util a.n-pay img{width: 70%;}
	.header { position:fixed; top:45px; left:5px; right:5px; height:90px; padding-top:0; text-align:center; }
	.header h1 { position:static; display:inline-block; line-height:90px; vertical-align:middle; margin-left:70px; text-align:center; margin-top: 5px;}
	.header h1 a { width:70%; }
	.header h1 a img { max-width:100%; }
	.header .gnb { display:none; }
	.btn-gnb { display:block; }
	.mobile-sub { display:block; }
	.footer-wrap { margin:0 -10px; margin-top:80px; padding:0 10px; }
	.footer { padding-top:120px; }
	.footer ul { float:none; margin-bottom:20px; }
	.footer ul li { font-size:12px; }
	.footer .foot-link { float:none; }
	.footer .foot-link p.link { position:absolute; top:40px; left:0; right:0; text-align:center; }
	.footer .foot-link p a { color:#c7d096; } 
	.contentWrap { margin:0; }
	.sub-slide .slide { margin-bottom:10px; }
	.sub-slide .slide-btn { display:none; }
	.slider-wrap .slide-btn { text-align:center; margin-top:10px; display: none;}
	.slider-wrap .slide-btn button { position:static; display:inline-block; width:40px; height:40px; margin:0 5px; }
	.main-wrap .slide{margin-bottom: 10px;}
	.room-wrap .column-tit{float: unset;}
	.room-wrap .reser_btn{left: unset;}
	.title { font-size:40px; }
	
	.title.large { font-size:70px; }
	.title.large p { font-size:10px; }

	.box-epilogue { width:280px; height:280px; margin-top:60px; padding:120px 20px 20px 20px; background-size:100%; }
	.box-epilogue p { font-size:11px; }

	.m-room.preview-list li { float:left; width:48%; margin:0 1% 5px 1%; }
	.m-room.preview-list li a span { opacity:1; padding-top:45px; }
	.m-room.preview-list li a span strong { font-size:20px; }

	.room-wrap .week_date p{font-size: 12px;}
	.preview-list li a{display: block; text-align: center; color: #fff;}
	.preview-list li a em{display: block;}
	.m-room{display: block;}
	.pc-room{display: none;}
	.tour-list ul { margin-top:30px; }
	.tour-list li { margin-bottom:40px; padding-bottom:20px; }
	.tour-list li .img { float:none; }
	.tour-list li .img img { max-width:100%; }
	.tour-list li .info { float:none; width:auto; margin-top:10px; padding:0; }
	.tour-list li .info p { font-size:13px; }

	.column-wrap { margin-top:100px; }
	.column-tit { float:none; width:280px; height:280px; margin:0 auto; padding:95px 30px 95px 30px; background-size:100%; }
	.column-tit h1 { font-size:40px; }
	.column-info { float:none; margin:40px 0 0 0; padding:0; }
	
	.table-wrap { width:auto; overflow-x:auto; }
	.rsv_cal_t p{font-size: 13px !important;}
	.pc-map { display:none; }
	.m-map { display:block; }
	.map-info{width: 300px; margin-top: 0px; }
	.map-info li{font-size: 11px;}
	.pc-price { display:none; }
	.m-price { display:block; }
	/* .main-slide {margin-top: 30px;}
	.main-slide img{width: 100%;} */
	.dash-list li .paddingL{padding-left: 0;}
	.dash-list li span{display: block;}
	.room-map img{width: 100%;}
}

@media all and (max-width: 320px) {
	.top-util a { background-size:100%; width:40%; }

}