@charset "utf-8";
@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');
}
@font-face {
	font-family: 'Buri';
	font-style: normal;
	font-weight: 200;
	src: url(fonts/Arita-buri-Thin.woff) format('woff');
}
@font-face {
	font-family: 'Buri';
	font-style: normal;
	font-weight: 300;
	src: url(fonts/Arita-buri-Regular.woff) format('woff');
}
@font-face {
	font-family: 'Buri';
	font-style: normal;
	font-weight: 500;
	src: url(fonts/Arita-buri-Bold.woff) format('woff');
}
@font-face {
	font-family: 'Buri';
	font-style: normal;
	font-weight: 700;
	src: url(fonts/Arita-buri-ExtraBold.woff) format('woff');
}
@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: 'Montserrat';
	font-style: normal;
	font-weight: 100;
	src: url(fonts/Montserrat-Thin.woff) format('woff');
}

@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 200;
	src: url(fonts/Montserrat-ExtraLight.woff) format('woff');
}

@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	src: url(fonts/Montserrat-Light.woff) format('woff');
}

@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: url(fonts/Montserrat-Regular.woff) format('woff');
}

@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	src: url(fonts/Montserrat-SemiBold.woff) format('woff');
}

@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	src: url(fonts/Montserrat-Bold.woff) format('woff');
}

@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	src: url(fonts/Montserrat-ExtraBold.woff) format('woff');
}

@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 800;
	src: url(fonts/Montserrat-Black.woff) format('woff');
}

@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 900;
	src: url(fonts/Montserrat-) format('woff');
}

@font-face {
	font-family: 'PlayfairDisplay';
	font-style: normal;
	font-weight: 400;
	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: 'minerva-modern';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/MinervaModern-Regular.woff') format('woff');
}
@font-face {
	font-family: 'minerva-modern';
	font-style: normal;
	font-weight: 700;
	src: url('fonts/MinervaModern-Bold.woff') format('woff');
}
@font-face {
	font-family: 'minerva-modern';
	font-style: normal;
	font-weight: 900;
	src: url('fonts/MinervaModern-Black.woff') format('woff');
}
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;
}
*:focus{ outline:none;}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}

ul li{
	list-style: none;
}
/* 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;
}
.clear{
	content:"";
	display: block;
	position: relative;
	clear:both;
}

header{
	width:100%;
	position:fixed;
	text-align: center;
	height:115px;
	z-index: 10;
	overflow: hidden;
	transition: all .5s ease;
	top:0;
}
header::after{
	content:"";
	display: block;
	position: absolute;
	left:0px;
	top:0px;
	height:115px;
	width:100%;
	background:#fff;
}
header::before{
	content:"";
	display: block;
	position: absolute;
	left:0px;
	top:115px;
	height:100%;
	width:100%;
	background:#cc6727;
}
header.sc-event{
	box-shadow:0px 5px 8px rgba(0,0,0,0.15);
}
header:hover,
header.sc-event:hover{
	transition: all .5s ease;
	height:390px;
	box-shadow:0px 5px 12px rgba(0,0,0,0.5);
}

nav{
	z-index: 1;
	width:1240px;
	left:50%;
	position: relative;
	text-align: center;
	height:115px;
	transform:translateX(-50%);
	transition: height .5s ease;
}
nav:hover{
	height:470px;
}
nav .logo {
    position: absolute;
    left: 0px;
    width: 118px;
    padding: 14px 0px;
    height: 81px;
}
nav .logo a {
    display: block;
    /* background: url(../images/common/logo.png); */
    width: 100%;
    height: 100%;
}
nav .logo a img {
    width: 160px;
    position: absolute;
    top: 42px;
    left: 0;
}
nav ul li a{
	display: block;
	text-decoration: none;
}
nav ul.depth1{
	padding-left:80px;
	font-size:0px;
	vertical-align: top;
	height:470px;
}

