@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/jejumyeongjo.css); 

@import "normalize.css"; /* reset */
@import "slick.css"; /* slick swiper */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700&display=swap');
/* 
   WEB FONT (CDN server)
   Nanum Barun Gothic, Nanum Myeongjo
*/
@font-face { font-family: 'MapoGoldenPier'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoGoldenPierA.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; }
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url(https://cdn.jsdelivr.net/font-nanum/1.0/nanummyeongjo/nanummyeongjo.css);
@import url(//cdn.rawgit.com/puts-blog/NanumSquare/master/NanumSquare.css);
@font-face {
	font-family:'Levenim';
	font-weight:normal;
	src:url('../font/Levenim_Bold.eot');
	src:url('../font/Levenim_Bold.eot?#iefix') format('embedded-opentype'),
		url('../font/Levenim_Bold.woff') format('woff');
}
@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: 'BBTreeGB'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_nine_@1.1/BBTreeGB.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Cafe24Simplehae'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Simplehae.woff') format('woff'); font-weight: normal; font-style: normal; }
/* default */
html {height:100%; }
body {position:relative; }
div,header,section,article,aside,nav,ul,ol,li,p,a { box-sizing:border-box; }
a { text-decoration:none; }
ul,
h1, h2, h3, h4, h5, h6,
address, p { margin:0; padding:0; font-weight:normal; font-size:inherit; }
li { list-style-type:none; }
dl, dt, dd { margin:0; }
figure { margin:0; padding:0; }
caption { display:none; }
button { border:0; outline:0; background-color:transparent; }
em, address, i { font-style:normal; }

