@charset "utf-8";

@import "normalize.css"; /* reset */
@import "slick.css"; /* slick swiper */
@import "https://use.fontawesome.com/releases/v5.0.6/css/all.css"; /* Font awesome */
@import url('https://fonts.googleapis.com/css?family=Abril+Fatface');

/*7 
   WEB FONT (CDN server)
   NanumBarunGothic, Nanum Myeongjo, NanumSquare, Abril Fatface
*/

@import url(https://cdn.jsdelivr.net/font-nanumlight/1.0/nanumbarungothicweb.css);

/* .jejumyeongjo * { font-family: 'Jeju Myeongjo', serif; } */
@import url(//fonts.googleapis.com/earlyaccess/jejumyeongjo.css);

/* .jejugothic * { font-family: 'Jeju Gothic', sans-serif; } */
@import url(//fonts.googleapis.com/earlyaccess/jejugothic.css);

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');

@import url('https://fonts.googleapis.com/css2?family=MonteCarlo&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Italianno&display=swap');

@import url('https://fonts.googleapis.com/css2?family=MonteCarlo&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap');

@font-face { font-family: 'SangSangFlowerRoad'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_three@1.0/SangSangFlowerRoad.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face {
	font-family:'Kokila';
	font-weight:normal;
	src:url('../font/Kokila.eot');
	src:url('../font/Kokila.eot?#iefix') format('embedded-opentype'),
		url('../font/Kokila.woff') format('woff');
}

@font-face {
	font-family:'din';
	font-weight:normal;
	src:url('../font/din.eot');
	src:url('../font/din.eot?#iefix') format('embedded-opentype'),
		url('../font/din.woff') format('woff');
}

@font-face {
	font-family:'Badscript';
	font-weight:normal;
	src:url('../font/BadScript-Regular.eot');
	src:url('../font/BadScript-Regular.eot?#iefix') format('embedded-opentype'),
		url('../font/BadScript-Regular.woff') format('woff');
}


/* Generated by Glyphter (http://www.glyphter.com) on  Thu Aug 30 2018*/
@font-face {
    font-family: 'Glyphter';
    src: url('../font/Glyphter.eot');
    src: url('../font/Glyphter.eot?#iefix') format('embedded-opentype'),
         url('../font/Glyphter.woff') format('woff'),
         url('../font/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icon-']:before{
	display: inline-block;
   font-family: 'Glyphter';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.icon-aw_logo_svg:before{content:'\0042'; display:inline-block; margin-left:10px; margin-right:5px; vertical-align:middle; font-size:25px; color:#000; }
.icon-ico_map_atlan:before {content: "\e900";color: #37cefe;}
.icon-ico_map_kakao:before {content: "\e901";color: #007eff;}
.icon-ico_map_naver:before {content: "\e902";color: #71e951;}
.icon-ico_map_tmap:before {content: "\e903"; color: #007eff;}


/* default */
html {height:100%; }
body {position:relative; font:normal 14px/1.5 'din','NanumBarunGothic'; color:#333; }
div,header,section,article,aside,nav,ul,ol,li,p,a { box-sizing:border-box; }
a { text-decoration:none; }
ul,
h1, h2, h3, h4, h5, h6,
address, p { margin:0; padding:0; font-weight:400; font-size:inherit; }
strong { font-weight:normal; }
li { list-style-type:none; }
dl, dt, dd { margin:0; }
figure { margin:0; padding:0; }
caption { display:none; }
button { border:0; outline:0; padding:0; background-color:transparent; }
em, address, i { font-style:normal; }
img { max-width:100%; }
area { outline:0; }
.m-txt{display: none;}

/* SCROLL DOWN */
@-webkit-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
.scroll-btn p { display:block; margin-bottom:6px; font-size:11px; color:#fff; }
.scroll-btn .mouse {
	position: relative;
	display: block;
	width: 30px;
	height: 50px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid white;
	border-radius: 23px;
    margin-top: 10px;
}
.scroll-btn .mouse > * {
	position: absolute;
	display: block;
	top: 29%;
	left: 50%;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 -4px;
	background: white;
	border-radius: 50%;
	-webkit-animation: ani-mouse 2.5s linear infinite;
	-moz-animation: ani-mouse 2.5s linear infinite;
	animation: ani-mouse 2.5s linear infinite;
}



/* layout */
body { background-color:#fff;  }

.freeze { overflow:hidden; }
.bg-mask { display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1100; background:rgba(0,0,0,0.6); }
.bg-mask.on { display:block; }
.mobile-only { display:none; }

.parallax{ background-attachment:fixed!important; transition:0.7s; }
.no-parallax, .parallax-off { background-attachment:scroll !important; }

.scroll-btn { position:absolute; bottom:40px; z-index:1500; display:block; text-align:center; right: 4%;}
.btn-top { position:fixed; bottom:10px; right:10px; z-index:2000; display:block; width:40px; height:40px; background:url('../img/common/ico_top.jpg') 0 0 no-repeat; }
.btn-gnb { display:none; position:absolute; left:10px; top:30px; z-index:5000; width:58px; height:29px; background-size:100%; }
.btn-gnb span { position:relative; display:block; width:30px; height:17px; margin:0 auto 10px auto; }
.btn-gnb span:before { content:''; position:absolute; top:0; left:0; right:0; display:block; height:1px; background:#fff; -webkit-transition:0.7s; -ms-transition:0.7s; transition:0.7s;}
.btn-gnb span:after { content:''; position:absolute; top:8px;; left:0; right:0; opacity:1; display:block; height:1px; background:#fff; -webkit-transition:0.7s; -ms-transition:0.7s; transition:0.7s;}
.btn-gnb span em { position:absolute; bottom:0; left:0; right:0; display:block; height:1px; background:#fff; -webkit-transition:0.7s; -ms-transition:0.7s; transition:0.7s; }
.btn-gnb.on {   }
.btn-gnb.on span:before { width:30px; top:8px; left:-5px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
.btn-gnb.on span:after { opacity:0; }
.btn-gnb.on span em { width:30px; bottom:8px; left:-5px; -webkit-transform:rotate(-46deg); -ms-transform:rotate(-46deg); transform:rotate(-46deg); }

.btn-close { position:absolute; right:20px; top:20px; display:block; width:32px; height:32px; background:url('../img/common/btn_close.png') 0 0 no-repeat; }

.basic-slide-wrap { position:relative; z-index:500; overflow:visible; }
.main-slide-wrap { position:relative; z-index:500; overflow:visible; }
.basic-slide { position:relative; overflow:visible; }
.basic-slide .slide { background-position:center center; background-repeat:no-repeat; background-size:cover; }
.basic-slide .slide img { max-width:100%; }

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

.full-view .slide-btn { position:absolute; right:0px; top:50%; margin-top:-54px; display: none;}
.full-view .slide-btn button { position:static; margin-top:0; }

.sub-view .slide { height:600px; }

.slide-btn-02 { text-align:center; }
.slide-btn-02 button { display:inline-block; width:30px; height:30px; margin:0 50px; background-repeat:no-repeat; background-position:0 0; background-size:100%; }
.slide-btn-02 button.prev { background-image:url('../img/common/btn_prev_gray.png'); }
.slide-btn-02 button.next { background-image:url('../img/common/btn_next_gray.png'); }


.slick-dots { position:absolute; bottom:50px; left:0; right:0; z-index:1800; clear:both; text-align:center; }
.slick-dots li { display:inline-block; margin:0 10px; font-size:0; }
.slick-dots li button { display:block; width:7px; height:7px; background:url('../img/common/circle_off.png') 0 0 no-repeat;  }
.slick-dots li.slick-active button { width:17px; height:17px; background-image:url('../img/common/circle_on.png'); }

.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:13px; line-height:1.8; }
.dash-list li:before { content:'-'; position:absolute; left:0; top:0; opacity:0.5; }
.dash-list li strong { color:#d50000; }

.dot-list li { position:relative; margin-bottom:5px; padding-left:12px; font-family:'NanumSquare'; font-size:16px; color:#666; }
.dot-list li:before { content:''; position:absolute; left:0; top:6px; width:4px; height:4px; background:#222; border-radius:100%; }

.data-list { width:100%; text-align:center; font-size:14px;  }
.data-list th { padding:10px; font-weight:normal; background:#ebebeb; border:1px solid #dbdbdb; color:#242424; }
.data-list tr th:first-child,
.data-list tr td:first-child { border-left:0; }
.data-list tr th:last-child,
.data-list tr td:last-child { border-right:0; }
.data-list td { padding:10px; font-size:13px; color:#121212; }
.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; }

.basic-slide-wrap { position:relative; }
.slide { position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.slide span { display:block; }

.slide-tit { position:absolute; left:20px; right:20px; top:75%; z-index:1500; text-align:center; color:#fff; }
.slide-tit h1 { display:inline-block; position:relative; overflow:visible; bottom: -20px;}
.slide-tit h1.only {font-size: 58px; letter-spacing: 1.2px;line-height: 50px;font-family: 'Playfair Display', serif; }
.slide-tit h1.only:before { content:'gyeongju'; position:absolute; top:-40px; left:-72px; z-index:1900; display:block; width:147px; height:76px; color: #fbd355;font-family: 'MonteCarlo', cursive; font-size: 45px;}
.slide-tit h1.only em { display:block; margin-top:10px; font-size:12px; color:#fff; font-family: 'Montserrat', sans-serif;letter-spacing: 0.2px;}
.slide-tit h1 span {font-size: 14px; color: #fff; font-family: 'Montserrat', sans-serif; letter-spacing: 0.2px;}
.slide-tit h1 strong { display:block; line-height:1; font-family:'SangSangFlowerRoad'; font-size:71px;  }

.slick-active .slide-tit { animation:active-y 2s 1; }



a.btn-link { display:block; width:239px; height:43px; margin:0 auto; line-height:43px; letter-spacing:3px; text-align:center; font-family:'Kokila'; font-size:16px; color:#fff; background: rgba(102,89,76,0.8); transition:0.5s; margin-bottom: 39px; margin-top: -20px ;}
a.btn-link:hover { color:#fff; background: rgba(102,89,76,1); }
.room-info-02 .room_data li .data{padding-left: 0;}
.room-info-02 a.btn-link{margin-top: 40px;}
.tab-menu { position:relative !important; z-index:100; height:187px; padding-top:18px; text-align:center;}
.tab-menu ul { position:relative; }
.tab-menu li { display:inline-block; position:relative; }
.tab-menu li:before { content:''; position:absolute; left:0; top:50%; width:2px; height:2px; margin-top:-1px; background:#999; }
.tab-menu li:first-child {  }
.tab-menu li:first-child:before { display:none; }
.tab-menu li a { display:inline-block; padding:0 15px; color:#999; font-size:15px; font-family:'NanumSquare'; letter-spacing:-1px; }
.tab-menu em { position:absolute; display:block; bottom:1px; height:3px; background:#111; transition:0.5s; }
.tab-menu li a:hover, .tab-menu li a.current { color:#fbd355; }
.room-tab li:nth-child(2) a:hover, .room-tab li:nth-child(2) a.current { color:#dfc1be; }
.room-tab li:nth-child(3) a:hover, .room-tab li:nth-child(3) a.current { color:#becbdf; }

.tab-menu h1 {font-size: 17px; color: #fff; font-family: 'Montserrat', sans-serif; padding-top: 190px;}
.tab-menu h1 span {  }

.box-board { max-width:1300px; margin:0 auto; margin-top:80px; padding:0 10px; }

/*main-vdo*/
.main-con .main-slide-wrap .vdo-slide iframe{top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute; pointer-events: none;}
.main-con .main-slide-wrap .vdo-slide.horizon iframe{width: 100vw; height: 56.25vw;}
.main-con .main-slide-wrap .vdo-slide.vertical iframe{height: 100%; width: 177.777vh;}

/* Layout */
.wrapper { position:relative; overflow:hidden; margin:0 auto; padding-bottom:450px; background:#fff; }
.header-wrap { position:fixed; top:0; left:0; right:0; height:97px; z-index:1600; padding:10px 0 0 105px; background:rgba(245,240,235,0.1); transition: 0.5s;}
.header-wrap:after { content:''; position:absolute; left:0; right:0; top:96px; height:1px; background:#fff; opacity:0.2;}

.header h1 { display:inline-block; }
.header h1 a.logo { display:inline-block; width:172px; height:78px; background:url('../img/common/logo.png');background-size: 95%;
    background-repeat: no-repeat;}
.top-reserve { position:absolute; right:0; top:0; z-index:1700; }
.top-reserve a { display:block; width:105px; height:97px; padding-top:24px; box-sizing:border-box; text-align:center; background-color: rgba(251,211,85,0.8);}
.top-reserve a em { display:block; width:32px; height:32px; margin:0 auto; background:url('../img/common/ico_clock.png') center 0 no-repeat;  }
.top-reserve a span { color:#fff; font-family:'Kokila'; }
.side-nav { position:absolute; right:130px; top:0; z-index:3000; }
.side-nav.on { position:fixed; left:0; }
.side-nav .gnb { display:inline-block; }
.side-nav .gnb > ul { text-align:center; }
.side-nav .gnb > ul > li { display:inline-block; }
.side-nav .gnb > ul > li > a { position:relative; display:block; line-height:97px; min-width:130px; overflow:hidden; font-family:'Kokila'; font-size:22px; color:#fff;  }
.side-nav .gnb > ul > li > a:after { content:''; position:absolute; bottom:0; left:0; right:0; height:2px; width:0; background:#fbd355; transition:0.5s; }
.side-nav .gnb > ul > li > a:hover, .side-nav .gnb > ul > li > a.on { color:#fbd355; }
.side-nav .gnb > ul > li > a:hover:after, .side-nav .gnb > ul > li > a.on:after { width:auto; }
.side-nav .gnb > ul > li > a.current {  }
.side-nav .gnb .gnb-sub { display:none; position:absolute; top:110px; z-index:1700; min-width:130px; }
.side-nav .gnb .gnb-sub li { text-align:center; padding:0 15px; line-height:1.8; }
.side-nav .gnb .gnb-sub li a { display:block; text-align:center; font-family:'NanumSquare'; font-size:14px; letter-spacing:-1px; color:#fff; }
.side-nav .gnb .gnb-sub li a:hover, .side-nav .gnb .gnb-sub li a.current { color:#fbd355; }
.side-nav .tel-info { display:none; margin-top:50px; padding:15px 20px 15px 0; border:1px solid #323232; border-left:0; border-right:0; color:#fff; }
.side-nav .tel-info p { font-size:18px; font-family:'Kokila'; }
.side-nav .tel-info p span {  }
.side-nav .tel-info p a { color:#fff; }
.side-nav .sns-link { position:relative; display:inline-block; vertical-align:top; margin-left:15px; padding-left:25px; padding-top:40px;}
.side-nav .sns-link:before { content:''; position:absolute; left:0; top:40px; background:#fff; width:1px; height:30px; }
.side-nav .sns-link a { display:inline-block; margin:0 15px; background-repeat:no-repeat; background-position:center 0; }
.side-nav .sns-link a.insta { width:23px; height:23px; background-image:url('../img/common/ico_insta.png'); }
.side-nav .sns-link a.fb { width:11px; height:23px; background-image:url('../img/common/ico_fb.png');  }
.side-nav .copy-info { display:none; margin-top:40px; color:#fff; }
.side-nav .copy-info p { font-family:'NanumSquare'; font-size:11px;  }

.main_room_tit{font-size: 45px; font-family: 'Roboto', sans-serif; letter-spacing: 1.2px; color: #fbd355;}
.main_room_tit span{font-family: 'Badscript'; font-size: 40px; font-weight: 400;}
.ft_subtit{font-family: 'Badscript'; color: #fff; font-size: 35px;}

/* 탭메뉴만 고정 */
.tab-menu.fixed { position:fixed; top:0; left:0; right:0; z-index:1500; }

/* 상단메뉴만 고정 
.header-wrap.fixed { position:fixed; background:rgba(0,0,0,0.7); }
.tab-menu.fixed { position:fixed; top:97px; left:0; right:0; z-index:1500; }
*/

/* 스크롤 헤더 고정 */
.hd_slide{background: rgba(0,0,0,0.2);}

.header-wrap.on { height:420px; background:rgba(0,0,0,0.7); }
.header-wrap.on:after,
.header-wrap.fixed:after { opacity:1; background:#fff; opacity:0.2; }
.header-wrap.on .side-nav .gnb > ul > li > a,
.header-wrap.fixed .side-nav .gnb > ul > li > a { color:#fff; }
.header-wrap.on .side-nav .gnb .gnb-sub { display:block; }



.foot-img { position:relative; z-index:100; display:table; width:100%; height:753px; text-align:center; background:url('../img/common/bg_sea.png') center bottom no-repeat; background-size:cover; }
.foot-img h1 { display:table-cell; vertical-align:middle; }
.foot-img p { margin-top:10px; line-height:1; font-size:36px; color:#fff; font-family:'SangSangFlowerRoad'; }

.footer-wrap { position:fixed; bottom:0; left:0; right:0; z-index:0; clear:both; padding:33px 10px; background:#fff; }
.footer-wrap:after { content:''; position:absolute; bottom:0; left:50%; width:1px; height:35px; background:#333; }
.footer { text-align:center; color:#66594c; }
.footer .sns { margin-bottom:20px; }
.footer .sns a { margin:0 10px; }
.footer .foot-tel span { display:block; font-size:22px; }
.footer .foot-tel a { font-size:28px; color:#66594c; }
.footer .add-info { margin-top:20px; font-size:14px; line-height:1.7; }
.footer .add-info span { font-weight:100; }
.footer .add-info .simbol-img{width: 30px;}
.footer .add-info a { font-size:13px; text-decoration:underline; color:#66594c; }
.footer .copy-info { max-width:850px; margin:0 auto; overflow:hidden; font-size:12px; }
.footer .copy-info * { vertical-align:middle; }
.footer .copy-info span { float:left; }
.footer .copy-info a { float:right; color:#66594c; }
.footer .copy-info a em { font-family:'NanumBarunGothic'; }
.footer .foot-top { margin:30px 0 10px 0; font-weight:bold; }

.room-list-wrap { position:relative; z-index:10; margin-top:-194px; padding-left:10px; padding-right:10px; padding-top:255px; padding-bottom:90px; text-align:center; background:url('../img/main/bg_block_01.jpg') center bottom no-repeat; background-size:cover; }
.room-list-wrap .slide-btn button { top:44%; }
.room-list { max-width:1000px; margin:0 auto; margin-top:85px; }
.room-list .slide { text-align:center; color:#000; }
.room-list .slide a { color:#555; }
.room-list .slide img { display:block; margin:0 auto; }
.room-list .slide span { display:block; position:relative; margin-top:-20px; padding-top:47px; font-size:18px; font-family:'Kokila'; }
.room-list .slide span:before { content:''; position:absolute; top:0; left:50%; display:block; height:40px; width:1px; background:#fff; }
.room-list .slide strong { display:block; font-family: 'Noto Sans KR', sans-serif; font-size:25px; color: #666; }

.room-list-wrap .deco-txt { position:relative; margin:150px 0 0 0; padding-top:70px; padding-bottom:80px; border-top:1px solid rgba(255,255,255,0.5); border-bottom:1px solid rgba(255,255,255,0.5); }
.room-list-wrap .deco-txt:after { content:''; position:absolute; left:50%; bottom:-44px; height:66px; width:1px; background:#dadada; }
.room-list-wrap .deco-txt p { font-family: 'Noto Sans KR', sans-serif; color:#333; }
.room-list-wrap .deco-txt .ko { font-size: 18px; letter-spacing: -0.5px; line-height: 30px; color: #5f5e5b;}
.room-list-wrap .deco-txt .eng { margin-top:20px; font-size:12px; color: #5f5e5b;}

.main-list-wrap button{display: none;}

/* slick arrow */
.slick-prev{position: absolute; top: 50%; margin-top: -27px; left: 1%; z-index: 1; color: transparent; width: 54px; height: 54px; background: url(../img/common/btn_prev.png) no-repeat; background-size: cover;}
.slick-next{position: absolute; top: 50%; margin-top: -27px; right: 1%; z-index: 1; color: transparent; width: 54px; height: 54px; background: url(../img/common/btn_next.png) no-repeat; background-size: cover;}

/* Main */
.main-con .tab-menu { position:relative !important; }
.main-block-wrap { position:relative; z-index:100; padding:190px 0; overflow:hidden; background:#f5f0eb; }
.main-block-01 { max-width:1530px; margin:0 auto; padding:0 10px; overflow:hidden; }
.main-block-01 .basic-slide-wrap { position:relative; z-index:5; max-width:1028px; }
.main-block-01 .basic-slide-wrap .slide-btn { position:relative; z-index:5; margin-top:-27px; padding-left:100px; text-align:center; }
.main-block-01 .basic-slide-wrap .slide-btn button { position:static; display:inline-block; margin:0; }
.main-block-01 .basic-slide-wrap  .slick-arrow{display: none !important;}
.main-block-01 .main-slide-wrap { position:relative; z-index:5; max-width:1028px; }
.main-block-01 .main-slide-wrap .slide-btn { position:relative; z-index:5; margin-top:-27px; padding-left:100px; text-align:center; }
.main-block-01 .main-slide-wrap .slide-btn button { position:static; display:inline-block; margin:0; }
.main-block-01 .main-slide-wrap  .slick-arrow{display: none !important;}
.main-block-01 .txt { float:right; position:relative; z-index:10; width:710px; margin:-320px 0 0 -220px; padding:120px 20px 70px 70px; color:#fff; background:#aea59c; }
.main-block-01 .txt span { font-family:'Kokila'; }
.main-block-01 .txt p {font-size: 19px; font-family: 'Noto Sans KR', sans-serif; margin-bottom: 10px;}
.main-block-01 .txt strong { display:block; font-size:50px; line-height:1; font-family:'SangSangFlowerRoad'; }
.main-block-01 .txt ul { margin-top:27px; }
.main-block-01 .txt li { font-size:16px; font-family: 'Noto Sans KR', sans-serif; }

/* VIEW */
.view-info{margin-top: 10px !important;}

/* ROOM */
.room-info { position:relative; z-index:5; margin-top: -128px; padding-top: 145px; padding-bottom: 90px; padding-left:10px; padding-right:10px; text-align:center; background:#f5f0eb; color:#fff; }
/*
.room_pink{background-color: #efcf92;}
.room_blue{background-color: #becbdf;}
*/
.room-info h1 { margin-top:75px; padding-top:70px; border-top: 1px solid rgba(102,89,76,0.1); color: #66594c;}
.room-info h1 span { font-size:22px; font-family:'Kokila'; }
.room-info h1 strong { display:block; margin:10px 0 15px 0; line-height:1; font-family:'SangSangFlowerRoad'; font-size:50px; }
.room-info p {font-family: 'Noto Sans KR', sans-serif; font-size:17px; color: #66594c; opacity: 0.9;}
.room-info p.eng { margin-top: 25px; font-size: 13px; color: #8f8e89;font-family: 'Noto Sans', sans-serif;opacity: 0.7;}

.room-info-02 { position:relative; z-index:7; padding:116px 10px 30px 10px; background:#fff; text-align:center; }
.room-info-02:before { content:''; position:absolute; top:-20px; left:50%; width:1px; background:#dadada; }
.room-info-02 .img {  }
.room-info-02 .btn-link { margin-top:40px; }
.room-info-02 .box-board { margin:110px 0 60px 0; padding:0 10px; }

.room-txt { position:relative; z-index:7; text-align:center; }
.room-txt h1 { margin-bottom:10px; font-weight:700; font-size:15px; color:#111; }
.room-txt p { margin-bottom:30px; color:#999; }

#room_daily_price1 { max-width:1600px; margin:0 auto; padding:0 10px; }

.room_slide{margin: 0 auto;}
.room_slide .draggable{width: 862px; overflow: hidden; margin: 0 auto;}
.room_slide img{display: block; margin: 0 auto;}
.room_slide .slick-dots{bottom: 20px !important;}
.room_slide .slick-prev{position: absolute; left: 50%; margin-left: -520px; color: transparent; background: url(../img/common/btn_prev_br.png); width: 54px; height: 54px; top: 50%; margin-top: -27px; opacity: 0.9;}
.room_slide .slick-next{position: absolute; right: 50%; margin-right: -520px; color: transparent; background: url(../img/common/btn_next_br.png); width: 54px; height: 54px; top: 50%; margin-top: -27px; opacity: 0.9;}

/* SPECIAL */
.special-info { position:relative; z-index:55; margin-top:-170px; top: 50px; padding-bottom:60px; border-bottom:1px solid #dadada; text-align:center; background:#fff; }
.special-info:after { content:''; position:absolute; left:50%; bottom:-44px; height:66px; width:1px; background:#dadada; }
.special-info h1 { margin-top:65px; line-height:1; font-family: 'Noto Sans KR', sans-serif; font-size:30px;color: #66594c;}
.special-info p { margin:30px 0; font-family: 'Noto Sans KR', sans-serif;; font-size:16px; color:#555; }
.special-info p span { color:#006675; }
.special-info p em { text-decoration:underline; }
.special-info ul { display:inline-block; color:#404040; }
.special-info ul li { text-align:left; }
.special-info p.eng { margin-top:25px; font-size:12px; color:#a1a1a1; }

.main-con .main-vdo-wrap{background-color: #f5f0eb; padding-top: 100px; z-index: 15; position: relative;}
.main-con .vdo-wrap{max-width: 1200px; height: 670px; margin: 0 auto;}
.main-con .vdo-wrap iframe{width: 100%; height: 100%;}

.special-view { position:relative; z-index:5; padding:180px 0; background:#fff; text-align:center; }
.special-view img { display:inline-block; width:40%; margin:0 10px; }


/* TOUR */
.tour-list-wrap { position:relative; z-index:5; padding:0px 10px; background:#fff; top: 50px; }
.tour-list-wrap h1 { text-align:center; }
.tour-list-wrap h1 span { font-size:22px; font-family:'Kokila'; }
.tour-list-wrap h1 strong { display:block; margin-top:10px; line-height:1; font-size:50px; font-family:'SangSangFlowerRoad'; color: #444;}
.tour-list-wrap .img_list_wrap { margin-top:60px; border-top:1px solid #dadada; }
.tour-list-wrap .img_list_wrap > li { position:relative; padding:100px 0; border-bottom:1px solid #dadada; }
.tour-list-wrap .img_list_wrap > li:after { content:''; position:absolute; left:50%; bottom:-44px; height:66px; width:1px; background:#dadada; }
.tour-list-wrap .img_list_wrap > li > div { clear:both; max-width:1664px; margin:0 auto; overflow:hidden; }
.tour-list-wrap .img_list { float:left; width:50%; max-width:720px; }
.tour-list-wrap .img_list .slide {  }
.tour-list-wrap .txt { float:right; width:50%; max-width:720px; padding:60px 20px 0 70px; font-family:'NanumSquare'; font-size:14px; }
.tour-list-wrap .txt em { font-family:'Kokila'; font-size:22px; }
.tour-list-wrap .txt strong { display:block; line-height:1; font-family:'SangSangFlowerRoad'; font-size:50px; color: #444;}
.tour-list-wrap .txt span { display:inline-block; margin:40px 0 20px 0; text-decoration:underline; }
.tour-list-wrap .txt p {  }

.tour-list-wrap .img_list_wrap > li:nth-child(even) .img_list { float:right; }
.tour-list-wrap .img_list_wrap > li:nth-child(even) .txt { float:left; }
.tour-list-wrap .slick-dots { position:static; margin-top:40px; }
.tour-list-wrap .slick-dots li button { background-image:url('../img/common/circle_b_off.png');  }
.tour-list-wrap .slick-dots li.slick-active button { background-image:url('../img/common/circle_b_on.png'); }

/* map */
.k_map{color: #fff; border: 1px solid #66594c; background: rgba(102,89,76,0.8);display: inline-block;  padding: 10px 40px; transition: 0.5s;}
.k_map:hover{background: rgba(102,89,76,1); color: #fff;}

/* RESERVATION */
.reserve-info-wrap { position:relative; z-index:7; padding:0 10px; /*margin-top:-128px;*/ padding-top:50px; padding-bottom:250px; background:#f5f0eb; font-family:'NanumSquare'; color:#66594c; }
.reserve-info-wrap02{margin-top: -128px !important;}
.reserve-info {  padding-top:30px; padding-bottom:50px; border-bottom:1px solid #dadada; }
.reserve-info:first-child { border:0; }
.reserve-info h1 { text-align:center; }
.reserve-info h1 span { font-size:22px; font-family:'Kokila'; color: #66594c;}
.reserve-info h1 strong { display:block; line-height:1; font-size:50px; font-family:'SangSangFlowerRoad'; color: #66594c;}
.reserve-info .box-board { margin-top:50px; padding:0 10px; }
.reserve-info .block-wrap { max-width:1260px; margin:0 auto; margin-top:30px; overflow:hidden; text-align:center; letter-spacing:-1px;  }
.reserve-info .block-wrap .block { display:inline-block; vertical-align:top; width:31%;  }
.reserve-info .block-wrap .block ul { text-align:left; }
.reserve-info .block-wrap .block div { margin-top:35px; text-align:left; }
.reserve-info .block-wrap .block div span { display:inline-block; margin-right:10px; font-weight:bold; color:#66594c; }
.reserve-info .dash-list li { color: #66594c;}

.reserve-info-02 { max-width:1540px; margin:0 auto; margin-top:130px; overflow:hidden; }
.reserve-info-02 .img { float:left; width:50%; }
.reserve-info-02 .txt { float:right; width:50%; max-width:720px; margin-bottom: 30px; color: #66594c;}
.reserve-info-02 .txt h1 { margin-bottom:30px; line-height:1; font-size:40px; font-family:'SangSangFlowerRoad'; }
.reserve-info-02 .txt h2 { display:inline-block; margin:28px 0 10px 0; font-size:16px; text-decoration:underline; }
.reserve-info-02 .txt ul {  }
.reserve-info-02 .txt p {  }
.reserve-info-02 .txt .margin { margin:40px 0 20px 0; }
.reserve-info-02 li span, .reserve-info-02 p span { font-weight:bold; /*color:#3d5e63;*/ }

.m-txt{display: none;}

.pc-price iframe { min-height:200px; }
.m-price { display:none;}
.m-br{display: none;}

#room_daily_price1{
	margin-top: 100px;
	text-align: center;
}

#room_des{
  margin-top: 60px;
  font-family: 'Nanum Gothic', sans-serif;
  letter-spacing: 0.5px;
  text-align: center;

}

#room_des li{
    text-align: center;
}

#room_des table{
    margin: 10px auto;
}







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

/* media query */

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

@media all and (max-width: 1280px) {
	.main-block-01 .basic-slide-wrap .slide-btn { padding-left:0; }
	.main-block-01 .main-slide-wrap .slide-btn { padding-left:0; }
	.main-block-01 .txt { float:right; width:510px; margin:-320px 0 0 -220px; padding:70px 20px 70px 70px; }
	.main-con .vdo-wrap{width: 100%; height: 56vw;}
	
}

@media all and (max-width: 1024px) {
	body { font-family:arial, NanumBarunGothic; }
	.wrapper { padding-bottom:0; }
	.header-wrap { position:fixed !important; height:80px; padding:15px 20px 0 20px; background:rgba(0,0,0,0.7); }
	.header-wrap:after { top:80px; }

	.header h1 { display:block; margin:0 auto; text-align:center; }
	.header h1 a.logo { width:100px; height:54px; background-size:100%; background-repeat:no-repeat; }
	.top-reserve a { width:95px; height:80px; }
	.btn-gnb { display:block; }

	.tab-menu.fixed { top:80px; }

	.side-nav { position:fixed; right:auto; left:-100%; top:0; bottom:0; z-index:3000; width:250px; padding:120px 0 0 20px; background:rgba(0,0,0,0.7); transition:0.5s; }
	.side-nav.on { left:0; }
	.side-nav .gnb { display:block; padding:0; }
	.side-nav .gnb > ul { text-align:left; }
	.side-nav .gnb > ul > li { display:block; margin:0 0 20px 0; }
	.side-nav .gnb > ul > li > a { line-height:1.1; padding:0 10px; font-size:20px; color:#fff;  }
	.side-nav .gnb > ul > li > a:after { display:none; }
	.side-nav .gnb > ul > li > a.current { font-weight:600; }
	.side-nav .gnb .gnb-sub { display:none; position:static; margin-top:10px; margin-left:10px; }
	.side-nav .gnb .gnb-sub li { text-align:left; padding:0 10px; line-height:1.8; }
	.side-nav .gnb .gnb-sub li a { display:inline-block; text-align:left; font-family:'NanumSquare'; font-size:13px; color:#fff; }
	.side-nav .tel-info { display:block; }
	.side-nav .sns-link { display:block; margin-left:0; padding-left:0; padding-top:20px; }
	.side-nav .sns-link:before { display:none; }
	.side-nav .copy-info { display:block; }

	.slide-tit { top:40%; }
	.slide-tit img { width:300px; }
	.slide-tit h1.only:before { width:100px; height:65px; top:-30px; left:-40px; }

	.footer-wrap { position:static; display:block !important; }
	.foot-tel a { font-weight:600; }
	.main-block-wrap { padding:80px 0; }
	.main-block-01 .basic-slide-wrap .slide-btn { padding-left:0; padding-left:50px; text-align:left; }
	.main-block-01 .main-slide-wrap .slide-btn { padding-left:0; padding-left:50px; text-align:left; }
	.main-block-01 .txt { width:410px; margin:-180px 0 0 0; padding:40px 20px 40px 40px; }
	.main-block-01 .txt ul { margin-top:23px; }

	.reserve-info-02 .img { float:none; width:auto; text-align:center; }
	.reserve-info-02 .txt { float:none; width:auto; max-width:none; margin-top:40px; }
	
}

@media all and (max-width: 900px) {
	.scroll-btn { bottom:10px; }
	.slick-dots { bottom:100px; }
	.full-view .slide { height:500px; }
	.slide-tit h1 { font-size:50px; }

	.room-list-wrap .deco-txt { margin:100px 0 0 0; }
	.foot-img { height:400px; }

	.tour-list-wrap .img_list_wrap > li { padding:50px 0; }
	.tour-list-wrap .txt { padding:0 20px 0 20px; font-size:12px; }
	.tour-list-wrap .txt em { font-family:'Kokila'; font-size:13px; }
	.tour-list-wrap .txt strong {  font-size:30px; }
	.tour-list-wrap .txt span { margin:20px 0 10px 0; }	
}

@media all and (max-width: 700px) {
    
	.wrapper { padding-top:80px; }
	.top-reserve a { padding-top:17px; }
	.sub-view .slide { height:350px; }

	.slide-btn {  }
    .main-con .main-vdo-wrap{padding-top: 40px;}
    .slick-prev{position: absolute; top: 50%; margin-top: -17.5px; left: 1%; z-index: 1; color: transparent; width: 35px; height: 35px; background: url(../img/common/btn_prev.png) no-repeat; background-size: cover;}
    .slick-next{position: absolute; top: 50%; margin-top: -17.5px; right: 1%; z-index: 1; color: transparent; width: 35px; height: 35px; background: url(../img/common/btn_next.png) no-repeat; background-size: cover;}
	
	.slide-tit {     top: 50%; margin-top: -32px; width: 300px; left: 50%; margin-left: -150px;}
	.slide-tit h1 {font-size: 34px !important; line-height: 40px !important;}
	.slide-tit h1.only:before { width:60px; height:45px; top: -28px; left: 36px; font-size: 26px;}
	.slide-tit h1 span { font-size:22px; }
	.slide-tit h1 strong { font-size:40px; }

	.tab-menu {  height:120px; padding-bottom:20px; background-position:center bottom; background-size:cover; }
	.tab-menu h1 { font-size:13px; padding-top: 60px;}
	.tab-menu li a { padding:0 10px; font-size:11px; }
    
    .slide-tit h1.only em{font-size: 10px;}
    .room-list-wrap .deco-txt .eng{font-size: 10px;}
    
    .main_room_tit{font-size: 35px;}
    .main_room_tit span{font-size: 36px;}
    
	.dot-list li { font-size:12px; }

	.scroll-btn { display:none; bottom:10px; }
	.slick-dots { display:none !important; bottom:30px; }
    
    .main-list-wrap button{display: block;}    
	/* 모바일 최상단 갤러리 높이 설정 */
	.full-view .slide { height:250px; } /* 슬라이드 방식 최상단 높이 */
	.sub-view .slide { height:250px; } /* 슬라이드 방식이 아닌 단일 이미지 최상단 높이 */
	
	.slide-btn button { position:absolute !important; width:34px; height:34px; margin-top:-17px; }
	.slide-btn button.prev { left:0; top: 50%; margin-top: -17px;}
	.slide-btn button.next { right:0; top: 50%; margin-top: -17px; }

	.full-view .slide-btn { position:static; margin-top:0; }

	.footer-wrap { padding-top:50px; }
	.footer-wrap:after { display:none; }
	.foot-img { height:300px; overflow:hidden; }
	.foot-img h1 img { width:160px; }
	.foot-img p { font-size:26px; }
	.footer .foot-tel span { font-size:11px; }
	.footer .foot-tel a { font-size:23px; }
	.footer .add-info { font-size:11px; letter-spacing:-1px; }
	.footer .add-info span { margin-right:10px; }
	.footer .add-info a { display:inline-block; margin-top:15px; }
	.footer .copy-info span { display:block; float:none; }
	.footer .copy-info a { float:none; }

	a.btn-link { width:140px; height:35px; margin-top:30px; line-height:35px; font-size:15px; letter-spacing: 1.2px;}
    
    .room-info{margin-top: -62px; padding-top: 80px;}
	.room-list-wrap { padding-top:180px; padding-bottom:50px;}
	.room-list-wrap h1 img { width:240px; }
	.room-list .slide { margin:0 20px; }
	.room-list .slide span { margin-top:-20px; font-size:12px; }
	.room-list .slide strong { font-size:19px; }

	.room-list-wrap .deco-txt .ko { font-size:13px; }
    
    .room-info{padding-bottom: 50px;}
    .room-info h1{padding-top: 40px;}
    
	.main-block-wrap { padding:40px 0; }
	.main-block-01 .basic-slide-wrap .slide-btn { display:none; padding-left:0; text-align:center; }
	.main-block-01 .main-slide-wrap .slide-btn { display:none; padding-left:0; text-align:center; }
	.main-block-01 .txt { float:none; width:auto; margin:0 0 0 0; padding:20px; }
	.main-block-01 .txt p { font-size:12px; }
	.main-block-01 .txt strong { font-size:30px; }
	.main-block-01 .txt ul { margin-top:15px; }
	.main-block-01 .txt li { font-size:12px; }
    
    .room_slide .draggable{width: 100%;}
    .room_slide .slick-prev{ left: 1%; width: 40px; height: 40px; background-size: contain; margin-top: -20px; z-index: 9;}
    .room_slide .slick-next{ right: 1%; width: 40px; height: 40px; background-size: contain; margin-top: -20px; z-index: 9;}
    
	.special-info { margin-top:-85px; }
	.special-info h1 { margin-top:30px; font-size: 20px;}
	.special-info p { margin:20px 0; font-size:12px; padding: 0 20px}
	.special-info p.txt-02 { padding:0 10px; font-size:11px; }
	.special-info p.eng { margin-top:20px; padding:0 20px; font-size:10px; }
	.special-info li { font-size:12px; }

	.special-view { padding:80px 0; background:#fff; text-align:center; }
	.special-view img { display:inline-block; width:45%; margin:0; }

	.room-info p { font-size:12px; }
	.room-info-02 { padding:80px 10px 30px 10px; }
	.room-txt h1 { font-size:13px;; }
	.room-txt p { font-size:12px; }
    
    .week_date p{font-size: 13px !important;}
    
	.tour-list-wrap { padding:0 10px; }
	.tour-list-wrap .img_list_wrap { margin-top:40px; }
	.tour-list-wrap .img_list_wrap > li { padding:40px 0; }
	.tour-list-wrap .img_list { float:none !important; width:auto; }
	.tour-list-wrap .txt { float:none !important; width:auto; padding:10px; font-size:12px; }
	.tour-list-wrap .slick-dots { margin-top:10px; }
    
    .map-info-wrap{margin-top: 30px;}
    
	.reserve-info-wrap { padding:40px 10px 30px 10px; margin-top: -62px !important; }
	.reserve-info h1 span { font-size:15px; }
	.reserve-info h1 strong { font-size:40px; }
	.reserve-info .block-wrap .block { display:block; width:auto; margin-bottom:30px; }
	.reserve-info .block-wrap .block ul li { font-size:12px; }
	.reserve-info .block-wrap .block div { font-size:12px; }

	.reserve-info-02 { margin-top:50px; }
	.reserve-info-02 h1 { text-align:center; font-size:40px; }
	.reserve-info-02 h2 { font-size:15px; }
	.reserve-info-02 li { font-size:12px; }
	.reserve-info-02 p { font-size:12px; }
	.reserve-info-02 .txt .margin { margin:20px 0; }
	
    .reserve-info-02 .txt p{text-align: center;}
    
	.pc-price { display:none; }
	.m-price { display:block; overflow:auto; -webkit-overflow-scrolling:touch; }
    .m-txt{display: block;}
    .ft_subtit{font-size: 29px;}
	.map-link-wrap::after{content: ""; display: table; clear: both;}	
	.map-link-wrap li{float: left; font-size: 22px; margin-left: 10px;}
	.m-br{display: block;}
}
	

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

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