@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:#585858; font-family: 'MapoGoldenPier'; font-weight:800;}
.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;}


.footer b:before {content: "";display: inline-block;background-image: url("http://hi-web.co.kr/web/img/hi_web_b.png");vertical-align: middle;width: 22px;height: 22px;background-size: cover;background-position: center;margin: 0 0 4px 4px;}

/*.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; }
.data-list tbody th { background:#f1f1f1; }
.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'); }


@media all and (max-width:1366px){
.slide-btn .btn-prev { left:17px; background-image:url('/web/img/common/btn_prev.png'); }
.slide-btn .btn-next { right:17px; background-image:url('/web/img/common/btn_next.png'); }
}

.link-reserve { display:inline-block; width:248px; height:44px; margin-top:20px; font-size:0; background:url('../img/content/btn_reserve_off.jpg') 0 0 no-repeat; }
.link-reserve:hover, .link-reserve:focus, .link-reserve:active { background-image:url('../img/content/btn_reserve_on.jpg'); }

.star-list {  }
.star-list li { position:relative; margin-top:3px; padding-left:10px; font-size:14px; color:#333;  }
.star-list li:before { content:'*'; position:absolute; left:0; top:0; color:inherit; }
.star-list li.point { color:#ee0038; }

.dash-list {  }
.dash-list > li { position:relative; margin-top:3px; padding-left:10px; font-size:14px; color:#7c7c7c; }
.dash-list > li:first-child { margin:0; }
.dash-list > li:before { content:''; position:absolute; left:0; top:10px; background:#5d5d5d; width:5px; height:1px; }
.dash-list > li ul  { margin:10px 0; }
.dash-list > li ul li { margin-top:5px; }
.dash-list > li ul li span { color:#9f958e; }

.dot-list {  }
.dot-list li { position:relative; margin-top:3px; padding-left:7px; font-size:14px; color:#333; }
.dot-list li:before { content:''; position:absolute; left:0; top:8px; background:#222; width:2px; height:2px; }

.normal-list {  }
.normal-list li { margin-top:5px; font-size:14px; color:#333; }

.txt-bold li { font-weight:bold; color:#222; }

.box-tit { position:relative; height:300px; text-align:center; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.box-tit h1 { position:absolute; top:100px; left:0; right:0; color:#fff; }
.box-tit h1 strong { position:relative; display:block; padding-bottom:20px; line-height:1.2; font-family:'Levenim'; font-size:59px; }
.box-tit h1 strong:after { content:''; position:absolute; left:50%; bottom:0; width:90px; height:1px; margin-left:-45px; background:#fff;; }
.box-tit h1 p { margin-top:20px; font-family:'Nanum Myeongjo'; font-size:15px; }

.con-tit { position:relative;  line-height:1.2; color:#212121; font-family: 'YiSunShinDotumM'; font-weight:normal; font-size:30px;}
.con-tit + p {color:#686765; font-family:'Nanum Barun Gothic' }

.special-list { margin:90px 0 5px 0; text-align:center; }
.special-list ul { margin-top:44px; margin-bottom:30px;}
.special-list li { display:inline-block; margin:0 0px; }
.special-list li a { position:relative; display:block; }
.special-list li span { position:absolute; top:0; left:0; right:0; bottom:0; display:block; line-height:240px; font-size:25px; text-align:center; color:#fff; opacity:0; border-radius:5%; background:rgba(0,0,0,0.5); -webkit-transition:0.6s; -ms-transition:0.6s; transition:0.6s; }
.special-list li a:hover span, .special-list li a:focus span, .special-list li a:active span { opacity:1; }

.room-list-wrap { width:1375px; margin:0 auto; overflow:hidden; text-align:center; }
.room-list-wrap h1 { margin:0 6px 20px 6px; text-align: center; line-height:1.2; color:#000; }
.room-list-wrap h1 strong { display:block; font-size:20px; font-family: 'MapoGoldenPier'; color:#212121; }
.room-list-wrap h1 p { margin-top:7%; line-height:1.7; font-size:14px; }
.room-list-wrap h1 a { display:inline-block; width:238px; height:40px; line-height:40px; font-size:14px; letter-spacing:2px; color:#222; border:1px solid #222; float:none; margin:2% auto 0; font-family:'Jeju Myeongjo', serif;}
.room-list-wrap h1 a:hover { background:#b9a78f; color:#fff; transition: 0.5s ease;  -webkit-transition: 0.5s ease; border:1px solid #b9a78f;}

.room-list-wrap a { float:left; width:330px; overflow:hidden; margin:0 6px 30px 6px; }

.room-list-wrap a.circle {  }
.room-list-wrap  span {color:#000;}
.room-list-wrap a img { max-width:100%; border-radius:10%; -webkit-transition:0.8s; -ms-transition:0.8s; transition:0.8s; margin-bottom:8%;}
.room-list-wrap a.last { margin-left:410px; }
.room-list-wrap a:hover img { opacity:0.5;}


/* main */
.main-con1 { max-width:1762px; }
.main-top { position:relative; overflow:hidden; }
.main-top .main-slider { float:left; width:100%; 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:100px 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:6px; top:-52px; }
.main-scroll .box-03 { position:relative; z-index:10; margin-top:70px; color:#686765; width:50%;}
.main-scroll .box-03 h1 { font-size:40px; font-weight:bold; line-height:1.2; font-family:'MapoGoldenPier';}
.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:25px 0 0 325px; }


