@charset "utf-8";

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

/* 
   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);


@font-face {
	font-family:'Trajan';
	font-weight:normal;
	src:url('../font/Trajan.eot');
	src:url('../font/Trajan.eot?#iefix') format('embedded-opentype'),
		url('../font/Trajan.woff') format('woff');
}
/* 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:#333333; }
/* default */
html {height:100%; }
body {position:relative; font:normal 14px/1.5 NanumBarunGothic; color:#444; }
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: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%; }

/* 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:30px; left:50%; z-index:1500; width:91px; height:133px; margin-left:-45px; background:url('../img/common/btn_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 { position:absolute; right:10px; top:100px; display:block; bottom:40px; right:20px; z-index:1500; width:40px; height:40px; margin:0 auto; background:url('../img/common/ico_top.png') center bottom no-repeat; background-size:100%;  display: none;}
.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: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 { margin:0 auto; }

.full-view { margin:0 auto; }

/* 탑 이미지 사이즈 조절 부분  */
.basic-slide .slide img { max-width:none; width:100%; } /* 싱글 탑 이미지 : 100% 적용안할 경우 주석처리 */
.full-view { max-width:1652px; } /* 갤러리 탑 이미지 : 100%로 맞출경우 주석처리 */


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

.slide-btn-02 {  display: none;}
.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.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; background:#41403f; border-radius:100%;  }
.slick-dots li.slick-active button { background:#c0c0c0; }

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

.dash-list li { position:relative; padding-left:10px; line-height:2; }
.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; }

