@charset "utf-8";
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,body{margin:0;padding:0; font-family:"apple sd gothic neo", "애플 산돌 고딕 네오", "Open Sans", 'Noto Sans KR', "NanumBarunGothic", 'NanumSquare', "Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"돋움",Arial; }
*+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:"apple sd gothic neo", "애플 산돌 고딕 네오", "Open Sans", 'Noto Sans KR', "NanumBarunGothic", 'NanumSquare',  "Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"돋움",Arial;}
body{visibility:visible; width:100%; font-size:13px;color:#3e3e3e; background:#fff; line-height:1.5em; }
img,fieldset{border:none;}
em,address{font-style:normal;}
a{text-decoration:none;color:#3e3e3e;}
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;}
* {-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:#ff0000;}

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

#wrap { padding-top:0; }

#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; 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%; height:70px; left:0; top:0; background:#fff; 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:10;}
.headerBg { position:absolute; width:100%; height:100%; right:0; top:0; background:none; -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);  z-index:1;}
/*@media  (min-width: 1025px){ #header:hover .headerBg { -webkit-box-shadow:none; -moz-box-shadow: none; box-shadow:none; } }*/

.logo a { display:block;}
.logo img { width:100%; vertical-align:top; -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 {position:absolute; display:block; width:32px; height:40px; right:70px; top: 15px; margin-left:-16px;  text-align:center; -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;}
.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: #000;  }
.btn_nav .text { position:absolute; width:100%; left:0; bottom:0; font-size:0.8em; line-height:1em; letter-spacing:0.05em;color:#000; text-align:center; opacity:0; filter: alpha(opacity=0;); }

.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_reser03 { position:absolute; display:inline-block; right:10px; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); font-family: 'Jua', sans-serif; font-size:15px; line-height:1.2em; color:#000; text-align:center; padding:5px 5px 3px; border:2px solid #000; -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:10;}
.btn_reser03:hover { background:#000; color:#fff;}

.gnbArea { position:relative; left:50%; top:50%; text-align:center; margin-top:-23px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%); z-index:2;}
.gnbBg { position:absolute; width:100%; height:100%; right:0; top:0; background:rgba(255,255,255,0.6); z-index:-1; }
#header:hover .gnbBg { -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);  }
.gnb { display:inline-block; }
.gnb > li { float:left; 
	width: 210px;
	/* margin:0 2.8em; */
	 -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;}
@media (min-width:1025px){ /* 헤더 > 룸 피씨 너비 넓게 */
	.gnb > li.gnb2 {width: 280px;}
}	 
.gnb > li a.depth1 { position:relative; display:inline-block; padding:0.6em 1em; font-family: 'Sintony', sans-serif; font-size:1.28em; line-height:1.6em; color:#000; letter-spacing:0.05em; font-weight:700; text-transform:uppercase; -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 span { display:inline-block;  border-bottom:2px solid #fff;  text-transform:uppercase; -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 {text-decoration:none !important;}
.gnb > li a.depth1:hover span, .gnb > li.this a.depth1 span, .gnb > li:hover a.depth1 span { border-bottom:2px solid #000;}
.gnb > li .depth1_mobile { display:none;}
.gnb_sub { display:none; padding:28px 0 0; }
.gnb_sub li { text-align:center; margin-bottom:0.8em;}
.gnb_sub li.subBlock { margin:0;}
.gnb_sub li a { display:inline-block; font-family: 'Jua', sans-serif; font-size:15px; line-height:1.2em; color:#000; border-bottom:2px solid rgba(255,255,255,0); letter-spacing:0.02em; text-transform:uppercase; -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 a:hover, .gnb_sub li.this a { border-bottom:2px solid #000;}

.btnArea { position:absolute; width:50px; left:50%; bottom:20px; margin-left:-25px; z-index:5;}
.btnArea a { display:block; font-family: 'Lato', sans-serif; font-size:11px; font-weight:700; color:#000; text-transform:uppercase; text-align:center; }
.btn_i { display:block; width:50px; height:46px;}
.btn_i.reserImg { background:url(../images/common/reser_img.png) center center no-repeat;}

.logoArea {
	position: absolute;
	width: 160px;
	left: 30px;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-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: 5;
}
.header_social {
	position:absolute;
	top:46px;
	left:0;
	width:100%;
	padding-top: 28px;
	display:none;
}
.header_social li {
	text-align:center; margin-bottom:0.8em;
}
.header_social li a {
	display:inline-block;
	font-family: 'Jua', sans-serif;
	font-size: 15px;
	line-height: 1.2em;
	color: #000;
	text-transform: uppercase;
	-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;
}



@media  (max-width: 1480px){
.gnb > li {margin:0 2.3em;}

}

@media  (max-width: 1420px){
.gnb > li {margin:0 1em;}
}

@media  (max-width: 1220px){
.gnbArea {padding-left:20%;}

}

@media  (min-width: 1025px){
	.btn_nav:hover .line01 { width:23px;}
	.btn_nav:hover .line03 { width:28px; }
	.btn_nav:hover .line04 { width:26px; }
}
@media  (max-width: 1024px){
#wrap { padding-top:60px; }
#header-sticky-wrapper { position:fixed; top:0; left:0; width:100% !important; height:60px !important; z-index:35; }
#header { position:fixed; width:100% !important; height:60px !important; }
.headerBg { background:#fff; z-index:2;}
.btn_nav { display:block; height:26px; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.btn_nav .text {display:none;}
.btn_reser03 { right:10px; font-size:13px; line-height:1.2em; padding:5px 5px 3px;}
.gnbArea { position:fixed; width:93%; height:100%; left:auto; right:-93%; top:0; margin:0; background:rgba(255,255,255,0.6); text-align:left; padding:70px 0 0 0; -webkit-transform:none; transform:none; z-index:1;}
.open_nav .gnbArea { right:0; top:0; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow:0 0 5px rgba(0, 0, 0, 0.1);}
.gnb { display:block; width:100%; }
.gnb li a.depth1 {display:none;}
.gnb > li { float:left; width:100%; margin:0;  padding-left:20px;  }
.gnb > li .depth1_mobile { display:block; font-family: 'Sintony', sans-serif; color:#000; letter-spacing:0.05em; font-weight:700; text-transform:uppercase; font-size:1.76em; line-height:2.2em; }
.gnb > li.gnb6 .depth1_mobile, .gnb > li.gnb7 .depth1_mobile {font-family: 'Jua', sans-serif; font-weight:400; font-size:1.66em; }
.gnb > li.on .depth1_mobile, .gnb > li.this .depth1_mobile  { margin-top:1px; }
.gnb_sub { position:relative; float:left; width:100%; text-align:left; padding-left:20px !important; padding-top:0; margin:5px 0; background:none; border-left:1px solid #ccc;}
.gnb li.this .gnb_sub { display:block;}

.gnb_sub li { float:left; margin-right:10px; margin-bottom:3px;}

.subBlock { float:none; display:block !important; width:100%; height:0;}

.gnb_sub li a { font-size:14px; color:#000; }
.gnb > li.this .gnb_sub { display:block; }

.is-sticky #header { height:50px; }
.is-sticky .gnbArea { top:0;}
.btn_reser {right:40px;}
.open_nav .btn_reser { color:#fff; }
.open_nav .btn_reser .line { background:#fff;}
.open_nav .btn_nav .line span {background:#000;}

.logoArea {
	width: 110px;
	left: 12px;
}

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

.common_typo { font-size:4vw;}

}

@media  (max-width: 560px){

}

@media  (max-width: 480px){

}


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


/* footer */
#footer { position:relative; padding:0; background:#fff; padding:5% 0; color:#000; text-align:center; overflow:hidden; z-index:6; }
#footer.section { height:auto !important;}
.footer_info01 { margin-bottom:2%;}
.info01_01 { margin-top: 1.5%; margin-bottom: 6%;}
.info01_01 > span { margin:0 0.5%; font-size: 1.5em; line-height:1.8em;}
.info01_01 .info01_val {
	font-family: 'Jua', sans-serif;
	font-size:1.2em;
}

.footer_info02 { text-align:center;}
.footer_info02 ul { display:inline-block;}
.footer_info02 ul:after {content:"";display:block;clear:both;}
.footer_info02 ul li { float:left; display:inline-block; text-align:left; margin:0 5em; }
.footer_info02 ul li h3 {font-family: 'Kanit', sans-serif; font-size:1.53em; font-weight:100; color:#000; display:inline-block; border-bottom:1px solid #131313; margin-bottom:1.5em; }
/* .footer_info02 ul li:first-child { margin-left:0;} */
.footer_info02 ul li p { font-size:1.15em; margin-bottom:0.5em; color:#000;}
.footer_info02 ul li p a { color:#000;}
.footer_info02 ul li p.maker, .footer_info02 ul li p.maker a {color:#949494;}
span.divider {
	display:none;
	margin:0 3px;
	color:#bbb;
}
span.divider::before {
	content:'/';
}
@media  (max-width: 1280px){

.footer_info02 ul li { margin-left:2em;}
.footer_info02 ul li p { font-size:1.2em; margin-bottom:0.6em;}

}

@media  (max-width: 1024px){
	/* 이미지슬라이드 높이조정 css */
	.Mheight {
		padding-bottom: 100% !important;
	}
	.Mheight li {
		height: 100% !important;
	}
	#footer {
		font-size:0.9em;
		padding:5% 0;
	}
	.footer_info01 img {
		max-width:290px;
		min-width:100px;
		width:35%;
	}
	.info01_01 > span { font-size:1.6em; margin:0 2%;}
	.footer_info02 ul li {
		width:50%;
		margin:0;
		padding-left:8%;
	}
	.footer_info02 ul li h3 {
		margin-bottom:1em;
	}
	.footer_info02 ul li.etc_serve h3 {
		display:none;
	}

	.maker_tit {display:none;}
	.footer_info02 ul li.etc_serve {
	display: inline-block; width: 100%; float: none; margin-top:3%; padding-left:0; text-align:center;
	}
	.etc_serve_inner {
		display:inline-block;
	}
	.footer_info02 ul li.etc_serve p {
	display:inline-block;
	float:left;
	margin-bottom:0;
	}
	.footer_info02 ul li.etc_serve p::after {
	content:'';
	margin-right: 10px;
	padding-right: 10px;
	border-right:1px solid #ddd;
	}
	.footer_info02 ul li.etc_serve p.maker::after {
	display:none;
	}
}
@media  (max-width: 768px){
	#footer {
		font-size:0.8em;
		padding:10% 0 6%;
	}
}

@media  (max-width: 560px){
	#footer {
		font-size:0.75em;
	}
	.footer_info01 img { width:100px;}
	.info01_01 > span {
		display:block;
		font-size:1.6em;
		word-break: keep-all;
	}
	.footer_info02 ul li {
		width:100%;
		text-align:center;
		padding:0;
	}
	.footer_info02 ul li h3 {
		display:none;
	}
	.footer_info02 ul li p {
		display:inline;
		font-size:1.2em;
	}
	span.divider {display:inline-block};

}

@media  (max-width: 420px){
	#footer {
		font-size:0.75em;}
}

@media  (max-width: 360px){
	#footer {
		font-size:0.7em;}
}

.topArea { position:relative; width:100%; left:0; top:0; z-index:3;}
.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:97%; left:1.5%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); z-index:5;}
.topArea .lSAction > a { width:auto; height:auto; color:#fff; opacity:0.5; filter: alpha(opacity=50;);-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 img { vertical-align:top;}
.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}
/*.topArea .lSAction > .lSPrev:hover, .topArea .lSAction > .lSPrev:focus { margin-left:-6px;}
.topArea .lSAction > .lSNext:hover, .topArea .lSAction > .lSNext:focus { margin-right:-6px;}*/

.subCon_bottom { margin-bottom:8% !important;}
.subText { 
	font-family: 'Lato', sans-serif; 
	font-size:3.8em; font-weight:400; 
	color:#000; line-height:1.6em; 
	text-transform:uppercase; letter-spacing:0.05em; text-align:center; 
	padding:8% 0; 
	opacity:0; filter: alpha(opacity=0); 
	pointer-events: none; user-select: none; -webkit-user-select: none; 
	z-index:6; 
}
.main_subText { 
	font-family: 'Jua', sans-serif; 
	font-size:2em; 
	font-weight:400; 
	color:#004c61; line-height:1.5em; 
	text-transform:uppercase; letter-spacing:0.05em; text-align:center; 
	padding:4% 0; 
	opacity:0; filter: alpha(opacity=0); 
	pointer-events: none; user-select: none; -webkit-user-select: none; 
	z-index:6; 
}
.subText_re { position:absolute; left:50%; top:50%; padding:0; margin-top:40px; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); -webkit-text-shadow: 1px 1px rgba(255, 255, 255, 0.5); -moz-text-shadow: 1px 1px rgba(255, 255, 255, 0.5); text-shadow: 1px 1px rgba(255, 255, 255, 0.5);}
.subText_sp { font-family: 'Oswald', sans-serif !important;}
.subText_celeb { font-family:'Sintony', sans-serif;font-size:3.8em; font-weight:400; color:#000; line-height:1.6em; text-transform:uppercase; letter-spacing:0.1em; text-align:center; padding:120px 0 0 0.1em; margin-bottom:-0.8em; opacity:0; filter: alpha(opacity=0;); pointer-events: none; user-select: none; -webkit-user-select: none; z-index:6;}

.active.subText, .active.subText_celeb { opacity:1; filter: alpha(opacity=100;); transition: all 0.5s ease 0.2s;  }

@media  (max-width: 1480px){
.topArea .lSAction > a img { width:30px;}

.subText { font-size:3.6vw; padding:10% 0;}
.subCon_bottom { margin-bottom:11% !important;}

}

@media  (max-width: 1024px){

.subText_re {margin:0;}
.subText_celeb { padding-top:10%; font-size:7.2vw;}


}

@media  (max-width: 768px){
.topArea .lSAction > a img { width:20px;}
.subText { font-size:2em;}
.main_subText { font-size: 1.3em; word-break: keep-all;}
}

@media  (max-width: 480px){
.subText { font-size:1.3em; word-break: keep-all;}
.main_subText { font-size: 1.1em;}
}

.listImg li, .listImg02 li { overflow: hidden; opacity:0; filter: alpha(opacity=0;);}
.listImg li img, .listImg02 li img { width:100%; vertical-align:top; }
.listImg li img {-webkit-transition: all 0.2s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.listImg li:hover img { -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); -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;}

.mainCon { position:relative; }
.mainCon:after {content:"";display:block;clear:both;}

.section_fadeIn { opacity:0; filter: alpha(opacity=0;); }
.active.section_fadeIn { opacity:1; filter: alpha(opacity=100;); transition: all 0.7s ease-in-out 0.5s;}

.conText01 {pointer-events: none; user-select: none; -webkit-user-select: none;}
.conText01 dt { font-family: 'Reman', 'Dawning of a New Day', cursive; font-size:9em; line-height:1.5em; margin-bottom:0.1em;}
.conText01 dd { font-family: "Noto Serif CJK KR", 'Jeju Myeongjo', serif; font-size:1em; line-height:2em; color:#3d3d3d;}
.conText01 dd p { font-family: "Noto Serif CJK KR", 'Jeju Myeongjo', serif; font-size:1.3em; line-height:2em; color:#3d3d3d; margin-bottom:2em;}

.conText02 { display:inline-block; text-align:left; font-size:1.07em; letter-spacing:-0.05em; margin-top:5%; -webkit-text-shadow: 1px 1px rgba(255, 255, 255, 0.5); -moz-text-shadow: 1px 1px rgba(255, 255, 255, 0.5); text-shadow: 1px 1px rgba(255, 255, 255, 0.5);}
.conText02 dt, .conText02 dd { font-family: "Noto Serif CJK KR", 'Jeju Myeongjo', serif;}
.conText02 dt {font-size:1.3em; line-height:2em; color:#3d3d3d; margin-bottom:2em;}
.conText02 dd { font-size:1em; line-height:2em; color:#3d3d3d;}


@media  (max-width: 1680px){
.conText01 dt { font-size:8em; font-size:5vw;}
.spImg_text.conText01 dt { font-size:5vw; }
}

@media  (max-width: 1280px){

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

.spImg { padding-bottom:6em;}
.conText01 dt { font-size:8em; font-size:10vw;}
.conText01 dd { font-size:0.95em; line-height:1.8em; letter-spacing:-0.1em;}
.conText01 dd p { font-size:1.25em; margin-bottom:1em; letter-spacing:-0.1em;}

.conText02 { font-size:1em; letter-spacing:-0.1em; margin-top:10%;}
.conText02 dt {font-size:1.3em; line-height:2em; color:#3d3d3d; margin-bottom:2em;}
.conText02 dd { font-size:0.95em; line-height:1.8em;}


}

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

.spImg { padding-bottom:4.5em;}
.spImg_text { left:auto; right:2%;}
.spImg_text.conText01 dt { font-size:10vw; }
.spImg_text.conText01 dd { font-size:0.85em; line-height:1.6em;}
.spImg_text.conText01 dd p { font-size:1.1em; margin-bottom:1em;}

.conText02 { font-size:0.9em; }
.conText02 dt {font-size:1.1em; }
.conText02 dd { font-size:0.85em; line-height:1.6em;}

}

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