@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:#f3f3f3;}
.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('/web/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:43%;}
.header h1 a img{ width: 80%; /*margin:-6%; margin-bottom: 13%;*/ }
.header .gnb { float:left; margin:44px 0 0 13.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.pro { left:395px; }
.header .gnb .gnb-sub.room { left:385px; }
.header .gnb .gnb-sub.wide { left:370px; }


.header .gnb .gnb-sub { display:none; position:absolute; top:65px; 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 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('/web/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: #b9a78f;}
.footer strong { font-size:12px; font-weight:400; color:#fff; }
.footer a.foot-tel { display:block; margin-bottom:20px; font-size:18px; color:#fff; }
.footer p { margin-top:5px; font-size:11px; color:#4c391d; }
.footer p span { display:inline-block; margin:0 7px; }
.footer p a { color: #c2c2c2; }
.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:#b9a78f; color:#fff; transition: 0.5s ease;  -webkit-transition: 0.5s ease; border:1px solid #b9a78f;}



/*.content { margin:-60px 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; border-left:1px solid #828681; background:#f1f1f1; }
.data-list tbody th { background:#f1f1f1; }
.data-list tbody td { padding:10px; border-top:1px solid #e7e7e7; border-left:1px solid #828681; }
.data-list thead tr th:first-child { border-left:0; }
.data-list tbody tr td:first-child { border-left:0; }
.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:76px; height:76px; overflow:hidden; margin-top:-38px; background-repeat:no-repeat; background-position:0 0; background-size:100%; }
.slide-btn .btn-prev { left:10px; background-image:url('../img/common/btn_prev.png'); }
.slide-btn .btn-next { right:10px; background-image:url('../img/common/btn_next.png'); }
.slide-btn .btn-prev:hover { background-image:url('../img/common/btn_prev_on.png'); }
.slide-btn .btn-next:hover { background-image:url('../img/common/btn_next_on.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; padding-bottom:20px; line-height:1.2; font-family:'Levenim'; font-weight:normal; font-size:30px; color:#686765; }
.con-tit:after { content:''; position:absolute; bottom:0; left:50%; width:90px; margin-left:-45px; height:1px; background:#686765; }
.con-tit + p { margin-top:25px; color:#686765; font-family:'Nanum Barun Gothic' }

.special-list { margin:175px 0 160px 0; text-align:center; }
.special-list ul { margin-top:70px; }
.special-list li { display:inline-block; margin:0 15px; }
.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:139px; text-align:center; color:#fff; opacity:0; border-radius:100%; 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:1650px; margin:0 auto; overflow:hidden; text-align:center; }
.room-list-wrap h1 { float:left; width:393px; height:396px; margin:0 6px 20px 6px; text-align:left; line-height:1.2; color:#686765; }
.room-list-wrap h1 strong { display:block; padding-top:100px; font-size:30px; }
.room-list-wrap h1 p { margin-top:25px; line-height:1.7; font-size:14px; }
.room-list-wrap a { float:left; width:393px; height:396px; overflow:hidden; margin:0 6px 20px 6px; }
.room-list-wrap a.circle {  }
.room-list-wrap a img { max-width:100%; -webkit-transition:0.8s; -ms-transition:0.8s; transition:0.8s; }
.room-list-wrap a.last { margin-left:410px; }
.room-list-wrap a:hover img { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); }
.room-list-wrap a.circle:hover img { -webkit-transform:scale(0.9); -ms-transform:scale(0.9); transform:scale(0.9); }


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


.box-tit.bg-tour { background-image:url('/web/img/rev/tour_main.jpg'); }
.tour-info { width:996px; margin:60px auto 0 auto; }
.tour-info .txt-top { text-align:center; font-family:'Levenim'; font-size:12px; color:#9e9d9c; }
.tour-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; }
.tour-info .txt-sub { text-align:center; font-size:14px; color:#8a8988;  }

.tour-list-wrap { max-width:1480px; margin:40px auto 100px auto; padding:0 10px; }
.tour-list { overflow:hidden; }
.tour-list li { clear:both; min-height:400px; overflow:hidden; margin-bottom:20px; margin-top: 3%; }
.tour-list li .tour-slide { float:right; width:50%; }
.tour-list li .tour-slide .slide { height:400px; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.tour-list li .tour-txt { float:left; width:50%; padding:40px; color:#646464; border: 2px solid #999; height: 400px; }
.tour-list li .tour-txt h1 { margin-bottom:20px; }
.tour-list li .tour-txt h1 span { font-size:15px; }
.tour-list li .tour-txt h1 strong { display:block; font-size:25px; font-weight:normal; color:#434450; font-family:'MapoGoldenPier';}
.tour-list li .tour-txt p { font-size:14px; }
.tour-list li .tour-txt .distance span { display:inline-block; margin-top:20px; border-bottom:1px solid #646464; }
/*.tour-list li .tour-txt .location span { display:inline-block; margin-top:5px; padding-left:25px; border-bottom:1px solid #646464; background:url('../img/common/ico_location.jpg') 0 center no-repeat; }*/
.tour-list li .tour-txt a { display:inline-block; margin-top:20px; }
.tour-list li:nth-child(even) .tour-slide { float:left; width:50%; }
.tour-list li:nth-child(even) .tour-txt { float:right; width:50%; border: 2px solid #999; height: 400px; }


.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: 1649px) {
	.header{margin:0px 0 0 70px;}
	.header .gnb{margin:36px 0 0 7.5%;} 
	.header .gnb .gnb-sub.pro{left:263px;}
	.header .gnb .gnb-sub.room{left:250px;}
	.header .gnb .gnb-sub.wide{left:235px;} .s_menu_pc{padding-top:18px;}
	    .foot-link {
    clear: both;
        height: 280px;}
}
@media all and (max-width: 1440px) {
	.header {margin: 0px 0 0 0px;}	
.header h1{left:44%;}
.header .gnb > ul > li:nth-child(3){margin-right:140px;}
.header .gnb{margin:36px 0 0 6%;}
.header .gnb .gnb-sub.pro{left:230px;}
.header .gnb .gnb-sub.room{left:220px;}
.header .gnb .gnb-sub.wide{left:210px;} .s_menu_pc{padding-top:18px;}
	
	
	
	.main-con { max-width:auto; }
	.main-top { overflow:hidden; padding:0 20px; }
	.main-top .main-slider { width:40%; }
	.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:150px; padding:0 20px;}
	 .foot-link { clear:both; height:250px; margin-top:7px; padding-top:30px; text-align:center; color:#4c4c4c; background-size:100%; }
}

@media all and (max-width: 1366px) {
	.main-con { margin:auto; width:1348px; }
	.header {margin: 0px 0 0 0px;}	
	.header h1{left:44.5%;}
	.header .gnb > ul > li:nth-child(3){margin-right:130px;}
	.header .gnb{margin:36px 0 0 7.5%;} .header .gnb .gnb-sub.wide{left:170px;} .s_menu_pc{padding-top:18px; margin-right:65px;}
	.header .gnb > ul > li > a{padding:0 50px 0 0;}
	
	.foot-link h1{font-size:14px;}
	.foot-link{height:235px; padding-top:35px;} .foot-link p{margin:22px 0 20px 0;}
	
	.main-scroll .box-03 { padding-left:150px; }
	.main-scroll .box-04 { margin:-20px 0 0 100px; }
	.special-list li { margin:0 5px; }

	.special-view .special-02 { margin:95px 0 0 20px; }
}

@media all and (max-width: 1280px) {
	.main-top .main-slider { width:35%; }
	.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, .room-list-wrap a { height:300px; }
	.room-list-wrap h1 p { font-size:12px; }

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

	.room-preview-tit { top:50px; }

}

@media all and (max-width: 1200px) {
	.inside-wrap { height:auto; padding:20px; }
	.inside-wrap ul { padding-top:0; }
	.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 .gnb-sub li a {font-size:12px;color:#79797a;}
     .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;}
	
	.main-top .main-slider { width:30%; }
	.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%; }

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

@media all and (max-width: 800px) {
	.header .gnb > ul > li > a:hover::after, .subNav li.this a::after { width:100%; }
	.s_menu_pc li { display:none;}
	
   .btn-reserve {
    position: absolute;
    right: 60px;
    top: 20px;
	width:60px;
    z-index: 200;
}
    .btn-tel { display:none !important;}
	
    .wrapper { padding-top:85px; }
	.wrapper1 { padding-top:280px; }	
	.mobile-only { display:block; }
	.btn-top { width:41px; height:36px; }
	.header .gnb > ul > li:nth-child(3){margin-right:0px;}
	.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:18% !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:15px;   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; /*bottom:-24px !important;*/ left:0 !important; right:0; padding:0; 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: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:12px; }
	.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; }
	
	.header .gnb .gnb-sub li a{font-size:13px; font-weight: bold;}
	
	

	.slide-btn button { width:40px; height:40px; }

	.box-tit { height:200px; }
	.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 { max-width:auto; }
	.main-top { padding:0 10px; }
	.main-top .main-slider { float:none; width:auto; }
	.main-top .main-slider .slide { min-height:550px; }
	.main-top .main-slider .slide-copy { font-size:11px; }
	.main-top .main-top-img { float:none; width:100%; margin-top:40px; 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;}
	.main-scroll .box-01 { width:auto; }
	.main-scroll .box-02 { position:static; width:auto; margin:20px 0; padding:0 40px; text-align:center; }
	.main-scroll .box-03 { margin:40px 0; padding:0 10px; }
	.main-scroll .box-03 h1 { font-size:26px; }
	.main-scroll .box-03 p { font-size:12px; }
	.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 10px; }
	.special-list li span { opacity:1; }

	.room-list-wrap { padding:0; text-align:center; }
	.room-list-wrap h1 { position:relative; float:none; width:auto; height:auto; padding-bottom:30px; text-align:center; }
	.room-list-wrap h1 strong { position:relative; padding:0 0 20px 0; }
	.room-list-wrap h1 strong:after { content:''; position:absolute; bottom:0; left:50%; width:90px; height:1px; margin-left:-45px;  background:#686765; }
	.room-list-wrap h1 p { margin-top:20px; font-size:12px; }
	.room-list-wrap a { float:none; display:inline-block; width:30%; height:auto; margin:0 0 5px 0; }
	.room-list-wrap a.last { margin-left:30%; }

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

	


	.reserve-info { width:auto; padding:0 10px; }
	.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; }

	.tour-info { width:auto; }
	.tour-list-wrap { max-width:none; width:auto; margin:18px auto 0px auto;}
	.tour-list li { min-height:100px; border-width:1px; }
	.tour-list li .tour-slide { float:none !important; width:auto !important; }
	.tour-list li .tour-slide .slide { height:300px; }
	.tour-list li .tour-txt { float:none !important; width:auto !important; padding:20px 10px; }
	.tour-list li .tour-txt h1 { margin-bottom:15px; }
	.tour-list li .tour-txt h1 span { font-size:11px; }
	.tour-list li .tour-txt h1 strong { font-size:17px; }
	.tour-list li .tour-txt p { font-size:12px; }
	.tour-list li .tour-txt a { margin-top:15px; }
	
	.pc-price { display:none; }
	.m-price { display:block; }
	
}

@media all and (max-width: 700px) {
	.footer p {font-size:11px;}
    .tour-list li .tour-txt { float:left; width:50%; padding:40px; color:#646464; border: 2px solid #999; height: 350px; }
    .tour-list li:nth-child(even) .tour-txt { float:right; width:50%; border: 2px solid #ccc; height: 350px; }
	.header .gnb .gnb-sub.wide {}
	.header .gnb .gnb-sub { top:auto !important; }
	.supmap .title02{font-size:0.6em;}
    
}


@media all and (max-width: 550px) {	
.main-top .main-slider .slide { height:300px !important; } .main-top{ height:300px !important; }
.header h1 img{width:20% !important;} .header .gnb > ul > li > a{font-size:13px;}
	.main-top .main-slider .slide { height:300px !important; } .main-top{ height:300px !important; }
	.maintxt .main_txtbox{top:-370px; padding:15px 20px; right:10px;}
	.spPre01 div{width:100%; position:inherit; height:40%;}
}

@media all and (max-width: 450px) {
	.header h1 img { width:25% !important; margin: 0  !important; }
	.header .gnb > ul > li > a { padding:3px 1px 2px 0px; font-size:12px;   font-weight:bold;}
	.spPre01 div{width:100%; position:inherit; height:30%;}
	.spPre01{width:100%; margin:0 auto 40%;}
}


@media all and (max-width: 401px) {	
.header .gnb > ul > li > a{font-size:11px;}

	.main-scroll .box-03 p { font-size:11px; }
}

@media all and (max-width: 321px) {	
	.header .gnb > ul > li { padding-right:3px; }
	.header .gnb > ul > li > a { padding-right:5px; }
	.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; }
}