.special-view { width:1600px; margin:2% auto;}


.main2 {padding: 0px 0 50px;font-size: 0;overflow: hidden;}
.main2_wrap {position: relative;max-width: 1400px;margin: auto;}
.main2_top {margin-top: 20px;}
.main2_top .main_ab_img {position: relative;display: inline-block;width: 49%;height: 390px;vertical-align: top;}

.main2_bottom {margin-top: 20px;}
.room_preimg .leftWrap {display: inline-block;width: 66%;margin-right: 10px;vertical-align: top;}
.room_preimg .leftWrap .leftTop .main_ab_img {display: inline-block;width: 49.3%;height: 395px;vertical-align: top;}
.room_preimg .leftWrap .img2_1 {display: inline-block;width: 100%;height: 395px;margin-bottom: 20px;vertical-align: top;}
.room_preimg .leftWrap .leftTop .main_ab_img.img2_2 {margin-right: 10px;}
.room_preimg .leftWrap .leftTop .main_ab_img.img2_2 .main_roomimg {background-position: 0 0;}
.room_preimg .leftWrap .leftTop .main_ab_img.img2_ {margin-left: 10px;}
.room_preimg .img2_4 {display: inline-block;width: 32%;height: 810px;margin-left: 10px;vertical-align: top;}
.main2_top .main_ab_img.img2_5 {margin-right: 10px;}
.main2_top .main_ab_img.img2_6 {margin-left: 10px;}

.main2_bottom .leftWrap .img2_7 {display: inline-block;width: 100%;height: 395px;margin-bottom: 20px;vertical-align: top;}
.main2_bottom .leftTop .img2_8 {margin-right: 10px;}
.main2_bottom .leftTop .img2_9 {}
.main2_bottom .leftTop .img2_10 {margin-left: 10px;}
.main2_bottom .leftTop .main_ab_img {display: inline-block;width: 32.85%;height: 395px;vertical-align: top;}

