@charset "utf-8";
*{
	-webkit-text-size-adjust: none; 
	-moz-text-size-adjust: none; 
	-ms-text-size-adjust: none; 
	font-family:'NotoSansKR';
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, 
kbd, q, samp, small, strong, sub, sup, var, b, 
i, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, 
canvas, details, figcaption, figure, footer, header, hgroup, 
menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

nav ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


/* change colours to suit your needs */

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}


/* change colours to suit your needs */

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* change border colour to suit your needs */

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

input,
select {
	vertical-align: middle;
}

@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 100;
	src: url(fonts/NotoSansKR-ExtraLight.woff) format('woff');
}
@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 200;
	src: url(fonts/NotoSansKR-Light.woff) format('woff');
}
@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 300;
	src: url(fonts/NotoSansKR-DemiLight.woff) format('woff');
}
@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 400;
	src: url(fonts/NotoSansKR-Regular.woff) format('woff');
}
@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 500;
	src: url(fonts/NotoSansKR-Medium.woff) format('woff');
}
@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 600;
	src: url(fonts/NotoSansKR-Bold.woff) format('woff');
}
@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 700;
	src: url(fonts/NotoSansKR-Bold-Hestia.woff) format('woff');
}
@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 800;
	src: url(fonts/NotoSansKR-Black-Hestia.woff) format('woff');
}
@font-face {
	font-family: 'PlayfairDisplay';
	font-style: normal;
	font-weight: 300;
	src: url(fonts/PlayfairDisplay-Regular.woff) format('woff');
}
	@font-face {
	font-family: 'PlayfairDisplay';
	font-style: normal;
	font-weight: 500;
	src: url(fonts/PlayfairDisplay-Bold.woff) format('woff');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200;
  src: url(fonts/Oswald-ExtraLight.woff) format('woff');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url(fonts/Oswald-Light.woff) format('woff');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/Oswald-Regular.woff) format('woff');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
	src: url(fonts/Oswald-Medium.woff) format('woff');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
	src: url(fonts/Oswald-SemiBold.woff) format('woff');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
	src: url(fonts/Oswald-Bold.woff) format('woff');
}
body{width:640px;margin:0 auto; position: relative;}
body.active{
	overflow:hidden;
}
header{
	overflow:hidden;
	top:0px;
	width:640px;
	position: fixed;
	height:100px;
	z-index: 90;
	background: rgba(0, 0, 0, 0.5);
	transition:height .3s ease;
	transition-delay: .29s;
}
header.active{
	height:100%;
	transition-delay: 0s;
}
header .logo{
	text-align: center;
	margin:0 auto;
	margin-top: 25px;
	position: relative;
	width:342px;
	height: 52px;
	background:url('../images/common/logo.png') center center no-repeat;
	display:block;
}
header .menu{
	top:0px;
	right:0px;
	position: absolute;
	padding:40px 30px;
	width:29px;
	height:23px;
	background:url('../images/menu_ico.png') center center no-repeat;
}
header .bg{
	top:0px;
	left:0px;
	position: fixed;
	background:rgba(0,0,0,0.8);
	width:100%;
	height:0%;
	z-index: 5;
	transition:height .3s ease;
	transition-delay: .3s;
}
header.active .bg{
	height:100%;
	transition:height .3s ease;
	transition-delay: 0s;
}
header nav{
	top:0px;
	left:-564px;
	overflow:hidden;
	width:564px;
	height:100%;
	position: absolute;
	z-index: 6;
	transition:left .3s ease;
	transition-delay: 0s;
}
header.active nav{
	transition:left .3s ease;
	transition-delay: .3s;
	left:0px;
}
header .back{
	width:85px;
	height:85px;
	right: 0px;
	position: absolute;
	background:url('../images/back_ico.png') center center no-repeat;
}
header .top_area{
	width:564px;
	left:0px;
	height: 85px;
	position: relative;
}
header .depth1{
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	position: relative;
	height: calc(100% - 85px);
	overflow: auto;
	width:100%;
	padding:55px 25px;
	box-sizing: border-box;
	background:#fff;
}
header li > a{
	text-decoration: none;
}
header .depth1 > li {
	padding-bottom:50px;
}
header .depth1 > li> a{
	font-size:26px;
	line-height: 40px;
	display: block;
	color:#000;
	font-family: "NotoSansKR";
	position: relative;
	border-bottom: 1px solid rgba(0,0,0,0.9);
}

header .depth1 > li.active > a{
	color: #187543;
}

