@charset "UTF-8";
 @import url("https://use.typekit.net/uzz3cuz.css");
/*------ woc - base ------*/

/*@font-face {
	font-family: 'MaruBuri';
	font-style: normal;
	src: url('../font/MaruBuri-Regular.eot');
	src: url('../font/MaruBuri-Regular.ttf');
	src: url('../font/MaruBuri-Regular.woff');
}*/

@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 400;
	src: url('../font/Pretendard-Light.otf');
	src: url('../font/Pretendard-Light.woff');
	src: url('../font/Pretendard-Light.woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	src: url('../font/Pretendard-Regular.otf');
	src: url('../font/Pretendard-Regular.woff');
	src: url('../font/Pretendard-Regular.woff2');
	src: url('../font/PretendardVariable.ttf');
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 600;
	src: url('../font/Pretendard-Medium.otf');
	src: url('../font/Pretendard-Medium.woff');
	src: url('../font/Pretendard-Medium.woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 700;
	src: url('../font/Pretendard-SemiBold.otf');
	src: url('../font/Pretendard-SemiBold.woff');
	src: url('../font/Pretendard-SemiBold.woff2');
}

@font-face {
	font-family: 'InriaSans';
	font-style: normal;
	src: url('../font/Questrial-Regular.ttf');
}

@font-face {
	font-family: 'PoiretOne';
	font-style: normal;
	src: url('../font/PoiretOne-Regular.ttf');
}


/*@font-face {
	font-family: 'PathwayExtreme';
	font-style: normal;
	src: url('../font/PathwayExtreme_120pt-ExtraBold.ttf');
}

@font-face {
	font-family: 'InriaSans';
	font-style: normal;
	font-weight: 300;
	src: url('../font/InriaSans-Regular.ttf');
}
@font-face {
	font-family: 'InriaSans';
	font-style: normal;
	font-weight: 500;
	src: url('../font/InriaSans-Light.ttf');
}
@font-face {
	font-family: 'InriaSans';
	font-style: normal;
	font-weight: 700;
	src: url('../font/InriaSans-Bold.ttf');
}
@font-face {
	font-family: 'InriaSans-italic';
	font-style: normal;
	font-weight: 300;
	src: url('../font/InriaSans-LightItalic.ttf');
}
@font-face {
	font-family: 'InriaSans-italic';
	font-style: normal;
	font-weight: 500;
	src: url('../font/InriaSans-Italic.ttf');
}
@font-face {
	font-family: 'InriaSans-italic';
	font-style: normal;
	font-weight: 700;
	src: url('../font/InriaSans-BoldItalic.ttf');
}*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header,
hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
	margin:0;border:0;outline:0;padding:0;
	background:transparent;
	font-family:'PoiretOne','Pretendard', 돋움, Dotum, sans-serif;
	font-style:normal; font-weight:normal;
	vertical-align:baseline;
}


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

body					{line-height:1}
ol,ul				{list-style:none}
blockquote,q 		{quotes:none}
blockquote:before,
blockquote:after,
q:before,q:after		{content:'';content:none}
table				{border-collapse:collapse;border-spacing:0}
hr					{display:none}
button				{border:none;background:none;}
label				{vertical-align:middle;cursor:pointer}
input				{vertical-align:middle}

a:link				{color:#000;text-decoration:none}
a:visited			{color:#000;text-decoration:none}
a:hover				{color:#000;text-decoration:none}
a:active				{color:#000;text-decoration:none}
#skipnavi,.alt		{position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;visibility:hidden;overflow:hidden}
/* common - mov */
#MainVideo {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:auto;overflow:hidden;object-fit:cover;}
#myVideo {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:auto;overflow:hidden;object-fit:cover;}
#myVideo1 {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:auto;overflow:hidden;object-fit:cover;}
#myVideo2 {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:auto;overflow:hidden;object-fit:cover;}
@media (min-aspect-ratio: 16/9) {#MainVideo1 {width: 100%;height: auto;}}
@media (max-aspect-ratio: 16/9) {#MainVideo1 {width: auto;height: 100%;}}
@media (min-aspect-ratio: 16/9) {#MainVideo2 {width: 100%;height: auto;}}
@media (max-aspect-ratio: 16/9) {#MainVideo2 {width: auto;height: 100%;}}
::-moz-selection {color: white;background: #C8C8A1;}
::selection {color: white;background: #C8C8A1;}

/* element hide */
#skipnavi,.hide		{position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;visibility:hidden;overflow:hidden}
.bg {
	width:100%;height:100%;background:#000;position:absolute;left:0;top:0;opacity:0.3;z-index:300;
	transition:all 0.35s ease-in;
	-webkit-transition:all 0.35s ease-in;-moz-transition:all 0.35s ease-in;
	-ms-transition:all 0.35s ease-in;-o-transition:all 0.35s ease-in;
}
.bg_01 {
	width:100%;height:100%;background:#000;position:absolute;left:0;top:0;opacity:0.4;z-index:300;
}
.bg_02 {
	width:100%;height:100%;background:#000;position:absolute;left:0;top:0;opacity:0.5;z-index:300;
}
.bg_03 {
	width:100%;height:100%;background:#000;position:absolute;left:0;top:0;opacity:0.6;z-index:300;
	-webkit-transition: all 0.3s cubic-bezier(.64,.17,.49,.83);-moz-transition: all 0.3s cubic-bezier(.64,.17,.49,.83);
	-ms-transition: all 0.3s cubic-bezier(.64,.17,.49,.83);-o-transition: all 0.3s cubic-bezier(.64,.17,.49,.83);
}
.bg_04 {
	width:100%;height:100%;background:#000;position:absolute;left:0;top:0;opacity:0.7;z-index:300;
}

/* element slide */

#slide 						{position:relative;width:100%;height:100%;overflow:hidden;min-width:1200px;}
#slide .slide_show 			{position:relative;width:100%;height:100%;overflow:hidden;}
#slide .slide_show > li 		{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:50;}
#slide .slide_show > li.active {z-index:100;}
#slide .nav > a 				{position:absolute;top:50%;width:80px;height:57px;z-index:320;margin-top:-34.5px;}
#slide .nav > a.prev 			{left:50px;background:url(../images/prev.png) no-repeat 0 0;}
#slide .nav > a.next 			{right:50px;background:url(../images/next.png) no-repeat 0 0;}
#slide .nav 				{}
#slide .nav > ul 				{overflow:hidden ;position:absolute;left:50%;bottom:35px;z-index:320;}
#slide .nav > ul li 			{float:left;width:20px;margin:0 2px;}
#slide .nav > ul li a 		{width:28px;height:28px;display:block;margin:0 auto;}
#slide .nav > ul li a 		{background:url(../images/slide_off.png) no-repeat 0 0;}
#slide .nav > ul li a.active 	{background:url(../images/slide_on.png) no-repeat 0 0;}