@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, Nanum Myeongjo, NanumSquare
*/

@import url(https://cdn.jsdelivr.net/font-nanumlight/1.0/nanumbarungothicweb.css);
@import url(https://cdn.jsdelivr.net/font-nanum/1.0/nanummyeongjo/nanummyeongjo.css);
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
@font-face { font-family: 'YiSunShinDotumM'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/YiSunShinDotumM.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GyeonggiTitleM'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiTitleM.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'WONDotum'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/WONDotum.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {
	font-family:'Lato';
	font-weight:normal;
	src:url('../font/Lato.eot');
	src:url('../font/Lato.eot?#iefix') format('embedded-opentype'),
		url('../font/Lato.woff') format('woff');
}

@font-face {
	font-family:'Vijaya';
	font-weight:normal;
	src:url('../font/Vijaya.eot');
	src:url('../font/Vijaya.eot?#iefix') format('embedded-opentype'),
		url('../font/Vijaya.woff') format('woff');
}

@font-face {
	font-family:'Manhattan';
	font-weight:normal;
	src:url('../font/Manhattan-Regular.eot');
	src:url('../font/Manhattan-Regular.eot?#iefix') format('embedded-opentype'),
		url('../font/Manhattan-Regular.woff') format('woff');
}


/* default */
html {height:100%;}

a { text-decoration:none; }
ul,
h1, h2, h3, h4, h5, h6,
address, p { margin:0; padding:0; font-weight:blod; 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%; }
area { outline:0; }

/* layout */
body { background-color:#f3f3f3;  }
.slide-btn-sub {display: block;}
.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:60px; height:60px; margin-left:-45px; background:url('/web/img/common/btn_scroll_.png') 0 0 no-repeat; background-size:100%;  }

.btn-gnb { display:inline-block; margin:50px 0 0 10px; padding:0; }
.btn-gnb img, .btn-gnb span { display:inline-block; }
.btn-gnb span { margin-left:10px; font-family:'Vijaya'; font-size:14px; color:#444; }
.btn-gnb * { vertical-align:baseline; }

/*
.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); }
*/

.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%; }



/*
.slick-dots { clear:both; 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; }
*/

.slick-dots { position:absolute; right:30px; top:35%; }
.slick-dots li { display:block; margin-bottom:5px; text-align:center; width:34px; }
.slick-dots li button { display:inline-block; width:20px; height:1px; background:#65666a; border:0; font-size:0; transition:0.6s; }
.slick-dots li.slick-active button { width:38px; height:3px; background:#000; }



.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:#f4f4f4; border:1px solid #d8d8d8; color:#4d4d4d; }

.data-list td { padding:10px; font-size:13px; color:#6d6d6d; }
.data-list td { border:1px solid #d8d8d8;  }

.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; }

.m_br { display:none; }

/* Layout */

.main-con .btn-gnb { display:block; padding:30px 0 0 30px; margin:0 0 0 10px; }
.main-con .btn-gnb span { display:block; margin:5px 0 0 0; }

.top-link { position:absolute; top:30px; right:30px; z-index:1400; }
.top-link a { display:inline-block; margin:0 10px; }

.side-nav { position:fixed; left:0; right:0; top:0; bottom:0; z-index:2000; background:url('../img/common/bg_gnb.jpg') 0 0 no-repeat; background-size:cover; -webkit-transition:0.6s; -ms-transition:0.6s; transition:0.6s; }
.side-nav { overflow-y:auto; transform:scale(0); }
.side-nav.on { transform:scale(1); }
.side-nav .gnb { position:absolute; top:35%; right:230px; max-width:460px; }
.side-nav .gnb > ul { }
.side-nav .gnb > ul > li { display:inline-block; width:130px; margin:0 10px 40px 10px; vertical-align:top; }
.side-nav .gnb > ul > li > a { position:relative; display:block; padding-bottom:5px; font-family:'Nanum Myeongjo'; font-size:18px; color:#fff; border-bottom:1px solid #acacab;}
.side-nav .gnb > ul > li > a span {  }
.side-nav .gnb > ul > li > a:hover, .side-nav .gnb > ul > li > a.on, .side-nav .gnb > ul > li > a.current {  }
.side-nav .gnb .gnb-sub { margin-top:10px; }
.side-nav .gnb .gnb-sub li { line-height:1.8; }
.side-nav .gnb .gnb-sub li a { font-family:'NanumSquare'; font-size:14px; color:#fff; }
.side-nav .gnb .gnb-sub li a:hover, .side-nav .gnb .gnb-sub li a.current { border-bottom:1px solid #dedede; }

.gnb-foot { position:absolute; left:5%; bottom:5%; font-family:'NanumSquare'; }
.gnb-foot h1 { margin-top:50px; color:#fff; }
.gnb-foot p { line-height:2; color:#949494; }
.gnb-foot p a { color:#949494; }
.gnb-foot .btn-reserve { display:inline-block; margin-top:35px; }

.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; top:0; left:0; right:0; z-index:1400; background:#fff; opacity:0.8; }


.full-view { margin:0 auto; }


/* Common */

.sub-top-slide .slide { position:relative; }
.sub-top-slide .slide span { display:block; position:absolute; top:14%; bottom:10%;  left:12%; right:12%; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.sub-top-slide.bg-gray { background:#f3f3f3; }

.full-slide { overflow:hidden; background:#bebebf; }
.full-slide .slide span { display:block; position:absolute; top:0; left:0; right:0; bottom:180px; background-position:center center; background-repeat:no-repeat; background-size:cover; }

.slide-tit { position:absolute; right:30px; bottom:250px; z-index:1400; text-shadow: 3px -3px 5px #000; }
.slide-tit h1 { color:#000; }
.slide-tit h1 span { font-family:'Lato'; }
.slide-tit h1 strong { display:block; margin-top:5px; line-height:1; font-family:'Manhattan'; font-size:50px; }
.slide-tit p { margin-top:10px; line-height:1.7; font-size:13px; color:#000; }
.slide-tit > span { display:block; margin-left:140px; font-family:'Vijaya'; font-size:25px; color:#000; }
.slide-tit > span:before { content:''; display:inline-block; margin-right:10px; vertical-align:middle; width:140px; height:1px; background:#000; }

.slide-tit-sub { position:absolute; left:10px; right:10px; bottom:10%; text-align:center; vertical-align:top; }
.slide-tit-sub div { display:inline-block; text-align:left; }
.slide-tit-sub h1 { color:#fff; margin-bottom:-20px;}
.slide-tit-sub h1 span { display:block; font-family:'Lato'; }
.slide-tit-sub h1 strong { display:block; margin-top:5px; line-height:1; font-family:'Manhattan'; font-size:50px; color:  }
.slide-tit-sub p { line-height:1.7; font-size:13px; color:#454545; }
.slide-tit-sub p * { vertical-align:middle; }
.slide-tit-sub p span { display:inline-block; font-family:'Nanum Myeongjo'; font-size:18px;  }
.slide-tit-sub p em { display:inline-block; font-family:'Vijaya'; font-size:25px; color:#fff; font-weight:bold;}
.slide-tit-sub p em:before { content:''; display:inline-block; margin-right:10px; vertical-align:middle; width:140px; height:1px; background:#fff; }

.full-slide .slide-tit-sub { left:auto; right:80px; bottom:30px; }
.full-slide .slide-tit-sub * { color:#fff !important; }

.room-list-wrap { position:relative; clear:both; max-width:1900px; margin:0 auto; margin-top:90px; overflow:hidden; text-align:center; }
.room-list-wrap > h1 { font-family:'Lato'; }
.room-list-wrap > h1 span { display:block; margin-top:10px; font-size:18px; color:#6d6d6d; }
.room-list-wrap > p { margin-top:10px; line-height:1.7; font-size:13px; color:#4e4e4e; }
.room-list { max-width:1530px; margin:0 auto; overflow:visible; margin-top:140px; }
.room-list .slide { position:relative; overflow:hidden; margin:0 10px; text-align:center; }
.room-list .slide img { display:block; margin:0 auto; transition:1s; }
.room-list .slide h1 { margin-top:20px; font-family:'Vijaya'; font-size:18px; color:#333; }
.room-list .slide h2 { margin-top:26px; font-family:'Vijaya'; font-size:18px; color:#333; transition:0.5s; }
.room-list .slide p { margin-bottom:30px; font-family:'Nanum Myeongjo'; font-size:13px; line-height:1.7; color:#9b9b9b; }
.room-list .slide a { position:relative; display:inline-block; width:200px; height:32px; box-sizing:border-box; padding-right:30px; line-height:32px; font-family:'Nanum Myeongjo'; font-size:13px; color:#000; border:1px solid #000; background:#fff; }
.room-list .slide a:after { content:''; position:absolute; top:50%; right:30px; width:34px; height:11px; margin-top:-5px; background:url('../img/common/ico_arrow_right.png') 0 center no-repeat; transition:0.6s; }
.room-list .slide a:hover:after { transform:translateX(10px); }

.room-list .slide section { transition:0.5s; }
.room-list .slide div { opacity:0; transform:translateY(100px); transition:0.5s; }
.room-list .slide:hover div { opacity:1; transform:translateY(0); }

.room-list .slide:hover img { -webkit-filter:grayscale(1); -ms-filter:grayscale(1); -moz-filter:grayscale(1); filter:grayscale(1); }
.room-list .slide:hover img { -webkit-transform:scale(0.9); -ms-transform:scale(0.9); -moz-transform:scale(0.9); transform:scale(0.9); }

.room-list .slide-btn .prev { left:-120px; }
.room-list .slide-btn .next { right:-120px; }

.room-list .slide-btn .prev:hover { transform:translateX(-40px); }
.room-list .slide-btn .next:hover { transform:translateX(40px); }

.reserve-link { position:relative; clear:both; overflow:hidden; min-height:787px; margin-top:250px; }
.reserve-link .slide { min-height:787px; background-size:cover; background-repeat:no-repeat; background-position:center bottom; }
.reserve-link h1 { position:absolute; top:25%; right:170px; text-align:center; }
.reserve-link h1 > img { display:block; margin:0 auto; }
.reserve-link h1 a { display:inline-block; margin-top:30px; transition:0.5s; }
.reserve-link h1 a:hover { transform:scale(0.95); }

.special-list-wrap { position:relative; min-height:470px; overflow:hidden; background-position:0 0; background-repeat:no-repeat; background-size:70% 100%; }
.special-list-wrap .img { position:absolute; left:0; top:0; width:70%; overflow:hidden; }
.special-list-wrap .img div { height:400px; background-repeat:no-repeat; background-position:center center; background-size:100%; }
.special-list-wrap .img div { opacity:0; height:0; transition:0.6s; }
.special-list-wrap .img div.on { opacity:1; height:400px; }
.special-list-wrap .img div.current { }
.special-list-wrap .cover { position:absolute; bottom:0; right:-470px; margin-right:4%; transform:rotate(270deg); transform-origin:left bottom; }
.special-list-wrap .cover span { position:relative; display:block; width:470px; line-height:30px; font-family:'Lato'; color:#818181;  }
.special-list-wrap .cover span:after { content:''; position:absolute; top:50%; right:0; width:70%; height:1px; background:#818181; }
.special-list { float:right; margin-right:8%; }
.special-list li { margin-bottom:8px; text-align:right; }
.special-list li a { position:relative; display:inline-block; box-sizing:border-box; padding-bottom:5px; font-family:'NanumSquare'; color:#818181; }
.special-list li a:after { content:''; position:absolute; bottom:0; right:0; left:0; height:1px; width:0; background:#323232; transition:0.8s; }
.special-list li a:hover:after, .special-list li a.current:after { width:100%; }
.link-list li { width:70px; margin-bottom:4px; text-align:right; }
.link-list li a { position:relative; display:block; box-sizing:border-box; padding-bottom:3px; font-family:'NanumSquare'; color:#818181; }
.link-list li a:after { content:''; position:absolute; bottom:0; right:0; display:block; height:1px; width:0; background:#323232; transition:0.8s; }
.link-list li a:hover:after, .link-list li a.current:after { width:100%; }
.room-info { max-width:1160px; margin:0 auto; }
.room-info .img-01 { position:relative; z-index:100; margin-top:20px;}
.room-info .img-01 h1 { position:relative; z-index:100; padding-left:60px; font-family: 'GyeonggiTitleM'; font-size:60px; line-height:1; color:#393939; }
.room-info .img-02 { margin-top:-220px; text-align:right; }
.room-info .txt { position:relative; z-index:200; margin-top:40px; padding:0 10px 0 40px; font-family: 'WONDotum';}
.room-info .txt p { font-family:'YiSunShinDotumM'; font-size:18px; color:#393939; }
.room-info .txt p strong { font-weight:600; }
.room-info .txt .btn-reserve { position:absolute; left:605px; top:0; display:inline-block; width:310px; height:40px; line-height:40px; background:#b9a78f; text-align:center; font-family:'Vijaya'; font-size:25px; color:#fff; }
.room-info .txt .btn-reserve:before { content:''; display:inline-block; width:0; height:1px; margin-right:20px; vertical-align:middle; background:#fff; transition:0.7s; }
.room-info .txt .btn-reserve:hover:before { width:116px; }
.room-info .txt .pre { position:absolute; left:500px; top:45px; display:inline-block; width:284px; height:40px; line-height:40px; background:#bebebf; text-align:center; font-family:'Vijaya'; font-size:25px; color:#fff; }
.room-info .txt ul { margin-top:20px; }
.room-info .txt li { font-size:13px; color:#747474; }
.room-info .txt .column-list { overflow:hidden; margin-top:40px; }
.room-info .txt .column-list dl { float:left; width:21%; height:134px; margin-left:24px; padding:10px; border-top:2px solid #666564;  vertical-align:top; font-family:'YiSunShinDotumM';}
.room-info .txt .column-list dl:first-child { margin-left:0; }
.room-info .txt .column-list dt { margin-bottom:15px;font-family:'YiSunShinDotumM'; font-size:16px; color:#000; }
.room-info .txt .column-list dd { line-height:1.7; font-size:13px; color:#848484; } 
.room-info .table-wrap { margin-top:40px; }

.scrollme img {  }
.scrollme img { -webkit-filter:grayscale(1); -ms-filter:grayscale(1); -moz-filter:grayscale(1); filter:grayscale(1); }
.scrollme.active img { -webkit-filter:grayscale(0); -ms-filter:grayscale(0); -moz-filter:grayscale(0); filter:grayscale(0); }
.animateme { transition:0.8s; }


/* Main */
.main-top-slide { position:relative; background:#e6e7e1; margin-top: -10.45% }
.main-top-slide .basic-slide {  }
.main-top-slide .slide { position:relative; }
.main-top-slide .slide span { display:block; position:absolute; top:10%; bottom:15%;  left:12%; right:12%; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.main-top-slide .thum-link { position:absolute; bottom:0; left:0; right:0; z-index:1400; }
.main-top-slide .thum-link span { float:left; padding:5px; box-sizing:border-box; cursor:pointer; opacity:0.4; transition:0.4s; }
.main-top-slide .thum-link span { -webkit-filter:grayscale(1); -ms-filter:grayscale(1); -moz-filter:grayscale(1); filter:grayscale(1); }
.main-top-slide .thum-link span.on { opacity:1; -webkit-filter:grayscale(0); -ms-filter:grayscale(0); -moz-filter:grayscale(0); filter:grayscale(0); }
.main-top-slide .thum-link span.on { transform:scale(1.1); }
.main-top-slide .thum-link img { width:100%; }
.main-con .room-preview { display:none; }

/* Exterior */
.exterior-wrap { position:relative; max-width:1690px; overflow:hidden; margin:0 auto; margin-top:160px; }
.exterior-wrap .img-01 { max-width:750px; overflow:hidden; }
.exterior-wrap .img-01 .txt { margin:40px 216px 0 0; text-align:right; }
.exterior-wrap .img-01 .txt h1 { display:inline-block; text-align:left; }
.exterior-wrap .img-01 .txt h1 span { font-size:13px; color:#555; }
.exterior-wrap .img-01 .txt h1 strong { display:block; margin:10px 0; line-height:1; font-size:60px; font-weight:100; color:#3b3b3b; }
.exterior-wrap .img-01 .txt h1 em { display:block; font-size:18px; color:#3b3b3b; }
.exterior-wrap .img-01 .txt h1 em:before { content:''; display:inline-block; width:175px; height:1px; margin-right:10px; background:#a9a9a9; vertical-align:middle; }
.exterior-wrap .img-01 .txt p { margin-top:30px; font-family:'Nanum Myeongjo'; color:#3c3c3c; }
.exterior-wrap .img-03 { position:absolute; right:0; top:290px; }
.exterior-wrap .img-04 { margin:150px 0 0 247px; }
.exterior-wrap .img-05 { margin-top:200px; }
.exterior-wrap .movie-wrap { position:absolute; top:229px; left:548px; z-index:500; width:745px; height:539px; }
.exterior-wrap .movie-wrap { box-shadow:2px 2px 10px rgba(0,0,0,0.8); }

.view-con .slick-dots { top:25%; }

/* Room */
.room-view { position:relative; max-width:1517px; margin:0 auto; margin-top:135px; overflow:hidden; text-align:center; }
.room-view h1 { position:absolute; left:0; right:0; top:321px; z-index:500; text-align:center; }
.room-view h1 { font-family:'Lato'; }
.room-view h1 span { font-size:13px; color:#6d6d6d; }
.room-view h1 strong { display:block; margin:10px 0; line-height:1; font-family:'Manhattan'; font-size:50px; color:#040404; }
.room-view h1 p { font-family:'Nanum Myeongjo'; font-size:13px; color:#333; }
.room-view span { display:block; margin-top:10px; font-family:'Nanum Myeongjo'; font-size:15px; color:#595959; }
.room-view .img-01 { text-align:right; }
.room-view .img-01 span {  }
.room-view .img-02 { position:relative; z-index:200; margin-top:-283px; text-align:left;  }
.room-view .img-03 { position:relative; z-index:300; display:inline-block; margin-top:-170px; text-align:left; }
.room-view .img-03 span { text-align:left; }
.room-preview { margin-top:320px; text-align:center; }



/* Special */
.special-view { position:relative; max-width:1546px; margin:0 auto; padding:0 10px; margin-top:180px; }
.special-view .txt { position:relative; z-index:100; }
.special-view .txt h1 { transition:0.7s; }
.special-view .txt h1 span { font-family:'Lato'; font-size:13px; color:#929292; }
.special-view .txt h1 strong { display:block; font-family:'Lato'; font-weight:100; font-size:60px; color:#818181; }
.special-view .txt h2 { position:relative; margin-top:10px; padding-left:170px; font-size:18px; color:#818181; }
.special-view .txt h2:before { content:''; position:absolute; left:5px; top:50%; width:147px; height:1px; background:#c8c8c8; }
.special-view .txt p { margin:40px 0 20px 0; padding-left:170px; font-family:'Nanum Myeongjo'; font-size:15px; color:#5f5f5f; }
.special-view .txt ul { padding-left:170px; }
.special-view .txt li { margin-bottom:10px; font-size:15px; color:#5f5f5f; }
.special-view .txt li span { display:inline-block; padding-bottom:3px;  }
/*.special-view .txt li:first-child span { border-bottom:1px solid #c8c8c8; }*/
.special-view .txt li span { border-bottom:1px solid #c8c8c8; }
.special-view .txt li strong { color:#992323; }
.special-view .txt li em { font-family:'Nanum Myeongjo'; }
.special-view .txt li a { color:#5f5f5f }
.special-view .img { position:relative; z-index:1; min-height:1300px; margin-top:-70px; overflow:hidden; }
.special-view .img div { position:absolute; overflow:visible; }
.special-view .img div img { position:relative; z-index:1; }
.special-view .img div h1 { position:relative; z-index:10; margin-top:-47px; padding-left:100px; font-family:'Lato'; }
.special-view .img div h1 span { font-size:13px; color:#6d6d6d; }
.special-view .img div h1 strong { display:block; margin:10px 0; line-height:1; font-family:'Manhattan'; font-size:50px; color:#040404; }
.special-view .img div h1 p { font-family:'Nanum Myeongjo'; font-size:13px; color:#333; }
.special-view .img div.img01 { right:342px; top:0; }
.special-view .img div.img02 { left:0; top:313px; }
.special-view .img div.img03 { left:264px; top:287px; z-index:10; }
.special-view .img div.img04 { right:0; bottom:0; }

.room_view { position:relative; z-index:1; max-width:1546px; margin:0 auto; padding:0 10px; min-height:1300px; overflow:hidden; margin-top:70px; }
.room_view div { position:absolute; overflow:visible; }
.room_view div img { position:relative; z-index:1; }
.room_view div h1 { position:relative; z-index:10; margin-top:-47px; padding-left:100px; font-family:'Lato'; }
.room_view div h1 span { font-size:13px; color:#6d6d6d; }
.room_view div h1 strong { display:block; margin:10px 0; line-height:1; font-family:'Manhattan'; font-size:50px; color:#040404; }
.room_view div h1 p { font-family:'Nanum Myeongjo'; font-size:13px; color:#333; }
.room_view div.img01 { right:342px; top:0; }
.room_view div.img02 { left:0; top:313px; }
.room_view div.img03 { left:264px; top:287px; z-index:10; }
.room_view div.img04 { right:0; bottom:0; }

/* Reservation */
.reserve-info { position:relative; z-index:900; clear:both; max-width:1480px; margin:0 auto; overflow:hidden; color:#737373; font-family:'NanumSquare'; }
.reserve-info .txt { padding-left:100px; }
.reserve-info .txt h1 { margin-bottom:60px; color:#737373; }
.reserve-info .txt h1 strong { font-family:'Manhattan'; line-height:1; font-size:36px; }
.reserve-info .txt h1 span { position:relative; display:block; padding-bottom:10px; font-family:'Nanum Myeongjo'; font-size:20px; }
.reserve-info .txt h1 span:after { content:''; position:absolute; bottom:0; left:0; width:70px; height:1px; background:#737373; }
.reserve-info .txt h2 { margin-top:24px; line-height:1.7; font-size:14px; }
.reserve-info .txt p { font-size:13px; line-height:1.7; }
.reserve-info .txt ul { margin-top:24px; }
.reserve-info .txt li { line-height:2; font-size:15px; color:#343434; }
.reserve-info .txt p strong {  }
.reserve-info .txt table { margin:10px 0 20px 0; }
.reserve-info.line-obj:before { content:''; position:absolute; top:0; bottom:0; z-index:10; width:1px; height:0; background:#bebebf; transition:3s; }
.reserve-info.type-01 { margin-top:-70px; }
.reserve-info.type-01:before { right:100px; }
.reserve-info.type-01 .img { float:left; }
.reserve-info.type-01 .txt { float:left; padding-top:160px; }
.reserve-info.type-02 { padding-top:110px; padding-bottom:70px; }
.reserve-info.type-02:before { left:50px; }
.reserve-info.type-02 .img { float:right; }
.reserve-info.type-02 .txt { float:left; padding-top:85px; }
.reserve-info.type-03 { margin-top:90px; padding-top:10px; }
.reserve-info.type-03 .txt { max-width:1100px; }
.reserve-info.type-03:before { display:none; }
.reserve-info.line-obj.active:before { height:100% !important; }
.reserve-info.type-04 { padding-top:110px; padding-bottom:70px; }
.reserve-info.type-04:before { left:50px; }
.reserve-info.type-04 .txt { max-width:1430px; }

.reserve-info .btn-reserve { display:inline-block; width:284px; height:40px; margin-top:50px; line-height:40px; background:#bebebf; text-align:center; font-family:'Vijaya'; font-size:25px; color:#fff; }
.reserve-info .btn-reserve:before { content:''; display:inline-block; width:0; height:1px; margin-right:20px; vertical-align:middle; background:#fff; transition:0.7s; }
.reserve-info .btn-reserve:hover:before { width:116px; }


/* Tour */
.tour-list-wrap { max-width:1640px; margin:0 auto; margin-top:90px; }
.tour-list-wrap li { clear:both; overflow:hidden; margin-bottom:200px; }
.tour-list-wrap li .tour-slide { position:relative; float:left; max-width:50%; padding:30px 0 30px 30px; }
.tour-list-wrap li .tour-slide img { -webkit-filter:none !important; filter:none !important; }
.tour-list-wrap li .tour-slide .color-block { position:absolute; top:0; right:30px; z-index:1; display:block; transition:0.8s;  }
.tour-list-wrap li .tour-slide .slide-btn-small { bottom:50px; right:20px; z-index:1500; }
.tour-list-wrap li .tour-slide .slick-list { position:relative; z-index:1000; }
.tour-list-wrap li .txt { float:right; width:50%; padding-top:200px; padding-left:80px; color:#818181; }
.tour-list-wrap li .txt h1 span { font-family:'Lato'; font-size:13px; }
.tour-list-wrap li .txt h1 strong { display:block; font-family:'Lato'; font-size:60px; }
.tour-list-wrap li .txt h1 em { position:relative; display:block; margin-top:15px; font-family:'Nanum Myeongjo'; font-size:32px; }
.tour-list-wrap li .txt h1 em:before { content:''; display:inline-block; width:160px; height:1px; margin:0 10px; background:#c8c8c8; vertical-align:middle; }
.tour-list-wrap li .txt p { line-height:1.6; font-family:'NanumSquare'; }
.tour-list-wrap li .txt p.distance { margin-top:30px; margin-bottom:15px; font-size:16px; text-decoration:underline; }

.tour-list-wrap li:nth-child(odd) .tour-slide img { float:right; }
.tour-list-wrap li:nth-child(even) .tour-slide { float:right; padding:30px 30px 30px 0; }
.tour-list-wrap li:nth-child(even) .tour-slide .color-block { right:auto; left:30px; }
.tour-list-wrap li:nth-child(even) .txt { float:left; text-align:right; padding-left:0; padding-right:80px; }
.tour-list-wrap li:nth-child(even) .tour-slide .slide-btn-small { right:auto; left:20px; }

.pc-price { display:block; }
.m-price { display:none;}

.pc-ver { display:block;  margin-bottom:20px; }
.m-ver { display:none; margin-bottom:20px;}


/* INSTAGRAM */
.insta-wrap { padding:40px 0; }
.tit-insta { padding-top:70px; text-align:center; font-size:30px; font-family:'Venti'; }
.tit-insta a { color:#000; }
.tit-insta a:hover, .tit-insta a:active { color:#bea842; }
#instaPics { width:1120px; margin:30px auto 50px auto; overflow:hidden; }
#instaPics .insta-box { position:relative; float:left; overflow:hidden; margin:5px; }
#instaPics .insta-box a { font-size:12px; color:#fff; text-align:center; }
#instaPics .insta-box a img { max-width:100%; }
#instaPics .insta-box .caption-layer { position:absolute; top:0; left:0; right:0; bottom:0; padding:20px 10px 10px 10px; opacity:0; background:rgba(0,0,0,0.5); transition:0.6s; }
#instaPics .insta-box a:hover .caption-layer { opacity:1; }


@media all and (max-width: 1025px) {
	#instaPics { width:auto; text-align:center; }
	#instaPics .insta-box { float:none; display:inline-block; }
}

@media all and (max-width: 800px) {
	.tit-insta { padding-top:0; font-size:20px; }
	#instaPics { margin:30px 0 0 0; }
	#instaPics .insta-box { width:45%; height:45%; }
	#instaPics .insta-box a { font-size:11px; }


/*	#instaPics .insta-box .caption-layer { display:block; }*/
}


/* 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: 701px) {

}

@media all and (max-width: 1700px) {
	.room-list .slide-btn .prev { left:-60px; }
	.room-list .slide-btn .next { right:-60px; }
}	
@media all and (max-width: 1680px) {
.btn-scroll{bottom:10px;}
.room_view{max-width:1400px;}
    .foot-link {
    clear: both;
        height: 336px;}
}


@media all and (max-width: 1650px) {
	.room-list .slide-btn .prev { left:-60px; }
	.room-list .slide-btn .next { right:-60px; }
    .foot-link {
    clear: both;
        height: 280px;}
}	



@media all and (max-width: 1440px) {
	.room_view{max-width:1250px;}
	
	.exterior-wrap .img-03 { top:500px; }
	.exterior-wrap .img-04 { margin:100px 0 0 100px; }
    .main-top-slide {
    position: relative;
    background: #e6e7e1;
        margin-top: -12.2%;}
       .foot-link { clear:both; height:250px; margin-top:7px; padding-top:30px; text-align:center; color:#4c4c4c; background-size:100%; }
.foot-link p {
/*    margin: 25px 0 48px 0;*/
    font-size: 14px;
}
}

@media all and (max-width: 1370px) {

	.foot-link h1{font-size:14px;}
	.foot-link{height:235px; padding-top:35px;} .foot-link p{margin:22px 0 20px 0;}
	
	.slide-tit-sub{bottom:15%;}
	.room_view{max-width:1050px;}
	.exterior-wrap .img-01 { max-width:600px; }
	.exterior-wrap .img-03 { top:500px; }
	.exterior-wrap .img-04 { margin:80px 0 0 0; }
	.exterior-wrap .img-05 { margin-top:200px; }
	.exterior-wrap .movie-wrap { top:100px; left:auto; right:0; width:745px; height:539px; }
}

@media all and (max-width: 1280px) {
	.side-nav .gnb { top:20%; right:50px; }
	

	.reserve-link { min-height:500px; margin-top:150px; }
	.reserve-link .slide { min-height:500px; }
	.reserve-link h1 { top:25%; right:50px; }
	.reserve-link h1 > img { width:300px; }
	.reserve-link h1 a { margin-top:20px; }

	.special-view .img { margin-top:0; }
	.special-view .img div.img03 { width:700px; }
	.room_view .img div.img03 { width:700px; }

	.reserve-info { padding-left:10px; padding-right:10px; }
	.reserve-info.type-01:before { right:50px; }
	.reserve-info.type-02 .img { width:40%; text-align:right; }
}	

@media all and (max-width: 1024px) {
	.room-info { padding:0 10px; }
	.room-info .txt .column-list dl { width:20%; margin-left:12px; }
	.room-info .txt .column-list dd { font-size:12px; } 
	.room-view { padding:0 10px; text-align:center; }
	.room-view h1 { position:static; }
	.room-view span { font-size:14px; }
	.room-view .img-01 { margin-top:40px; text-align:center; }
	.room-view .img-02 { margin-top:40px; text-align:center;  }
	.room-view .img-03 { display:block; margin-top:40px; text-align:center; }
	.room-view .img-03 span { text-align:center; }
	.room-preview { margin-top:150px; }
	
	.special-view { margin-top:100px; }
	.special-view .img { min-height:900px; }
	.special-view .img div.img01 { right:50px; width:300px; }
	.special-view .img div.img02 { top:200px; width:700px; }
	.special-view .img div.img03 { top:100px; width:500px; }
	.special-view .img div.img04 { width:400px; }

	.room_view { min-height:900px; }
	.room_view div.img01 { right:50px; width:300px; }
	.room_view div.img02 { top:200px; width:700px; }
	.room_view div.img03 { top:100px; width:500px; }
	.room_view div.img04 { width:400px; }

	.full-slide .slide span { bottom:140px; }
	.full-slide .slide-tit-sub { right:20px; }
	.slide-tit-sub h1 span { font-size:12px; }
	.slide-tit-sub h1 strong { font-size:30px; }
	.slide-tit-sub p span { font-size:13px; }
	.slide-tit-sub p em { font-size:13px; }
	.slide-tit-sub p em:before { width:100px; }

	.reserve-info .img { width:40%; }
	.reserve-info .txt h1 strong { font-size:30px; }
	.reserve-info.type-01 .txt { padding-top:150px; }
	.reserve-info.type-01:before { right:20px; }
	.reserve-info.type-02 .txt { width:55%; }
	.reserve-info.type-02 .img { width:35%; }

	.exterior-wrap { margin-top:80px; padding:0 10px; }
	.exterior-wrap .img-01 { max-width:auto; margin:0 auto 80px auto; }
	.exterior-wrap .img-01 .txt { text-align:left; }
	.exterior-wrap .img-03 { position:static; margin-top:80px; text-align:center; }
	.exterior-wrap .img-04 { margin:80px 0 0 0; text-align:center; }
	.exterior-wrap .img-05 { margin-top:80px; }
	.exterior-wrap .movie-wrap { position:static; width:auto; height:500px; margin:0 auto; overflow:hidden; box-shadow:none; }
	
	.tour-list-wrap li .tour-slide { width:45%; }
	.tour-list-wrap li .txt { padding:10px !important; }
	.tour-list-wrap li .txt h1 strong { font-size:40px; }
	.tour-list-wrap li .txt h1 em { font-size:22px; }
	.tour-list-wrap li .txt h1 em:before { width:120px; }
	.tour-list-wrap li .txt p.distance { font-size:13px; }
	.tour-list-wrap li .txt p { font-size:12px; }
}

@media all and (max-width: 900px) {

	.footer .foot-left,
	.footer .foot-right { float:none; margin-bottom:30px; text-align:left; }
	.footer strong:after { right:auto !important; left:0 !important; }
	.footer .foot-center { position:absolute; right:10px; top:50px; }
	.top-link { top:10px; right:10px; }

	.slide-tit { right:40px; bottom:250px; }
	.slide-tit h1 strong { font-size:30px; }
	.slide-tit p { width:400px; font-size:12px; }
	.slide-tit > span {  margin-left:90px; font-size:15px; }
	.slide-tit > span:before {  width:100px;  }
	
	.special-list-wrap .img div.on { height:300px }

	.special-list-wrap { min-height:350px; }
	.special-view .img { min-height:1000px; }
	.special-view .img div.img01 { right:50px; width:300px; }
	.special-view .img div.img02 { top:150px; width:400px; }
	.special-view .img div.img03 { top:190px; width:500px; }
	.special-view .img div.img04 { width:400px; }

	.room_view { min-height:1000px; }
	.room_view div.img01 { right:50px; width:300px; }
	.room_view div.img02 { top:150px; width:400px; }
	.room_view div.img03 { top:190px; width:500px; }
	.room_view div.img04 { width:400px; }

	.full-slide .slide span { bottom:140px; }
	.reserve-info { margin:40px 0 0 0 !important; padding:0 10px !important; }
	.reserve-info:before { display:none !important; }
	.reserve-info .img,
	.reserve-info .txt { float:none !important; width:auto !important; padding:0 !important; }
	.reserve-info .img { text-align:center; }
	.reserve-info .img img { width:100%; }
	.reserve-info .txt { margin-top:30px; }

	.room-info .img-01 { padding-right:200px; }
	.room-info .img-01 h1 { margin-top:-50px; padding-left:50px; font-size:90px; }
	.room-info .img-02 { margin-top:-100px; margin-right:70px; text-align:right; }
	.room-info .txt { margin-top:50px; padding:0 10px; }
	.room-info .txt .btn-reserve { left:auto; right:0; }
	
	.pc-ver { display:none; }
	.m-ver { display:block; }
    	.foot-link { height:350px; padding-top:40px; background-image:url('../img/common/bg_foot_m.jpg'); background-size:cover; }
	.foot-link h1 { font-size:13px; }
	.foot-link p { font-size:12px; }
    	.btn-top { width:41px; height:36px; }
}

@media all and (max-width: 700px) {	
    .slide-tit-sub div {
    display: block;
    text-align: left;
        margin-top: -40% !important
}
    .slide-btn-sub {display: none !important;}
    .btn-reserve {
    position: absolute;
    right: 60px;
    top: 20px;
	width:60px;
    z-index: 200;
}
    .btn-tel { display:none !important;}
    .foot-link {
    height: 250px;
    padding-top: 40px;
    background: url(../../img/common/bg_foot_m.jpg) 0 0 no-repeat;
    background-size: 155% 100%;
}
    .btn-scroll { position:absolute; bottom:30px; left:50%; z-index:1500; width:81px; height:70px; margin-left:-45px; background:url('../../img/common/btn_scroll2.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; display: none;}
	.side-nav { padding:40px 20px; background-size:100%; background-position:right bottom; background-color:#434440; }
	.side-nav .btn-close { top:10px; right:10px; }
	.side-nav .gnb { position:static; }
	.side-nav .gnb > ul > li { display:block; width:auto; margin:0 0 10px 0; }
	.side-nav .gnb > ul > li > a { font-size:14px; }
	.side-nav .gnb .gnb-sub { display:none; }
	.side-nav .gnb .gnb-sub li { line-height:1.7; }
	.side-nav .gnb .gnb-sub li a { font-size:12px; }
	.gnb-foot { position:static; margin-top:40px; }
	.gnb-foot h1 { margin-top:20px; font-size:13px; }
	.gnb-foot p { line-height:1.5; font-size:12px; }
	.gnb-foot .btn-reserve { margin-top:20px; }
	.footer p span { display:block; line-height:1.8; }
	.footer-wrap { margin-top:60px; }

	.footer { padding:30px 10px; }
	.footer .foot-left,
	.footer .foot-right { margin-bottom:20px; }
	.footer .foot-left .tel-info { display:block; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #dedede; text-align:center; }
	.footer .foot-center { position:static; }
	.footer .foot-center h1 img { width:95px; }
	.footer .foot-left {  }
	.footer .foot-right { padding:10px 0; border:1px solid #dedede; border-left:0; border-right:0; }
	.footer .foot-center a img { width:90px; }
	.full-view .slide { height:300px; }
	.full-slide .slide { height:300px; }

	.slick-dots { display:none !important; right:10px; }
	.slick-dots li { margin-bottom:10px; }
	
	.m_br { display:block; }
	#instaPics .insta-box:nth-child(7),
	#instaPics .insta-box:nth-child(8) { display:none; }

	.table-wrap table * { font-size:11px; }
	/*.table-wrap .swipe-hand { display:block; width:140px; height:60px; margin:20px auto; background:url('../img/common/swipe.png') center 0 no-repeat; }*/

	.room-list-wrap > h1 span { font-size:15px; }
	.room-list-wrap > p { line-height:1.5; font-size:11px; }
	.room-list { margin-top:80px; }
	.room-list .slide h1 { margin:10px 0 20px 0; font-size:15px; }
	.room-list .slide h2 { font-size:15px; }
	.room-list .slide p { margin-bottom:20px; font-size:12px; line-height:1.5; }
	.room-list .slide a { display:block; width:auto; margin:0 10px; padding-right:20px; font-size:12px; }
	.room-list .slide-btn { display:none; }
	
	

	.slide-tit { left:20px; right:20px; bottom:10px; overflow:hidden; -webkit-transform:scale(0.6); transform:scale(0.6); }
	.slide-tit h1 strong { font-size:25px; }
	.slide-tit p { line-height:1.5; font-size:11px;  }
	.slide-tit p br { display:none; }
	.slide-tit > span { margin-left:50px; font-size:13px; }
	.slide-tit > span:before { width:70px; }

	.slide-tit-sub { left:10px; right:auto; bottom:-50px; -webkit-transform:scale(0.7); transform:scale(0.7); display:none;}
	.slide-tit-sub h1 span { font-size:15px; color:#fff; }
	.slide-tit-sub h1 strong { font-size:25px; }
	.slide-tit-sub p { font-size:12px; }
	.slide-tit-sub p span { font-size:12px;  }
	.slide-tit-sub p em { font-size:20px; color:#fff; }
	.slide-tit-sub p em:before { width:140px; background:#fff;}
	.slide-btn-sub {  }

	.sub-top-slide .slide span { top:0; left:0; right:0; bottom:0; }

	.reserve-link { min-height:250px; margin-top:100px; }
	.reserve-link .slide { min-height:250px;  }
	.reserve-link h1 { left:10px; right:10px; top:20%; text-align:center; }
	.reserve-link h1 img { width:150px; }

	.main-top-slide .thum-link { display:none; }
	.main-top-slide .slide span { top:0; left:0; right:0; bottom:0; }

	.special-list-wrap { min-height:250px; margin-top:40px;  }
	.special-list-wrap .img { max-width:60%; }
	.special-list-wrap .img div.on { height:180px; background-position:center center; }
	.special-list-wrap .cover { margin:0; }
	.special-list-wrap .cover span { font-size:12px; }
	.special-list-wrap .cover span:after { width:75%; }
	.special-list { margin-right:40px; }
	.special-list li { margin-bottom:5px; font-size:12px;}
	
	.special-view .txt h1 span { font-size:12px; }
	.special-view .txt h1 strong { line-height:1; font-size:30px; }
	.special-view .txt h2 {  font-size:13px; }
	.special-view .txt p { margin:20px 0 10px 0; }
	.special-view .txt p,
	.special-view .txt ul { padding:0; }
	.special-view .txt p,
	.special-view .txt li { font-size:12px; }
	.special-view .img { min-height:auto; }
	.special-view .img div { width:auto !important; position:static !important; text-align:center; }
	.special-view .img div img { display:block; margin:10px auto; }
	.special-view .img div h1 { margin:10px 0; padding-left:0; }
	.special-view .img div h1 strong { font-size:30px; }
	.special-view .img div h1 p { font-size:12px; }
	
	.room-con .table-wrap { margin-top:10px;}
	.room-con .table-wrap table { width:100%; margin-top:10px;}
	.room-con .table-wrap table td { padding: 0px 0x 0 0; font-size: 9px; font-weight: bold;}
	.room-con .table-wrap table th { font-size: 10px;}
	.room-con .price-wrap table { font-size: 12px; color:#333333; font-weight: bold; }
	.room-con .price-wrap table td { text-align: left; padding: 3px 3px 3px 3px; }
	.room-con .price-wrap table td span { font-size: 20px; }
	.room_view { min-height:auto; margin-top:100px; }
	.room_view div { width:auto !important; position:static !important; text-align:center; }
	.room_view div img { display:block; margin:10px auto; }
	.room_view div h1 { margin:20px 0; padding-left:0; }
	.room_view div h1 strong { font-size:30px; }
	.room_view div h1 p { font-size:12px; }
	.room_view div h1 img { max-width:50%; }

	.full-slide .slide span { bottom:0; }
	.full-slide .slide-tit-sub { bottom:10px; }
	
	.reserve-con .table-wrap table { width:100%; }
	.reserve-info .txt h1 { margin-bottom:20px; }
	.reserve-info .txt h1 strong { font-size:25px; }
	.reserve-info .txt h1 span { margin-top:10px; font-size:15px; }
	.reserve-info .txt h1 span:after { width:40px; }
	.reserve-info .txt p { font-size:12px; }
	.reserve-info .txt li { font-size:12px; }

	.room-info-wrap .cover { top:180px; right:-250px;  transform:rotate(270deg); transform-origin:left bottom; }
	.room-info-wrap .cover span { width:250px; line-height:20px; font-size:11px;  }
	.room-info-wrap .cover span:after { width:55%;  }
	.room-info-wrap .link-list { right:30px; }
	.link-list li { width:40px; margin-bottom:2px; }
	.link-list li a { font-size:11px; }
	
	.room-info .img-01 { padding-right:12px; }
	.room-info .img-01 h1 { margin-top:0px; padding-left:30px; font-size:30px; }
	.room-info .img-02 { display:none; margin-top:20px; margin-right:0; }
	.room-info .txt { margin-top:50px; padding:0 10px; }
	.room-info .txt .btn-reserve { position:static; width:100%; margin-left: -1%; margin-bottom:20px; }
	.room-info .txt p { font-size:13px; text-align:center; }
	.room-info .txt li { font-size:12px; }
	.room-info .txt .column-list dl { width:48%; margin:0 1%; margin-bottom:10px; border-bottom:0; box-sizing:border-box; }

	.table-wrap { overflow:auto; }
	.table-wrap iframe, 
	.table-wrap table { width:100%; }

	.room-view { margin-top:80px; }
	.room-view h1 { margin:0 auto; }
	.room-view h1 strong { font-size:30px; }
	.room-view h1 p { font-size:12px; }
	.room-preview { margin-top:80px; overflow:hidden; }
	.room-preview img { max-width:none; width:250%; margin:0 -40% 0 -100%; }
		
	.room_view div.img01,
	.room_view div.img02 { display:none; }

	.exterior-wrap { margin-top:50px; }
	.exterior-wrap .img-01 img { display:none; }
	.exterior-wrap .img-01 .txt { margin:0; }
	.exterior-wrap .img-01 .txt h1 { display:block; }
	.exterior-wrap .img-01 .txt h1 span { font-size:12px; }
	.exterior-wrap .img-01 .txt h1 strong { font-size:40px; }
	.exterior-wrap .img-01 .txt h1 em { font-size:12px; }
	.exterior-wrap .img-01 .txt h1 em:before { width:150px;  }
	.exterior-wrap .img-01 .txt p { margin-top:20px; font-size:12px; }
	.exterior-wrap .img-03 { display:none; }
	.exterior-wrap .movie-wrap { height:auto; }
	
	.tour-list-wrap { margin-top:40px; }
	.tour-list-wrap li { margin-bottom:60px; }
	.tour-list-wrap li .tour-slide { float:none !important; width:auto !important; max-width:none !important; padding:0 !important; }
	.tour-list-wrap li .tour-slide .color-block { display:none; }
	.tour-list-wrap li .tour-slide .slide-btn-small { left:auto !important; right:10px !important; bottom:10px !important; }
	.tour-list-wrap li .txt { float:none !important; width:auto !important; }
	.tour-list-wrap li .txt h1 span { font-size:12px; }
	.tour-list-wrap li .txt h1 strong { font-size:30px; }
	.tour-list-wrap li .txt h1 em { margin-top:5px; font-size:18px; }
	
	.pc-price { display:none; }
	.m-price { display:block; }
	
	.pc-ver { display:none; }
	.m-ver { display:block; }
}
	

@media all and (max-width: 400px) {	
	
}

@media all and (max-width: 320px) {	
	
}