nav ul.depth1 > li{
	vertical-align: top;
	font-family:"Montserrat";
	display: inline-block;
	height:115px;
}
nav ul.depth1 > li > a{
	text-align: center;
	padding:40px 0px 47px 0px;
}
nav ul.depth1 > li > a > span{

	font-size:15px;
	display: inline-block;
	line-height: 28px;
	height:28px;
	color:#222;
	transition:color .3s ease;
}
nav ul.depth1 > li:hover > a >span,
nav ul.depth1 > li > a:hover >span{
	color:#cc6727;
}
nav ul.depth1 > li.active > a > span{
	color:#cc6727;
	border-bottom:2px solid #cc6727;
}
nav ul.depth2{
	padding-top:20px;
}
nav ul.depth2.empty {
	visibility: hidden;
}
nav ul.depth2 > li{
	position: relative;
}
nav ul.depth2 > li > a{

	font-family:"NotoSansKR";
	font-size:15px;
	letter-spacing: -0.05em;
	text-align: center;
	font-weight:400;
	line-height: 30px;
	color:#fff;
}
nav ul.depth2 > li > a{
	transition: color .3s ease;
}
nav ul.depth2 > li.sub > a >i{
	top:2px;
	display: inline-block;
	position: relative;
	margin-left:7px;
	border:1px solid rgba(255,255,255,0.5);
	box-sizing: border-box;
	width:14px;
	height:14px;
	transition: border .5s ease;
}
nav ul.depth2 > li.sub:hover > a >i,
nav ul.depth2 > li.sub.active > a >i,
nav ul.depth2 > li.sub.slideDown > a >i{
	border:1px solid rgba(0,0,0,0.3);
}

nav ul.depth2 > li.sub > a > i::after{
	width:8px;
	height:2px;
	position: absolute;
	content:"";
	display: block;
	left:50%;
	top:50%;
	margin-top:-1px;
	margin-left:-4px;
	background:rgba(255,255,255,0.7);
	transition: all .5s ease;
}
nav ul.depth2 > li.sub > a > i::before{
	width:2px;
	height:8px;
	position: absolute;
	content:"";
	display: block;
	left:50%;
	top:50%;
	margin-top:-4px;
	margin-left:-1px;
	background:rgba(255,255,255,0.7);
	transition: all .5s ease;
}
nav ul.depth2 > li.sub.active > a > i::after,
nav ul.depth2 > li.sub.active > a > i::before,
nav ul.depth2 > li.sub:hover > a > i::after,
nav ul.depth2 > li.sub:hover > a > i::before{
	background:rgba(0,0,0,0.5);
}
nav ul.depth2 > li.sub.slideDown > a > i::after{
	transform: rotate(180deg);
	background:rgba(0,0,0,0.5);
}
nav ul.depth2 > li.sub.slideDown > a > i::before{
	transform: rotate(90deg);
	opacity:0;
	background:rgba(0,0,0,0.5);
}
nav ul.depth2 > li:hover > a,
nav ul.depth2 > li.active > a,
nav ul.depth2 > li.sub.slideDown > a{
	color:rgba(0,0,0,1);

}
nav ul.depth3{
	display: none;
}
nav ul.depth1 li.active > ul.depth2 > li.active > ul.depth3{
	display: none;
}
nav ul.depth3 > li > a{
	font-family:"NotoSansKR";
	border-left:1px solid rgba(255,255,255,0.2);
	padding-left:10px;
	line-height:16px;
	padding-bottom:4px;
	padding-top:4px;
	font-weight:300;
	font-size:0px;
	color:rgba(255,255,255,0.75);
	transition: all .3s ease;
}
nav ul.depth3 > li:hover > a{
	border-left:1px solid rgba(255,255,255,1);
	color:rgba(255,255,255,1);
}
nav ul.depth3 > li.active > a,
nav ul.depth3 > li.active:hover > a{
	border-left:1px solid rgba(0,0,0,1);
	color:rgba(0,0,0,1);
	cursor: default;
}
nav ul.depth1 > li {
	text-align
}
nav ul.depth1 > li:nth-of-type(1){
	width:110px;
}
nav ul.depth1 > li:nth-of-type(2){
	width:155px;
}
nav ul.depth1 > li:nth-of-type(3){
	width:130px;
}
nav ul.depth1 > li:nth-of-type(4){
	width:120px;
}
nav ul.depth1 > li:nth-of-type(5){
	width:90px;
}
nav ul.depth1 > li:nth-of-type(6){
	width:150px;
}
nav ul.depth1 > li:nth-of-type(7){
	width:95px;
}