header .depth1 > li> a::after{
	width:40px;
	height:40px;
	bottom:3px;
	right:0px;
	position: absolute;
	content:"";
	background:url('../images/menu_ico2.png') 0px 0px no-repeat;
}
header .depth1 > li > ul{
	display: none;
}
header .depth1 > li.active > ul{
	display: block;
}
header .depth1 > li:nth-of-type(2)> a::after{
	background-position: -40px 0px;
}
header .depth1 > li:nth-of-type(3)> a::after{
	background-position: -80px 0px;
}
header .depth1 > li:nth-of-type(4)> a::after{
	background-position: -120px 0px;
}
header .depth2{
	padding:10px 20px;
	padding-bottom:0px;
}
header .depth2 > li{
	padding:30px 0px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
header .depth2 > li> a{
	font-size:26px;
	letter-spacing:-0.05em;
	color:#333;
	font-weight:500;
}
header .depth2 > li.active > a{
	color: #187543;
}

header .depth3{
	padding:20px 0px;
	padding-left:5px;
	padding-bottom:0px;
}
header .depth3 > li > a{
	font-size:22px;
	letter-spacing:-0.05em;
	font-weight:500;
	color:#7e92a6;
	line-height: 30px;
}
header .depth3 > li > a::before{
	content:"-";
	margin-right:15px;
	transform: scaleX(2);
	display: inline-block;
}
header .depth3 > li.active > a{
	color:#fc4123;
}
footer{width:100%;}

.footer_top{width:100%;height:258px;box-sizing:border-box;border-top:1px solid #01786d;background-color:#3f3f40;}
.footer_bottom{width:100%;height:194px;background-color:#18181a; text-align:center;}
.footer_top_box{height:100%;margin:0 auto;position:relative;box-sizing:border-box;padding-top:65px;}
.footer_top_con{width:100%;height:160px;margin:0px auto 0;position:relative;}
.footer_top_con::after{display:block;content:"";clear:both;}
.footer_top_con > li{float:left;width:256px;height:100%;box-sizing:border-box;border-right:1px solid #535353;padding-left:45px;}
.footer_top_con > li:last-child{border-right:0;}
.footer_top_con > li dt{font-size:18px;font-weight:600;color:#fff;margin-bottom:25px;}
.footer_top_con > li dd a{font-size:14px;font-weight:400;color:rgba(255,255,255,0.4);line-height:26px;word-break:keep-all;}
.footer_top_btn{width:98px;height:82px;background-size:cover;background-repeat:no-repeat;background-image:url('../images/sub/footer_top_btn.png');position:absolute;top:-82px;right:0;z-index:100;cursor:pointer;}
.footer_bottom_con{height:100%;box-sizing:border-box;margin:0 auto;position:relative; padding:20px 0;}
.footer_bottom_con p{font-size:14px;font-weight:400;color:rgba(255,255,255,0.8);line-height:22px;}

.footer_info{padding:0 25px;vertical-align: top;}
.footer_info i{font-style:normal; padding:0px 12px; font-weight:100; font-size:10px; display: inline-block; vertical-align: top;
color:rgba(255,255,255,0.5);}
.footer_btn{
	float:left;
	position:relative;
	left:50%;
	margin-left:-150px;
}

.copy_right{padding-top:20px;}
select::-ms-expand {display: none;}
select {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.footer_country_select{
	z-index:10;
	width:200px;
	height:40px;
	box-sizing:border-box;
	border:1px solid #515152;
	color:#a6a6a6;
	background-color:transparent;
	font-size:14px;
	font-weight:400;
	padding-left:10px;
	appearance: none;
	background:url('../images/sub/footer_arrow.png') no-repeat 95% 50%;
	float:left;
	}

.footer_pc_btn{
	width:100px;
	display:inline-block;
	height:40px;
	box-sizing:border-box;
	border:1px solid #515152;
	line-height:38px;
	font-size:14px;
	font-weight:400;
	text-align:center;
	float:left;
	margin-left:10px;

}
.footer_pc_btn a{
	color:#a6a6a6; text-decoration: none;

}


/*contact us*/

.contact_us_box {
	width: 600px;
	height: auto;
	margin: 0 auto;
	position: relative;
}

.contact_us_box h3 {
	font-size: 40px;
	font-weight: 600;
	color: #444;
	letter-spacing: -1px;
}

.contact_us_box h3 span {
	font-weight: 400;
}

.contact_us_info {
	margin-top: 40px;
}

.contact_us_info::after {
	display: block;
	content: "";
	clear: both;
}

.contact_us_info li {
	list-style: none;
	float: left;
	width: 600px;

}

.contact_us_info li:last-child {
	margin-top: 70px;
}

.contact_us_info li h4 {
	font-size: 24px;
	font-weight: 400;
	color: #444;
	font-family: "EBGaramond",'NotoSansKR';
	border-bottom: 1px solid #cccccc;
	padding-bottom: 10px;
	margin-bottom: 25px;
}

.contact_us_tag {
	font-size: 20px;
	font-weight: 600;
	color: #444;
	letter-spacing: -1px;
}

.contact_us_txt {
	font-size: 20px;
	font-weight: 400;
	color: #444;
	letter-spacing: -1px;
	padding-top: 10px;
}

.contact_us_blank {
	width: 100%;
	height: 20px;
	display: block;
}

.sns_all_box{position:absolute;top:33px;right:25px;z-index:5;}
.sns_all_box::after{display:block;content:"";clear:both;}
.sns_all_box li{float:left;margin-right:18px;vertical-align:top;}
.sns_all_box li:nth-child(2){margin-top:3px;}

.top_quick_btn {
	width: 90px;

	position: fixed;
	bottom: 30px;
	right: 30px;
	cursor: pointer;
	z-index: 99999;
}
.top_quick_btn img{width:100%;}

body{opacity:0;}