@charset "utf-8";

@import "normalize.css"; /* reset */
@import "slick.css"; /* slick swiper */
@import "https://use.fontawesome.com/releases/v5.5.0/css/all.css"; /* Font awesome */

/* 
   WEB FONT (CDN server)
   NanumSquare, noto-sans-scott, Noto Sans KR, Noto Serif KR, Cormorant, Be Vietnam (GNB)
*/
@import url('https://fonts.googleapis.com/css?family=Cormorant&display=swap');
@import url('https://fonts.googleapis.com/css?family=Be+Vietnam&display=swap');
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
/* @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); */
@import url(https://cdn.rawgit.com/kattergil/NotoSerifKR-Web/76eb9ebf/stylesheet/NotoSerif-Web.css);
@import "noto-sans-scott.css";

@font-face {
	font-family:'Lato';
	font-weight:normal;
	src:url('../font/Lato Light.eot');
	src:url('../font/Lato Light.eot?#iefix') format('embedded-opentype'),
		url('../font/Lato Light.woff') format('woff');
}
@font-face { font-family: 'OTEnjoystoriesBA'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/OTEnjoystoriesBA.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'RIDIBatang'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/RIDIBatang.woff') format('woff'); font-weight: normal; font-style: normal; }


/* Generated by Glyphter (http://www.glyphter.com) on  Thu Aug 30 2018*/
@font-face {
    font-family: 'Glyphter';
    src: url('../font/Glyphter.eot');
    src: url('../font/Glyphter.eot?#iefix') format('embedded-opentype'),
         url('../font/Glyphter.woff') format('woff'),
         url('../font/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icon-']:before{
	display: inline-block;
   font-family: 'Glyphter';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.icon-aw_logo_svg:before{content:'\0042'; display:inline-block; margin-left:10px; margin-right:5px; vertical-align:middle; font-size:25px; color:#707070; }

/* default */
html {height:100%; }
body {position:relative; font:normal 14px/1.5 noto-sans-scott; font-weight:400; letter-spacing:-1px; color:#333; }
div,header,section,article,aside,nav,ul,ol,li,p,a { box-sizing:border-box; }
a { text-decoration:none; color:inherit; }

ul,
h1, h2, h3, h4, h5, h6,
address, p { margin:0; padding:0; font-weight:400; font-size:inherit; }
strong,b { font-weight:400; }
li { list-style-type:none; }
dl, dt, dd { margin:0; }
figure { margin:0; padding:0; }
caption { display:none; }
button { border:0; outline:0; padding:0; background-color:transparent; }
em, address, i { font-style:normal; }
img { max-width:100%; }
area { outline:0; }


/* SCROLL DOWN */
@-webkit-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
/*
.scroll-btn p { display:block; margin-bottom:6px; font-size:11px; color:#fff; }
.scroll-btn .mouse {
	position: relative;
	display: block;
	width: 35px;
	height: 55px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid white;
	border-radius: 23px;
}
.scroll-btn .mouse > * {
	position: absolute;
	display: block;
	top: 29%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	background: white;
	border-radius: 50%;
	-webkit-animation: ani-mouse 2.5s linear infinite;
	-moz-animation: ani-mouse 2.5s linear infinite;
	animation: ani-mouse 2.5s linear infinite;
}
*/


/* layout */
body { background-color:#fff;  }
.red{color: rgb(209, 13, 13);}
.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; }
.mobile-only { display:none; }

.parallax{ background-attachment:fixed!important; transition:0.7s; }
.no-parallax, .parallax-off { background-attachment:scroll !important; }

.scroll-btn { display:none; position:fixed; bottom:20px; right:17px; z-index:2500; display:block; }
.scroll-btn p { display:none; }
.scroll-btn button { display:block; width:17px; height:149px; font-size:0; background:url('../img/common/btn_scroll.png') 0 0 no-repeat; }

.btn-gnb { display:none; position:absolute; left:20px; top:30px; z-index:5400; }
.btn-gnb span { position:relative; display:inline-block; width:37px; height:17px; margin:0 auto; vertical-align:middle;}
.btn-gnb span:before { content:''; position:absolute; top:0; left:0; right:0; display:block; height:1px; background:#333; -webkit-transition:0.7s; -ms-transition:0.7s; transition:0.7s;}
.btn-gnb span:after { content:''; position:absolute; top:8px;; left:0; right:0; opacity:1; display:block; height:1px; background:#333; -webkit-transition:0.7s; -ms-transition:0.7s; transition:0.7s;}
.btn-gnb span em { position:absolute; bottom:0; left:0; right:0; display:block; height:1px; background:#333; -webkit-transition:0.7s; -ms-transition:0.7s; transition:0.7s; }
.btn-gnb.on {   }
.btn-gnb.on span:before { width:30px; top:8px; left:-5px; background:#333; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
.btn-gnb.on span:after { opacity:0; }
.btn-gnb.on span em { width:30px; bottom:8px; left:-5px; background:#333; -webkit-transform:rotate(-46deg); -ms-transform:rotate(-46deg); transform:rotate(-46deg); }
.btn-gnb i { display:inline-block; display:none; margin-right:10px; font-family:'Lato'; font-size:20px; color:#333; vertical-align:middle; }

.btn-close { position:absolute; right:20px; top:20px; display:block; width:32px; height:32px; background:url('../img/common/btn_close.png') 0 0 no-repeat; }

.basic-slide-wrap { position:relative; z-index:500; overflow:visible; }
.basic-slide { position:relative; overflow:visible; }
.basic-slide .slide { background-position:center center; background-repeat:no-repeat; background-size:cover; }
.basic-slide .slide img { max-width:100%; }

.slide-btn {  }
.slide-btn button { position:absolute; bottom:50%; z-index:2100; width:29px; height:54px; margin-bottom:-27px;  background-repeat:no-repeat; background-position:center center; background-size:100%; }
.slide-btn button.prev { left:40px; background-image:url('../img/common/btn_prev.png'); }
.slide-btn button.next { right:40px; background-image:url('../img/common/btn_next.png'); }

.slide-btn.type02 { position:absolute; left:0; bottom:0;  }
.slide-btn.type02 button { position:static; float:left; width:60px; height:60px; margin:0; }
.slide-btn.type02 button.prev { width:61px; background-image:url('../img/common/btn_prev_02.jpg'); }
.slide-btn.type02 button.next { background-image:url('../img/common/btn_next_02.jpg'); }

.slide-btn.type03 button { width:39px; height:39px; margin-top:-20px; }
.slide-btn.type03 button.prev { left:10px; background-image:url('../img/common/btn_prev_03.png'); }
.slide-btn.type03 button.next { right:10px; background-image:url('../img/common/btn_next_03.png'); }

.slide-info { display:inline-block; margin:0 10px; font-style:italic; font-size:16px; color:#fff; }
.slide-info span {  }
.slide-info em {  }

.sub-view .slide { height:538px; }

.slick-dots { position:absolute; bottom:40px; left:0; right:0; z-index:1800; clear:both; text-align:center; }
.slick-dots li { display:inline-block; margin:0 10px; font-size:0; }
.slick-dots li button { display:block; width:10px; height:10px; background:#b6afad; border-radius:100%; }
.slick-dots li.slick-active button { background:#fff; }


.basic-list {  }
.basic-list li {  }

.star-list li { position:relative; padding-left:10px; }
.star-list li:before { content:'*'; position:absolute; left:0; top:0;  }

.dash-list { margin-bottom:30px; }
.dash-list h1 {  padding-bottom: 0px; } 
.dash-list li { position:relative; padding-left:13px; line-height:2;  }
.dash-list li:before { content:'-'; position:absolute; left:0; top:0; }
.dash-list li b { font-weight:400; color:#e5e35c; }

.dot-list li { position:relative; margin-bottom:5px; padding-left:12px; }
.dot-list li:before { content:''; position:absolute; left:0; top:10px; width:3px; height:3px; background:#333; border-radius:100%; }

.data-list { width:100%; text-align:center; font-size:14px; border-top: 2px solid #cba582; }
.data-list th { padding:10px; font-weight:normal; background:#ebebeb; border:1px solid #ede9e5; background:#ede9e5; }
.data-list td { padding:10px; background:#fff; border:1px solid #ede9e6;}
.data-list td.type_1 { background:#dacec4;}
.data-list td.type_2 { background:#dacec4;}
.data-list td.type_3 { background:#dacec4;}
/*
.data-list td.type_1 { background:#bda66b; color:#fff; }
.data-list td.type_2 { background:#97bc6a; color:#fff; }
.data-list td.type_3 { background:#61bdb8; color:#fff; }
*/
.data-list-02 { width:100%; text-align:center; font-size:14px;  }
.data-list-02 th { width: 140px; padding:10px; font-weight:normal; background:#ebebeb; border:1px solid #ede9e5; background:#ede9e5;}
.data-list-02 td { padding:10px; background:#fff; }
.data-list-02 td { border:1px solid #ede9e6;  }

.data-list-02-refund { border-top: 2px solid #cba582; }

.scroll-obj { opacity:0; }
.scroll-obj.active { opacity:1; -webkit-animation:active-y 1.5s 1; -ms-animation:active-y 1.5s 1; animation:active-y 1.5s 1; }

.basic-slide-wrap { position:relative; }
.slide { position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.slide span { display:block; }

.slide-tit { position:absolute; left:10px; right:10px; top:45%; z-index:1500; color:#fff; transition:0.9s; text-align:center; }
.slide-tit strong { display:block; line-height:1; font-family:'Cormorant'; font-size:70px; }
.slide-tit p { margin-top:10px; letter-spacing:1px; }
.slide-tit p b { margin-left:5px; font-size:16px; }
.slide-tit { animation:active-y 2s 1; }

.main-con .slide-tit p { font-size:16px; }
.main-con .slide-tit p b { font-size:18px; }

.box-board {  }
.box-board h3{font-size: 28px; margin-top: 100px; text-align: center;}
.box-board iframe { width:100%; }

.sub-tit { padding:100px 0 90px 0; text-align:center; }
.sub-tit strong { line-height:1; font-family:'Cormorant'; font-size:36px; }
.sub-tit p { font-size:13px; margin-top: 10px;}

/* Layout */
.wrapper { position:relative; z-index:90; overflow:hidden; margin:0 auto; background:#e5e3d7; }
.header-wrap { position:absolute; top:0; left:0; right:0; z-index:2500; height:193px; overflow:visible; transition:0.6s; }
.header-wrap:after { content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background:rgba(255,255,255,0.4); }
.header { z-index:2000; }
.header h1 { padding:30px 0; text-align:center; transition:0.6s; }
.header h1 a.logo { display:inline-block; width:200px; height:89px; background:url('../img/common/logo.png') 0 0 no-repeat; background-size:100%; transition:0.6s; }
.top-reserve { display:none; position:absolute; right:20px; top:20px; }
.top-reserve a { display:block; color:#222; text-align:center; }
.top-reserve a i { font-size:22px; }
.top-reserve a span { display:block; margin-top:5px; font-size:12px; }
.top-tel { display:none; position:absolute; right:50px; top:20px; }
.top-tel a { display:block; color:#222; text-align:center; }
.top-tel i { font-size:22px; }
.top-tel a span { display:block; margin-top:5px; font-size:12px; }


.side-nav { left:-100%; top:0; bottom:0; z-index:3000; transition:0.6s; }
.side-nav.on { left:0; }
.side-nav .gnb > ul { text-align:center; }
.side-nav .gnb > ul > li { display:inline-block; }
.side-nav .gnb > ul > li > a { position:relative; display:block; width:150px; font-size:14px; color:#fff; transition:transform 0.3s; letter-spacing:1px; font-family:'Be Vietnam'; }
.side-nav .gnb .gnb-sub { position:absolute; top: 100%; transform: translateY(-5px); z-index:100; display:none; min-width:160px; margin-top:5px; text-align:center; }
.side-nav .gnb .gnb-sub li { line-height:1; border-bottom:1px solid #9a9892; }
.side-nav .gnb .gnb-sub li a { display:block; line-height:30px; font-size:13px; color:#9a9892; background:#f6f6f6; }
.side-nav .gnb .gnb-sub li a:hover, .side-nav .gnb .gnb-sub li a.current, .side-nav .gnb .gnb-sub li a.current strong { background:#9a9892; color:#fff; }
.side-nav .gnb .gnb-sub ul li ul li a { font-size:12px }
.side-nav .gnb .gnb-sub .room-gnb { border-top:1px solid #9a9892; }
.side-nav .gnb .gnb-sub .room-gnb li a { background:#d3d3d3; }
.side-nav .gnb .gnb-sub .room-gnb li { border:0; }

.sns-link { position:absolute; top:35px; left:10px; z-index:5000; }
.sns-link a { display:inline-block; margin:0 7px; background-repeat:no-repeat; background-position:center 0; background-size:100%; }
.sns-link a.sns-blog { width:14px; height:18px; background-image:url('../img/common/ico_blog.png'); }
.sns-link a.sns-insta { width:20px; height:20px; background-image:url('../img/common/ico_insta.png'); }

.btn-top { position:absolute; right:20px; top:0; z-index:1000; display:block; width:29px; height:29px; background:url('../img/common/btn_top.jpg') 0 0 no-repeat;}

.room-map { position:relative; z-index:50; background:#eeecdd; }
.room-map img { display:block; margin:0 auto; }

.foot-mov { position:relative; height:500px; text-align:center; background-size:cover; background-attachment:fixed; }
.foot-mov .tit { position:absolute; top:30%; left:10px; right:10px; z-index:50; color:#fff; animation:active-y 2s 1; }
.foot-mov .tit strong { display:block; line-height:1; font-family:'Cormorant'; font-size:45px; }
.foot-mov .tit p { margin-top:10px; font-size:18px; }

.movie-area { position:fixed; bottom:0; left:0; right:0; z-index:5; overflow:hidden; }
.movie-area iframe { width:100%; height:100%; }
.movie-area img{width: 100%;}
.foot-link-wrap { background:#eeecdd; }
.foot-link { max-width:1400px; margin:0 auto; overflow:hidden; background:#eeecdd; }
.foot-link div { position:relative; float:left; width:50%; padding:50px 0; text-align:center; }
.foot-link div.line:after { content:''; position:absolute; right:0; top:25px; bottom:25px; width:1px; background:#bfbdb0; }
.foot-link div h1 { font-family:'Cormorant'; font-size:30px; }
.foot-link div p { margin:15px 0 30px 0; line-height:37px; font-size:13px; }
.foot-link div.line p { margin-bottom:36px; }
.foot-link div p a { font-family:'Cormorant'; font-size:30px; }
.foot-link div > a { display:inline-block; width:123px; line-height:32px; color:#fff; background:#9a9893; }

.footer { position:relative; z-index:50; clear:both; padding:50px 10px; text-align:center; border-top:1px solid #bfbdb0; background:#dedccc; }
.footer p { margin-top:18px; font-size:13px; color:#707070; }
.footer p.foot-copy { margin-top:10px; font-size:12px; }
.footer p span { display:inline-block; position:relative; padding-left:10px; margin-left:10px; }
.footer p span:before { position:absolute; left:0; top:0; bottom:0; content:''; width:1px; background:#848384; }
.footer p span:first-child:before { display:none; padding:0; margin:0; }
.footer .admin { display:inline-block; margin-top:20px; text-decoration:underline; }
.footer .m-br{display: none;}



.sub-nav-wrap { position:absolute; left:0; right:0; bottom:0; z-index:2000; }
.sub-nav-wrap.fixed { position:fixed; }
.sub-nav { max-width:1400px; margin:0 auto; }
.sub-nav ul { overflow:hidden; }
.sub-nav ul .room-gnb { display:none; }
.sub-nav .eq_1 li { width:100%;  }
.sub-nav .eq_2 li { width:50%;  }
.sub-nav .eq_3 li { width:33%;  }
.sub-nav .eq_4 li { width:25%;  }
.sub-nav .eq_5 li { width:20%;  }
.sub-nav .eq_6 li { width:16%;  }
.sub-nav .eq_7 li { width:14%;  }
.sub-nav .eq_8 li { width:12%;  }
.sub-nav .eq_9 li { width:11%;  }
.sub-nav .eq_10 li { width:10%;  }
.sub-nav li { float:left; text-align:center; }
.sub-nav li a { display:block; line-height:46px; font-size:13px; background:#7d7c70; color: white; }
.sub-nav li a:hover, .sub-nav li a:focus, .sub-nav li a:active { background:#fff; color: #333;}
.sub-nav li a.current { background:#e5e3d7; color:#333; }

.sub-wrap { clear:both; max-width:1420px; margin:0 auto; margin-top:90px; padding:0 10px; }

/* 강조 폰트 컬러 설정 */
.point { color:#de2e2a; }


/* Main */
.pension-list-wrap { padding:0 10px; padding-bottom:140px;  position: relative; z-index: 100; background-color: #dedccc;}
.pension-list { max-width:1280px; margin:0 auto; overflow:hidden; text-align:center; }
.pension-list li { float:left; width:20%; padding:0 10px; vertical-align:top; text-align:left; }
.pension-list li h2 { position:relative; padding-top:76px; }
.pension-list li i { position:absolute; top:60px; left:0; font-size:15px; color:#333; }
.pension-list li h2 * { vertical-align:middle; }
.pension-list li h2 b { font-family:'Cormorant'; font-size:26px; }
.pension-list li h2 em { margin-left:10px; padding-left:10px; border-left:1px solid #333; font-size:16px; }
.pension-list li p { margin-top:20px; color:#616161; }
.pension-list li span { display:inline-block; padding-top:20px; text-decoration:underline; color:#616161; }
.pension-list li a { display:block; }
.pension-list li div { position:relative; display:block; }
.pension-list li div:before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.1); transition:0.7s; }
.pension-list li a:hover div:before,
.pension-list li a:focus div:before,
.pension-list li a:active div:before { opacity:0; } 
.pension-list li a { cursor: pointer;}

.check-point-wrap { padding:100px 10px; background:#7d7c70; }
.check-point-wrap .tit { max-width:1160px; margin:0 auto; padding-bottom:10px; border-bottom:1px solid #c9c9c9; }
.check-point-wrap .tit strong { line-height:1; font-family:'Cormorant'; font-size:62px; color:#fff; }
.check-point-wrap .tit p { margin-top:20px; font-size:15px; color:#c9c9c9; }
.check-point { max-width:1160px; margin:0 auto; margin-top:70px; overflow:hidden; }
.check-point > li { float:left; width:33%; color:#fff; text-align:center; }
.check-point > li h2 { font-family:'Cormorant'; font-size:34px; }
.check-point > li h3 { font-weight:100; font-size:18px; }
.check-point > li ul { margin-top:20px; display:inline-block; text-align:left; }
.check-point > li ul li { margin-bottom:15px; }
.check-point > li ul li strong { font-size:15px; }
.check-point > li ul li p { padding-left:10px; font-size:13px; font-weight:100; }

.facilities-list-wrap { margin:0 auto; padding:100px 10px; }
.facilities-list-wrap .box { clear:both; margin-bottom:60px; overflow:hidden; }
.facilities-list-wrap .box .txt { float:left; padding-top:10%; text-align:center; width:25%;}
.facilities-list-wrap .box .facilities-list { position:relative; float:right; width:75%; }
.facilities-list-wrap .box .facilities-list .slide img { width:100%; }
.facilities-list-wrap .box:nth-child(odd) .txt { float:right; }
.facilities-list-wrap .box:nth-child(odd) .facilities-list { float:left; }
.facilities-list-wrap .box:nth-child(odd) .slide-btn { left:auto; right:0; }
.facilities-list-wrap .box .txt i { display:block; font-size:20px; }
.facilities-list-wrap .box .txt h2 { display:inline-block; margin-top:25px; text-align:left; font-family:'Cormorant'; line-height:1; }
.facilities-list-wrap .box .txt h2 span { font-size:20px; }
.facilities-list-wrap .box .txt h2 strong { display:block; font-size:30px; }
.facilities-list-wrap .box .txt h3 { margin-top:30px; font-size:16px; }
.facilities-list-wrap .box .txt p { margin-top:10px; font-size:13px; }
.facilities-list-wrap .box .txt p b { color:#cd8e55; }
.facilities-list-wrap .box .txt a { display:inline-block; margin-top:40px; text-decoration:underline; }


/* Room */
.room-info-wrap { max-width:1331px; margin:0 auto; margin-top:90px; padding:0 10px; overflow:hidden; }
.room-info-wrap .img { float:left; width:50%; }
.room-info-wrap .txt { float:left; width:50%; padding-left:60px; }
.room-info-wrap .txt h1 { font-size:30px; line-height:1; margin-bottom: 12px;}
.room-info-wrap .txt h1 * { display:inline-block; vertical-align:baseline; }
.room-info-wrap .txt h1 strong { margin-left:10px; font-family:'Cormorant'; font-size:38px; }
.room-info-wrap .txt h1 span { margin-left:10px; padding-left:10px; border-left:1px solid #626262; font-size:15px; color:#626262; }
.room-info-wrap .txt p { margin:30px 0; font-size:15px; color:#626262; }
.room-info-wrap .txt i { font-size:17px; margin-right:10px; }
.room-info-wrap .txt2 { margin-left: 15px; }
.room-info-wrap .txt2 P { margin:20px 0; }
.room-info-wrap .txt td { text-align:left; }
.room-info-wrap .txt .btn-wrap { margin-top:10px; text-align:right; }
.room-info-wrap .txt .btn-wrap a { display:inline-block; width:120px; line-height:30px; letter-spacing:1px; text-align:center; color:#fff; background:#9a9893;}
.room-con .room-info{text-align: center; margin: 100px 0;}
.room-con .room-info .room-table{margin: 0 auto;}
.room-con .room-info .room-table th{border: 1px solid #333; padding: 5px 20px;}
.room-con .room-info .room-table td{border: 1px solid #333; padding: 5px 20px;}
.room-con .room-info h3{font-size: 16px; font-weight: 600; margin-top: 15px; margin-bottom: 5px;}
.room-con .room-info p{font-size: 14px; }
.room-con .room-info p b{font-weight: 500;}
.room-view-wrap { max-width:1400px; margin:0 auto; }
.room-view-wrap h3{font-size: 28px; text-align: center; margin-top: 100px;}
.room-view-wrap .pc-price { margin-top: 80px; }
.room-view-wrap .btn-wrap { text-align:center; }
.room-view-wrap .btn-wrap a { display:inline-block; width:230px; line-height:45px; text-align:center; letter-spacing:1px; font-weight:100; font-size:20px; color:#fff; background:#9a9893;}

#priceLayer{margin-top: 50px;}
.room-slide-wrap { position:relative; }
.thum-link { clear:both; overflow:hidden; margin-top:10px; }
.thum-link span { float:left; padding:5px; box-sizing:border-box; cursor:pointer; opacity:0.4; transition:0.4s; }
.thum-link span { opacity:0.5; }
.thum-link span.on { opacity:1; }
.thum-link img { width:100%; }

.room-guide-wrap { clear:both; max-width:1420px; margin:0 auto; margin-top:100px; padding:0 10px; overflow:hidden; }
.room-guide-wrap .txt { float:right; width:50%; padding-top:30px; padding-left:40px; }
.room-guide-wrap .txt p { font-size:16px; }
.room-guide-wrap .txt p.small { font-size:15px; color:#8e8e8e; }
.room-guide-wrap .txt ul { margin-top:15px; }
.room-guide-wrap .img { float:left; width:50%; }
.room-guide-wrap .img h1 * { display:inline-block; vertical-align:baseline; }
.room-guide-wrap .img h1 strong { margin-left:10px; font-family:'Cormorant'; font-size:38px; }
.room-guide-wrap .img h1 span { margin-left:10px; padding-left:10px; border-left:1px solid #626262; font-size:15px; color:#626262; }
.room-guide-wrap .img img { margin-top:38px; }

.room-comment { padding:240px 0 120px 0; text-align:center; }
.room-comment em { line-height:1; font-family:'Cormorant'; font-size:36px; }
.room-comment strong { display:block; margin-top:20px; line-height:1; font-family:'Cormorant'; font-size:70px; }
.room-comment span { display:block; margin:40px 0 20px 0; font-weight:100; font-size:26px; }
.room-comment span b { font-weight:500; }
.room-comment p { font-weight:100; font-size:16px; color:#626260; }

.room-con .slide-tit strong { font-size: 50px; }
.room-con .slide-tit { top: 65%; }

/* VIEW */

.view-guide-wrap{ max-width:1400px; margin:0 auto; margin-top: 80px; }
.view-guide-wrap p{ text-align: center;  margin-bottom: 80px;}
.view-guide-wrap .sub2_content { line-height: 22px; }
.view-guide-wrap img{ display: inline-block; width: 40%; margin: 0 15px;}
.view-guide-wrap .view_sub_img{ text-align: center;}
.view-guide-wrap h1 * { display:block; }
.view-guide-wrap h1 strong { margin-bottom:30px; font-family:'Cormorant'; font-size:38px; text-align: center;}
.view-guide-wrap .tit p span { font-size: 20px; font-family: 'RIDIBatang'; color: #a96c54;}

.view-guide-wrap .vdo-wrap{width: 100%; height: 700px;}
.view-guide-wrap .vdo-wrap iframe{width: 100%; height: 100%;}

/* SERVICE */

.facilities-list-wrap-2 { padding: 0 10px; }
.sub-wrap-2 { margin-top: 0; }
.room-view-wrap .sub-tit i { font-size: 20px; margin-bottom: 10px; }

/* TOUR */
.reserve-guide .txt p a { padding: 5px 10px; background-color: #816b4f; color: #ffffff; }

/* Reservation */
.reserve-info-tit { position:relative; height:400px; background:url('../img/sub6_reser_img.jpg') center center no-repeat; }
.reserve-info-tit h1 { position:absolute; left:40px; bottom:40px; color:#fff;  }
.reserve-info-tit h1 strong { line-height:1; font-family:'Cormorant'; font-size:45px; }
.reserve-info-tit h1 span { display:block; margin-top:10px; }
.reserve-info-tit h1 span .m-br{display: none;}

.reserve-info-data { margin-top:120px; }
.reserve-info-data .btn-wrap { margin-top:50px; text-align:center; }
.reserve-info-data .btn-wrap a { display:inline-block; width:230px; line-height:45px; text-align:center; letter-spacing:1px; font-weight:100; font-size:20px; color:#fff; background:#9a9893;}

.reserve-type-list { margin-top:100px; }
.reserve-type-list ul { overflow:hidden; }
.reserve-type-list li { float:left; width:32%; overflow:hidden; }
.reserve-type-list li:nth-child(2) { margin:0 1%; }
.reserve-type-list .img { display:block; overflow:hidden; }
.reserve-type-list h1 { margin-top:20px; padding-left:10px; }
.reserve-type-list h1 strong { line-height:1; font-family:'Cormorant'; font-size:26px; }
.reserve-type-list h1 span { display:block; font-size:16px; color:#8e8e8e; }
.reserve-type-list .txt { margin-top:30px; }
.reserve-type-list p { padding:0 10px; line-height:50px; border-bottom:1px solid #c7c7c7; color:#201f1d; }
.reserve-type-list p * { display:inline-block; vertical-align:middle; }
.reserve-type-list p i { width:20px; font-size:17px; margin-right:10px; }
.reserve-type-list .img img { transition:0.7s; }
.reserve-type-list .img:hover img { transform:scale(1.1); }

.reserve-guide { margin-top:150px; }
.reserve-guide > ul {  }
.reserve-guide > ul > li { clear:both; overflow:hidden; margin-bottom:150px; }
.reserve-guide > ul > li .img { float:left; width:50%; }
.reserve-guide > ul > li .txt { float:left; width:50%; padding-left:5%; }
.reserve-guide > ul > li .txt .dash-list h1 { font-weight: 450; font-size: 16px; margin-top:10px;}
.reserve-guide > ul > li .txt li{font-size: 15px;}
.reserve-guide > ul > li h1 { margin-bottom:3px; font-size: 20px; font-weight: 100; }
.reserve-guide > ul > li h1 * { display:inline-block; vertical-align:baseline; }
.reserve-guide > ul > li h1 strong { font-family:'Cormorant'; font-size:38px; }
.reserve-guide > ul > li h1 span { margin-left:10px; padding-left:10px; border-left:1px solid #626262; font-size:15px; color:#626262; }
.reserve-guide > ul > li p { font-size:16px;}
.reserve-guide > ul > li strong { font-size:20px;  padding-bottom: 50px;}
.reserve-guide > ul > li p.small { margin-bottom:35px; font-size:15px; color:#8e8e8e; margin-top: 10px;}
.reserve-guide > ul > li p.warning { margin-top:15px; font-size:14px; }
.reserve-guide > ul > li ul {  }
.reserve-guide > ul > li ul li { font-size:15px; }
.reserve-guide > ul > li:nth-child(even) .img { float:right; }
.reserve-guide > ul > li:nth-child(even) .txt { float:left; padding-left:0; padding-right:5%; }
.reserve-guide > ul > li .txt .small a:hover{ border-bottom: 1px solid #8e8e8e; }

.reserve-guide > ul > li .txt .dash-list h2{ font-weight: 350; font-size: 16px}

.reserve-txt-imp { color: #cf5552; }

.reserve-con .slide-tit strong { font-size: 50px; }
.reserve-con .slide-tit { top: 65%; }

.reserve-con .reser-table{width: 100%; text-align: center;}
.reserve-con .reser-table td,.reserve-con .reser-table th{padding:5px 0; border: 1px solid #333;}
.reser-table th{background-color:  #cac6b2;}
.m-reserve{ display: none; }
.m-reserve th.type_1 { background:#dacec4; }

/* MAP */
.pc-map { display:block;  margin-bottom:100px; }
.m-map { display:none; margin-bottom:20px;}
.map-info-tit{background:url('../img/sub5_map_img.jpg') center center no-repeat;}

/*NOTICE*/
.notice-info-tit{background:url('../img/sub6_notice_img.jpg') center center no-repeat;}

.pc-price iframe { min-height:200px; }
.m-price { display:none;}

/* Animation */
@keyframes up-down {
	0% { bottom:50px; }
	50% { bottom:10px; }
	100% { bottom:50px; }
}

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

@keyframes active-y {
	0% { transform:translateY(100px); opacity:0; }
	100% { transform:translateY(0); opacity:1; }
}

@keyframes active-y-02 {
	0% { transform:translateY(-100px); opacity:0; }
	100% { transform:translateY(0); opacity:1; }
}

@keyframes slide-effect {
	0% { transform:scale(1); }
	100% { transform:scale(1.1); }
}

@keyframes line-on {
	0% { height:0; }
	100% { height:180px; }
}

/* media query */

@media all and (min-width: 1025px) {
	.header-wrap.fixed { position:fixed; height:50px; background:#fff; }
	.header-wrap.fixed:after { display:none; }
	.header-wrap.fixed h1 { display:none; }
	.header-wrap.fixed h1 a.logo { width:140px; height:70px; }
	
	.header-wrap.fixed .side-nav .gnb > ul > li > a { line-height:50px; }
	.header-wrap.fixed .side-nav li a { color:#4f4f4f !important; }
	.header-wrap.fixed .side-nav .gnb-sub { top:50px; }
}	

@media all and (max-width: 1900px) {

}

@media all and (max-width: 1600px) {
	
}

@media all and (max-width: 1500px) {

}	

@media all and (max-width: 1400px) {

}


@media all and (max-width: 1280px) {
	.pension-list li h2 { padding-top:60px; }
	.pension-list li i { top:40px;font-size:15px; }
	.pension-list li h2 b { font-size:20px; }
	.pension-list li h2 em { font-size:14px; }
	.pension-list li p { font-size:13px; }

	.facilities-list-wrap { padding:50px 10px; }
	.facilities-list-wrap .box .txt { padding-top:5%;}
    .facilities-list-wrap-2 { padding: 0 10px; }
    
    .view-guide-wrap .vdo-wrap {width: 90%; height: 600px; margin: 0 auto;}
    
}

@media all and (max-width: 1024px) {
	.wrapper { padding-left:0; padding-top:80px !important; }
	.header-wrap { position:fixed; height:80px; background:#fff; }
	.header h1 { position:static; display:block; margin:0 auto; text-align:center; padding:10px 0 0 0;  }
	.header h1 a.logo { width:140px; height:60px; background-image:url('../img/common/logo_m.png')}
	
    .top-tel { display:block; }
	.top-reserve { display:block; }

	.btn-gnb { display:block; font-size:14px;}
	.btn-gnb i { font-size:14px; }
	.side-nav { position:fixed; top:80px; width:100%; z-index:3000; margin:0; padding:40px 20px; text-align:center; background:#fff; transition:0.5s; }
	.side-nav .gnb { overflow:hidden; }
	.side-nav .gnb > ul > li { float:left; width:33%; min-width:auto; margin:0; height:auto; margin-bottom:30px; line-height:1.5; }	
	.side-nav .gnb > ul > li > a { width:auto; line-height:1.5; font-size:18px; color:#333; }
	.side-nav .gnb .gnb-sub { display:block; position:static; min-width:auto; margin-top:5px; background:none; box-shadow:none; }
	.side-nav .gnb .gnb-sub li { margin:0; line-height:1.5;  }
	.side-nav .gnb .gnb-sub li a { font-size:12px; color:#333; background:#fff; }

	.foot-mov { height:400px; }
	.movie-area { position:static; }

	.facilities-list-wrap .box .txt { width:30%;}
	.facilities-list-wrap .box .facilities-list { width:70%; }
	.facilities-list-wrap .box .txt h2 { margin-top:20px; }
	.facilities-list-wrap .box .txt h2 span { font-size:16px; }
	.facilities-list-wrap .box .txt h2 strong { font-size:24px; }
	.facilities-list-wrap .box .txt h3 { font-size:14px; }
	.facilities-list-wrap .box .txt p { font-size:12px; }
	.facilities-list-wrap .box .txt a { margin-top:20px; }
    
    .facilities-list-wrap-2 { padding: 0 10px; }
    .sub-wrap-2 { margin-top: 0; }
	
	.slide-btn button { z-index:2000; }
	.slide-btn button.prev { left:10px; }
	.slide-btn button.next { right:10px; }

	.slide-btn.type02 button { width:40px; height:40px; }
	.slide-btn.type02 button.prev { width:41px; }
	.side-nav .gnb .gnb-sub { border-top:1px solid #9a9892; min-height: 150px;}
}

@media all and (max-width: 900px) {
	.pension-list li { padding:0 5px; }
	.pension-list li h2 { padding-top:40px; }
	.pension-list li i { top:20px;font-size:13px; }
	.pension-list li h2 b { font-size:15px; }
	.pension-list li h2 em { font-size:11px; }
	.pension-list li p { font-size:12px; }

	.facilities-list-wrap .box .txt { clear:both; float:none !important; width:auto !important; padding:30px 0 0 0; }
	.facilities-list-wrap .box .facilities-list { width:100% !important; }
	.facilities-list-wrap .box .txt h2 { margin-top:20px; }
	.facilities-list-wrap .box .txt h2 span { font-size:16px; }
	.facilities-list-wrap .box .txt h2 strong { font-size:24px; }
	.facilities-list-wrap .box .txt h3 { font-size:14px; }
	.facilities-list-wrap .box .txt p { font-size:12px; }
	.facilities-list-wrap .box .txt a { margin-top:20px; }
    
    .facilities-list-wrap-2 { padding: 0 10px; }
    .sub-wrap-2 { margin-top: 0; }
    
	.slide-btn.type02 { left:auto; right:0; }
	.slide-btn.type02 button { width:30px; height:30px; }
	.slide-btn.type02 button.prev { width:31px; }

	.reserve-type-list p { padding:0 5px; font-size:12px; }
	.reserve-type-list p i { width:15px; font-size:15px; margin-right:5px; }

	.reserve-guide > ul > li h1 strong { margin:0; font-size:30px; }
	.reserve-guide > ul > li h1 span { display:block; padding:0; margin:0; border:0; }
    
    .table-wrap,
	.m-price { overflow:auto; -webkit-overflow-scrolling:touch; }
}

@media all and (max-width: 700px) {
	.main-con .slide-tit p b{letter-spacing: -1px; }
	.main-con .slide-tit p b{font-size: 14px;}
	.reserve-con .slide-tit{top: 50%;}
	.full-view .slide { height:350px; }
	.slide-tit { top:40%; }
	.slide-tit strong { font-size:30px; }
	.slide-tit p { font-size:12px; }
	.slide-btn { bottom:20px; }
	
    .view-guide-wrap .vdo-wrap{height: 200px;}
    
	.side-nav .gnb > ul > li { width:calc(33.3333% - 4px); margin:0 2px; margin-bottom:10px; }	
	.side-nav .gnb .gnb-sub li a{line-height: 25px;}
	.side-nav .gnb > ul > li > a { font-size:12px; }
	.side-nav .gnb .gnb-sub li a{font-size: 11px;}
	
	.side-nav .gnb .gnb-sub li { line-height:1; border-bottom:1px solid #d6d5d4; }
	.side-nav .room-gnb { border-top:1px solid #d6d5d4 !important; }
	
	.sub-nav-wrap { position:static; }
	.sub-nav li a { font-size:12px; }

	.room-map { overflow:hidden; }
	.room-map img { max-width:none; width:180%; margin:0 -40%; }

	.foot-mov { height:auto; }
	.foot-mov .tit { top:30%; }
	.foot-mov .tit strong { font-size:25px; }
	.foot-mov .tit p { font-size:12px; }

	.foot-link div { padding:30px 0; }
	.foot-link div.line:after { top:10px; bottom:10px; }
	.foot-link div h1 { font-size:25px; }
	.foot-link div p { margin:10px 0 20px 0; line-height:25px; font-size:12px; }
	.foot-link div.line p { margin-bottom:25px; }
	.foot-link div p a { font-size:25px; }
	.foot-link div > a { width:100px; line-height:32px; }

	.footer p span:before { display:none; }
    .footer .m-br{display: block;}

	.sub-tit { padding:50px 0; }
	.sub-tit strong { font-size:28px; }
	.sub-tit p { font-size:12px; }
	
	.slick-dots { display:none !important; }

	.dash-list li { font-size:12px; }

	.sub-wrap { margin-top:50px; }
    .sub-wrap-2 { margin-top: 0; }

	.box-board { overflow:scroll; }
	
	.box-board table { width:800px; }
	.box-board table th,
	.box-board table td { padding:3px; font-size:12px; }
	
	.data-list-02 { width:100% !important; }
	.data-list-02 th,
	.data-list-02 td { padding:5px; font-size:12px; }

	.sub-view .slide { height:200px; }
    
    .main-con .slide-tit p{ font-size: 12px; }

	.pension-list-wrap { padding:0; padding-bottom:60px; }
	.pension-list li { width:50%; margin-bottom:30px; padding:0 7px; }
	.pension-list li h2 { padding-top:40px; }
	.pension-list li i { top:20px;font-size:13px; }
	.pension-list li h2 b { font-size:15px; }
	.pension-list li h2 em { font-size:11px; }
	.pension-list li p { font-size:12px; }
	.pension-list li span { font-size:12px; }
	
	.pension-list li div:before { display:none; }

	.check-point-wrap { padding:50px 10px; }
	.check-point-wrap .tit strong { font-size:40px; }
	.check-point-wrap .tit p { margin-top:10px; font-size:13px; }
	.check-point { margin-top:40px; }
	.check-point > li { float:none; width:auto; margin-bottom:30px; text-align:center;}
	.check-point > li h2 { font-size:28px; }
	.check-point > li h3 { font-size:14px; }
	.check-point > li ul { margin-top:20px; }
	.check-point > li ul li { margin-bottom:15px; }
	.check-point > li ul li strong { font-size:12px; }
	.check-point > li ul li p { padding-left:10px; font-size:12px; }

	.room-info-wrap { margin-top:60px; padding:0 10px; }
	.room-info-wrap .img { float:none; width:auto; }
	.room-info-wrap .txt { float:none; width:auto; margin-top:30px; padding-left:0; }
	.room-info-wrap .txt h1 { font-size:24px; }
	.room-info-wrap .txt h1 strong { margin-left:5px; font-family:'Cormorant'; font-size:24px; }
	.room-info-wrap .txt h1 span { margin-left:5px; padding-left:5px; font-size:12px; }
	.room-info-wrap .txt p { margin:20px 0; font-size:12px; }
	.room-info-wrap .txt .btn-wrap { margin-top:30px; text-align:center; }

	.room-view-wrap { padding:0 10px; }
	.room-slide-wrap { margin:0 -10px; } 
	.room-slide-wrap .slide-btn {  }
	#priceLayer{margin-top: 50px;}
	.room-guide-wrap { margin-top:60px; padding:0 10px; }
	.room-guide-wrap .txt { float:none; width:auto; margin-top:30px; padding-top:0; padding-left:0; }
	.room-guide-wrap .txt p { font-size:13px; }
	.room-guide-wrap .txt p.small { font-size:12px; }
	.room-guide-wrap .txt ul { margin-top:15px; }
	.room-guide-wrap .img { float:none; width:auto; }
	.room-guide-wrap .img h1 strong { margin-left:5px; font-size:24px; }
	.room-guide-wrap .img h1 span { margin-left:5px; padding-left:5px; font-size:12px;  }
	.room-guide-wrap .img img { margin-top:20px; }

	.room-comment { padding:70px 0; }
	.room-comment em { font-size:24px; }
	.room-comment strong { margin-top:10px; font-size:40px; }
	.room-comment span { margin:20px 0 10px 0; font-size:16px; }
	.room-comment p { font-size:12px; }
    
    
    .view-guide-wrap{ margin-top: 80px; }
    .view-guide-wrap p{ text-align: center;  margin-bottom: 80px; font-size: 13px;}
    .view-guide-wrap img{ display: block; width: 60%; margin: 10px auto; }
    .view-guide-wrap .view_sub_img{ text-align: center;}
    .view-guide-wrap .tit p span { font-size: 16px;}
  

	.reserve-info-tit { height:250px;  background-position: 40%;}
	.reserve-info-tit h1 { left:10px; bottom:10px; }
	.reserve-info-tit h1 strong { font-size:25px; }
	.reserve-info-tit h1 span { font-size:12px; }
    .reserve-info-tit h1 span .m-br{display: block;}

	.reserve-info-data { margin-top:50px; }

	.reserve-type-list { margin-top:50px; }
	.reserve-type-list li { float:none; width:auto; margin:0 0 70px 0 !important; }
	.reserve-type-list .txt { margin-top:20px; }
	.reserve-type-list p { line-height:35px; }

	.reserve-guide { margin-top:50px; }
	.reserve-guide > ul > li { margin-bottom:30px; }
	.reserve-guide > ul > li .img { float:none !important; width:auto !important; }
	.reserve-guide > ul > li .txt { float:none !important; width:auto !important; padding:0 !important; }
	.reserve-guide > ul > li h1 { }
	.reserve-guide > ul > li p { font-size:13px; }
	.reserve-guide > ul > li p.small { margin-bottom:10px; font-size:12px; }
	.reserve-guide > ul > li p.warning { margin-top:10px; font-size:12px; }
	.reserve-guide > ul > li ul li { font-size:12px; }
    .reserve-guide > ul > li strong { font-size:20px;  padding-bottom: 0px;}
    .reserve-guide > ul > li .txt .dash-list h2{font-size: 14px;}
    .reserve-guide > ul > li .txt{font-size: 14px;}
	.reserve-guide > ul > li .txt li{font-size: 13px;}
	.dash-list li{padding-left: 8px;}
	.reserve-info-data .data-list-02 { width:800px !important; }
    
    .reserve-con .slide-tit strong{ font-size: 30px; }
	.room-con .slide-tit strong{ font-size: 30px; }
	.room-con .slide-tit{top: 40%;}
    .room-con{ top: 40% }
    .reserve-con{ top: 40% }
    
	.sub-nav .eq_9 li{width: 33.3333%;}
	.sub-nav .eq_9 li a{font-size: 11px; line-height: 32px;}

	.reserve-con.special-con .slide-tit{top: 25%;}


    .pc-reserve{ display: none; }
    .m-reserve{ display: block; }
    
    .reserve-info-data .m-reserve .data-list-02 { width: 0px !important;}
	.box-board h3{margin-top: 0px; font-size: 18px;}
	.room-view-wrap h3{font-size: 18px; margin-top: 50px;}
	#priceLayer{margin-top: 0px;}
    
    .pc-map { display:none; }
	.m-map { display:block; }
}
	

@media all and (max-width: 400px) {	
	
}

@media all and (max-width: 320px) {	
	
}