/* layout */
body { background:#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; }
.myVideo {width: 1920px;}

.btn-scroll { position:absolute; bottom:30px; left:50%; z-index:1500; width:55px; height:58px; margin-left:-38px; background:url('/web/img/common/btn_scroll.png') 0 0 no-repeat; background-size:100%;  }
.btn-scroll.white { background-image:url('/web/img/common/btn_scroll_white.png'); }
.btn-top { display:none; position:fixed; bottom:20px; right:10px; z-index:3000; width:61px; height:56px; background:url('/web/img/common/btn_top.png') 0 0 no-repeat;  }
.btn-tel { position:absolute; left:10px; top:20px; z-index:200; width:55px; height:15px; font-size:0; background:url('../img/common/ico_tel.jpg') 0 0 no-repeat; background-size:100%; }
.btn-reserve { position:absolute; right:515px; top:0px; z-index:200; width:48px; height:15px; font-size:0; background:url('../img/common/ico_reserve.jpg') 0 0 no-repeat; background-size:100%; }

.header { position:relative; z-index:3000; overflow:hidden; margin:0px 0 0 78px; }
.header h1 { float:left; position:relative; z-index:100; left:1%; }
.header h1 a img{ width: 100%; /*margin:-6%; margin-bottom: 13%;*/ }
.header .gnb { float:left; margin:30px 0 0 5%; }

.header .gnb > ul {  }
.header .gnb > ul > li { display:inline-block; }
/*.header .gnb > ul > li:nth-child(3){margin-right:165px;}*/
.header .gnb > ul > li > a { position:relative; display:block; padding:0 60px 0 0; text-align:center; font-size:17px; color:#434450; font-family: 'MapoGoldenPier';}
.header .gnb > ul > li > a::after {content:""; position:absolute; width:0; height:1px; background:#000; left:0; bottom:0; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease;}
.header .gnb > ul > li > a:hover::after, .subNav li.this a::after { width:75%; }



.header .gnb .gnb-sub { display:none; position:absolute; top:55px; z-index:1000; width:100%; font-family:'Jeju Myeongjo', serif;}
.header .gnb .gnb-sub.current { display:block; }
.header .gnb .gnb-sub li { display:inline-block; margin:10px 4px;text-align: center; line-height: 12px;}
.header .gnb .gnb-sub li:first-child { margin-left:0px;}

.header .gnb .gnb-sub li a { font-size:15px; color:#79797a;  }
.gnb .gnb-sub li a:hover, .gnb .gnb-sub li a:focus, .gnb .gnb-sub li a:active, .gnb .gnb-sub li a.on, .gnb .gnb-sub li a.current { color:#000; font-weight:bold; }
 .s_menu_pc {float:right;margin-right:95px;padding-top:25px;}
 .s_menu_pc li {float:left; padding:16px;}
.s_menu_pc li a {font-size:15px;color:#959595; padding:15px; font-family:'MapoGoldenPier';}
.s_menu_pc li a:hover {color:#000; font-weight:bold; transition: 0.5s ease;  -webkit-transition: 0.5s ease;}



.foot-link { clear:both; margin-top:75px; padding:55px; text-align:center; color:#4c4c4c; background:url('../img/common/bg_foot.jpg'); 0 0 no-repeat; background-size:100%; }
.foot-link h1 { position:relative; padding-bottom:15px; font-family:'MapoGoldenPier'; font-size:17px; }
.foot-link h1:after { content:''; position:absolute; bottom:0; left:50%; height:1px; width:90px; margin-left:-45px; background:#4c4c4c; }
.foot-link p { margin:22px 0 46px 0; font-size:14px; }
.foot-link dl {  }
.foot-link dt { font-weight:bold; font-size:11px; }
.foot-link dd { margin-top:10px; }
.foot-link dd a { display:inline-block; margin:0 7px; }
.footer {padding:30px 0 50px 0;text-align:center;background: #c0cac3;}
.footer strong { font-size:12px; font-weight:400; color:#fff; }
.footer a.foot-tel { display:block; margin-bottom:20px; font-size:20px; color:#fff; }
.footer p { margin-top:5px; font-size:12px; color:#4c391d; }
.footer p span { display:inline-block; margin:0 5px; }
.footer p a { color: #000; }
.footer li a { font-weight:bold; font-size:13px; color:#fff; border-bottom:1px solid #fff; }
.foot-link a { display:inline-block; width:238px; height:40px; line-height:40px; font-size:12px; letter-spacing:2px; color:#222; border:1px solid #222; font-family:'MapoGoldenPier';}
.foot-link a:hover { background:#a5c5af; color:#fff; transition: 0.5s ease;  -webkit-transition: 0.5s ease; border:1px solid #a5c5af;}


/*.content { margin:-80px auto 0 auto; }*/
.content1 { margin:0px auto 0 auto; }
.content2 { margin:100px auto 0 auto; }

/* Common object */
.table-wrap { position:relative; overflow:hidden; }
.data-list { width:100%; border-top:2px solid #6e6e6f; border-bottom:2px solid #6e6e6f; color:#555; text-align:center; }
.data-list { width:100%; border-top:2px solid #828681; border-bottom:1px solid #828681; color:#333; text-align:center; }
.data-list thead th { padding:10px; font-weight:normal; background:#f1f1f1; font-family:'WONDotum'}
.data-list tbody th { background:#f1f1f1; font-family:'WONDotum'}
.data-list tbody td { padding:10px; border-top:1px solid #e7e7e7; font-family:'WONDotum'}

.swipe-guide { display:none; position:absolute; top:50%; left:50%; width:100px; height:100px; margin:-50px 0 0 -50px; color:#222; text-align:center; font-size:6em; border-radius:50%; }
.swipe-guide i { vertical-align:middle; }

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

/*
.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 */
.main-con1 { max-width:1762px; }
.main-top { position:relative; overflow:hidden; }
.main-top .main-slider {float:left;width:100%;overfl;/* overflow:hidden; */}
.main-top .main-slider .slide { height:942px; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.main-top .main-slider .slide-copy { margin-top:20px; font-size:12px; color:#848382; }
.main-top .main-top-img { float:left; width:925px; overflow:hidden;  }
.main-top .main-top-img img { max-width:100%; }
.main-top .main-top-01 { float:left; margin-top:100px; text-align:center;  margin-left: 13%; }
.main-top .main-top-02 { float:right; text-align:right;}

.main-scroll { position:relative; /*width:1530px;*/ margin:50px auto 0 auto; }
.main-scroll .scroll-obj { opacity:0; }
.main-scroll .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; }
.main-scroll .scroll-obj img { max-width:100%; }
/*
.main-scroll { opacity:1; }
.main-scroll .active { opacity:1; -webkit-animation:active-y 1.5s 1; -ms-animation:active-y 1.5s 1; animation:active-y 1.5s 1; }
.main-scroll img { max-width:100%; }
*/
.main-scroll .box-01 {  }
.main-scroll .box-02 { position:absolute; right:0; top:135px; }
.main-scroll .box-03 { position:relative; z-index:10; margin-top:75px; padding-left:308px; color:#686765; }
.main-scroll .box-03 h1 { font-size:42px; font-weight:500; line-height:1.2; font-family: 'GyeonggiTitleM';}
.main-scroll .box-03 h1 span { font-weight:normal; color:#686765; border-bottom:1px solid #686765; }
.main-scroll .box-03 p { margin:20px 0 30px 0; font-size:14px; }
.main-scroll .box-03 a {  }
.main-scroll .box-04 { margin:-20px 0 0 220px; }

.main-inside { margin:110px 0 70px 0; text-align:center; }
.inside-wrap { position:relative; height:783px; overflow:hidden; margin-top:40px; background:url('/web/img/main/main_room_.png') center center no-repeat; background-size:cover; }
.inside-wrap ul { padding-top:48px; border-bottom:1px solid; margin:auto; width:30%;}
.inside-wrap li { position:relative; display:inline-block; margin-left:23px; padding-left:23px; }
.inside-wrap li:before { content:''; position:absolute; left:0; top:5px; width:1px; height:11px; background:#fff; }
.inside-wrap li:first-child { margin:0; padding:0; }
.inside-wrap li:first-child:before { display:none; }
.inside-wrap a { font-size:13px; color:#666; }
.inside-wrap a:hover, .inside-wrap a:focus, .inside-wrap a:active, .inside-wrap a.on { font-weight:bold; border-bottom:1px solid #fff; }
.box-inside { display:none; position:relative; margin:50px auto 0 auto; }
.box-inside.show { display:block; }
.box-inside span { display:none; }
.box-inside img { max-width:100%; }

.box-inside .img-m { display:none; }




.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; }
.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:#fff; }
.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; }
.slide-tit-sub p em:before { content:''; display:inline-block; margin-right:10px; vertical-align:middle; width:140px; height:1px; background:#dfdfdf; }

.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; }
.room-info .img-01 h1 { position:relative; z-index:100; padding-left:60px; font-family: 'GyeonggiTitleM'; font-size:110px; 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:-30px; padding:0 10px 0 60px; }
.room-info .txt p { font-family:'Lato'; font-size:18px; color:#393939; }
.room-info .txt p strong { font-weight:900; }
.room-info .txt .btn-reserve { position:absolute; left:500px; top:0; display:inline-block; width:284px; height:40px; line-height:40px; background:#4d779b; 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:224px; margin-left:24px; padding:10px; border-top:2px solid #666564; vertical-align:top; }
.room-info .txt .column-list dl:first-child { margin-left:0; }
.room-info .txt .column-list dt { margin-bottom:15px; font-family:'Lato'; 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; }

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

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

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


/* 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) {
	.header{margin:0px 0 0 70px;}


	
    .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: 328px;}
}	



@media all and (max-width: 1440px) {
	.header {margin: 0px 0 0 0px;}	
.header h1{left:7%;} .header .gnb{margin:28px 0 0 10%;}

 .s_menu_pc{padding-top:18px;}
	
	
	
	.main-con { max-width:auto; }
	.main-top { overflow:hidden; }
	.main-top .main-slider { width:100%; }
	.main-top .main-slider .slide { height:700px; }
	.main-top .main-slider .slide-copy { margin-top:10px; }
	.main-top .main-top-img { width:55%; margin-left:5%; }
	.main-top .main-top-img img { width:80%; }
	.main-top .main-top-01 { margin-top:200px; }
	.main-scroll { width:auto; margin-top:40px; }
    .sub-top-slide.bg-gray {
    background: #bebebf;
    margin: -157px 0;}
}

@media all and (max-width: 1366px) {
	.header {margin: 0px 0 0 0px;}	
	.header .gnb > ul > li > a{font-size:15px; padding:0 40px 0 0;} .header .gnb .gnb-sub li{margin:10px 3px;}
	
	.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; }
	.footer p { font-size:12px; }
	
	.main-top .main-slider { width:100%; }
	.main-top .main-slider .slide { height:600px; }
	.main-top .main-top-img { width:60%; margin-left:5%; }
	.main-top .main-top-01 { margin-top:150px; }

	.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: 360px) {	
	.header .gnb > ul > li > a { font-family: 'NanumSquare', sans-serif; font-weight:bold; font-size:11px; padding:7px 0px 1px 6px;}

}
@media all and (max-width: 1024px) {
	.header .gnb .gnb-sub li a {font-size:13px;color:#79797a; font-weight:bold;}
	
}

	@media all and (max-width: 1024px) {
/*    .header .gnb { float:left; margin:1px 0 0 27px; }*/

	.main-top .main-slider { width:100%; }
	.main-top .main-slider .slide { height:500px; }
	.main-top .main-top-img { width:68%; margin-left:2%; }
	.main-top .main-top-img img { width:65%; }
	.main-top .main-top-01 { width:50%; }
	.main-top .main-top-02 { width:50%; }
	
	.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) {
	.s_menu_pc li { display:none;}

	.slide-btn button{top:63%; width:30px;}

	.header .gnb > ul > li:nth-child(3){margin-right:0px;}
	.header .gnb{margin:36px 0 0 7%;} .header .gnb .gnb-sub.wide{left:0px;} 
	
    .footer p span { display:block; line-height:1.8; }
    .wrapper { padding-top:90px; }
	.wrapper1 { padding-top:280px; }	
	.mobile-only { display:block; }
	    .btn-reserve {
    position: absolute;
    right: 60px;
    top: 20px;
	width:60px;
    z-index: 200;
}

	.btn-top { width:41px; height:36px; }
	.header { position:fixed !important; top:0 !important; left:0 !important; right:0 !important; overflow:visible; margin:0 !important; padding:0 !important; background:#fff !important; height: }
	.header h1 { float:none; padding:0px 0;  text-align:center; left:0;}
	.header h1 img { width:25% !important; margin: 0  !important;; }
	.header .gnb { float:none; margin:0; text-align:center; font-weight: bold; margin-top: 0%}
	.header .gnb > ul > li > a { padding:3px 1px 2px 0px; font-size:12px;   font-weight:bold;}
      /*  .header .gnb > ul > li > a:hover, .header .gnb > ul > li > a:focus, .header .gnb > ul > li > a.on, .header .gnb > ul > li > a.current { font-size: 0.5rem; font-weight: normal;}*/
	.header .gnb > ul > li { padding:0px 2px 5px 0; }
	.s_menu_pc{margin-right:0px;}
	.header .gnb .gnb-sub { top:auto !important; !important; left:0 !important; right:0; padding:0; background:#fff; text-align:center; }
	
	    .header .gnb .gnb-sub.room { top:auto !important; left:0 !important; right:0; padding:0 10px; background:#fff; text-align:center; }
	.header .gnb .gnb-sub { top:auto !important; left:0 !important; right:0; padding:0 10px; background:#fff; text-align:center; }
	.header .gnb .gnb-sub li { margin:0 3px; padding:15px 0px; text-align:center; font-size:10px;  }
	.foot-link { height:350px; padding-top:40px; background-image:url('../img/common/bg_foot_m.jpg'); background-size:cover; }
	.foot-link h1 { font-size:20px; }
	.foot-link p { font-size:12px; }
	.footer p span { display:block; line-height:1.8; }
	.content { margin:0; }
	.table-wrap { width:auto; overflow:auto; }
	.table-wrap iframe {  }
	.con-tit h1 { font-size:25px; }
	
	

	.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:20px; }
	.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: -70% !important
}
    .slide-btn-sub {display: none !important;}
    .btn-reserve {
    position: absolute;
    right: 60px;
    top: 40px;
    z-index: 200;
}
    .btn-tel {
    position: absolute;
    left: 60px;
    top: 40px;
    z-index: 200;
    width: 55px;
    height: 15px;
    font-size: 0;
    background: url(../../img/common/ico_tel.jpg) 0 0 no-repeat;
    background-size: 100%;
}
    .foot-link {
    height: 250px;
    padding-top: 40px;
    background: url(../../img/common/bg_foot_m.jpg) 0 0 no-repeat;
    background-size: 100% 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); }
	.slide-tit-sub h1 span { font-size:13px; }
	.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:13px; }
	.slide-tit-sub p em:before { width:60px; }
	.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:70px; }
	.room-info .img-01 h1 { margin-top:0px; padding-left:30px; font-size:60px; }
	.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:1000px; }

	.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) {	
	.header .gnb > ul > li > a{font-size:11px;}
}

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