@charset "utf-8";

@import "https://use.fontawesome.com/releases/v5.0.6/css/all.css"; /* Font awesome */

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

@import url(https://cdn.jsdelivr.net/font-nanumlight/1.0/nanumbarungothicweb.css);
@import url(https://cdn.jsdelivr.net/font-nanum/1.0/nanummyeongjo/nanummyeongjo.css);
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);


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

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

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


/* default */
html {height:100%; }
body {position:relative; font:normal 14px/1.5 NanumBarunGothic; color:#444; }
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; }

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

.pc {display: block;}
    .moblie {display: none;}

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

.btn-scroll { position:absolute; bottom:30px; left:50%; z-index:1500; width:91px; height:133px; margin-left:-45px; background:url('../img/common/btn_scroll.png') 0 0 no-repeat; background-size:100%; -webkit-animation:up-down 2s infinite; -ms-animation:up-down 2s infinite; animation:up-down 2s infinite; }
.btn-top { display:none; position:fixed; bottom:20px; right:10px; z-index:3000; width:61px; height:56px; background:url('../../img/common/btn_top.jpg') 0 0 no-repeat; background-size:100%; }
.btn-gnb { display:inline-block; margin:50px 0 0 10px; padding:0; }
.btn-gnb img, .btn-gnb span { display:inline-block; }
.btn-gnb span { margin-left:10px; font-family:'Vijaya'; font-size:14px; color:#444; }
.btn-gnb * { vertical-align:baseline; }


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

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

.slide-btn {  }
.slide-btn button { position:absolute; top:50%; z-index:1500; display:block; width:163px; height:20px; margin-top:-10px; background-repeat:no-repeat; background-position:0 0; background-size:100%; transition:0.7s; }
.slide-btn button.prev { left:20px; background-image:url('../img/common/btn_prev.png'); }
.slide-btn button.next { right:20px; background-image:url('../img/common/btn_next.png'); }

.slide-btn.inline { bottom:80px; left:10px; right:10px; z-index:1500; text-align:center; }
.slide-btn.inline button { position:absolute; bottom:5px; top:auto; display:inline-block; margin:0; width:78px; height:9px; } 
.slide-btn.inline button.prev { left:30%; background-image:url('../img/common/btn_prev_02.png'); }
.slide-btn.inline button.next { right:30%; background-image:url('../img/common/btn_next_02.png'); }

.slide-btn-sub { display:inline-block; width:125px; height:146px; padding-top:41px; vertical-align:top; text-align:right; background:url('../img/common/bg_line_01.png') right 21px no-repeat; }
.slide-btn-sub button { display:inline-block; width:13px; height:25px; margin-left:47px; transition:1s; -webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); }
.slide-btn-sub button.prev { background-image:url('../img/common/btn_prev_small.png'); }
.slide-btn-sub button.next { background-image:url('../img/common/btn_next_small.png'); }
.slide-btn-sub button.prev:hover { transform:translateX(-10px); }
.slide-btn-sub button.next:hover { transform:translateX(10px); }

.slide-btn-small { position:absolute; bottom:20px; }
.slide-btn-small button { display:inline-block; width:13px; height:24px; margin:0 15px; background-repeat:no-repeat; background-size:100%; }
.slide-btn-small button.prev { background-image:url('../img/common/btn_prev_small.png'); }
.slide-btn-small button.next { background-image:url('../img/common/btn_next_small.png'); }


/*
.slick-dots { clear:both; text-align:center; }
.slick-dots li { display:inline-block; margin:0 5px; font-size:0; }
.slick-dots li button { display:block; width:10px; height:10px; background:#41403f; border-radius:100%;  }
.slick-dots li.slick-active button { background:#c0c0c0; }
*/

.slick-dots { position:absolute; right:30px; top:35%; }
.slick-dots li { display:block; margin-bottom:5px; text-align:center; width:34px; }
.slick-dots li button { display:inline-block; width:20px; height:1px; background:#65666a; border:0; font-size:0; transition:0.6s; }
.slick-dots li.slick-active button { width:38px; height:3px; background:#000; }



.star-list li { position:relative; padding-left:10px; }
.star-list li:before { content:'*'; position:absolute; left:0; top;0;  }

.dash-list li { position:relative; padding-left:10px; line-height:2; }
.dash-list li:before { content:'-'; position:absolute; left:0; top:0;  }

.dot-list li { position:relative; margin-bottom:5px; padding-left:7px; }
.dot-list li:before { content:''; position:absolute; left:0; top:50%; width:2px; height:2px; background:#788b9c; }
.dot-list li strong { color:#ffb400; }

.data-list { width:100%; text-align:center; font-size:14px;  }
.data-list th { padding:10px; font-weight:normal; background:#f4f4f4; border:1px solid #d8d8d8; color:#4d4d4d; }

.data-list td { padding:10px; font-size:13px; color:#6d6d6d; }
.data-list td { border:1px solid #d8d8d8;  }

.table-wrap { overflow:hidden;  }
.table-wrap iframe { width:100%; }

.scroll-obj { opacity:0; }
.scroll-obj.active { opacity:1; -webkit-animation:active-y 1.5s 1; -ms-animation:active-y 1.5s 1; animation:active-y 1.5s 1; }

.full-view { position:relative; }

.m_br { display:none; }

/* Layout */
.wrapper { overflow:hidden; background:#fff; }


.main-con .btn-gnb { display:block; padding:30px 0 0 30px; margin:0 0 0 10px; }
.main-con .btn-gnb span { display:block; margin:5px 0 0 0; }

.top-link { position:absolute; top:30px; right:30px; z-index:1400; }
.top-link a { display:inline-block; margin:0 10px; }


.full-view { margin:0 auto; }


/* Common */

.sub-top-slide .slide { position:relative; }
.sub-top-slide .slide span { display:block; position:absolute; top:10%; bottom:10%;  left:12%; right:12%; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.sub-top-slide.bg-gray { background:#bebebf; }

.full-slide { overflow:hidden; background:#bebebf; }
.full-slide .slide span { display:block; position:absolute; top:0; left:0; right:0; bottom:180px; background-position:center center; background-repeat:no-repeat; background-size:cover; }

.slide-tit-sub { position:absolute; left:10px; right:10px; bottom:10%; text-align:center; vertical-align:top; }
.slide-tit-sub div { display:inline-block; text-align:left; }
.slide-tit-sub h1 { color:#fff; }
.slide-tit-sub h1 span { display:block; font-family:'Lato'; }
.slide-tit-sub h1 strong { display:block; margin-top:5px; line-height:1; font-family:'Manhattan'; font-size:50px; }
.slide-tit-sub p { margin-top:10px; line-height:1.7; font-size:13px; color:#fff; }
.slide-tit-sub p * { vertical-align:middle; }
.slide-tit-sub p span { display:inline-block; font-family:'Nanum Myeongjo'; font-size:18px;  }
.slide-tit-sub p em { display:inline-block; font-family:'Vijaya'; font-size:25px; color:#fff; }
.slide-tit-sub p em:before { content:''; display:inline-block; margin-right:10px; vertical-align:middle; width:140px; height:1px; background:#dfdfdf; }

.full-slide .slide-tit-sub { left:auto; right:80px; bottom:30px; }
.full-slide .slide-tit-sub * { color:#fff !important; }

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



/* Reservation */
.slide span {background-image:url('../img/sub6_reser_top.jpg');}
.reserve-info { position:relative; z-index:900; clear:both; max-width:1480px; margin:0 auto; overflow:hidden; color:#737373; font-family:'NanumSquare'; }
.reserve-info .txt { padding-left:100px; }
.reserve-info .txt h1 { margin-bottom:60px; color:#737373; }
.reserve-info .txt h1 strong { font-family:'Manhattan'; line-height:1; font-size:36px; }
.reserve-info .txt h1 span { position:relative; display:block; padding-bottom:10px; font-family:'Nanum Myeongjo'; font-size:20px; }
.reserve-info .txt h1 span:after { content:''; position:absolute; bottom:0; left:0; width:70px; height:1px; background:#737373; }
.reserve-info .txt h2 { margin-top:24px; line-height:1.7; font-size:14px; }
.reserve-info .txt p { font-size:13px; line-height:1.7; }
.reserve-info .txt ul { margin-top:24px; }
.reserve-info .txt li { line-height:2; font-size:15px; color:#343434; }
.reserve-info .txt p strong {  }
.reserve-info .txt table { margin:10px 0 20px 0; }
.reserve-info.line-obj:before { content:''; position:absolute; top:0; bottom:0; z-index:10; width:1px; height:0; background:#bebebf; transition:3s; }
.reserve-info.type-01 { margin-top:-70px; }
.reserve-info.type-01:before { right:100px; }
.reserve-info.type-01 .img { float:left; }
.reserve-info.type-01 .txt { float:left; padding-top:160px; }
.reserve-info.type-02 { padding-top:110px; padding-bottom:70px; }
.reserve-info.type-02:before { left:50px; }
.reserve-info.type-02 .img { float:right; }
.reserve-info.type-02 .txt { float:left; padding-top:85px; }
.reserve-info.type-03 { margin-top:90px; padding-top:10px; }
/*.reserve-info.type-03 .txt { max-width:1100px; }*/
.reserve-info.type-03:before { display:none; }
.reserve-info.line-obj.active:before { height:100% !important; }
.reserve-info.type-04 { padding-top:110px; padding-bottom:70px; }
.reserve-info.type-04:before { left:50px; }
.reserve-info.type-04 .txt { max-width:1430px; }

.reserve-info .btn-reserve { display:inline-block; width:284px; height:40px; margin-top:44%; line-height:40px; background:#bebebf; text-align:center; font-family:'Vijaya'; font-size:25px; color:#fff; }
.reserve-info .btn-reserve:before { content:''; display:inline-block; width:0; height:1px; margin-right:20px; vertical-align:middle; background:#fff; transition:0.7s; }
.reserve-info .btn-reserve:hover:before { width:116px; }




@media all and (max-width: 1025px) {
	#instaPics { width:auto; text-align:center; }
	#instaPics .insta-box { float:none; display:inline-block; }
}

@media all and (max-width: 800px) {
  .reserve-info .btn-reserve {
    display: inline-block;
    width: 284px;
    height: 40px;
      margin-top: 131% !important;}
    
    .full-slide {
    overflow: hidden;
    background: #bebebf;
        height: 1000px !imprtant;}
    .basic-slide {height: 200px !important; }
	.tit-insta { padding-top:0; font-size:20px; }
	#instaPics { margin:30px 0 0 0; }
	#instaPics .insta-box { width:45%; height:45%; }
	#instaPics .insta-box a { font-size:11px; }
	#instaPics .insta-box .caption-layer { display: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 active-y-02 {
	0% { transform:translateY(-100px); opacity:0; }
	100% { transform:translateY(0); opacity:1; }
}

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

@keyframes line-on {
	0% { height:0; }
	100% { height:30%; }
}

/* media query */

@media all and (min-width: 701px) {

}

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

}	

@media all and (max-width: 1440px) {
	.exterior-wrap .img-03 { top:500px; }
	.exterior-wrap .img-04 { margin:100px 0 0 100px; }
    .reserve-info .btn-reserve {
    display: inline-block;
    width: 284px;
    height: 40px;
    margin-top: 135% !important;
    line-height: 40px;
    background: #bebebf;
    text-align: center;
    font-family: 'Vijaya';
    font-size: 25px;
    color: #fff;}
    .reserve-info.type-02 .img {
    float: right;
        width: 46%;}
}

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

}

@media all and (max-width: 1280px) {
	.side-nav .gnb { top:20%; right:50px; }
	.footer p { font-size:12px; }

	.reserve-link { min-height:500px; margin-top:150px; }
	.reserve-link .slide { min-height:500px; }
	.reserve-link h1 { top:25%; right:50px; }
	.reserve-link h1 > img { width:300px; }
	.reserve-link h1 a { margin-top:20px; }

	.reserve-info { padding-left:10px; padding-right:10px; }
	.reserve-info.type-01:before { right:50px; }
	.reserve-info.type-02 .img { width:40%; text-align:right; }
}	

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

	.full-slide .slide span { bottom:140px; }
	.full-slide .slide-tit-sub { right:20px; }
	.slide-tit-sub h1 span { font-size:12px; }
	.slide-tit-sub h1 strong { font-size:30px; }
	.slide-tit-sub p span { font-size:13px; }
	.slide-tit-sub p em { font-size:13px; }
	.slide-tit-sub p em:before { width:100px; }

	.reserve-info .img { width:40%; }
	.reserve-info .txt h1 strong { font-size:30px; }
	.reserve-info.type-01 .txt { padding-top:150px; }
	.reserve-info.type-01:before { right:20px; }
	.reserve-info.type-02 .txt { width:55%; }
	.reserve-info.type-02 .img { width:35%; }


}

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

	.footer .foot-left,
	.footer .foot-right { float:none; margin-bottom:30px; text-align:left; }
	.footer strong:after { right:auto !important; left:0 !important; }
	.footer .foot-center { position:absolute; right:10px; top:50px; }

	.top-link { top:10px; right:10px; }

	.slide-tit { right:40px; bottom:250px; }
	.slide-tit h1 strong { font-size:30px; }
	.slide-tit p { width:400px; font-size:12px; }
	.slide-tit > span {  margin-left:90px; font-size:15px; }
	.slide-tit > span:before {  width:100px;  }
	
	.special-list-wrap .img div.on { height:300px }

	.full-slide .slide span { bottom:140px; margin-left: -30%;}
	.reserve-info { margin:10px 0 0 0 !important; padding:0 10px !important; }
	.reserve-info:before { display:none !important; }
	.reserve-info .img,
	.reserve-info .txt { float:none !important; width:auto !important; padding:0 !important; }
	.reserve-info .img { text-align:center; }
	.reserve-info .img img { width:100%; }
	.reserve-info .txt { margin-top:50px; }

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

@media all and (max-width: 700px) {	
    .pc {display: none;}
    .moblie {display: block;}
    .btn-tel {
    position: absolute;
    left: 60px;
    top: 40px;
    z-index: 200;
    width: 55px;
    height: 15px;
    font-size: 0;
    background-size: 100%;
}
    .data-list tbody td {
        padding: 3px;}
    .data-list thead th {
        font-size: 11px; padding:2px;}
	.wrapper { padding-top:120px; }
    
	.top-link { display:none; }
	.top-link a { margin:0 5px; }

	.slick-dots { display:none !important; right:10px; }
	.slick-dots li { margin-bottom:10px; }
	
	.m_br { display:block; }
	#instaPics .insta-box:nth-child(7),
	#instaPics .insta-box:nth-child(8) { display:none; }

	.table-wrap table * { font-size:11px; }
	/*.table-wrap .swipe-hand { display:block; width:140px; height:60px; margin:20px auto; background:url('../img/common/swipe.png') center 0 no-repeat; }*/


	.slide-tit-sub { left:10px; right:auto; bottom:-50px; -webkit-transform:scale(0.7); transform:scale(0.7); }
	.slide-tit-sub h1 span { font-size:13px; }
	.slide-tit-sub h1 strong { font-size:25px; }
	.slide-tit-sub p { font-size:12px; }
	.slide-tit-sub p span { font-size:12px;  }
	.slide-tit-sub p em { font-size:13px; }
	.slide-tit-sub p em:before { width:60px; }
	.slide-btn-sub {  }

	.sub-top-slide .slide span { top:0; left:0; right:0; bottom:0; }

	.reserve-link { min-height:250px; margin-top:100px; }
	.reserve-link .slide { min-height:250px;  }
	.reserve-link h1 { left:10px; right:10px; top:20%; text-align:center; }
	.reserve-link h1 img { width:150px; }

	.main-top-slide .thum-link { display:none; }
	.main-top-slide .slide span { top:0; left:0; right:0; bottom:0; }

	
	.full-slide .slide span { bottom:0; }
	.full-slide .slide-tit-sub { bottom:1px; right: 70px; }
	
	.reserve-con .table-wrap table { width:100%; }
	.reserve-info .txt h1 { margin-bottom:20px; }
	.reserve-info .txt h1 strong { font-size:25px; }
	.reserve-info .txt h1 span { margin-top:10px; font-size:15px; }
	.reserve-info .txt h1 span:after { width:40px; }
	.reserve-info .txt p { font-size:12px; }
	.reserve-info .txt li { font-size:12px; }


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

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

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