.main_ab_img .main_roomimg {position: absolute;top: 0; right: 0; bottom: 0; left: 0;margin: auto;transform: scale(1);transition: transform 0.35s;}
.main_roomimg {width: 100%; height: 100%;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.main_ab_img {position: relative;overflow: hidden;}

  
  .main_txtbox{  background: #fff;  position: absolute;  z-index: 100 ; padding: 35px 35px;}
  .maintxt .main_txtbox{ right: 150px; top: 50px;  transition: 1s ease;  -webkit-transition: 1s ease;	opacity: 0.7;}
 .maintxt .main_txtbox.on{  top: 200px;}
 
.main_txtbox .en, .main_txtbox .ko{-webkit-writing-mode: vertical-lr;-ms-writing-mode: tb-lr;}
.main_txtbox .ko{padding-left: 0;padding-right: 15px; font-family:'MapoGoldenPier';}
.main_txtbox .ko .no1{ margin-top:-25px;}

.main_txtbox .ko .no3{margin-top: 20px;}
.main_txtbox .en{font-size: 10px;color: #a7a7a7; font-family: 'YiSunShinDotumM',  sans-serif; text-align:center; margin-bottom:25px;}

.maintxt{
				position:relative;
				animation-duration:3s;
				animation-name:myani;
				-webkit-animation-duration:3s;
				-webkit-animation-name:myani;
				-moz-animation-duration:3s;
				-moz-animation-name:myani;
				-webkit-animation-fill-mode:both

				}
			@keyframes myani{
				0%{top:10px; opacity:0;}
				100%{top:100px; opacity:1;}
				
				}
			@-webkit-keyframes myani{
				0%{top:10px;} 
				100%{top:100px;}
				}
			@-moz-keyframes myani{
				0%{top:10px;}
				100%{top:100px;}
				}


.spPre00 .topArea { height:calc(100vh - 130px); margin-bottom:10px;}
.spPre01 { position:relative; width:1510px; margin: 0 auto 5%; height:calc(110vh - 260px);}
.spPre01 div {position:absolute;height:50%; overflow:hidden; border-style:solid; border-color:#fff;  }
.spPre01_01 { width:60%; left:0; top:0; border-width:0 5px 5px 0; }
.spPre01_02 { width:40%; right:0; top:0; border-width:0 0 5px 5px; }
.spPre01_03 { width:40%; left:0; top:50%; border-width:5px 5px 0 0; }
.spPre01_04 { width:60%; right:0; top:50%; border-width:5px 0 0 5px; }
.spPre01 div p { position:absolute; width:100%; height:100%; left:0; top:0; background-position:center center !important; background-size:cover !important; background-repeat:no-repeat; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index:1;}
.spPre01 div:hover p  {-ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); opacity:0.7;}
.spPre01 div a { position:absolute; display:block; width:310px; border:1px solid #fff; left:50%; top:50%; padding:10px 0; margin:-30px 0 0 -155px;text-align:center; color:#fff; background:rgba(0,0,0,0.35); font-size:0.9em; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index:2;}
.spPre01 div a span { display:block; font-size:1.1em; line-height:0.9em; text-transform:uppercase;}



/*Roompre*/
.eleCon .conTitle01 .title_num { display:none;}
.about01 .eleCon .conTitle01 .title_num { display:block;}
.elevationArea { position:relative; }

.roomPre_main { position:absolute; left:18.5%; top:14%; z-index:5; color:#fff; text-align:center; font-family:'MapoGoldenPier';}
.roomPre_main01{font-size:1.3em; letter-spacing:20px; padding-left:20px;}
.roomPre_main02{font-size:4em;}

.roomPre { position:absolute; left:17%; top:25%; z-index:5;}
.roomPre li { text-align:left; font-size:1em; color:#959595; display:inline-block;}
.roomPre li a { display:inline-block; padding:7px 20px; font-size:1em; background:rgba(255, 255, 255, 0.58); color:#000; font-family:'MapoGoldenPier'; text-shadow:1px 1px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
.roomPre li a:hover, .roomPre li a:focus, .roomPre li a.on { background:rgba(0, 0, 0, 0.58); color:#fff;}
.roomLine { position:absolute; width:80%; left:10%; height:1px; background:#ccc; z-index:1;}

.roomMap { position:relative; z-index:3; }
.roomPre02 { position:absolute; width:100%; height:100%; left:0; top:0; z-index:6;}
.roomPre02 a { position:absolute; width:8%; height:30.2%; background:rgba(255, 255, 255, 0.57); text-align:center;  font-family: 'MapoGoldenPier'; font-size:2em; line-height:1em; padding-top:6%; color:#000; -webkit-text-shadow: 1px 1px rgba(0, 0, 0, 0.1); -moz-text-shadow: 1px 1px rgba(0, 0, 0, 0.1); text-shadow:1px 1px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity:1; filter: alpha(opacity=1;);}
.roomPre02 a:hover, .roomPre02 a.on { opacity:1; filter: alpha(opacity=100;); background:rgba(0, 0, 0, 0.0); color:#fff;}
.roomPre02 a span{font-size:0.4em; padding:2% 8%; background: rgba(0, 0, 0, 0.63);  color:#fff;}
.roomPre02 a.room_01 { left:13.7%; top:52.8%;} 
.roomPre02 a.room_02 { left:27%; top:52.8%;} 
.roomPre02 a.room_03 { left:55.2%; top:14%;}
.roomPre02 a.room_04 { left:68.8%; top:14%;} 
.roomPre02 a.room_05 { left:55.2%; top:52.8%;}
.roomPre02 a.room_06 { left:68.8%; top:52.8%;} 


/* Room */
.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-top { max-width:1764px; overflow:hidden; margin:0 auto; }
.room-info { float:right; width:812px; padding:90px 0 0 30px; color:#686765; }
.room-info .room-info-img { margin-left:-30px; max-width:100%; }
.room-info h1 { position:relative; margin-top:-52px; padding-bottom:15px; }
.room-info h1:after { content:''; position:absolute; bottom:0; left:0; width:90px; height:1px; background:#686765; }
.room-info h1 strong { line-height:1.1; font-family:'Levenim'; font-size:59px; }
.room-info h1 span { margin-left:10px; font-size:20px; }
.room-info dl { font-size:12px; }
.room-info dt { margin-top:20px; }
.room-info dd { margin-top:5px; }
.room-info h2 { margin-top:20px; font-family:'Century'; font-size:15px; }
.room-info ul { margin-top:5px; }
.room-info li { line-height:1.7; font-size:12px; }
.room-slider { float:left; }
.room-slider img { max-width:100%; }
.room-view { margin-top:80px; text-align:center; }
.room-view img { display:block; max-width:100%; margin:0 auto; }

.room-preview { position:relative; margin-bottom:80px; text-align:center; }
.room-preview-tit { position:absolute; top:100px; left:0; right:0;  }
.room-preview h1 { font-size:60px; color:#fff }
.room-preview h1:after { background:#fff; }
.room-preview h1 + p { font-family:'Nanum Myeongjo'; font-size:15px; color:#fff }
.room-preview img { max-width:100%; }
.room-preview span { display:none; position:absolute; width:50px; height:50px; line-height:50px; letter-spacing:1px; color:#000; font-family:'Levenim'; font-size:14px; border-radius:100%; background:rgba(255,255,255,0.5); -webkit-transition:0.3s; -ms-transition:0.3s; transition:0.3s; }
.room-preview span.over { display:block; border:0; background:rgba(249,252,73,0.6); animation:table-guide 1.5s infinite; }

/* Special */
.special-con {position:relative; margin-top: -3%; }
.special-con .header { position:absolute; margin: 50px 0 0 10px;; overflow:visible; }
.special-con .header:before { display:none; content:''; position:fixed; left:0; top:0; width:1500px; height:130px; background:rgba(255,255,255,0.7); -webkit-transition:0.6s; -ms-transition:0.6s; transition:0.6s; background:rgba(255,255,255,0.7); }
.special-con .header:hover:before { display:block; }
.special-con .header .gnb-sub { top:40px; }
.special-slide-wrap { position:relative;  }
.special-slide-wrap h1 { position:absolute; left:0; right:0; top:40%; text-align:center; color:#fff; }
.special-slide-wrap h1 strong { position:relative; display:block; padding-bottom:20px; line-height:1.2; font-family:'Levenim'; font-size:58px; }
.special-slide-wrap h1 strong:after { content:''; position:absolute; bottom:0; left:50%; width:90px; height:1px; margin-left:-45px;  background:#fff; }
.special-slide-wrap h1 p { margin-top:25px; line-height:1.7; font-family:'Nanum Myeongjo'; font-size:15px; }
.special-slide .slide { background-position:center center; background-repeat:no-repeat; background-size:cover; transition:0.5s; }
.special-slide .slide-effect { -webkit-animation:slide-effect 7s; -ms-animation:slide-effect 7s; animation:slide-effect 7s; }

.special-view { position:relative; width:1640px; margin:2% auto; }
.special-view .scroll-obj { opacity:0; }
.special-view .scroll-obj.active { opacity:1; -webkit-animation:active-y 1.5s 1; -ms-animation:active-y 1.5s 1; animation:active-y 1s 1; }
.special-view .scroll-obj img { max-width:100%; }


.supmap { position:relative; margin:3.5em 0; font-size:1.1em; font-weight:400; text-align:center; color:#1b1b1b; }
.supmap .title01 {display:block; font-size:2.2em; line-height:1.2em; letter-spacing:-0.02em; margin-bottom:0.5em; } 
.supmap .title02 { display:block; font-family:'MapoGoldenPier'; font-size:1em; line-height:1.3em; font-weight:300; margin-bottom:1em;}
.supmap .title03 { display:block;  font-size:10px; line-height:1.2em; color:#a7a7a7; font-weight:100; letter-spacing:0.05em; opacity:0.6; filter: alpha(opacity=60;);}
.title_line:after { content:''; position:absolute; left:50%; top:110%; width:60px; height:1px; margin-left:-30px; background:#c7c7c7; }
 


.special-view .special-01 h1 { max-width:620px; margin:5px auto 9px auto; padding-bottom:20px; font-family:'BBTreeGB',  sans-serif; font-size:25px; color:#434450; border-bottom:1px solid #8a8988; }
.special-view .special-01 img { margin-top:10px; }
.special-view .special-02 { float:left; margin:0px 0 100px 0px; color:#686765; }
.special-view .special-02 h1 { margin-top:45px; font-size:20px; font-weight:bold; line-height:1.2; font-family:'MapoGoldenPier';}
.special-view .special-02 h1 span { font-weight:normal; color:#686765; border-bottom:1px solid #686765; }
.special-view .special-02 p { margin-top:20px; font-size:14px; }
.special-view .special-03 { float:left; margin:209px 0 50px 120px;}
.special-view .special-03 img { display:block; margin:0 auto 80px auto; }
.special-view .special-04 { clear:both; }
.special-view .special-041 { clear:both; }
.special-view .special-05 { margin-top:140px; }
.special-view .special-05 img { display:inline-block; margin:0 20px; }
.special-view .special-06 { margin-top:140px; text-align:center; }
.special-view .special-06 img {margin:0 20px; }
.special-view .special-07 { clear:both; }

.about02img {padding:0 24px 0 0;}
.about03img {}


.spimg_01 {margin:2% auto;}
.sp_txt{ text-align: center; margin-top: -50px;}
.sp_txt .wrapper{  max-width: 1550px;   display: inline-block;   width: 100%;  padding: 0 20px;}
.sp_txt .col{  width: 50%;   float: left;}
.sp_txt .col.tit{ text-align: left; font-size: 53px; font-weight: 500; line-height: 1; letter-spacing: -1.4px;  font-family: 'MapoGoldenPier'; }
.sp_txt .col.txt_wrap{ text-align: right;  padding-top: 130px;}
.sp_txt .col.txt_wrap .txt{ font-size: 23px;  line-height: 1.4;  letter-spacing: -1.3px; font-family:'Montserrat', 'Nanum Gothic',  sans-serif;}
.sp_txt .col.txt_wrap .subtxt{ font-size: 15px; line-height: 1.5;  letter-spacing: -0.9px;}


.sp_main_info .sp_no1{ position: relative; display: inline-block; width: 100%;margin-top:30px;}
.sp_main_info .sp_no1 .img_wrap{  width: 61%;  float: left;}
.sp_main_info .sp_no1 .img_wrap .img{ padding-top: 0%;margin-left:10%;}
.sp_main_info .sp_no1 .txt_wrap{ width: 35%;  float: left;  padding-left: 4%; padding-right: 15px;  padding-top: 5%;  margin-bottom: 100px;}
.sp_main_info .sp_no1 .txt_wrap .en{ font-size: 15px;  font-family: 'Noto Sans', sans-serif; margin-bottom: 5px; color: #898989;font-style: italic;}
.sp_main_info .sp_no1 .txt_wrap .txt{font-size: 26px; font-weight: 100;  margin-bottom: 20px;}
.sp_main_info .sp_no1 .txt_wrap .txt2{  font-size: 14px; line-height:1.5;}
.sp_main_info .sp_no2{  padding-left: 48.4%;  padding-right: 5%; margin-top: 3%;  position: relative;}
.sp_main_info .sp_no2 .img_wrap .img{ padding-top: 0%;}
.sp_main_info .sp_no2 .img_wrap .txt_wrap{ position: absolute; left: 0;  top: 5%; width: 52%;}



/* Reservation */
.box-tit.bg-map { background-image:url('/web/img/rev/map_main.jpg'); }
.box-tit.bg-rom { background-image:url('/web/img/rev/room_main.jpg'); }
.box-tit.bg-sp { background-image:url('/web/img/rev/sp_main.jpg'); }
.box-tit.bg-com { background-image:url('/web/img/rev/com_main.jpg'); }


.reserve-info { width:98%; margin:60px auto 30px auto; }
.reserve-info .txt-top { text-align:center; font-family:'Levenim'; font-size:12px; color:#9e9d9c; }
.reserve-info h1 { max-width:620px; margin:10px auto 40px auto; padding-bottom:15px; text-align:center; font-family: 'BBTreeGB'; ; font-size:25px; color:#434450; border-bottom:1px solid #8a8988; }
.reserve-info dl { margin-bottom:25px; text-align:center; }
.reserve-info dt { font-size:30px; font-family:'Levenim'; color:#727171; margin-bottom:25px;}
.reserve-info dd { margin-top:5px; font-size:14px; color:#8a8988; }
.reserve-info h2 { margin:20px 0 10px 0; }
.reserve-info h2:first-child { margin-top:0; }
.reserve-info h2 span { display:inline-block; padding-bottom:3px; font-size:19px; color:#222; border-bottom:1px solid #222; }
.reserve-info h3 { margin-top:20px; font-size:14px; }
.reserve-info .txt { line-height:1.6; font-size:14px; color:#555; }
.info-sub { position:relative; margin-top:20px; }
.info-sub ul { margin-bottom:40px;  }
.info-sub .link-reserve { position:absolute; top:0; right:0; margin:0; }
.info-link { margin-top:30px; }
.info-link a { display:inline-block; margin-right:30px; }

.reserve-info-wrap { padding:60px 0; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.reserve-info-wrap.bg-reserve { background-image:url('../img/sub6_reser_bg.jpg'); }
.reserve-info-wrap .reserve-info { margin:0 auto; }




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

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

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

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

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

/* media query */
@media all and (max-width: 1763px) {
	.room-top { max-width:none; padding:0 10px; }
	.room-info { width:600px; padding:50px 0 0 20px; }
	.room
	.room-slider { width:700px; }
}
@media all and (max-width: 1680px) {
	.header{margin:0px 0 0 70px;}
	.room-top { max-width:none; padding:0 10px; }
	.room-info { width:600px; padding:50px 0 0 20px; }
	.room
	.room-slider { width:700px; }
    .main-top .main-slider {
    float: left;
        width: 100%;
/*    margin-left: 1.6%;*/
    }
    .main-scroll {
    position: relative;
    width: 1390px;
        margin: 100px auto 0 auto;}
    .foot-link {
    clear: both;
        height: 336px;}
		
	
	.main-scroll .box-03{width:43%;}
	.box-01 img{width:58%;}
	.box-02 img{width:90%;}
}

@media all and (max-width: 1649px) {
    .main-top .main-slider {
/*        margin-left: 2%;*/
    float: left;
    width: 100%;
        overflow: hidden;}
	.room-list-wrap { width:auto; padding:0 140px; }
	.room-list-wrap h1, .room-list-wrap a { margin:0 0 18px 8px; }
	.room-list-wrap h1 strong { padding-top:10px; }
	.room-list-wrap a.last { margin-left:25.5%; }
	.room-list-wrap a{width:310px;}

	.special-view .special-01{padding-top:10px;}
	.special-view { width:1400px; padding:0 10px; }
    .special-view .special-02 {margin: 95px 0 15px 45px !important;}
	.special-view .special-03 { float:left; margin:170px 0 50px 110px;}
	.special-view .special-05 img { width:45%; }
	.special-view .special-06 img { width:auto; padding:0 10px; }
	
    .foot-link {
    clear: both;
        height: 280px;}
    .main-scroll .box-04 {
/*    margin: -20px 0 0 250px;*/
}
.about03img{width:46.7%;} .about02img{ width:46.7%;} .img_wap{width:95.5%;}
.spPre01{width:1375px;}
.sp_main_info .sp_no2 .img_wrap .txt_wrap{width:46%;}
}

@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;}
	
.main2_wrap{max-width:1340px;}

.main-scroll { width: 1122px;}
.box-02 img{width:80%;}
.box-01 img{width:94%;}

.room-list-wrap { width:auto; padding:0 135px; }
.special-view .special-02 h1 span { font-weight:normal; color:#686765; border-bottom:1px solid #686765; }
.special-view .special-02 p { margin-top:20px; font-size:14px; }
.main-scroll .box-03{width:33%;}
.main-scroll .box-02{ right:-120px; top:-42px;;} 
.about03img{width:48.63%;} .about02img{width:48.63%;}
.img_wap{width:100%;}
.spPre01{width:1240px;}

    	.main-scroll .box-01 { width:60%; }
    .main-scroll .box-04 {
        margin: -20px 0 0 100px;}
	.main-con { margin:auto; width:1370px; }
	.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:50%; margin-left:8%; }
	.main-top .main-top-img img { width:80%; }
    .main-top .main-top-01 {    margin-left: -9.2%;}
    .main-top .main-top-02 {margin-top: -70%}
	
	.inside-wrap ul{width:55%;}
	.room-list-wrap a{width:222px;}
	
	.main2_bottom .leftTop .main_ab_img{width:32.80%;}

    .rev {margin: 0 auto; width: 72%;}
    .btn-reserve {
    position: absolute;
    right: 305px;
    top: 0px;
        z-index: 200;}
  .foot-link { clear:both; height:250px; margin-top:7px; padding-top:30px; text-align:center; color:#4c4c4c; background-size:100%; }
.foot-link p {
    font-size: 14px;
}

.roomPre02 a{font-size:1.5em;}
.roomPre_main{left:15.5%;}
.roomPre{top:28%; left:14%;}
.room-list-wrap a{width:270px;}
}

@media all and (max-width: 1366px) {
	.main-con { margin:auto; width:1348px; }
	.header {margin: 0px 0 0 0px;}	
	
	.header h1{left:5%;} .header .gnb{margin:30px 0 0 10%;}
	.header .gnb > ul > li > a{font-size:15px; padding:0 40px 0 0;} .header .gnb .gnb-sub li{margin:10px 3px;}
	
	.maintxt .main_txtbox{top:-45px;}

	
	
	.box-02 img{width:81%;}
	.box-01 img{width:100%;}
	.main-scroll .box-01{width:57%;}
	.main-scroll .box-02{right:-95px;}
	
	.foot-link h1{font-size:14px;}
	.foot-link{height:235px; padding-top:35px;} .foot-link p{margin:22px 0 20px 0;}
	.s_menu_pc{margin-right:67px;}
	.special-list li { margin:0 5px; }
	.room-list-wrap { width:auto; padding:0 115px; }
	.box-inside span { position:absolute; display:none !important;}
	.box-inside{width:65%}.btn_link{margin-top:400px;}
	.inside-wrap{height:600px;}

	.room-list-wrap h1 p{margin-top:70px;} .main2_wrap{width:1280px;}
	
	.special-view{width:1280px;}
}

@media all and (max-width: 1280px) {
	.main-scroll .box-03 h1{font-size:40px;}
	
	.btn_link{margin-top:355px;}
	
	.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; }
	.room-list-wrap h1 p { font-size:12px; }
	.room-list-wrap a{width:235px;}
	.room-info { width:600px; padding:0 0 0 20px; }
	.room-slider { width:600px; }

	.room-preview-tit { top:50px; }
    .room_view .img div.img03 { width:700px; }
}

@media all and (max-width: 1200px) {
	
	.inside-wrap { height:auto; padding:20px; }
	.inside-wrap ul { padding-top:0; }.inside-wrap ul{border-bottom:2px solid #a6a6a6; margin:auto; width:100%;}
	.inside-wrap ul li { margin-left:10px; padding-left:10px; }
	.inside-wrap ul li a { font-size:12px; }
	.box-inside { width:auto !important; height:auto !important; margin-top:30px;}
	.box-inside span, .box-inside > div { display:none !important; }
	.box-inside .img-m { display:block; margin:0 auto; }
}

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

.header .gnb > ul {  }
.header .gnb > ul > li { display:inline-block; }
.header .gnb > ul > li > a { position:relative; display:block; padding:0 30px 0 0; text-align:center; font-size:16px; color:#434450;  font-weight:900;}
/*.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: 1.1rem; font-weight: bold;}*/
.header .gnb .gnb-sub { display:none; position:absolute; top:40px; z-index:1000; width:100%;  }
.header .gnb .gnb-sub.current { display:block; }
.header .gnb .gnb-sub.pro { left:460px; }
.header .gnb .gnb-sub.room { left:430px; }
.header .gnb .gnb-sub.wide { left:540px; }
.header .gnb .gnb-sub.tour { left:735px; }
.header .gnb .gnb-sub.locat { left:818px; }
.header .gnb .gnb-sub.rev { left:895px; }
.header .gnb .gnb-sub.commu { left:935px; }
.header .gnb .gnb-sub li { display:inline-block; margin-right:15px; }
.header .gnb .gnb-sub li a { font-size:13px; color:#79797a; font-weight:bold; }
.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; }

	.main-top .main-slider { width:100%; }
	.main-top .main-slider .slide { height:500px !important; }
	.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%; }

	.main-scroll .box-01 { width:60%; }
	.main-scroll .box-02 { top:50px; right:10px; width:30%; text-align:right; }
	.main-scroll .box-03 { margin-top:60px; padding-left:80px; }
	.main-scroll .box-03 h1 { font-size:32px; }
	.main-scroll .box-04 { margin:-20px 0 0 70px; }

	.special-list li { margin:0 10px 10px 0; }

	.room-list-wrap h1, .room-list-wrap a { height:235px; }
	.room-list-wrap h1 strong { font-size:18px; }
	.room-list-wrap h1 p { font-size:10px; }

	.room-info { width:500px; padding:0 0 0 20px; }
	.room-slider { width:450px; }

	.room-preview-tit { top:50px; }
	.room-preview h1 { font-size:40px; }
	.room-preview h1 + p { font-size:13px; }
    	.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; }
}

@media all and (max-width: 1000px) {
	.video {width:100% !important;}
	
	.supmap .title02{font-size:0.8em;}
	
	.header .gnb > ul > li:nth-child(3){margin-right:0px;}
	.header .gnb{margin:36px 0 0 7%;} .header .gnb .gnb-sub.wide{left:0px;} 
	
	.obj-01 img{display:none;}
	.box-inside span { position:absolute; display:none; }
	.s_menu_pc li { display:none;}
	
    .slick-track img {width: 100% !important;}
     .wrapper2 { padding-top:90px; }
    .rev {
    margin: 0 auto;
        width: 100%;}
    .main-inside {
    margin: 50px 0 50px 0;
    text-align: center;
}
.roomPre_main{ font-size:0.3em; left:35px;}
.roomPre_main01{letter-spacing:6px; padding-left:10px;}
.roomPre{display:none;}
.roomPre02 a{font-size:0.5em;}
.roomPre02 a span{display:none;}

.spPre01{width:100%; margin:0 auto 40%;}

.sp_txt .wrapper{padding:0 4px;}
.special-view { max-width:100%;}
.sp_txt .col.tit{font-size:29px;}
.sp_txt{margin-top:0px;}
.sp_txt .col{width:100%;} .sp_txt .col.txt_wrap{padding-top:40px;}
.sp_txt .col.txt_wrap .txt{font-size:17px; font-weight:bold;}
.sp_txt .col.txt_wrap .subtxt{font-size:11px;}

    .btn-reserve {
    position: absolute;
    right: 60px;
    top: 20px;
	width:60px;
    z-index: 200;
}
    .btn-tel { display:none !important;}
    
  
    .slide {height: 300px !important;}
    .btn-scroll   { display:none;}
	.wrapper { padding-top:90px; }	
	.mobile-only { display:block; }
	.btn-top { width:41px; height:36px; }
	.header { position:fixed !important; top:0 !important; left:0 !important; right:0 !important; overflow:visible; margin:0; 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 7px 5px 0; }
	.s_menu_pc{margin-right:0px;}
	.header .gnb .gnb-sub { top:auto !important; /*bottom:-24px !important;*/ left:0 !important; right:0; padding:0; background:#fff; text-align:center; }

	.tr_btn{width:249px !important; height:41px !important; font-size:20px !important; margin-top:-20px  !important;}
		
	.header .gnb .gnb-sub li { margin:0 0px; padding:15px 3px; text-align:center; font-size:8px;  }
	.foot-link { height:250px; padding-top:40px; background-image:url('/web/img/common/bg_foot_m.jpg'); background-size:cover;   background-size: 155% 100%;}
	.foot-link h1 { font-size:13px; }
	.foot-link p { font-size:12px; }
   	.btn-top { width:41px; height:36px; }
	.footer{ padding:12px 0 12px 0;}
	.footer p{ font-size:11px;}
	.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-btn button { width:40px; height:40px; }

	.box-tit { height:220px; }
	.box-tit h1 { top:80px; }
	.box-tit h1 strong { padding-bottom:10px; font-size:30px; }
	.box-tit h1 strong:after { width:50px; margin-left:-25px; }
	.box-tit h1 p { margin-top:10px; font-size:12px; }

	.main-con { width:auto !important; }
	.main-top { padding:0; height:auto !important; }
	.main-top .main-slider { float:none; width:auto; }
	.main-top .main-slider .slide { min-height:0px; }
	.main-top .main-slider .slide-copy { font-size:11px; }
	.main-top .main-top-img { float:none; width:100%; margin-top:10px; margin-left:0; }
	.main-top .main-top-img img { width:auto; }
	.main-top .main-top-01 { margin-top:20px; }
	.main-top .main-top-02 { width:45%; }
	

	.main-scroll { margin-top:60px; padding:0; max-width:100%;}
	.main-scroll .box-01 { width:auto; }
	.main-scroll .box-01 img{margin-bottom:0px !important;}
	.main-scroll .box-02 { position:static; width:auto; margin:20px 0; padding:0 10px; text-align:center; }
	.box-02 img{width:100%;}
	.main-scroll .box-03 { margin:23px auto; width:100%; padding-left:0;}
	.main-scroll .box-03 h1 { font-size:20px; text-align:center;}
	.main-scroll .box-03 p { font-size:12px; margin:3% auto; text-align:center;}
	.main-scroll .box-04 { margin:0; }
	
	.special-con .header:before { display:none !important; }
	.special-list { margin:85px 0 80px 0; }
	.special-list ul { margin-top:40px; }
	.special-list li { margin:0 10px 10px 0px; width:46%;}
	.special-list li span { opacity:1; font-size:19px; line-height:198px;}

	.room-list-wrap { padding:0; text-align:center; }
	.room-list-wrap h1 { position:relative; float:none; width:auto; height:auto; padding-bottom:10px; text-align:center; }
	.room-list-wrap h1 strong { position:relative; padding:0 0 5px 0; }
	.room-list-wrap h1 p { margin-top:45px; font-size:12px; }
	.room-list-wrap a { float:none; display:inline-block; width:45%; height:auto; margin:0 0 5px 0; }
	.room-list-wrap a.last { margin-left:30%; }
	
	.btn_link{width:145px; font-size:10px !important; margin-top:147px;}

	.room-top { margin:0; padding:0; }
	.room-info { width:auto; padding:0; }
	.room-info .room-info-img { margin:0; }
	.room-info h1 { margin-top:-35px; }
	.room-info h1 strong { line-height:1.1; font-size:40px; }
	.room-info h1 span { margin-left:10px; font-size:15px; }
	.room-info dd, .room-info li { font-size:11px; }
	.room-info h2, .room-info dl, .room-info ul { padding:0 10px; }
	.room-info h1, .room-info a { margin-left:10px;  }
	.room-slider { width:auto; margin-top:50px;}

	.room-preview { overflow:hidden; }
	.room-preview-tit { top:50px; }
	.room-preview h1 { padding-bottom:10px; font-size:25px; }
	.room-preview h1 + p { margin-top:15px; font-size:11px; }
	.room-preview img { max-width:none; width:180%; margin:0 -40%; }
	.room-preview span { display:none; position:absolute; width:40px; height:40px; line-height:40px; letter-spacing:0; font-size:11px; }

    .special-view .special-02 img:nth-child(6) { width: 48.3%; margin-left: 0%}
    .special-view .special-02 img:nth-child(7) { width: 40%;}
    
	.special-slide-wrap h1 { top:30%; }
	.special-slide-wrap h1 strong { font-size:35px; }
	.special-slide-wrap h1 p { font-size:13px; }
	.special-view .scroll-obj { float:none !important; text-align:center; width:100%; margin:2% auto;}
	.about02img{ padding: 0 0 0 0;}
	.special-view .special-01 p { font-size:11px !important; padding:0; }
	.special-view .special-01 p.small { font-size:11px; }
	.special-view .special-01 h1 {padding-bottom:10px; font-size:18px; }
	.special-view .special-02 { width:auto; margin:50px auto 10px auto !important; }
	.special-view .special-02 h1 { margin:30px 0 20px 0; font-size:15px; }
	.special-view .special-02 p { margin-top:10px; font-size:12px; }
	.special-view .special-03 { width:auto; margin:80px 0 50px 0;}
	.special-view .special-03 img { margin-bottom:30px; }
	.special-view .special-05 { margin-top:70px; }
	.special-view .special-05 img { display:block; width:auto; margin:0 auto; }	
	.special-view .special-06 { width:auto; margin:80px 0 50px 0; }
	.special-view .special-06 img { margin-bottom:30px;}
	
	.sp_main_info .sp_no1 .txt_wrap{width:100%;}
	.sp_main_info .sp_no1 .img_wrap{width:100%;}
	.sp_main_info .sp_no1 .img_wrap .img{margin-left:0;}
	.sp_main_info .sp_no2 .img_wrap .txt_wrap{width:100%; position:inherit;}
	
	.sp_main_info .sp_no2{padding-left:0; padding-right:0;}
	.spPre01 div{width:100%; position:inherit; height:30%;}
	.spPre01_03{top:0%;}
	.spPre01_04{top:0%;}
	
	.about02img{margin-top:4%;}


	.reserve-info { width:auto; padding:0 35px; }
	.reserve-info .txt-top { font-size:10px; }
	.reserve-info dd { font-size:12px; }
	.reserve-info li { font-size:12px; }
	.reserve-info .link-reserve { position:static; display:block; margin:0 auto 50px auto; }
	.reserve-info .txt { font-size:12px; }
	.info-link { text-align:center; }
	.info-link a { margin:0 0 10px 0; }


	.pc-price { display:none; }
	.m-price { display:block; }
	
	.room_preimg .leftWrap .img2_1{ width:50%; height:180px;}
	.room_preimg .leftWrap .leftTop .main_ab_img{width:24%; height:173px;}
	.main2_top .main_ab_img{width:16%; height:150px;}
	.room_preimg .img2_4{display:none;}
	.main2_top .main_ab_img.img2_5{margin-right:0px;}
	.main2_bottom .leftWrap .img2_7{width:33%; height:200px;}
	.main2_bottom .leftTop .main_ab_img{width:10.5%; height:150px;}
	
	.maintxt .main_txtbox{top:-410px; padding:15px 20px; right:10px;}
	.main_txtbox .ko{font-size:11.5px;} .main_txtbox .en{font-size:0.5rem;}
	
	

	
}

@media all and (max-width: 700px) {
    .slide-btn{display: none;}
/*	.header .gnb .gnb-sub.wide { bottom:-55px !important; }*/
    .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%; }
    	.room_view div.img01,
	.room_view div.img02 { display:none; }
}

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

	.header .gnb > ul > li > a{font-size:11px;}

	.main-scroll .box-03 p { font-size:11px; }
	
	.inside-wrap ul{width:100%;}
	.inside-wrap{padding:2px;}
}

@media all and (max-width: 321px) {	
	.header .gnb > ul > li { padding-right:3px; }
	.header .gnb > ul > li > a { font-family: 'NanumSquare', sans-serif; font-weight:bold; font-size:11px;}
	.con-tit + p { font-size:11px; }

	.main-scroll .box-03 p br { display:none; }

	.main-inside { margin:80px 0; }
	.inside-wrap ul li { margin-left:5px; padding-left:5px; }
	.inside-wrap ul li a { font-size:11px; }
}