.btn-reserve { display:inline-block; /*width:105px; height:32px;*/ line-height:32px; text-align:center; font-family:'Trajan'; font-size:13px; color:#000; border:1px solid #000; padding:3px 10px;}
.btn-reserve:hover { background:#8e6e2e; color:#fff; border-color:#8e6e2e; }

.btn-reserve2 { display:inline-block; width:105px; height:32px; line-height:32px; text-align:center; font-family:'Trajan'; font-size:13px; color:#000; border:1px solid #000; }
.btn-reserve2:hover { background:#8e6e2e; color:#fff; border-color:#8e6e2e; }

.outlink { display:block; width:153px; height:32px; margin:10px auto 0 auto; line-height:30px; text-align:center; font-size:12px; color:#000; border:1px solid #000; }
.outlink:hover { background:#8e6e2e; color:#fff; border-color:#8e6e2e; }

.btn-map { display:inline-block; width:250px; height:32px; line-height:30px; text-align:center; font-size:13px; color:#000; border:1px solid #000; }
.btn-map:hover { background:#8e6e2e; color:#fff; border-color:#8e6e2e; }


/* Layout */
.wrapper { overflow:hidden; background:#f3eeea; }
.header { top:0; left:0; right:0; z-index:3000; text-align:center; background:#f3eeea; }
.header h1 { padding:30px 0 0 0; text-align:center; }
.header h1 a { display:inline-block; color:#928b8b; }
.header h1 a span { display:block; margin-bottom:10px; font-size:12px; }
.header .btn-gnb {  }
.header .side-btn { display:none; position:absolute; right:10px; top:18px; font-size:25px; color:#444; text-align:center; line-height:12px;}
.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:#666; }
.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 ;  }*/
.header .clock { display:inline-block; width:35px; height:35px; line-height:13px; text-align:center; font-family:'Trajan'; font-size:13px; color:#000; border:1px solid #000;  }

.side-nav { left:-100%; top:80px; bottom:0; z-index:2000; margin-top:40px; padding-bottom:55px; text-align:center; background:#f3eeea; -webkit-transition:0.7s; -ms-transition:0.7s; transition:0.7s; }
.side-nav.on { left:0; }
.side-nav .gnb { position:relative; max-width:1652px; margin:0 auto; padding-bottom:12px;}
.side-nav .gnb:after { content:''; position:absolute; bottom:0; left:-100%; right:-100%; height:1px; background:#d6d6d6; }
.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:'Trajan','NanumSquare'; color:#44403f; }
.side-nav .gnb > ul > li > a span { font-size:16px; }
.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 { display:none; position:absolute; top:55px; }
.side-nav .gnb .gnb-sub.long { left:10px; right:10px; text-align:center; }
.side-nav .gnb .gnb-sub.current { display:block; }
.side-nav .gnb .gnb-sub li { display:inline-block; margin-right:10px; }
.side-nav .gnb .gnb-sub li a { font-family:'Trajan','NanumSquare'; font-size:14px; color:#969594; }
.side-nav .gnb .gnb-sub li a:hover, .side-nav .gnb .gnb-sub li a.current { color:#000; font-weight:600; }
.side-nav .btn-reserve { position:absolute; right:120px; top:-10px;  }
.side-nav .btn-reserve2 { position:absolute; right:10px; top:-5px;  }
.side-nav .sns-list { display:none; text-align:center; }
.side-nav .sns-list a { display:inline-block; margin:0 5px; }
.side-nav .outlink { display:none; }

.sub-nav { position:relative; margin-bottom:30px; text-align:center; line-height:60px; border-bottom:1px solid #d6d6d6; }
.sub-nav ul {  }
.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:600; }
.sub-nav.fixed { position:fixed; left:0; right:0; top:0; z-index:1600; background:rgba(243,238,234,0.8); }

.footer { clear:both; position:relative; padding:100px 10px; text-align:center; }
.foot-link a { display:inline-block; margin:0 10px; }
.footer .foot-info { margin-top:45px; }
.footer .foot-info .tel-info { margin-bottom:20px; color:#846156; }
.footer .foot-info .tel-info a { margin:0 10px; font-family:'Trajan'; font-size:20px; color:#846156; }
.footer .foot-info .tel-info span { font-size:14px; }
.footer .foot-info p { margin-bottom:10px; font-size:12px; color:#504f4f; }
.footer .foot-info span { display:inline-block; }
.footer .foot-info p a { color:#504f4f; }
.footer .foot-info p a.u-line { text-decoration:underline; }
/* .footer .foot-info p.copyright a { margin-left:10px; } */
.footer .foot-info p.copyright a img { margin-right:5px; }
.footer .foot-info .outlink { margin-bottom:20px; }

.room-txt{text-align: center; margin-bottom: 50px;}

.special-list-wrap { position:relative; }
.special-list-wrap .con-tit { padding:100px 0; }
.special-list { max-width:1500px; margin:0 auto; overflow:visible; }
.special-list .slide { position:relative; float:left; width:33.3333%; padding:25px; border:1px solid #d3d3d3; border-color: #d3d3d3;  border-right-color: transparent;}
.special-list .slide:before { content:''; position:absolute; top:-21px; right:-2px; width:1px; height:20px; background:#d3d3d3; }
.special-list .slide:nth-child(1),
.special-list .slide:nth-child(4) { border-left-color: transparent; }
.special-list .slide:nth-child(4),.special-list .slide:nth-child(5),.special-list .slide:nth-child(6){border-top-color: transparent;}
.special-list .slide:nth-child(3):before,
.special-list .slide:nth-child(6):before { display:none; }
.special-list .slide:nth-child(4):before,
.special-list .slide:nth-child(5):before { top: unset; bottom: -20px;}
.special-list .slide a { display:block; color:#424242; }
.special-list .slide a div { position:relative; overflow:hidden; }
.special-list .slide a div:after { opacity:0; content:'VIEW'; position:absolute; top:0; left:0; right:0; bottom:0; padding-top:45%; text-align:center; font-size:14px; font-weight:600; font-family:arial; background:rgba(249,240,219,0.7); transition:0.6s; }
.special-list .slide img { position:relative; width: 100%;}
.special-list .slide span { display:block; margin-top:15px; text-align:right; font-family:'Trajan'; font-size:14px; }
.special-list .slide span strong { display:inline-block; margin:0 4px; font-weight:600; }
.special-list .slide a:hover div:after { opacity:1; }


.wrapper,
.header, .sub-nav,
.side-nav { background:#fff; }  /* 전체 BG 변경 */


/* Common */
.con-tit { margin-top:90px; margin-bottom:120px; text-align:center; color:#444; }
.con-tit strong { display:block; line-height:1; letter-spacing:2px; font-family:'Trajan'; font-size:42px; }
.con-tit span { display:block; max-width:270px; margin:30px auto 0 auto; padding-top:30px; font-size:17px; border-top:1px solid #d6d6d6; }

/* Main */
.main-block-01 { max-width:1490px; margin:0 auto; }
.column-list { max-width:1490px; margin:0 auto; }
.column-list li { clear:both; overflow:hidden; margin-bottom:100px; }
.column-list li a { color:#424242; }
.column-list li .img { float:left; width:50%; text-align:right; }
.column-list li .img .slick-dots { position:static; margin-top:10px; }
.column-list li .txt { position:relative; float:right; width:50%; margin-top:80px; padding:0 0 0 200px; }
.column-list li .txt:before { content:''; position:absolute; left:0; top:20px; width:150px; height:1px; background:#9b9997; }
.column-list li .txt h1 { font-weight:600; font-family:'Trajan'; }
.column-list li .txt h1 * { line-height:1; }
.column-list li .txt h1 span { font-size:14px; }
.column-list li .txt h1 strong { display:block; font-size:26px; }
.column-list li .txt p { position:relative; margin-top:40px; padding-bottom:15px; font-size:18px; }
.column-list li .txt p:after { content:''; position:absolute; bottom:0; left:0; height:1px; width:48px; background:#9b9997; }
.column-list li .txt em { display:block; margin-top:15px; font-size:13px; }
.column-list li:nth-child(even) .img { float:right; text-align:left; }
.column-list li:nth-child(even) .txt { float:left; padding:0 200px 0 0; text-align:right; }
.column-list li:nth-child(even) .txt:before { left:auto; right:0; }
.column-list li:nth-child(even) .txt p:after { left:auto; right:0; }
.column-list li .txt div { margin-top:15px; font-size:13px; color:#704924; }


/* Tour */
.tour-list { max-width:1650px; margin:0 auto; }
.tour-list ul {  }
.tour-list li { position:relative; float:left; width:33.33%; min-height:804px; padding:25px; border:1px solid #d3d3d3; border-right:0; border-bottom:0; }
.tour-list li > div { max-width:380px; margin:0 auto; }
.tour-list li:before { content:''; position:absolute; top:-20px; right:-1px; width:1px; height:20px; background:#d3d3d3; }
.tour-list li:nth-child(1),
.tour-list li:nth-child(4),
.tour-list li:nth-child(7),
.tour-list li:nth-child(10) { clear:both; float:left; border-left:0; }
.tour-list li:nth-child(3):before,
.tour-list li:nth-child(6):before,
.tour-list li:nth-child(9):before { display:none; }
.tour-list li:nth-child(2),
.tour-list li:nth-child(5),
.tour-list li:nth-child(8) { border-right:1px solid #d3d3d3; }
.tour-list li:nth-child(3),
.tour-list li:nth-child(6),
.tour-list li:nth-child(9) { border-left:0; }
.tour-list li:nth-child(8),
.tour-list li:nth-child(9) { border-bottom:1px solid #d3d3d3; }

.tour-list .img {  }
.tour-list h1 { margin:10px 0; text-align:right; }
.tour-list h1 span { font-family:'Trajan'; }
.tour-list h1 strong { margin-left:10px; }
.tour-list li > div > span { display:block; color:#19988b; }
.tour-list p { margin-top:17px; }
.tour-list p a { color:inherit; }


/* Room */
.room-info { max-width:1100px; margin:0 auto; }
.room-info h1 { margin-top:50px; }
.room-info h1 strong { font-family:'Trajan'; font-size:18px; }
.room-info h1 span { margin-left:10px; }
.room-info .table-wrap { margin-top:10px;}
.room-info .table-wrap iframe { width:100%; }
.room-info .dash-list { margin-top:10px; }
.room-info .btn-grp { margin-top:50px; text-align:center; }
.room-view { margin-top:130px; padding:0 10px; }
.room-view .img { margin-top:150px; text-align:center; }
.room-view .img:first-child { margin-top:0; }
.room-map{width: 1200px; margin: 0 auto; margin-top: 100px;}
.room-map img{width: 100%;}
/* Room List */
.room-list-wrap { min-height:650px; margin-top:40px; 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:'Trajan'; 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; }
.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:'Trajan'; font-size:16px; color:#000; }
.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; }


/* Special */
.special-block-01 { max-width:1650px; margin:0 auto; }
.special-info { padding:120px 10px 70px 10px; background:#f2ead5; }
.special-info .rotate-tit { position:relative; max-width:1100px; margin:0 auto; overflow:visible; }
.special-info .rotate-tit h1 { position:absolute; left:-10px; top:150px; line-height:1; font-family:'Trajan'; font-size:30px; transform:rotate(270deg); transform-origin:left bottom; }
.special-info .rotate-tit img { display:block; margin:0 auto; }
.special-info .txt { max-width:1100px; margin:0 auto; margin-top:15px; text-align:right; }
.special-info .txt h2 { position:relative; padding-top:15px; font-weight:600; }
.special-info .txt h2:before { content:''; position:absolute; right:0; top:0; width:80px; height:1px; background:#424242; }
.special-info .txt p { margin-top:10px; }
.special-view { margin-top:100px; text-align:center; }
.special-view .img {  }
.special-view h1 { margin:70px 0 70px 0; }
.special-view h1 strong { font-family:'Trajan'; font-size:16px; }
.special-view h1 span { display:block; font-size:12px; color:#c9bfb7; margin-top: 30px;}


/* Reservation */
.reserve-info { max-width:1500px; margin:0 auto; margin-top:50px; }
.reserve-info > ul > li { clear:both; padding:45px 10px; border-top:1px solid #d6d6d6; }
.reserve-info > ul > li:first-child { border-top:0; }
.reserve-info > ul > li > div { max-width:1100px; margin:0 auto; overflow:hidden; }
.reserve-info > ul > li .img { float:left; width:50%; box-sizing:border-box; text-align:right; padding-right:60px; }
.reserve-info > ul > li .txt { float:right; width:50%; padding:10px 0; padding-left:60px; }
.reserve-info > ul > li .txt h1 { position:relative; }
.reserve-info > ul > li .txt h1:before { content:''; position:absolute; left:-120px; top:20px; width:120px; height:1px; background:#d6d6d6; }
.reserve-info > ul > li .txt h1 strong { font-family:'Trajan'; font-size:24px; font-weight:600; }
.reserve-info > ul > li .txt h1 span { display:block; font-weight:600; }
.reserve-info > ul > li .txt ul { margin-top:30px; }
.reserve-info > ul > li .txt ul li { line-height:1.8; }
.reserve-info > ul > li .txt p { margin-top:40px; line-height:1.8; }
.reserve-info > ul > li .txt .btn-reserve { display:block; margin-top:5px; }
.reserve-info > ul > li:nth-child(even) .img { float:right; text-align:left; padding-right:0; padding-left:60px; }
.reserve-info > ul > li:nth-child(even) .txt { float:left; padding-left:0; padding-right:60px; }
.reserve-info > ul > li:nth-child(even) .txt * { text-align:right; }
.reserve-info > ul > li:nth-child(even) .txt h1:before { left:auto; right:-120px; }
.reserve-info .reser-imp { font-size: 16px; color: #a0621f; }
.reserve-info-02 { }
.reserve-info-02 > div { max-width:1500px; margin:0 auto; padding:45px 10px; border-top:1px solid #d6d6d6; }
.reserve-info-02 > div > div { max-width:1100px; margin:0 auto; }
.reserve-info-02 h1 {  }
.reserve-info-02 h1 strong { font-family:'Trajan'; font-size:24px; font-weight:600; }
.reserve-info-02 h1 span { display:block; font-weight:600; }
.reserve-info-02 h2 { margin-top:25px; }
.reserve-info-02 h2.bold { font-weight:600; }
.reserve-info-02 p { line-height:1.8; }
.reserve-info-02 ul li { line-height:1.8; }
.reserve-info-02 .m-top { margin-top:25px; }
.reserve-info-02 p.bold { font-weight:600; }
.reserve-info-02 b { color:red }

.room-info .pc-price iframe{ min-height: unset;}
.room-info .m-price iframe{min-height: unset;}
.reserve-con .room-info .table-wrap{height: unset;}
.reserve-con .room-info .pc-price iframe { min-height:350px; }
.m-price { display:none; }
.reserve-con .room-info .m-price iframe{min-height: 1070px;}


.room-list-wrap .slide-btn button.prev { left:0; }
.room-list-wrap .slide-btn button.next { right:0; }

.footer .simbol{margin-top: 25px;}
.footer .simbol::after{content: ""; display: table; clear: both;}
.footer .simbol p{display: inline-block; margin-right: 10px;}
.footer .simbol img{width: 30px; display: inline-block; position: relative; top: -5px;}


/* 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) {
	.side-nav.fixed { position:fixed; top:0; left:0; right:0; bottom:auto; margin:0; padding-top:20px; padding-bottom:0; transition:none; }
}	

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

}	

@media all and (max-width: 1024px) {
	.side-nav .gnb > ul > li > a span { font-size:15px; }
	.side-nav .gnb .gnb-sub li a { font-size:12px; }
	.side-nav .btn-reserve { top:-80px; }
	.side-nav .btn-reserve2 { top:-80px; }

	.pension-list li .txt { padding:0 0 0 100px; }
	.pension-list li .txt:before { width:80px; }
	.pension-list li:nth-child(even) .txt { padding:0 100px 0 0; }

	.room-info { padding:0 10px; }

	.special-info { padding:50px 10px; }
	.special-info .rotate-tit h1 { position:static; margin-bottom:20px; transform:rotate(0); }

}

@media all and (max-width: 900px) {
	.wrapper { padding-top:80px; }
	.header { position:fixed; height:80px; }
	.header h1 { padding:15px 0 0 0; }
	.header h1 a span { font-size:11px; letter-spacing:-1px; }
	.header h1 a img { width:80%; }
	.btn-gnb { display:block; }
	.header .side-btn { display:block; }
	.side-nav { position:fixed; width:240px; margin:0; padding:20px; overflow-y:auto; text-align:left; }
	.side-nav .gnb:after { display:none; }
	.side-nav .gnb > ul > li { display:block; margin:10px 0; }
	.side-nav .gnb .gnb-sub { position:static; margin-top:5px; padding:10px; border-top:1px solid #dedede; text-align:left !important; }
	.side-nav .gnb .gnb-sub li { display:block; line-height:1.8; }
	.side-nav .btn-reserve { position:static; display:block; margin:40px auto 0 auto; }
	.side-nav .btn-reserve2 { position:static; display:block; margin:10px auto 0 auto; }
	.side-nav .sns-list { display:block; }
	.side-nav .outlink { display:block; }
	.sub-nav { line-height:30px; }
	.sub-nav li { margin-left:5px; padding-left:5px; }
	.sub-nav li a { font-size:11px; }
	.sub-nav.fixed { position:fixed; top:0; left:0; right:0; z-index:1400; background:#fff; opacity:0.8; }
	.sub-nav.fixed { top:80px; }
	
	.full-view .slide { height:200px; }
	
	.column-list li .img { width:50%; }
	.column-list li .txt { width:50%; }

	.special-list .slide { padding:15px; }
	.special-list .slide span { font-size:11px; }

	.room-view { margin-top:80px; }
	.room-view .img { margin-top:50px; }

	.reserve-info > ul > li .img { padding:0 !important; }
	.reserve-info > ul > li .txt { padding:10px 20px !important; }

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

	.table-wrap,
	.m-price { overflow:auto; -webkit-overflow-scrolling:touch; }
	
}

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

	.slide-btn button { width:30px; height:30px; }
	.slick-dots { display:none !important; text-align:right; }
	.service-con .column-list .slick-dots { display:block !important; }
	.con-tit { margin:30px 0; }
	.con-tit strong { font-size:19px; }
	.con-tit span { padding-top:10px; margin-top:10px; font-size:11px; }
	.btn-top { position:fixed; bottom:10px; right:10px; top:auto; }
	.special-list-wrap .con-tit { padding:10px 0; }
	.special-list { overflow:hidden; }
	.special-list .slide { clear:none !important;width:50%; padding:10px; border:0 !important; }
	.special-list .slide:before { display:none; }

	.footer { padding:50px 10px; }
	.footer .foot-info .tel-info span { font-size:12px; }
	.footer .foot-info .tel-info a { margin:0 5px; font-size:14px; }
	.footer .foot-info .info { margin:0; padding:10px 0; border-bottom: 1px solid #d6d6d6; text-align:left; font-size:11px; }
	.footer .foot-info .copyright { margin-top:15px; }
	.footer .foot-info .copyright .br{display: block;}
	.footer .foot-info .tel-info { text-align:center; }
	.footer .foot-info p.copyright a img { width:20px; }

	.column-list { padding:0 10px; }
	.column-list li { margin-bottom:60px; }
	.column-list li .img { float:none !important; width:auto !important; }
	.column-list li .txt { float:none !important; width:auto !important; margin-top:20px; padding:0 !important; text-align:left !important; }
	.column-list li .txt:before { display:none; }
	.column-list li .txt p { margin-top:20px; font-size:15px; }
	.column-list li .txt p:after { left:0 !important; right:auto !important; }
	.column-list li .txt em, .column-list li .txt div { font-size:11px; }
		
	.column-list li .txt h1 span { font-size:12px; }
	.column-list li .txt h1 strong { font-size:22px; }

	.tour-list li { float:none !important; width:auto !important; min-height:auto; margin-bottom:30px; padding:10px; border:0 !important; }
	.tour-list li p { font-size:12px; }

	.dash-list { font-size:12px; }
	
	.full-view .slide { overflow:hidden; }
	.full-view .slide img { max-width:none; width:140%; margin:0 -20%; }

	.special-info .rotate-tit h1 { font-size:18px; }
	.special-info .txt p { font-size:12px; }
	.special-list .slide span strong:last-child{display: block;}

	.reserve-info > ul > li { padding:20px 10px; }
	.reserve-info > ul > li .img,
	.reserve-info > ul > li .txt { float:none !important; width:auto !important; text-align:left !important; }
	.reserve-info > ul > li .txt { padding:10px 0 !important; }
	.reserve-info > ul > li .txt * { text-align:left !important; }
	.reserve-info > ul > li .txt .btn-reserve { text-align:center !important; }
	.reserve-info > ul > li .txt h1 strong { font-size:20px; }
	.reserve-info > ul > li .txt h1 span { font-size:13px; }
	.reserve-info > ul > li .txt p,
	.reserve-info > ul > li .txt ul { margin-top:20px; font-size:12px; }
	.reserve-info-02 h1 strong { font-size:20px; }
	.reserve-info-02 h1 span { font-size:13px; }
	.reserve-info-02 h2,
	.reserve-info-02 p,
	.reserve-info-02 li { font-size:12px; }
	.reserve-info > ul > li .txt h1:before { display:none; }
	.reserve-info .reser-imp { font-size: 14px; }
	
	.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; }
	.room-list-area .slick-dots { display:none !important; }
	.slide-btn-02 {  display: block;}
	.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; }
	.room-map{width: 100%; margin-top: 50px; padding: 0 10px;}

	.room-info .table-wrap {height: 180px; overflow: hidden;}

	.pc-price { display:none; }
	.m-price { display:block; }


	
	.tour-con .basic-slide .slide img,
	.reserve-con .basic-slide .slide img,
	.service-con .basic-slide .slide img { width:auto; height:160px; }

	.room-list .slide div strong { font-size:14px; }
	.footer .simbol{text-align: center; margin-bottom: 20px;}
}
	

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

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