@charset "utf-8";

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

/* 
   WEB FONT (CDN server)
   NanumBarunGothic, NanumSquare
*/

@import url(https://cdn.jsdelivr.net/font-nanumlight/1.0/nanumbarungothicweb.css);
/*@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i');
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');

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


/* default */
html {height:100%; }
body {position:relative; font-weight:300; font-size:14px; line-height:1.5; font-family:'NanumBarunGothic';  color:#777; }
div,header,section,article,aside,nav,ul,ol,li,p,a { box-sizing:border-box; }
a { text-decoration:none; color: unset;}
ul,
h1, h2, h3, h4, h5, h6,
address, p { margin:0; padding:0; font-weight:400; font-size:inherit; }
strong { font-weight:normal; }
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%; }

/*.slick-track{height: -webkit-fill-available;}*/

/* layout */
body { background-color:#fff;  }

.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; }

.btn-scroll { position:absolute; bottom:20px; right:20px; z-index:1500; width:74px; height:81px; background:url('../img/common/ico_scroll.png') 0 0 no-repeat; background-size:100%; -webkit-animation:up-down 2s infinite; -ms-animation:up-down 2s infinite; animation:up-down 2s infinite; }
.btn-top { display:block; bottom:40px; right:20px; z-index:1500; width:34px; height:40px; margin:0 auto; background:url('../img/common/btn_top.png') center bottom no-repeat; background-size:100%; }
.btn-gnb { display:none; position:absolute; left:10px; top:50%; z-index:1500; width:30px; height:18px; margin:0 auto; margin-top:-9px; padding:0; }

.btn-gnb span { position:relative; display:block; width:24px; height:17px; margin:0 auto 10px auto; }
.btn-gnb span:before { content:''; position:absolute; top:0; left:0; right:0; display:block; height:1px; background:#464646; -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:#464646; -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:#464646; -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; -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; -webkit-transform:rotate(-46deg); -ms-transform:rotate(-46deg); transform:rotate(-46deg); }

.basic-slide-wrap { position:relative; z-index:500; overflow:hidden; }
.basic-slide { position:relative; overflow:hidden; }
.basic-slide .slide { overflow:hidden; -webkit-backface-visibility: hidden; background-position:center center; background-repeat:no-repeat; background-size:cover; background-color:transparent; }
.basic-slide .slide img { max-width:100%; }

.sub-view .slide img { max-width:none; width:100%; margin:0 auto; }

.slide-btn {  }
.slide-btn button { position:absolute; top:50%; z-index:1500; display:block; width:43px; height:40px; margin-top:-20px; background-repeat:no-repeat; background-position:0 0; background-size:100%; }
.slide-btn button.prev { left:20px; background-image:url('../img/common/btn_prev.gif'); }
.slide-btn button.next { right:20px; background-image:url('../img/common/btn_next.gif'); }

.slide-btn-02 {  }
.slide-btn-02 button { position:absolute; top:55%; z-index:1500; display:block; width:23px; height:41px; margin-top:-20px; background-repeat:no-repeat; background-position:0 0; background-size:100%; }
.slide-btn-02 button.prev { left:20px; background-image:url('../img/common/btn_prev_02.png'); }
.slide-btn-02 button.next { right:20px; background-image:url('../img/common/btn_next_02.png'); }

.slide-btn-top {  }
.slide-btn-top button { position:absolute; top:55%; z-index:1500; display:block; width:43px; height:40px; margin-top:-20px; background-repeat:no-repeat; background-position:0 0; background-size:100%; }
.slide-btn-top button i { font-size:40px; color:#fff; }
.slide-btn-top button.prev { left:20px; }
.slide-btn-top button.next { right:20px; }

.slide-btn.inline { bottom:80px; left:10px; right:10px; z-index:1500; text-align:center; }
.slide-btn.inline button { position:absolute; bottom:5px; top:auto; display:inline-block; margin:0; width:78px; height:9px; } 
.slide-btn.inline button.prev { left:30%; background-image:url('../img/common/btn_prev_02.png'); }
.slide-btn.inline button.next { right:30%; background-image:url('../img/common/btn_next_02.png'); }

.slick-dots { clear:both; position:absolute; left:10px; right:10px; bottom:20px; text-align:center; }
.slick-dots li { display:inline-block; margin:0 5px; font-size:0; }
.slick-dots li button { display:block; width:10px; height:10px; border:1px solid #fff; border-radius:30px;  }
.slick-dots li.slick-active button { background:#fff; }

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

.dash-list li { position:relative; padding-left:10px; font-size:14px; line-height:2; color:#3c3937; }
.dash-list li:before { content:'-'; position:absolute; left:0; top:0;  }

.dot-list li { position:relative; margin-bottom:5px; padding-left:7px; }
.dot-list li:before { content:''; position:absolute; left:0; top:50%; width:2px; height:2px; background:#788b9c; }
.dot-list li strong { color:#ffb400; }

.data-list { width:100%; text-align:center; font-size:14px;  }
.data-list th { padding:10px; font-weight:normal; background:#f9f9f9; border-bottom:1px solid #a4a4a4; color:#222; }
.data-list tbody tr:first-child { border-top:2px solid #333; }
.data-list td { padding:10px; font-size:13px; color:#777; }
.data-list td { border-bottom:1px solid #a5a5a5;  }

.table-wrap { overflow:hidden;  }
.table-wrap iframe { width:100%; }

.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; }

.full-view { position:relative; }



/* Layout */
.wrapper { overflow:hidden; }
.header-wrap { position:fixed; top:0; left:0; right:0; z-index:2000; height:160px; overflow:hidden; background:rgba(0,0,0,0.4); }
.header { top:0; left:0; right:0; z-index:3000; text-align:center; }
.header h1 { padding:10px 0 0 0; text-align:center; }
.header h1 a { display:inline-block; color:#928b8b; }
.header h1 .m_logo { display:none; }
.header h1 a span { display:block; margin-bottom:10px; font-size:12px; }
.header .btn-gnb {  }
.header .side-link { position:absolute; left:0; right:0; bottom:20px; }
.header .side-link a { display:block; text-align:center; }

.header .side-btn { display:none; position:absolute; right:10px; top:23px; font-size:25px; color:#444; }
.header .side-btn a { display:inline-block; text-align:center; }
.header .side-btn i { display:block; background-size:100%; }
.header .side-btn span { display:block; margin-top:5px; font-size:10px; color:#777; }
.header .tel { width:24px; height:24px; background:url('../img/common/ico_tel.png') 0 0 no-repeat; }
.header .clock { width:28px; height:28px; background:url('../img/common/ico_clock.png') 0 0 no-repeat; }

.side-nav { left:-100%; top:80px; bottom:0; z-index:2000; margin:0 10px; margin-top:10px; padding-top:10px; padding-bottom:30px; text-align:center; border-top:1px solid rgba(255,255,255,0.2); -webkit-transition:0.7s; -ms-transition:0.7s; transition:0.7s; }
.side-nav.on { left:0; }
.side-nav .gnb { position:relative; }
.side-nav .gnb > ul {  }
.side-nav .gnb > ul > li { display:inline-block; margin:0 20px;}
.side-nav .gnb > ul > li > a { position:relative; display:block; font-family:'Franklin'; color:#fff; }
.side-nav .gnb > ul > li > a span { font-size:20px; }
.side-nav .gnb > ul > li > a:hover, .side-nav .gnb > ul > li > a.on, .side-nav .gnb > ul > li > a.current { font-weight:bold; color:#fff; }
.side-nav .gnb .gnb-sub { display:none; position:absolute; top:40px; }
.side-nav .gnb .gnb-sub .room-nav { display:inline-block; }
.side-nav .gnb .gnb-sub.current { display:block; }
.side-nav .gnb .gnb-sub li { display:inline-block; margin-right:15px; }
.side-nav .gnb .gnb-sub li a { font-size:14px; color:#fff; }
.side-nav .gnb .gnb-sub li a:hover strong, 
.side-nav .gnb .gnb-sub li a.current strong { border-bottom:1px solid #fff; color:#fff; font-weight:600; }

.sub-nav { position:relative; margin-bottom:30px; text-align:center; line-height:60px; border-bottom:1px solid #939393; }
.sub-nav ul {  }
.sub-nav ul.room-nav { display:inline-block; }
.sub-nav li { position:relative; display:inline-block; margin-left:15px; padding-left:15px; }
.sub-nav li:before { content:''; position:absolute; top:50%; left:0; display:block; width:1px; height:12px; margin-top:-6px; background:#939393;  }
.sub-nav li:first-child:before { display:none; margin:0; padding:0; }
.sub-nav li a { font-size:14px; color:#939393; }
.sub-nav li a:hover, .sub-nav li a.current { color:#000; font-weight:500; }

.foot-link { clear:both; text-align:center;  }
.foot-link .sns-list { padding:130px 0; }
.foot-link .sns-list a { display:inline-block; width:28px; height:28px; margin:0 7px; line-height:28px; border-radius:100%; text-align:center; font-weight:bold; color:#fff; font-size:18px; background:#b89587; }

.1room-list-wrap + .foot-link { background:#ebeae9; }

.footer { position:relative; margin-top:50px; padding:60px 10px; background:#3c3937; }
.footer h1 { margin-bottom:20px; text-align:center; }
.footer .foot-info { text-align:center; }
.footer .foot-info strong { color:#f6f6f6; font-weight:100; font-size:18px; }
.footer .foot-info p { margin-top:15px; font-size:14px; color:#91908f; }
.footer .foot-info span { position:relative; display:inline-block; padding-left:20px; margin-left:20px; }
.footer .foot-info span:before { content:''; position:absolute; left:0; top:50%; width:1px; height:12px; margin-top:-6px; background:#91908f; }
.footer .foot-info span:first-child { padding:0; margin:0; }
.footer .foot-info span:first-child:before { display:none; }
.footer .foot-info span img{width: 25px; margin: -5px 0 0 5px;}
.footer .foot-info p a.u-line { text-decoration:underline; color:#a7a6a5; }
.footer .foot-info p.time a { display:inline-block; padding:5px 30px; color:#fff; border:1px solid #fff; font-size: 13px; }
.footer .copyright img { margin:0 5px 0 10px; font-size: 14px; }
.footer .copyright a { color:#a7a6a5; }

/* CCommon Layout */
.tit-box { margin-top:80px; text-align:center; }
.tit-box h1 { position:relative; padding-bottom:20px; font-family:'Centennial'; font-size:48px; color:#000; }
.tit-box h1:before { content:''; position:absolute; left:50%; bottom:0; width:78px; height:1px; margin-left:-39px; background:#939393; }
.tit-box p { margin-top:20px; line-height:2; font-size:14px; color:#d3d3d3; }


/* Special List */
.special-list-wrap { padding:0 10px; text-align:center; }
.special-list-wrap h1 { position:relative; display:inline-block; padding-bottom:5px; text-align:center; font-family:'Centennial'; font-size:21px; color:#000; }
.special-list-wrap h1:after { content:''; position:absolute; bottom:0; left:20px; right:20px; height:1px; background:#000; }
.special-list-area { position:relative; overflow:hidden; margin-top:90px; padding:0 80px; height: 507px;}
.special-list .slide { position:relative; margin:0 20px; text-align:center;}
.special-list .slide span { position:relative; display:block; width:160px; height:30px; box-sizing:border-box; margin:0 auto; margin-top:27px; text-align:center; font-family:'Centennial'; font-size:15px; color:#bd9b6b; }
.special-list .slide span:before { content:''; position:absolute; top:-27px; left:50%; display:block; height:25px; width:1px; background:#b2b2b2; }
.special-list .slide img { margin:0 auto; }
.special-list .slide em { color:#ddd; font-size:14px; }

/* Room List */
.room-list-wrap { min-height:650px; padding:30px 10px; text-align:center; background:url('../img/common/room_preview.jpg') center center no-repeat; background-size:cover; }
.room-list-wrap h1 { position:relative; display:inline-block; padding-top:20px; text-align:center; color:#000; }
.room-list-wrap h1 span { font-size:16px; }
.room-list-wrap h1 strong { display:block; font-family:'Centennial'; font-size:30px;  }
.room-list-wrap h1:before { position:absolute; top:0; left:20px; right:20px; height:1px; background:#000; }
.room-list-area { position:relative; max-width:1300px; margin:0 auto; overflow:hidden; margin-top:80px; padding:0 60px; height: 400px; }
.room-list .slide { position:relative; margin:0 10px !important; overflow:hidden; text-align:center;}
.room-list .slide div { position:relative; display:block; padding:20px 0; box-sizing:border-box; text-align:center; }
.room-list .slide div strong { display:block; font-family:'Centennial'; font-size:16px; color:#000; }
.room-list .slide div strong b{font-weight: 400; font-family: 'NanumBarunGothic';}
.room-list .slide div span { display:block; margin-bottom:14px; font-size:14px; color:#888787; }
.room-list .slide div em { display:inline-block; padding-bottom:1px; border-bottom:1px solid #555554; font-size:14px; color:#555554; }
.room-list .slide img { max-width:80%; margin:0 auto; transition:0.7s; }
.room-list .slide:hover img { transform:scale(0.9); }
.room-list-area .slick-dots { position:static; margin-top:45px; }
.room-list-area .slick-dots li button { background:#41403f;  }
.room-list-area .slick-dots li.slick-active button { background:#b89587; }
.room-list-area .slide-btn-02 button { top:40%; }


.room-con .room-list-wrap { margin-top:150px; }

/* Main */
.txt-wrap { margin-top:50px; margin-bottom:200px; padding:0 10px; text-align:center; }
.txt-wrap h1 { margin-bottom:40px; }
.txt-wrap p { line-height:2; font-size:15px; color:#9e9e9e; }
.txt-wrap span { font-size:20px; font-style:italic; font-family:'Centennial'; color:#666;}
.txt-wrap strong { display:block; margin-top:5px; font-size:34px; letter-spacing:3px; font-family:'Centennial'; color:#333;}
.ico-txt-wrap { margin:90px 0; padding:0 10px; text-align:center; }
.ico-txt-wrap .ico-word:before { content:''; display:block; width:30px; height:25px; margin:0 auto; margin-bottom:50px; background:url('../img/common/ico_word_01.png') center 0 no-repeat; background-size:100%; }
.ico-txt-wrap .ico-word:after { content:''; display:block; width:32px; height:25px; margin:0 auto; margin-top:50px; background:url('../img/common/ico_word_02.png') center 0 no-repeat; background-size:100%; }
.ico-txt-wrap .ico-word { line-height:2; font-size:14px; color:#000; }

.txt-img-wrap { clear:both; margin-top:250px; text-align:center; }
.txt-img-wrap .tit-circle { display:block; width:724px; height:306px; margin:0 auto; padding:90px 0; box-sizing:border-box; font-family:'Centennial'; color:#000; background:url('../img/common/bg_circle.png') 0 0 no-repeat; }
.txt-img-wrap .tit-circle span { font-size:27px; font-style:italic; }
.txt-img-wrap .tit-circle strong { display:block; margin-top:30px; font-size:44px; letter-spacing:3px; }



/* About */
.box-about { position:relative; min-height:474px; margin:200px 0; padding-top:60px; overflow:visible; background:url('../img/sub1_view_bg.jpg') right bottom no-repeat; background-size:cover; }
.box-about > div { position:relative; max-width:1500px; margin:0 auto; padding-left:700px;  }
.box-about h1 { position:relative; margin-bottom:20px; padding-left:40px; }
.box-about h1:before { content:''; position:absolute; left:0; top:3px; display:block; width:22px; height:25px; background:url('../img/common/ico_arrow.png') 0 0 no-repeat; background-size:100%; }
.box-about h2 { position:relative; padding-left:40px;  padding-bottom:20px; font-family:'Centennial'; font-size:22px; color:#666; }
.box-about p { margin-bottom:20px; padding-left:40px;  line-height:1.8; font-size:14px; }
.box-about .img { position:absolute; left:0; top:-200px; }
.img-box { padding:0 20px; text-align:center; }


/* Special */
.special-view { margin-top:200px; padding:0 10px; text-align:center; }
.special-view { text-align:center; }
.special-view h1 { max-width:600px; margin:0 auto; margin-top:150px; padding:20px 10px; font-family:'Centennial'; font-size:26px; color:#c3a69a;  }
.special-view p { margin-bottom:60px;   line-height:1.8; font-size:14px; }


/* Room */
.room-info { max-width:1300px; overflow:hidden; margin:0 auto; margin-top:70px; text-align:center; }
.room-info .img {  }
.room-info .table-wrap { margin:90px 0 50px 0; }
.room-info .table-wrap iframe {  }
.room-info .btn-reserve {  }
.room_info_tel{margin: 50px 0 30px 0;}
.room-view { margin-top:160px; padding:0 10px; }
.room-view img { display:block; margin:0 auto; }

.room-reserve-info{margin-top: 30px;}
.room-reserve-info .dash-list li:before{content: '';}


/* Tour */
.tour-list { max-width:1220px; margin:0 auto; margin-top:50px; }
.tour-list li { position:relative; overflow:hidden; }
.tour-list li .img { float:right; width:50%; }
.tour-list li .txt { float:left; width:50%; padding:100px 10px 0 0; }
.tour-list li .txt h1 { margin-bottom:50px; }
.tour-list li .txt h1 span { font-family:'Centennial'; font-size:18px; color:#b89587; }
.tour-list li .txt h1 strong { display:block; margin-top:5px; font-size:24px; color:#000; }
.tour-list li .txt span.distance { display:inline-block; padding:7px 10px; border:1px solid #666; color:#939393; }
.tour-list li .txt p { max-width:480px; margin-top:15px; color:#939393; }
.tour-list li:nth-child(even) .img { float:left; }
.tour-list li:nth-child(even) .txt { float:right; padding:150px 0 0 10px; text-align:right; }
.tour-list li:nth-child(even) .txt p { float:right; }


/* Reservation */
.reserve-wrap { max-width:1400px; margin:0 auto; margin-top:60px; padding:0 10px; }
.reserve-info { margin-bottom:50px; }
.reserve-info h1 { position:relative; margin-bottom:30px; }
.reserve-info h1:after { content:''; position:absolute; left:0; right:0; top: 50%; z-index:-1; height:1px; background:#cecece; }
.reserve-info h1 strong { position:relative; z-index:100; font-family:'Centennial'; font-size:26px; color:#b89587; background:#fff; }
.reserve-info h1 span { margin-left:-5px; padding:10px; font-weight:500; color:#3c3937; background:#fff; }
.reserve-info h1 * { display:inline-block; line-height:1; vertical-align:middle; }
.reserve-info p { color:#3c3937; }
.reserve-info p strong, .reserve-info li strong { padding:3px; color:#fff; background:#b89587; }
.reserve-info li span{color:#b80000; font-weight: bold;}
.reserve-info .info-btn { margin:40px 0 100px 0; text-align:center; }
.reserve-info h2 { margin-top:30px; margin-bottom:5px; font-weight:500; font-size:17px; color:#3c3937; }
.reserve-info p a { display:inline-block; padding:5px 8px; color:#fff; background:#b89587;  }
.reserve-info .bold { font-weight:500; }

.pc-price { display:block; margin-top:20px; margin-bottom:40px; }
.pc-price iframe { min-height:200px; }
.m-price { display:none;}

.reser_tb_grp{width: 100%; text-align: center; margin-bottom: 30px;}
.reser_tb_grp tr:nth-child(2n-1){background: #fafafa;}
/*.reser_tb_grp tr:last-child{background: #b89587; color: #fff;}*/
.reser_tb_grp th{border: 1px solid #d2d2d2; padding: 13px 0; background: #eee; font-size: 11px;}
.reser_tb_grp th:last-child{background: #f8f1e9;}
.reser_tb_grp td{font-size: 14px; border: 1px solid #d2d2d2; padding: 13px 0; color:#000; font-weight: 500;}


/* 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:30%; }
}

/* media query */

@media all and (min-width: 901px) {
	.header-wrap.scroll { height:auto; padding-bottom:10px; }
	.header-wrap.scroll .header { display:none; }
	.header-wrap.scroll .side-nav { margin-top:0; border-top:0; }
}


@media all and (max-width: 1400px) {
	.box-about .img { left:5%; top:-200px; }
}	

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

	.footer .foot-info p { font-size:13px; }
	.footer .foot-info span { padding-left:15px; margin-left:15px; }

	.room-list .slide div span { font-size:13px; }
}	

@media all and (max-width: 1024px) {
	.footer .foot-info p { font-size:12px; }
	.room-list .slide div span { font-size:12px; }

	.box-about { min-height:400px; margin:100px 0; padding-top:40px; }
	.box-about > div { padding-left:450px; }
	.box-about p { font-size:13px; }
	.box-about .img { top:-50px; width:350px;}

	.tour-list { padding:0 10px; }
	.tour-list li { overflow:hidden; }
	.tour-list li .txt { width:50%; padding-top:50px !important; }
	.tour-list li .txt h1 { margin-bottom:30px; }
	.tour-list li .txt p { max-width:350px; font-size:12px; }
}

@media all and (max-width: 900px) {
	.wrapper { padding-top:80px; }
	.header-wrap { position:static; height:auto; background:transparent; }
	.header { position:fixed; height:80px; background:#fff; }
	.header h1 { padding:15px 0 0 0; }
	.header h1 a span { font-size:11px; letter-spacing:-1px; }
	.header h1 .m_logo { display:inline-block; }
	.header h1 .pc_logo { display:none; }
	.header h1 a img { width:70%; }
	.btn-gnb { display:block; }
	.header .side-btn { display:block; }
	.side-nav { position:fixed; width:280px; margin:0; padding:20px; overflow-y:auto; background:#fff; text-align:left; }
	.side-nav .gnb > ul > li { clear:both; display:block; margin:10px 0; }
	.side-nav .gnb > ul > li a { color:#222; }
	.side-nav .gnb > ul > li > a:hover, .side-nav .gnb > ul > li > a.on, .side-nav .gnb > ul > li > a.current { font-weight:bold; color:#000; }
	.side-nav .gnb .gnb-sub { position:static; margin-top:5px; overflow:hidden; padding:10px; border-top:1px solid #dedede; }
	.side-nav .gnb .gnb-sub li { display:block; line-height:1.8; }
	.side-nav .gnb .gnb-sub li a { color:#222; font-size: 13px; }
	.side-nav .gnb .gnb-sub li a:hover, .side-nav .gnb .gnb-sub li a.current { color:#222; font-weight:600; }
	side-nav .gnb .gnb-sub li a:hover strong, .side-nav .gnb .gnb-sub li a.current strong { border-color:#222; color:#222; }
	
	.side-nav .gnb .gnb-sub .room-nav { float:left; width:33.3%; }
	.side-nav .gnb .gnb-sub .room-nav li {  }
	.side-nav .gnb .gnb-sub li:before { display:block; font-size:14px; color:#222; font-weight:600; }
	.side-nav .gnb .gnb-sub li.f1:before { content:'1F'; }
	.side-nav .gnb .gnb-sub li.f2:before { content:'2F'; }
	.side-nav .gnb .gnb-sub li.f3:before { content:'3F'; }

	.sub-nav { line-height:30px; }
	.sub-nav li { margin-left:10px; padding-left:10px; }
	.sub-nav li a { font-size:12px; }
	.sub-nav.fixed { position:fixed; top:80px; left:0; right:0; z-index:1400; background:#fff; opacity:0.8; }
	.foot-link .sns-list { padding:80px 0; }
	
	.sub-view .slide { height:400px; }
	.full-view .slide { height:400px; }
	.slick-dots { display:none !important; }

	.special-list-area { margin-top:50px; padding:0 40px;}
	.special-list .slide span { font-size:13px; }
	.txt-wrap { margin-bottom:80px; }
	.txt-img-wrap { margin-top:80px; }
	.txt-img-wrap .tit-circle { width:400px; height:200px; background-position:center bottom; background-size:100%; }
	.txt-img-wrap .tit-circle span { font-size:15px; }
	.txt-img-wrap .tit-circle strong { margin-top:10px; font-size:27px; }
	
	.room-list-wrap { min-height:auto; background-size:cover; }
	.room-list-wrap h1 { font-size:30px; }
	.room-list-area { margin-top:50px; }
	.room-list .slide div span { letter-spacing:-1px; font-size:12px; }

	.box-about { min-height:350px; margin:100px 0; padding-top:40px; }
	.box-about h1 img { width:70%; }
	.box-about p { font-size:12px; }
	.box-about > div { padding-left:250px; }
	.box-about .img { top:-50px; width:200px;}

	.special-view h1 {  font-size:25px;  }
 	.special-view p {  font-size:14px;  }

	.tour-list li { margin-bottom:40px; }
	.tour-list li .img, .tour-list li .txt { float:none !important; width:auto !important; }
	.tour-list li .img img { width:100%; }
	.tour-list li .txt { padding:20px 0 0 0 !important; text-align:left !important; }
	.tour-list li .txt p { max-width:none; float:none; }

	.reserve-wrap { padding:0 10px; }
	.reserve-info p, .reserve-info li { font-size:12px; }
	
	

}

@media all and (max-width: 700px) {	
	.header h1 { padding-top:20px; }
	.header h1 a img { width:80%; }
	.foot-link .sns-list { padding:40px 0; }
	.footer { margin-top:30px; padding:30px 10px; }
	.footer h1 img { width:60%; }
	.footer .foot-info span { display:block; padding:0; margin:0 0 5px 0 !important; }
	.footer .foot-info span:before { display:none; }
	
	.full-view .slide { height:250px; }
	.sub-view .slide { height:200px; }	
	
	.btn-scroll { display:none; }
	.slide-btn button { width:30px; height:27px; margin-top:-13px; }
	.slide-btn button.prev { left:0; }
	.slide-btn button.next { right:0; }
	
	.slide-btn-top button i { font-size:30px; }
	.slide-btn-top button.prev { left:10px; }
	.slide-btn-top button.next { right:10px; }

	.txt-wrap h1 img { width:70%; }
	.txt-wrap p { font-size:12px; }

	.special-list-wrap h1 { font-size:17px; }
	.special-list-area { padding:0; height: 285px;}
	.special-list .slide span { width:auto; height:30px; margin:20px 5px 0 5px; line-height:30px; }
	.special-list .slide span:before { height:20px; top:-20px; }
	.special-list-area .slick-dots { display:none !important; position:static; margin-top:20px;  }
	.special-list-area .slide-btn { display:none; }
	
	.room-con .room-list-wrap { margin-top:80px; }
	.room-list-wrap h1 span { font-size:13px; }
	.room-list-wrap h1 strong { font-size:24px;  }
	.room-list-area { margin-top:40px; padding:0 15px; height: 250px;}
	.room-list-area .slick-dots { display:none !important; }
	.room-list-area .slide-btn-02 button { width:18px; top:80px; }
	.room-list-area .slide-btn-02 button.prev { left:0; }
	.room-list-area .slide-btn-02 button.next { right:0; }

	.txt-img-wrap .tit-circle { width:200px; height:85px; padding:15px 0; background-size:100%; }
	.txt-img-wrap .tit-circle span { font-size:11px; }
	.txt-img-wrap .tit-circle strong { margin-top:5px; font-size:16px; }

	.ico-txt-wrap { margin:50px 0; }
	.ico-txt-wrap .ico-word { line-height:1.5; font-size:13px; }
	.ico-txt-wrap .ico-word:before { width:20px; height:30px; margin-bottom:20px; }
	.ico-txt-wrap .ico-word:after { width:20px; height:30px; margin-top:30px; }

	.tit-box { margin-top:50px; }
	.tit-box h1 { font-size:25px; }
	.tit-box p { line-height:1.6; font-size:12px; }

	.box-about { min-height:300px; margin:40px 0 40px 0; padding:30px 10px; }
	.box-about h1 img { width:60%; }
	.box-about h1:before { top:0; }
	.box-about > div { padding:0;; }
	.box-about .img { display:none; left:auto; right:10px; top:-100px; width:100px;}

	.img-box { padding:0 10px; }

	.room-view { margin-top:100px; }

	.special-view { margin-top:80px; }
	.special-view h1 {  margin-top:50px; font-size:18px;  }
	.special-view p { font-size:12px;  }

	.reserve-info h1 strong { font-size:22px; }
	.reserve-info h1 span { font-size:11px; }
	.data-list * { font-size:12px !important; }
	.table-wrap { overflow-x:auto; }
	.table-wrap iframe, .table-wrap .data-list { width:800px; }
	.dash-list li { line-height:1.7; }
	
	.pc-price { display:none; }
	.m-price { display:block; }

	.reserve-info h2 { font-size:16px; }
}
	

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

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