@charset "utf-8";
@font-face {
    font-family: 'netmarbleB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.1/netmarbleB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
* {
	margin:0;
	padding:0;
	-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;
}
::-webkit-scrollbar {
	display: none;
}
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, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
html,body{
	font-size: 14px; line-height: 22px; color: #888;
	outline: none;
}
html,body,iframe,iframe *{
	font-family: 'Noto Sans KR', 'Lato', '맑은 고딕', 'Malgun Gothic','Nanum Gothic', sans-serif;
	font-weight: normal;
}
ul, ol {
	list-style: none;
	padding:0;
}

a, a:hover {
  color: inherit;
  text-decoration: none;
  cursor:Pointer;
}


table {
	border-collapse:collapse;
}
img{vertical-align:middle;}
b{font-weight:bold;}


.cpage {
	clear:both;position:relative;overflow:visible;
	width:100%;height:auto;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	font-size: 0;
}

.cpage .TRAN{
	opacity:0;transition:all 1.5s;
	transition-property:transform, opacity;
}
.ANI .TRAN{
	transform:translateX(0px) translateY(0px) scale(1) !important;
	opacity: 1.0 !important;
}

.clearfix:before {
	display:table;
	content:' ';
}
.clearfix:after {
	display:table;
	content:' ';
	clear:both;
}

.loader {
	width: 100%; height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}


.preloader-def {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: url(http://img.einet.kr/P201907002/responsive/default.jpg) center center no-repeat;
  position: fixed;
  width: 100%;
  height: 100%; }
.preloader-def::after {
	content: '';
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
	background: rgba(255,255,255,0.3);
	z-index: -1;
}

.preloader-def .preload-skip {
	position: absolute;
	right: 5%;
	top: 5%;
	z-index: 1100000;
	border: none;
}

@media screen and (max-width: 1100px) {
	.preloader-def .preload-skip img {
		width: 80px;
	}
}

#preloader9::after {
	content: '';
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
	background: rgba(0,0,0,0);
	z-index: -1;
}

.preload-content h1{ font-family: 'netmarbleB'; font-size: 80px; color: #0070C0; line-height: 90px; text-align: center; width: 100%; text-shadow: 0 2px 5px rgba(0,0,0,.3); position: relative; top: -90px;}
.preload-content span{ color: #E46C0A;}


#preloader1{z-index: 1000008;}
#preloader2{z-index: 1000007;}
#preloader3{z-index: 1000006;}
#preloader4{z-index: 1000005;}
#preloader5{z-index: 1000004;}
#preloader6{z-index: 1000003;}
#preloader7{z-index: 1000002;}
#preloader8{z-index: 1000001;}
#preloader9{z-index: 1000000;}
#preloader1 h1{opacity: 0; transition: 1s; text-shadow: 0 1px 3px rgba(0,0,0,.3);} 
#preloader1.active h1{  opacity: 1;  transition-delay: .5s; }

#preloader3 p{font-family: 'netmarbleB'; font-size: 40px; color: #0070C0; position: absolute; opacity: 0; transition: 1s; text-shadow: 0 1px 3px rgba(0,0,0,.3);} 
#preloader3.active p{  opacity: 1; }
#preloader3 p.p3-1{ top: 15%; left: 15%;}
#preloader3 p.p3-2{ top: 30%; left: 20%;}
#preloader3 p.p3-3{ bottom: 20%; right: 15%;}
#preloader3 p.p3-4{ bottom: 15%; left: 25%;}
#preloader3 p.p3-5{ bottom: 30%; left: 17%;}
#preloader3 p.p3-6{ top: 20%; right: 17%;}
#preloader3 p.p3-7{ top: 30%; right: 10%;}
#preloader3.active p.p3-1{ transition-delay: 6s;}
#preloader3.active p.p3-2{ transition-delay: 6.5s;}
#preloader3.active p.p3-3{ transition-delay: 7s;}
#preloader3.active p.p3-4{ transition-delay: 7.5s;}
#preloader3.active p.p3-5{ transition-delay: 8s;}
#preloader3.active p.p3-6{ transition-delay: 8.5s;}
#preloader3.active p.p3-7{ transition-delay: 9s;}
#preloader4 h1{ opacity: 0; transition: 1s; width: 100%; text-align: center; } 
#preloader4.active h1{  opacity: 1; }
#preloader4.active h1.p4-2{ transition-delay: 11.5s;}
#preloader5 p{font-family: 'netmarbleB'; font-size: 40px; color: #0070C0; position: absolute; opacity: 0; transition: 1s; text-shadow: 0 1px 3px rgba(0,0,0,.3);} 
#preloader5.active p{  opacity: 1; }
#preloader5 p.p5-1{ top: 25%; left: 15%;}
#preloader5.active p.p5-1{ transition-delay: 15s;}
#preloader5 p.p5-2{ bottom: 15%; right: 15%;}
#preloader5.active p.p5-2{ transition-delay: 15.5s;}
#preloader5 p.p5-3{ bottom: 25%; left: 25%;}
#preloader5.active p.p5-3{ transition-delay: 16s;}
#preloader5 p.p5-4{ top: 15%; right: 15%;}
#preloader5.active p.p5-4{ transition-delay: 16.5s;}
#preloader7 h1{opacity: 0; transition: 1s; text-shadow: 0 1px 3px rgba(0,0,0,.3); } 
#preloader7.active h1{  opacity: 1; }
#preloader7.active h1.p7-2{ transition-delay: 21.5s;}
#preloader8 h1{opacity: 0; transition: 1s; text-shadow: 0 1px 3px rgba(0,0,0,.3); } 
#preloader8.active h1{  opacity: 1; }
#preloader8.active h1.p8-2{ transition-delay: 25s;}
#preloader9{z-index: 1000000;}
#preloader9 .vimeoSlogan {
	position: absolute;
	/* top: calc(50% + 30px); left: 13%; */
    bottom: calc(50% - 300px); right: 5%;
	transform: translateY(-50%);
	padding-left: 54px;
	color: #fff;
}
#preloader9 .vimeoSlogan .deco {
	position: absolute;
	top: 0; left: 0;
}
#preloader9 .vimeoSlogan .deco img{
	width: 49px;
    height: 56px;
}
#preloader9 .vimeoSlogan p {
	position: relative;
	margin-top: 5px;
	padding-bottom: 5px;
	font-family: 'Lato', sans-serif;
	font-size: 25px;
	line-height: 25px;
	letter-spacing: 12px;
	text-shadow: 0px 1px 4px rgba(3, 24, 41, 0.56);
	text-transform: uppercase;
}
#preloader9 .vimeoSlogan p::after {
	content: '';
	position: absolute;
	bottom: 0; right: 9px; left: 2px;
	margin: auto;
	width: auto; height: 1px;
	background: #fff;
}
#preloader9 .vimeoSlogan .vimeo_play {
	display: inline-block;
	margin-top: 5px;
	margin-left: 2px;
}
#preloader9 .vimeoSlogan .vimeo_play i {
	display: inline-block;
	width: 25px; height: 25px;
	font-size: 12px;
	line-height: 25px;
	color: #2f2f2f;
	background: #fff;
	box-shadow: 0px 2px 2px 0 rgba(3, 24, 41, 0.35);
	text-align: center;
	vertical-align: top;
	transition: background 0.35s, color 0.35s;
}
#preloader9 .vimeoSlogan .vimeo_play:hover i {
	color: #fff;
	background: #dc5800;
}
#preloader9 .vimeoSlogan .vimeo_play span {
	display: inline-block;
	margin-left: 10px;
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	line-height: 25px;
	color: #fff;
	text-shadow: 0px 2px 4.5px rgba(3, 24, 41, 0.71);
	text-transform: uppercase;
	vertical-align: top;
}

