@charset "utf-8";
@import url('/css/normalize.css'); /* reset */
@import url("/css/slick.css"); /* slick swiper */
@import url("/css/main.css"); /*서브페이지 */
@import url("/css/sub.css"); /*서브페이지 */
@import url(https://use.fontawesome.com/releases/v5.0.6/css/all.css); /* Font awesome */
@import url(https://fonts.googleapis.com/css?family=Abril+Fatface); /*font-family: 'Abril Fatface';*/
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css); /* font-family:'Noto Sans KR', sans-serif;*/
@import url(https://cdn.rawgit.com/kattergil/NotoSerifKR-Web/5e08423b/stylesheet/NotoSerif-Web.css); /*font-family:'Noto Serif KR', serif; */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); /*font-family: 'NanumGothic', 'serif';*/
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); /*font-family:'Nanum Myeongjo', sans-serif;*/
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);/* font-family:'Spoqa Han Sans'  숫자*/
@import url(//fonts.googleapis.com/earlyaccess/jejumyeongjo.css);/* .jejumyeongjo * { font-family: 'Jeju Myeongjo', serif; } */
@import url(//fonts.googleapis.com/earlyaccess/jejugothic.css);/* .jejugothic * { font-family: 'Jeju Gothic', sans-serif; } */
@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville:400i);
@import url(//fonts.googleapis.com/css?family=Yeseva+One); /* font-family: "Yeseva One";*/
@import url(https://fonts.googleapis.com/css?family=Lalezar&display=swap); /*font-family: 'Lalezar', cursive;*/


/* default */
html {height:100%; }
body {position:relative; font-size:14px; color:#333;  background:#fff; font-family:'Noto Sans KR', sans-serif; letter-spacing:-0.05em}
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 {}
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{ font-style:normal; }
img { max-width:100%; }
area { outline:0; }

#main_bg_video { display: block; position: absolute; top: 50%; left: 50%; min-width: 1920px; min-height: 100%; width: auto; height: auto; -webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

/* layout */
body {}

.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:30px; left:50%; z-index:1500; display:block; margin-left:-17px; text-align:center; }

/* Layout */
.wrapper { position:relative; overflow:hidden; margin:0 auto; padding-bottom:0px; background:#fff; }
.header-wrap { position:absolute;  *position:fixed; top:0; left:0; right:0; height:105px; z-index:1600; padding:0px 0 0 0; background:rgba(0,0,0,0);  border-bottom:0px solid rgba(255,255,255,0.2)}
.sub { position:relative; overflow:hidden; margin:0 auto; padding-bottom:0px; background:#4c4c4b; }

.header h1 {display:inline-block; background:rgba(255,255,255,0.7); border-radius:10px; padding:10px 20px; margin:20px 0 0 5%}
.header h1 a.logo { display:inline-block; width:322px;  height:83px; margin-top:0px; background:url('/img/common/logo.png') no-repeat;  z-index:17000; position:relative;}
.header h1 a.logo img{width:100%}

.top-reserve { position:absolute; right:0; top:0px; z-index:17000; }
.top-reserve a { display:block; width:95px; height:95px; padding:20px 0 0 0px;  border-radius: 0px;  text-align:center; background-color:#eea403 }
.top-reserve a em { display:inline-block; width:43px; height:30px; margin:0 auto ; background:url('/img/common/online.png') center 0px no-repeat; vertical-align:middle}
.top-reserve a span { display:inline-block; margin-top:5px; color:#fff; font-size:14px; font-weight:500}

.side-nav {position: absolute; top: 0; right: 150px; width: 100%; text-align: right; z-index:3000; }
.side-nav.on { -position:fixed; -left:0; }
.side-nav .gnb { display:inline-block; margin-top:37px; }
.side-nav .gnb > ul { text-align:center; }
.side-nav .gnb > ul > li { display:inline-block; min-width:120px;}
.side-nav .gnb > ul > li > a { position:relative; display:block; line-height:60px;  padding:0 15px; letter-spacing:-0.04em; overflow:hidden;font-size:16px; color:#fff;  }
.side-nav .gnb > ul > li > a:after { content:''; position:absolute; bottom:0; left:0; right:0; height:2px; width:0; background:#1df607; transition:0.5s; }
.side-nav .gnb > ul > li > a:hover, .side-nav .gnb > ul > li > a.on { color:#1df607; }
.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:88px; z-index:1700; min-width:120px; }
.side-nav .gnb .gnb-sub li { text-align:center; padding:0 15px; line-height:1.8; }
.side-nav .gnb .gnb-sub li a {display:none; text-align:center;  font-size:15px; letter-spacing:-1px; color:#fff; }
.side-nav .gnb .gnb-sub li a:hover, .side-nav .gnb .gnb-sub li a.current { color:#1df607; }

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

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

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

@media all and (max-width: 1440px) {
  .header-wrap {padding:0px 0 0 0}
  .header h1 a.logo { display:inline-block; background-size:cover}
  .side-nav{padding:0px 0 0 5%}
  .side-nav .gnb > ul > li { display:inline-block; min-width:0px;}
  .side-nav .gnb .gnb-sub {min-width:0px; }
  .side-nav .gnb .gnb-sub li { padding:0 10px; }
  .side-nav .gnb .gnb-sub li a {font-size:14px; }
}

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

 .side-nav {position: absolute; top: 0; right: 120px; width: 100%; text-align: right; z-index:3000; }
 .side-nav .gnb .gnb-sub li { padding:0 5px;} 
 .side-nav .gnb > ul > li > a { padding:0 10px; }
 .header h1 {padding:5px 10px; margin:10px 0 0 0%}
 .header h1 a.logo { display:inline-block;  width:250px; height:64px; margin-top:10px;}
 .side-nav{padding:0px 0 0 0}
 .header-wrap { height:80px;}
 .sub { position:relative; overflow:hidden; margin:0 auto; padding-bottom:0px; background:#4c4c4b; }
 .top-reserve a { display:block; width:80px; height:80px; padding:10px 0 0 0px;}
 .side-nav .gnb { display:inline-block; margin-top:10px; }
}


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

	.header h1 { display:block; margin:0px auto 0; padding-right:5%; text-align:center; background:rgba(255,255,255,0); padding:0px}
	.header h1 a.logo {margin-top:3px;  background-repeat:no-repeat; }
	.top-reserve {right:0; top:0px}
	.side-nav {position:fixed; right:auto; left:-100%; top:0; bottom:0; z-index:3000; width:250px; padding:95px 0 0 20px; background:rgba(0,0,0,0.9); 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 30px 0; }
	.side-nav .gnb > ul > li > a { line-height:1.1; padding:0 10px; font-size:17px; 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-size:14px; 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; }
}

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

@media all and (max-width: 700px) {	
	.header h1 a.logo { width:190px; height:49px; margin-top:10px;   background-size:100%; background-repeat:no-repeat; }
    .top-reserve a { width:70px; height:70px;  padding:12px 0 0 0px; line-height:1}
    .top-reserve a span {font-size:11px; margin-top:-5px}
	.top-reserve a em {width:30px; height:24px;}
	.top-reserve a em { display:inline-block; width:35px; height:29px; margin:0 auto ; background-size:cover}
	 .header-wrap { height:70px;}
}


.header-wrap.on { *height:350px; background:rgba(0,0,0,0); } /*상단 검은비지*/
.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; }


.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:18px; z-index:5000; width:58px; height:29px; background-size:100%; }
.btn-gnb span { position:relative; display:block; width:35px; height:20px; margin:0 auto 10px auto; color:#fff; }
.btn-gnb span:before { content:''; position:absolute; top:0px; left:0; right:0; display:block; height:2px; 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:2px; background:#fff; -webkit-transition:0.7s; -ms-transition:0.7s; transition:0.7s;}
.btn-gnb span em { position:absolute; color:#fff; font-size:10px; padding-top:2px; bottom:0px; left:0; right:0; display:block; height:2px; 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; }
.slide { position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.slide span { display:block; }

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:22px; color:#70a7af; border:1px solid #70a7af; background:#fff; transition:0.5s; }
a.btn-link:hover { color:#fff; background:#70a7af; }

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




.Footer-wrap { position:relative; bottom:0; left:0; right:0; z-index:10000000; clear:both; padding:33px 10px;  background:#333; letter-spacing:-0.01em}
/*.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 {position:relative; display:inline-block;  font-size:22px; line-height:1.2;  margin-right:0px; word-break: keep-all }
.Footer .foot-tel a { font-size:28px; color:#fff; }
.Footer .foot-account {color:#f3d38e; font-size:17px; margin-top:10px; }
.Footer .add-info { margin-top:20px; font-size:14px; line-height:1.7; color:#fff; opacity:0.7}
.Footer .add-info span {display:inline-block;  font-weight:100; margin-right:10px;}
.Footer .add-info a { font-size:14px; color:#999; }
.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; }

.Footer .foot-nav { margin-top:30px; padding-top:30px; text-align:center;  border-top:1px solid #4a4948}
.Footer .foot-nav > ul > li { position:relative; display:inline-block; margin-left:24px; padding-left:27px; vertical-align:top; font-size:15px}
.Footer .foot-nav > ul > li:before { content:''; position:absolute; left:0; top:10px; width:3px; height:3px; background:#a57f56; border-radius:100%; }
.Footer .foot-nav > ul > li:first-child:before { display:none; }
.Footer .foot-nav > ul > li > a { color:#fff; }
.Footer .foot-nav .gnb-sub { margin-top:10px; }
.Footer .foot-nav .gnb-sub li { line-height:1.8; font-size:13px}
.Footer .foot-nav .gnb-sub li a { color:#bbb; }
.Footer .foot-nav .gnb-sub li a:hover, .Footer .foot-nav .gnb-sub li a:active, .Footer .foot-nav .gnb-sub li a:focus, .Footer .foot-nav .gnb-sub li a.current { color:#fff; }
.Footer .foot-nav .gnb-sub li a { position:relative; }
.Footer .foot-nav .gnb-sub li a:before { content:''; position:absolute; left:0; top:20px; width:0; height:1px; background:#999; transition:0.7s; }
.Footer .foot-nav .gnb-sub li a:focus:before, .Footer .foot-nav .gnb-sub li a:active:before, .Footer .foot-nav .gnb-sub li a.current:before { width:100%; }

.Footer .banner { margin:30px 0 20px;}
.Footer .banner span {width:100%; max-width:242px}






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

@media all and (max-width: 1400px) {
.header-wrap {padding:0px 0 0 10px; }
.view-wrap li{margin-top:40px; height:600px;}	
}	

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

@media all and (max-width: 1024px) {
	.wrapper { padding-bottom:0; }
    .btn-gnb { display:block; }
	.Footer-wrap { position:static; display:block !important; }
	.foot-tel a { font-weight:600; }
	.foot-nav {display:none}
}

@media all and (max-width: 900px) {
	.scroll-btn { bottom:10px; }
}

@media all and (max-width: 700px) {
	.dot-list li { font-size:12px; }
	.Footer-wrap { padding-top:30px; }
	.Footer-wrap:after { display:none; }
	.Footer .foot-tel span { font-size:18px; display:block; }
	.Footer .foot-tel  {line-height:1}
	.Footer .add-info { font-size:13px;   line-height:1.5; }
	.Footer .add-info span { margin-right:10px; }
	.Footer .add-info a { display:inline-block; margin-top:0px; font-size:13px; }
	.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; }
}
	
@media all and (max-width: 500px) {	
}


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



/* 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: 35px;
	height: 55px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid white;
	border-radius: 23px;
}
.scroll-btn .mouse > * {
	position: absolute;
	display: block;
	top: 29%;
	left: 50%;
	width: 8px;
	height: 8px;
	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;
}


/* 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(95px); opacity:0; }
	100% { transform:translateY(0); opacity:1; }
}

@keyframes active-y-02 {
	0% { transform:translateY(-95px); 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 */