/* BASIC css start */
header#header > div.search{position:fixed !important;top:50px;*left:0;z-index:997}
header#header > div.headerTop{opacity:0.85 !important;display:block;width:100%;border-bottom:0;height:50px}
header#header > div.headerTop{position:fixed !important;top:0;*left:0;z-index:997;background:#fff}
header#header > div.headerTop .headerTopLeft{top:10px}
header#header > div.headerTop .headerTopRight{top:10px}
header#header > div.headerTop .headerTopCenter{width:100%;text-align:center;margin-top:10px}
header#header > div.headerTop .headerTopCenter h1{display:none}
header#header > div.headerTop .headerTopCenter h3{display:block}
header#header > .m_nav{display:none}

#fullpage{width:100%}
#fullpage > img{display:block;width:100%;max-width:500px;margin:0 auto}
#fullpage > img.section2{margin:40px auto 90px}
#fullpage > img.section7{margin:40px auto 40px}
#fullpage > img.section8{margin:0 auto}
#fullpage .section{width:100%;max-width:500px;margin:0 auto;text-align:center;background-position:center center;background-size:100% auto;background-repeat:no-repeat}
#fullpage .section > p{font-size:5em;font-family:'Playfair Display', serif !important;color:#fff;margin:0;padding:0;top:50%;transform:translateY(-50%);position:relative;opacity:0}
#fullpage #section13.section > p{
	-webkit-text-shadow:0 2px 6px rgba(132, 132, 132, 0.35);
	-moz-text-shadow:0 2px 6px rgba(132, 132, 132, 0.35);
	-ms-text-shadow:0 2px 6px rgba(132, 132, 132, 0.35);
	-o-text-shadow:0 2px 6px rgba(132, 132, 132, 0.35);
	text-shadow:0 2px 6px rgba(132, 132, 132, 0.35);
}
#fullpage .section > a{position:absolute;bottom:30px;left:10px;float:left;font-size:18px;color:#fff;font-family:"Noto Sans KR";opacity:0}
#fullpage .section.main > a{top:0;bottom:0;left:0;right:0;width:100%;height:100%}
#fullpage .section > a > span{font-family:"Roboto",Roboto,tahomaregular,'Nanum Gothic',Malgun Gothic,serif,Arial,dotum,µ¸¿ò}
#fullpage .section.video{overflow:hidden;background-color:#000;max-width:100%;height:260px !important}
#fullpage .section.video > video{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-size:100% 100%;background-color:#fff;background-position:center center;z-index:3}


.tov-animated{
	-webkit-animation-duration:0.35s;
	animation-duration:0.35s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
.tov-animatedx2{
	-webkit-animation-duration:0.20s;
	animation-duration:0.20s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
@-webkit-keyframes tov-fadeIn{
	0%{opacity:0}
	100%{opacity:1}
}
@keyframes tov-fadeIn{
	0%{opacity:0}
	100%{opacity:1}
}
.tov-fadeIn{
	-webkit-animation-name:tov-fadeIn;
	animation-name:tov-fadeIn;
}
@-webkit-keyframes tov-fadeInUp{
	0%{
		opacity:0;
		-webkit-transform:translate3d(0, 100%, 0);
		transform:translate3d(0, 100%, 0);
	}
	100%{
		opacity:1;
		-webkit-transform:none;
		transform:none;
	}
}
@keyframes tov-fadeInUp{
	0%{
		opacity:0;
		-webkit-transform:translate3d(0, 100%, 0);
		transform:translate3d(0, 100%, 0);
	}
	100%{
		opacity:1;
		-webkit-transform:none;
		transform:none;
	}
}
.tov-fadeInUp{
	-webkit-animation-name:tov-fadeInUp;
	animation-name:tov-fadeInUp;
}
@-webkit-keyframes tov-fadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}
@keyframes tov-fadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}
.tov-fadeOut{
	-webkit-animation-name:tov-fadeOut;
	animation-name:tov-fadeOut;
}

/* BASIC css end */