/* #preloader2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: url(http://img.einet.kr/P201907002/responsive/default.jpg) center center no-repeat;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000000; }
  #preloader2::after {
      content: '';
      position: absolute;
      top: 0; right: 0; bottom: 0; left: 0;
      margin: auto;
      background: rgba(0,0,0,0.6);
      z-index: -1;
  } */


#original-load2 {
    z-index: 999;
    animation: animationOpacity ease 1.5s;
    transform-origin: 50% 50%;
    -webkit-animation: animationOpacity ease 1.5s;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: animationOpacity ease 1.5s;
    -moz-transform-origin: 50% 50%;
    -o-animation: animationOpacity ease 1.5s;
    -o-transform-origin: 50% 50%;
    -ms-animation: animationOpacity ease 1.5s;
    -ms-transform-origin: 50% 50%;
}
/* 움직이는 로고
#original-load2 {
    z-index: 999; 
    animation: animationOpacity ease 1s;
    animation-iteration-count: 7;
    transform-origin: 50% 50%;
    -webkit-animation: animationOpacity ease 1s;
    -webkit-animation-iteration-count: 7;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: animationOpacity ease 1s;
    -moz-animation-iteration-count: 7;
    -moz-transform-origin: 50% 50%;
    -o-animation: animationOpacity ease 1s;
    -o-animation-iteration-count: 7;
    -o-transform-origin: 50% 50%;
    -ms-animation: animationOpacity ease 1s;
    -ms-animation-iteration-count: 7;
    -ms-transform-origin: 50% 50%;
} */