nav .language{
	position: absolute;
	right:0px;
	top:0px;
	display: none;
}
nav .language > label {
	text-transform: uppercase;
	display: inline-block;
	font-size: 14px;
	height:115px;
	line-height: 115px;
	cursor: pointer;
	padding:0px 20px;
	font-family: "Montserrat";
	color: #222;
}
nav .language > label > i{
	top:3px;
	margin-left:7px;
	display: inline-block;
	position: relative;
	width:14px;
	height:14px;
	transform:rotate(180deg);
	transition: all .3s ease;
}
nav .language.active > label > i{
	top:1px;
	transform: rotate(0deg);
}
nav .language > label > i::after{
	content:"";
	display: block;
	position:absolute;
	width:2px;
	transform:rotate(45deg);
	left:50%;
	top:50%;
	margin-top:-3px;
	margin-left:-4px;
	height:8px;
	background:#000;
}
nav .language > label > i::before{
	content:"";
	display: block;
	position:absolute;
	width:2px;
	transform:rotate(-45deg);
	left:50%;
	top:50%;
	margin-top:-3px;
	margin-left:1px;
	height:8px;
	background:#000;
}
nav .language > ul.select{
	text-align: left;
	height:0px;
	overflow: hidden;
	transition: height .3s ease;
}
nav .language.active > ul.select{
	height:150px;
}
nav .language > ul.select a{
	color:#fff;
	font-family: "Montserrat";
	font-size:14px;
	font-weight: 300;
	transition:color .3s ease;
}
nav .language > ul.select li.active a,
nav .language > ul.select a:hover{
	color:rgba(0, 0, 0, 0.7);
}
nav .language > ul.select{
	padding-top:30px;
	padding-left:18px;
}
nav .language > ul.select > li{
	line-height:24px;
}
footer{
	z-index: 2;
	width:100%;
	min-width:1240px;
	position: relative;
	/* height:270px; */
	height:155px;
	background-color:#ab4803;
}
footer .wrapper{
	width:1240px;
	/* padding-top:45px; */
	padding-top:20px;
	position: relative;
	margin:0 auto;
}
footer .wrapper::after{
	display: block;
	content:"";
	position: relative;
	clear:both;
}
footer .box {
	/* width:500px; */
	/* padding-bottom: 30px; */
	padding-bottom: 27px;
	/* watermark */
		padding-bottom: 17px;
	width:670px;
}
footer .box h4{
	letter-spacing: 0.03em;
	font-size:20px;
	font-weight:500;
	font-family: "Montserrat";
	color: #fff;
}
footer .box span{
	letter-spacing: 0.03em;
	display: inline-block;
	font-size:14px;
	/* padding-top:16px; */
	padding-top:30px;
	font-weight:200;
	font-family: "Montserrat","NotoSansKR";
	color: rgba(255,255,255,0.5);
}
footer .box .divide{
	float:left;
	/* padding-right:50px; */
	padding-right:20px;
}
footer .box::after{
	content:"";
	display: block;
	position: relative;
	clear:both;
}
footer .copyright p{
	letter-spacing: 0.03em;
	display: inline-block;
	font-size:14px;
	font-weight:200;
	font-family: "Montserrat","NotoSansKR";
	color: rgba(255,255,255,0.35);
}
footer .util{
	float:left;
	/* width:50%; */
	width:54%;
}
footer .util.right{
	text-align: right;
	width:46%;
}
footer .util.right label{
	display: inline-block;
	border-bottom:2px solid rgba(255,255,255,0.4);
	text-align: left;
	width:250px;
	/* line-height: 40px;
	padding-bottom:25px;
	margin-bottom:25px; */
  line-height: 20px;
	padding-bottom:10px;
	margin-bottom:10px;
	font-size:18px;
	letter-spacing:3px;
	color:#fff;
	font-family: "Montserrat";
}
footer .util.right label.l2{
	margin-bottom:0px;
	font-size:14px;
	letter-spacing:1px;
	border-bottom:0px;
}
footer .util.right .social ul li{
	list-style: none;

	width:40px;
	height:40px;
	margin:0px 12px;
	display: inline-block;
	background-image:url('../images/common/ico_social.png');
	background-position: 0px; 0px;
	background-repeat: no-repeat;
	transition:background .3s ease;
}
footer .util.right .social ul li a{
	display: block;
	width:100%;
	height:100%;
}
footer .util.right .social ul li.youtube{
	background-position: 0px 0px;
}
footer .util.right .social ul li.facebook{
	background-position: -40px 0px;
}
footer .util.right .social ul li:nth-of-type(3){
	background-position: -80px 0px;
}
footer .util.right .social ul li:nth-of-type(4){
	background-position: -120px 0px;
}
footer .util.right .social ul li.youtube:hover{
	background-position: 0px -40px;
}
footer .util.right .social ul li.facebook:hover{
	background-position: -40px -40px;
}
footer .util.right .social ul li:nth-of-type(3):hover{
	background-position: -80px -40px;
}
footer .util.right .social ul li:nth-of-type(4):hover{
	background-position: -120px -40px;
}
footer .util.right .public{
	/* padding-top:30px; */
	padding-top:10px;
	padding-right:10px;
	color:rgba(255,255,255,0.4);
	font-size:13px;
	font-weight:200;
	font-family: "Montserrat","NotoSansKR";
}
footer .util.right .public span{
	padding-right:17px;
	margin-right:10px;
	border-right:1px solid rgba(255,255,255,0.2);
}
footer .util.right .public span a{
	text-decoration: none;
	color:rgba(255,255,255,0.4);
	transition: color .3s ease;
}
footer .util.right .public span:last-child a,
footer .util.right .public span a:hover{
	color:#fff;
}
footer .util.right .public span:last-child a {
	font-weight:600;
}
footer .util.right .public span:last-child{
	padding-right:0px;
	margin-right:0px;
	border-right:0px;
}
footer span.link_site{
cursor: pointer;
zoom:1;
display: inline;
width:185px;
height: 32px;
border-color:rgba(255,255,255,0.4);
-webkit-box-sizing : content-box;
-moz-box-sizing : content-box;
box-sizing : content-box;
display: inline-block;
border-bottom: 2px solid rgba(255,255,255,0.4);
text-align: left;
width: 250px;
line-height:44px;
padding-bottom: 10px;
margin-bottom: 10px;
font-size: 18px;
letter-spacing: 3px;
color: #fff;
font-family: "Montserrat";
}
footer span.link_site.active{
	background:#fff;
	border:1px solid #fff;
}
footer span.link_site i{
    display: inline-block;
    zoom: 1;
    border-color:rgba(255,255,255,0.4);
    padding: 0px 18px;
    margin-right: 40px;
    font-style: normal;
    line-height: 32px;
    letter-spacing: 2px;
    padding-right: 45px;
}
footer span.link_site.active i{
	border-right:1px solid #ddd
}
footer span.link_site p{
	display:block;
	position:absolute;
	right:12px;
	top: 36px;
	background:url('../images/common/arrow1.png') 0px 1px;
	background-repeat: no-repeat;
	width:15px;
	height:8px;
}
footer span.link_site.active p{
	opacity: 0.7;
	background-position: 0px 0px;
}
footer span.link_site ul{
    position: absolute;
    bottom: 139px;
    width: 250px;
    height: 132px;
    z-index: 30;
    overflow-x:hidden;
    overflow-y: scroll;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}
footer span.link_site.active ul{
	height:auto;
	position:absolute;
	width:203px;
	right:-1px;
	bottom:32px;
}
footer span.link_site ul li{
	line-height:32px;
	height:32px;
	background: #000;
	border-bottom:1px solid #ddd;
	transition-property: all;
	transition-duration: .2s;
	transition-timing-function:  ease-out;
}
footer span.link_site ul li a{
	display:block;
	height:32px;
	width:100%;
	color: #fff;
	line-height:32px;
	font-size:11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding-left: 20px;
	font-family:'Futura Light', "source-han-sans-korean";
	transition-property: all;
	transition-duration: .2s;
	transition-timing-function:  ease-out;
}
footer span.link_site ul li:hover{
	background-color: #cc6727;
}
footer span.link_site ul li:hover a{
	color:#fff;
}

.hideen {
	display: none;
}