@charset "utf-8";
.sc0030 {color: #ff6666 !important;}
.sc0010 {color: #5eb917 !important;}
.sc0100 {color: #676767 !important;}

:root {
	--main-green: #60884A;
	--light-green: #A8CF93;
	--dark-green: #45533E;
	--bg-white: #FFFBF8;
	--bg-white02: #F2EBE2;
	--bg-white03: #FCF9F5;
	--light-black: #484848;
	--font-main: "GowunBatang-Regular", "돋움", Arial, sans-serif;
	--font-sans: "GmarketSansMedium","돋움",Arial,sans-serif;
}
.green03 { color: #04472f;}
/* 바로가기버튼 */
.go_group {
	display: none;
	position: fixed;
    right: 90px;
    bottom: 95px;
    z-index: 100;
}
.go_img {
	width: 90px;
}
.go_img a img {
	width: 100%;
}
.B_btn {
	z-index: 99;
	cursor: pointer;
	position: fixed;
	bottom: 30px;
	right: 30px;
}
.learn-more {
	width: 50px;
	height:  50px;
	background: url('/html/images/common/off_btn.png')no-repeat center center;
}
.learn-more.active {
	background: url('/html/images/common/on_btn.png')no-repeat center center;
}
.kakao_m{
	display: none;
}
@media (max-width:1024px) {
	.kakao_m{
		display: inline-block;
		position: absolute;
		top: 8px;
		right: 60px;
	}
	#insta_m{
		position: absolute;
		top:5px;
		right: 110px;
		font-size: 40px;
	}
	.go_img {
		width: auto;
	}
	.go_group {
		right: 10px;
		bottom: 65px;
	}
	.go_img a img {
		width: 90px;
		height: 60px;
		object-fit: contain;
	}
	.B_btn {
		bottom: 15px;
		right: 15px;
	}
	.learn-more {
		width: 40px;
		height: 40px;
		background-size: cover !important;
	}
}
.naver_btn {
	width: 120px;
    display: block;
    margin-top: 7px;
}
.naver_btn img {
	display: block;
	width: 100%;
}
.naver_fix {
	position: fixed;
    right: 54px;
    z-index: 9;
}
html{width:100%;height:100%;overflow-y:auto;-webkit-text-size-adjust:none;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,input,select,textarea,form,fieldset,legend{
	margin:0;
	padding:0; 
	font-family: var(--font-main); 
}
*+html body body, *+html body div, *+html body li, *+html body dt, *2017-11-22+html body dd, *+html body p, *+html body tr, *+html body td, *+html body h2 {font-family: var(--font-main);}
body{
	visibility:visible; 
	width:100%; 
	font-size:13px;
	color:#000; 
	background:#FFFBF8; 
	line-height:1.5em; 
	overflow-x: hidden;
}
img,fieldset{border:none;}
em,address{font-style:normal;}
a{text-decoration:none;color:#000;}
li{list-style:none;}
select,textarea{border-radius:0;}
.clear {}
.clear:after {content:"";display:block;clear:both;}
.blind, .sound_only {visibility:hidden;width:0;height:0;font-size:0;line-height:0;overflow:hidden;}
.img_100 {width:100%; height:auto !important; vertical-align:top;}
select{min-width:50px;height:26px;margin:0;padding:0;font-size:12px;line-height:26px;font-family:Dotum,sans-serif;}
.underline {text-decoration:underline; }
.tl { text-align:left;}
.tc { text-align:center;}
.tr { text-align:right;}
.vt {vertical-align:top;}
.mb0 { margin-bottom:0 !important;}
.mb3 { margin-bottom:3px !important;}
.mb20 { margin-bottom:20px !important;}
.mb30 { margin-bottom:0px !important; color: red; font-size: 20px; font-weight: bold;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.boxShadow {-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); box-shadow:2px 2px 3px rgba(0, 0, 0, 0.1);}

.transAll015 {-webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
.transAll03 {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.transAll03_ease {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.transAll02_ease {-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.scale01 {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.scale01:hover, .scale01:focus {-ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}


.strongColor01 { color:#021e2f;}

.block1480, .block1280, .block1024, .block768, .block560, .block480, .block380 {display:none !important;}
.in-block1480, .in-block1280, .in-block1024, .in-block768, .in-block560, .in-block480, .in-block380 {display:none !important;}

#skip{position:fixed;top:-9999px;left:0;z-index:1000;width:240px;height:30px;background:#676462;}
#skip a{display:block;height:30px;padding:0 0 0 20px;line-height:30px;font-size:12px;color:#333;}
#skip.on{top:0;}
#header-sticky-wrapper { position:absolute; width:100%; height:0 !important; left:0; top:0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease ; transition: all 0.3s ease; z-index:30; }

#header {position:fixed; width:100%; width:100%; top:0; /*opacity:0; filter: alpha(opacity=0;);*/  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index:30;}
.headerBtn { position:absolute; display:inline-block; overflow: hidden; background:#FFFBF8; z-index:6}
.logo { position:relative; width:118px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index:5; }
.logo a { display:block; padding:30px 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.top_reser { position:relative; display:block; width:118px; background:var(--main-green); font-family: "source-han-serif-korean", 'Jeju Myeongjo',serif; font-size:1.05em; line-height:2em; text-align:center; color:#fff; letter-spacing:0.1em; padding:1em 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index:5;}
.top_kakao_wrap { position: relative; z-index: 5; display: none !important;}


.headerBtn .bubble { position:absolute; width:100%; height:100%; left:0; top:0; overflow: hidden; z-index:4;}
.headerBtn .bubble iframe { position:absolute; width:120%; height:140%; left:50%; top:30%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);  overflow: hidden;}

.btn_nav {position:absolute; display:block; width:32px; height:36px; right:10px; top:50%;  text-align:right; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor:pointer; z-index:10; display:none; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.btn_nav span {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.btn_nav .line span {position: absolute; display: block; height:2px; right:0; background: #fff;  }
.btn_nav .text { position:absolute; width:100%; right:-0.1em;; bottom:-3px; font-size:9px; line-height:1em; letter-spacing:0.1em; color:#fff;}

.btn_nav .line01 { width:19px; top:0; }
.btn_nav .line02 { width:22px; top:8px; }
.btn_nav .line03 { width:12px; top:16px; }
.btn_nav .line04 { width:15px; top:24px; }

.btn_nav.open_nav .line01 { width:23px;}
.btn_nav.open_nav .line03 { width:28px; }
.btn_nav.open_nav .line04 { width:26px; }
.btn_nav:hover .text, .btn_nav.open_nav .text {opacity:1; filter: alpha(opacity=100;); }

.btn_insta { display:none;}
.btn_naver { display:none;}
.gnbArea { position:absolute; left:150px; top:60px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index:5;}
.gnb > li { float:left; margin:0 2em; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.gnb > li.gnb7 { margin:0 1em; margin-left: 47vw;}
@media (max-width:1650px){
	.gnb > li.gnb7 { margin-left: 30vw;}
}
@media (max-width:1300px){
	.gnb > li.gnb7 { margin-left: 100px;}
}
.gnb > li.gnb8 { margin:0; padding-top: 0.25%; vertical-align:middle;}

.gnb > li.gnb9 { margin: 0;}
.gnb > li a.depth1 { 
	position:relative; display:inline-block; font-size:1.4em; line-height:3em; color:#fff; 
	font-family: 'GmarketSansMedium'; font-weight:700; text-transform:uppercase; letter-spacing: 1.4px;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; 
	-webkit-text-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -moz-text-shadow: 0 0 5px rgba(0, 0, 0, 0.3); text-shadow: 0 0 5px rgba(0, 0, 0, 0.3); 
}
.gnb > li a.depth1 i { font-size:2.8em; vertical-align:middle; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.gnb > li a.depth1:hover i { color:var(--main-green);}
.gnb > li a.depth1 img.kakao2 {opacity: 0;}
.gnb > li a.depth1:hover img { transition: opacity 0.3s ease; }
.gnb > li a.depth1:hover img.kakao { opacity: 0; }
.gnb > li a.depth1:hover img.kakao2 { opacity: 1; transform: translateX(-43px);}
.gnb > li a.depth1:hover {text-decoration:none !important;}
.gnb > li .depth1_mobile { display:none;}
.gnb_sub { 
	position:absolute; 
	display:none; 
	padding:5px 10px; margin-left:-3px; 
	width: max-content;
	background:rgba(255,255,255,0.8);
}
.gnb_sub:after { content:"";display:block;clear:both;}
.this .gnb_sub { display:block;}
.gnb > li a.depth1 i.icon-naver,
.gnb > li a.depth1 i.icon-kakaotalk {
	font-size: 2.9em;
	margin-top: 2.2px;
	width: 29px; height: 29px;
}
.gnb > li a.depth1 i.icon-naver { margin-top: -7px;}
@media  (min-width: 1025px){
.gnb6 .gnb_sub { right:132px; }
}
.gnb_sub li { margin:0 5px;}
.gnb_sub li.subBlock { margin:0;}
.gnb_sub li a {font-family: var(--font-sans); font-size:1.1em; line-height:1.8em; color:#0c182b; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.gnb_sub li.this a { font-weight:600;}

.headerBg { position:absolute; width:100%; height:80px; left:0; top:-100px; background:rgba(69,83,62,0.8); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index:-1;}

.is-sticky.sticky-wrapper {}
.sticky#header { height:80px; }
.sticky .logo a { padding:5px 0; }
.sticky .gnbArea { top:20px;}
.sticky .headerBg { top:0; /*transition-delay:0.3s;*/}
.sticky .top_reser { padding:0.6em 0;}


@media  (max-width: 1480px){

}


@media  (max-width: 1024px){
#header { height:50px; background:#0c182b;}
.headerBg {height:50px; top:0;}
.sticky#header { height:50px;  }
.logo, .sticky .logo { height:50px; width:auto !important;}
.logo a, .sticky .logo a { padding:5px 20px;}
.logo img { width:auto !important; height:40px;}
.btn_nav { display:inline-block;}
.sticky .btn_nav { background:none; }
.btn_insta { display:block; position:absolute; left:226px; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.btn_insta i { font-size:2.4em; color:#fff;}
.btn_naver { display:block; position:absolute; left:266px; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.btn_naver i { font-size:2.9em; color:#fff; margin-top:1.5px}
.gnbArea { position:fixed; width:100%; height:100%; left:0; top:-100%; padding-top:90px; background:rgba(32,20,15,0.8); text-align:center;}
.sticky .gnbArea { top:-100%;}
.gnb > li { float:none; margin:0 0 1px 0; }
.gnb > li.gnb7 {display:none;}
.open_nav .gnbArea, .sticky .open_nav .gnbArea { top:0;}
/*.gnb > li .num { display:none;}*/
.gnb > li a.depth1 { display:none;}
.gnb > li .depth1_mobile { display:block; font-size:1.8em; font-weight:700; text-transform:uppercase; letter-spacing:0.05em;line-height:2em; color:#fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.gnb > li.this .depth1_mobile, .gnb li .depth1_mobile:hover, .gnb > li:hover .depth1_mobile  { background:#fff; color:#24130b; font-weight:700; cursor:pointer;}
.gnb_sub { 
	position:relative; display:none; background:none; 
	padding:0; margin:5px 0 5px 0; 
	width: 100%;
}
.gnb_sub li { 
	float:none; display:inline-block;  
	margin:0 10px 0 0;
	font-size: 1.1em;
}
.subBlock { float:none; display:block !important; width:100%; height:0;}
.gnb_sub li a { font-size:1.1em; line-height:2em; color:#fff;}
.gnb_sub li.this a { font-weight:600;}
.gnb li.this .gnb_sub { display:block; }

.top_reser_wrap { position:absolute; width:106px; height:50px; left:100%; top:0; z-index:10;}
.top_reser { width:106px; height:50px; font-size:1em; line-height:2.2em; text-align:center; color:#fff; letter-spacing:0.1em; padding:0.7em 0; }
.sticky .top_reser { padding:0.7em 0;}
}

@media  (max-width: 560px){
}


/* footer */
#footer { 
	position:relative; padding:0; /*background:url(../images/common/footer_bg.jpg);*/ 
	background-color: #F2EBE2;
	border-top:1px solid rgba(190,111,81,0.1); padding:5% 0; 
	z-index:6; }
#footer.section { height:auto !important;}

#footer .btn_top { position:absolute; display:inline-block; width:30px; height:60px; left:50%; top:-30px; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index:2;}
#footer .btn_top:hover { top:-36px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
#footer .btn_top .line01 { position:relative; display:block; width:1px; height:60px; margin:0 auto; background:var(--main-green);}
#footer .btn_top .line02 { position:absolute; display:block; width:20px; height:1px; background:var(--main-green); right:0; top:0; transform: translate(16px, 6px) rotate(45deg); -ms-transform: translate(16px, 6px) rotate(45deg); -webkit-transform: translate(16px, 6px) rotate(45deg);  }

.footerWrap { display:table; width:96%; max-width:1540px; margin:0 auto;}
.footer_logo { display:table-cell; vertical-align:top; padding-right:40px;}
.footer_con {display:table-cell; vertical-align:top; padding-top:20px; padding-right:40px;}
.footerWrap dl:last-child {padding-right:0; }
.footer_con dt {font-family: 'Montserrat', sans-serif; font-size:1.38em; line-height:2em;  }
.footer_con dd { font-size:1.07em; line-height:1.8em;}
.footer_con dd.footer_tel {font-family: 'Montserrat', sans-serif; font-size:2.38em; line-height:1.2em;}
.footer_con dd a {}

.footer_con_tel {display: flex;}
.footer_con_tel dt {margin-right: 20px; font-size:1.48em; }

@media  (max-width: 1480px){
.footer_con dt { font-size:1.2em; }
.footer_con dd { font-size:0.95em; line-height:1.7em;}
.footer_con dd.footer_tel {font-size:1.6em;}
}

@media  (max-width: 1280px){
.footer_logo { padding-right:30px;}
.footer_logo img { width:120px;}
.footer_con {padding-top:10px; padding-right:30px;}
}

@media  (max-width: 1024px){
#footer .btn_top {top:-15px; height:30px; }
#footer .btn_top:hover { top:-15px; }
#footer .btn_top .line01 {height:30px; }
#footer .btn_top .line02 { width:15px; transform: translate(13px, 6px) rotate(45deg); -ms-transform: translate(13px, 6px) rotate(45deg); -webkit-transform: translate(13px, 6px) rotate(45deg);  }
}

@media  (max-width: 768px){
.footerWrap { display:block;  margin:0 auto; text-align:center;}
.footer_logo { display:none; vertical-align:top; padding-right:0; margin-top:10px; }
.footer_logo img {width:84px;}
.footer_con {display:block; padding-top:3px; padding-right:0;}
.footer_con dt { display:none;}
.footer_con dd { font-size:0.95em; line-height:1.4em; letter-spacing:-0.02em;}
.footer_con dd.footer_tel {font-size:1.3em; margin:0.5em 0 0.3em; letter-spacing:0.05em;}
.footer_con dd p { display:inline; }

}

@media  (max-width: 380px){
.footer_con dd { font-size:0.9em;} 

}

.topArea { position:relative; width:100%; left:0; top:0; z-index:3;}
.topArea_img .lSPager { display:none;}
.topArea_shade { position:absolute; width:73%; max-width:1407px; right:0; top:0; z-index:2;}

.lSSlideOuter { position:relative; z-index:1;}
.lightslider { z-index:1;}
.lightslider li { 
	background-position:center center !important; background-repeat:no-repeat !important; 
	background-size:cover !important; 
}
.lightslider li > img { width:100%; vertical-align:top;}

.topArea .count { position:absolute; width:60px; left:50%; bottom:10px; margin-left:-30px; font-family: 'Playfair Display', serif; font-size:1.35em; line-height:30px; color:#fff; text-align:center; z-index:4; }
.topArea .btn_reser { position:absolute; display:inline-block; right:50px; bottom:20px; font-family: 'Playfair Display', serif; font-size:1.35em; line-height:1.3em; letter-spacing:0.05em; color:#fff; border-bottom:1px solid rgba(255, 255, 255, 0.6); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index:6;}
.topArea .btn_reser:hover { margin-right:-10px;}

.topArea .lSAction { position:absolute; width:140px; height:30px; left:50%; bottom:6px; margin-left:-70px; z-index:5;}
.topArea .lSAction > a { width:30px; height:30px; margin:0; text-align:center; font-family: 'Comfortaa', cursive; font-size:2em; line-height:30px; color:#fff; opacity:0.8; filter: alpha(opacity=80;);-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.topArea .lSAction > a:hover, .topArea .lSAction > a:focus {opacity:1; filter: alpha(opacity=100;);}
.topArea .lSAction > .lSPrev { left:0; top:0;}
.topArea .lSAction > .lSNext { right:0; top:0; display: none;}
.topArea .lSAction > .lSPrev:hover, .topArea .lSAction > .lSPrev:focus { margin-left:-6px;}
.topArea .lSAction > .lSNext:hover, .topArea .lSAction > .lSNext:focus { margin-right:-6px;}
.topArea .lSAction {position: absolute; width:96%; right: auto; left: 50%; top: 50%; margin-top:-5px; transform: translate(-50%,-50%); z-index:2; padding:0 10%;}
.css-arrow {
	position:absolute;
    display: inline-block;
    width:40px;
	height:40px;
	left:50%;
	top:50%;
	border-color:#fff;
	border-width:1px 1px 0 0;
	border-style:solid;
	-webkit-transform:translate(-50%,-50%) rotate(45deg); transform:translate(-50%,-50%) rotate(45deg);
	-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;
	}
.css-arrow.right {-webkit-transform:translate(-50%,-50%) rotate(-135deg); transform:translate(-50%,-50%) rotate(-135deg); }
.lSAction a:hover .css-arrow { border-color:rgba(255, 255, 255, 1);}
@media(max-width:1650px){
	.lightslider li {  
		background-size:contain !important; 
	}
}
@media  (max-width: 1280px){
.topArea .lSAction { width:96%;}
.css-arrow {width:20px;	height:20px;}
}

.section_fadeIn { opacity:1;  }
.active.section_fadeIn { opacity:1; transition: all 0.4s ease-in-out;}


@media  (max-width: 1024px){
.topArea { position:relative; top:0;}
.topArea .btn_reser {display:none;}


}

@media  (max-width: 768px){
.topArea { top:0;}


}



@media  (max-width: 768px){

.active.section_fadeIn { transition: all 0.4s ease-in-out;}

}

@media  (max-width: 1280px){


}

@media  (max-width: 640px){
} 

@media \0screen { /* IE8 웹폰트 설정*/
}


@media  (max-width: 1680px){
}

@media  (max-width: 1480px){

.none1480 {display:none !important;} 
.block1480 {display:block !important;}
.in-block1480 {display:inline-block !important;}

}


@media  (max-width: 1420px){
}

@media  (max-width: 1280px){

.none1280 {display:none !important;} 
.block1280 {display:block !important;}
.in-block1280 {display:inline-block !important;}

}

@media  (max-width: 1024px){

.none1024 {display:none !important;} 
.block1024 {display:block !important;}
.in-block1024 {display:inline-block !important;}


} 

@media  (max-width: 768px){

.none768 {display:none !important;} 
.block768 {display:block !important;}
.in-block768 {display:inline-block !important;}

}

@media  (max-width: 560px){

.none560 {display:none !important;} 
.block560 {display:block !important;}
.in-block560 {display:inline-block !important;}

}

@media  (max-width: 480px){

.none480 {display:none !important;} 
.block480 {display:block !important;}
.in-block480 {display:inline-block !important;}

}


@media  (max-width: 380px){

.none380 {display:none;} 
.block380 {display:block;}
.in-block380 {display:inline-block;}	
}

.reserArea02 { position:relative; text-align:center; margin:-6% 0 8%; z-index:5;}
.reserArea02_line { 
	width:1px; height:7.4vw; 
	background:var(--main-green); 
	margin:-70px auto 10px; margin-top:-3.7vw; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;}
.btn_reser02 { 
	position:relative; display:inline-block; 
	color: var(--light-black);
	font-family: 'Abhaya Libre', serif; font-size:1.15em; line-height:2em; 
	padding:0.9em 4em 0.8em; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
.btn_reser02 .line { position:absolute; background:var(--main-green); -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
.btn_reser02 .line01 { width:calc(100% - 10px); height:1px; right:-5px; top:0; }
.btn_reser02 .line02 { width:1px; height:calc(100% - 10px); right:0; bottom:-5px; }
.btn_reser02 .line03 { width:calc(100% - 10px); height:1px; left:-5px; bottom:0; }
.btn_reser02 .line04 { width:1px; height:calc(100% - 10px); left:0; top:-5px; }

.btn_reser02:hover { color:var(--main-green);  }
.btn_reser02:hover .line01 { width:100%; right:0;}
.btn_reser02:hover .line02 { height:100%; bottom:0;}
.btn_reser02:hover .line03 { width:100%; left:0;}
.btn_reser02:hover .line04 { height:100%; top:0;}

/* 투어 more 버튼*/
.reserArea02.more { 
	text-align: left;
	margin: 6% 0 0;
}
.reserArea02.more.even {
	text-align: right;
}

/* 예약안내 최하단 reservation 버튼*/
.reserCon03 .reserArea02 {
	position: absolute;
	top: 70%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.reserCon03 .reserArea02_line { 
	display: none;
}
.reserCon03 .btn_reser02 {
	color: #fff;
}
.reserCon03 .btn_reser02 .line {
	background: var(--light-green);
}
.reserCon03 .btn_reser02:hover {
	color: var(--light-green);
}
@media  (max-width: 1024px){
.btn_reser02 { font-size:1em; padding:0.6em 3em 0.5em;}
.reserCon03 .reserArea02 {
	top: auto;
	bottom: 5%;
}
}


#popup_reser { display:none; position:fixed !important; background:#fff; width:calc(100vw * 0.9) !important;  height:calc(100vw * 0.45) !important; left:5%; top:5% !important; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); box-shadow:0 0 20px rgba(0, 0, 0, 0.5);  z-index:60;}
#popup_reser .reser_content { position:relative; width:100%; height:calc(100vw * 0.45); left:0; top:0; padding:3%; overflow-y:auto; z-index:1;}
#popup_reser .b-iframe {position:relative; display:block; width:94%; height:7000px; margin:0 auto;  }
.b-close { position:absolute; right:10px; top:10px; display:inline-block; color:#fff; font-family: 'Raleway', sans-serif; font-size:1.5em; line-height:1em; letter-spacing:0.1em; padding:10px 15px; text-shadow:2px 2px 2px rgba(0, 0, 0, 0.3); transition: all 0.2s ease-in-out; z-index:1000; /*border-bottom:1px solid  rgba(255, 255, 255, 0.2);  border-left:1px solid rgba(255, 255, 255, 0.2);*/  background:rgba(0,0,0,0.1); }
.b-close:hover, .b-close:focus {  background:rgba(0,0,0,0.2);}
.b-close i { display:inline-block; font-size:24px; transition: all 0.2s ease-in-out;}
.b-close:hover i, .b-close:focus i {transform:rotate(180deg);-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg);}

::-webkit-scrollbar { width:5px; height:3px;}
::-webkit-scrollbar-thumb {background: #a9a9a9;}
::-webkit-scrollbar-track-piece { background:#f1f1f1;}


/* map */
.mapCon01 {
	position: relative;
	border-bottom: 1px dashed #493431;
	padding-bottom: 3%;
	z-index: 5;
}

.map01_01 {
	position: absolute;
	width: 32.2%;
	right: 9%;
	top: -12%;
}

.map01_02 {
	position: relative;
	width: 50%;
}

.map01_03 {
	position: absolute;
	width: 32.2%;
	right: 9%;
	bottom: 8%;
}

.mapText {
	margin: 4vw 0 4% 4vw;
}

.mapText.mapText02 {
	margin: 4vw 0 8% 5vw;
}

.map_con {
	font-size: 1.07em;
	line-height: 1.8em;
	font-weight: 200;
	letter-spacing: -0.02em;
}

.map_con dt {
	font-size: 1.05em;
	font-weight: 400;
	margin-bottom: 0.3em;
}

.map_con dd {
	margin-bottom: 3em;
}

.map02 {
	width: 95%;
	display: table;
}

.map02_01,
.map02_02 {
	display: table-cell;
	vertical-align: bottom;
}

.map02_01 {
	padding-right: 30px;
}

.mapTable {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #8c8f93;
}

.mapTable th,
.mapTable td {
	padding: 10px 2px;
	text-align: center;
	font-size: 13px;
	border-bottom: 1px solid #8c8f93;
	border-right: 1px solid #8c8f93;
}

.mapTable th {
	font-weight: 400;
	background: #1e262f;
}

.mapTable th[scope=row] {
	border-left: 1px solid #8c8f93;
}

.mapTable .leftRight {
	border-right: 2px solid #aaa;
}

.map02_02 {
	width: 400px;
}

.map02_02 p {
	margin-top: 2em;
}

.mapFrame {
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 3.6%;
	width: 48%;
	aspect-ratio: 3 / 2;
	transform: translateY(-50%);
	margin: 0 auto;
	overflow: hidden;
}

.mapFrame iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	/* transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%); */
	border: 0;
	opacity: 0;
}

.active.mapFrame iframe {
	opacity: 1;
	/* top: 50%; */
	transition: all 0.5s ease 0.5s;
}

@media (max-width: 1024px) {
	

}

@media (max-width: 768px) {
	.mapFrame {
		position: static;
		width: 100%;
		transform: translateY(0);
		height: 74vw;
	}

	.mapFrame iframe {
		
	}


}


/* 스크롤 애니메이션 */

.clip-from-left {
	opacity: 0;
	clip-path: inset(0 100% 0 0);
	transition:
		clip-path 2s ease-out,
		opacity 1s ease-out;
}

.delay03s {
	transition-delay: 0.3s;
}

/* 요소 보이면 on 클래스  */
.clip-from-left.on {
	opacity: 1;
	clip-path: inset(0 0 0 0);
}


.move_fromleft {
	opacity: 0;
	transform: translateX(-50px);
	transition: all 2s ease;
}
.move_fromleft.on {
	opacity: 1;
	transform: translateX(0);
}

.move_fromright {
	opacity: 0;
	transform: translateX(50px);
	transition: all 2s ease;
}

.move_fromright.on {
	opacity: 1;
	transform: translateX(0);
}

.move_frombottom {
	opacity: 0;
	transform: translateY(50px);
	transition: all 2s ease;
}

.move_frombottom.on {
	opacity: 1;
	transform: translateY(0);
}