#original-load2 img {
	z-index: 1;
}

@keyframes animationOpacity{
  0% {
    opacity:0;
  }
  51% {
    opacity:0.5;
  }
  100% {
    opacity:1;
  }
}
@-moz-keyframes animationOpacity{
  0% {
    opacity:0;
  }
  51% {
    opacity:0.5;
  }
  100% {
    opacity:1;
  }
}
@keyframes animationOpacity{
  0% {
    opacity:0;
  }
  51% {
    opacity:0.5;
  }
  100% {
    opacity:1;
  }
}
@-webkit-keyframes animationOpacity{
  0% {
    opacity:0;
  }
  51% {
    opacity:0.5;
  }
  100% {
    opacity:1;
  }
}
@-o-keyframes animationOpacity{
  0% {
    opacity:0;
  }
  51% {
    opacity:0.5;
  }
  100% {
    opacity:1;
  }
}
@-ms-keyframes animationOpacity{
  0% {
    opacity:0;
  }
  51% {
    opacity:0.5;
  }
  100% {
    opacity:1;
  }
}


@media (max-width: 1024px) {
    .preload-content h1{ font-size: 26px;  line-height: 40px;  top: -50px;}
    #preloader3 p.p3-7{ top: 25%; right: 10%;}
    #preloader3 p, #preloader5 p{font-size: 16px;} 

    #preloader9 .vimeoSlogan {
		position: absolute;
		top: auto; bottom: 100px; right: calc(50% - 150px);
		transform: scale(.7)!important;
		padding-left: 45px;
	}
	#preloader9 .vimeoSlogan .deco {
		position: absolute;
		top: 0; left: 0;
	}
	#preloader9 .vimeoSlogan .deco img {
		width: 40px;
		height: auto;
        margin-top: 5px;
	}
	#preloader9 .vimeoSlogan p {
		padding-bottom: 5px;
		font-size: 18px;
		line-height: 18px;
		letter-spacing: 12px;
	}
	#preloader9 .vimeoSlogan p::after {
		left: 2px;
	}
	#preloader9 .vimeoSlogan .vimeo_play {
		margin-top: 5px;
		margin-left: 2px;
	}
	#preloader9 .vimeoSlogan .vimeo_play i {
		width: 20px; height: 20px;
		font-size: 10px;
		line-height: 20px;
	}
	#preloader9 .vimeoSlogan .vimeo_play span {
		font-size: 14px;
		line-height: 20px;
	}
}