/* BASIC css start */
#wrap > #header > .top_banner{display:none}

#wrap > #header{position:fixed !important;z-index:98}
#wrap > #header > .inner_wrap{display:none}
#wrap > #header > .inner_wrap *{display:none}
#wrap > #header > .inner.bg_lnb{opacity:1;display:block;width:100%;position:fixed !important;top:0;*left:0;z-index:98;background:rgba(255,255,255,0.8)}
#wrap > #header > .inner.bg_lnb .fix_logo{display:block}
#wrap > #header > .inner.bg_lnb #category2{display:none}
#wrap > #header > .inner.bg_lnb .search, #wrap > #header > .inner.bg_lnb .gnb3{display:block}

#wrap > #header > .inner.bg_lnb .search{position:relative;top:0;right:0;padding-top:11px;display:inline-block;margin-right:15px;float:right;width:167px; }
#wrap > #header > .inner.bg_lnb .search input[name="search"]{font-size:12px; width:120px;position:relative;border-radius:30px;right:0;padding:7px 30px 7px 15px;border:1px solid #bbb;background:transparent}
#wrap > #header > .inner.bg_lnb .search input[name="search"]:focus{border:2px solid #707070}
#wrap > #header > .inner.bg_lnb .search .s_btn{position:absolute;right:14px;top:17px}
#wrap > #header > .inner.bg_lnb .search .s_btn input{width:13px}


#fullpage{float:left;width:100%}
/*#fullpage{padding:57px 0 0}*/

#fullpage *{font-family:"Noto Sans KR";font-weight:500;font-size:40px;line-height:60px}

#fullpage .section{float:left;width:100%;height:auto !important}
#fullpage .section > .sectionWrap{display:block;width:100%;margin:0 auto}
/*#fullpage .section > .sectionWrap{overflow:hidden}*/
#fullpage .section > .sectionWrap > div{float:left;width:100%;height:100%;position:relative}
#fullpage .section > .sectionWrap > div > img{float:left;width:100%}

#fullpage .section > .sectionWrap > div > .animate{position:absolute;top:0;left:0;float:left;width:100%;height:100%}
#fullpage .section > .sectionWrap > div > .animate > img{position:absolute;top:0;left:0;float:left;width:100%;opacity:0}

#fullpage .section > .sectionWrap > div > .animate.animate1 > img{
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-duration:2.50s;
	animation-duration:2.50s;
}
#fullpage .section > .sectionWrap > div > .animate.animate1 > img:nth-child(1){
	-webkit-animation-name:tov-flash1;
	animation-name:tov-flash1;
}
#fullpage .section > .sectionWrap > div > .animate.animate1 > img:nth-child(2){
	-webkit-animation-name:tov-flash2;
	animation-name:tov-flash2;
}
#fullpage .section > .sectionWrap > div > .animate.animate1 > img:nth-child(3){
	-webkit-animation-name:tov-flash3;
	animation-name:tov-flash3;
}
@-webkit-keyframes tov-flash1{
	0%{opacity:0}
	10%{opacity:1}
	20%{opacity:0}
	30%{opacity:0}
	40%{opacity:0}
	50%{opacity:0}
	60%{opacity:0}
	70%{opacity:1}
	80%{opacity:0}
	90%{opacity:1}
	100%{opacity:0}
}
@keyframes tov-flash1{
	0%{opacity:0}
	10%{opacity:1}
	20%{opacity:0}
	30%{opacity:0}
	40%{opacity:0}
	50%{opacity:0}
	60%{opacity:0}
	70%{opacity:1}
	80%{opacity:0}
	90%{opacity:1}
	100%{opacity:0}
}
@-webkit-keyframes tov-flash2{
	0%{opacity:0}
	10%{opacity:0}
	20%{opacity:1}
	30%{opacity:0}
	40%{opacity:}
	50%{opacity:1}
	60%{opacity:0}
	70%{opacity:0}
	80%{opacity:1}
	90%{opacity:0}
	100%{opacity:0}
}
@keyframes tov-flash2{
	0%{opacity:0}
	10%{opacity:0}
	20%{opacity:1}
	30%{opacity:0}
	40%{opacity:0}
	50%{opacity:1}
	60%{opacity:0}
	70%{opacity:0}
	80%{opacity:1}
	90%{opacity:0}
	100%{opacity:0}
}
@-webkit-keyframes tov-flash3{
	0%{opacity:0}
	10%{opacity:0}
	20%{opacity:0}
	30%{opacity:1}
	40%{opacity:0}
	50%{opacity:0}
	60%{opacity:1}
	70%{opacity:0}
	80%{opacity:0}
	90%{opacity:0}
	100%{opacity:0}
}
@keyframes tov-flash3{
	0%{opacity:0}
	10%{opacity:0}
	20%{opacity:0}
	30%{opacity:1}
	40%{opacity:0}
	50%{opacity:0}
	60%{opacity:1}
	70%{opacity:0}
	80%{opacity:0}
	90%{opacity:0}
	100%{opacity:0}
}

#fullpage .section > .sectionWrap > div > .animate.animate2 > img{
  -webkit-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
}
body.fp-viewing-1 #fullpage .section > .sectionWrap > div > .animate.animate2 > img{opacity:1}
body.fp-viewing-1 #fullpage .section > .sectionWrap > div > .animate.animate2 > img{
  -webkit-transition-delay:0.5s;
       -o-transition-delay:0.5s;
          transition-delay:0.5s;
}

#fullpage .section > .sectionWrap > div > .hover{position:absolute;top:0;left:0;float:left;width:100%;height:100%}
#fullpage .section > .sectionWrap > div > .hover > a{position:absolute;float:left}

#fullpage .section > .sectionWrap > div > .hover > a.hover1{top:16%;left:13.4%;width:31.9%;height:76%}
#fullpage .section > .sectionWrap > div > .hover > a.hover2{top:0%;left:51.15%;width:35.4%;height:88.8%}
#fullpage .section > .sectionWrap > div > .hover > a.hover3{top:8.25%;left:11.7%;width:35.46%;height:65.4%}

#fullpage .section > .sectionWrap > div > .animate.animate3 > img{
  -webkit-transition: all .15s ease-in-out;
       -o-transition: all .15s ease-in-out;
          transition: all .15s ease-in-out;
}
#fullpage .section > .sectionWrap > div.showColorChart > .animate.animate3 > img{opacity:1}

#fullpage .section > .sectionWrap > div > .animate.animate6 > img{
	transition:transform 1.5s ease, opacity 1.5s ease;
	transform:translate(0, -60px);
	opacity:0;
}
body.fp-viewing-3 #fullpage .section > .sectionWrap > div > .animate.animate6 > img{
	transform:translate(0,0);
	opacity:1;
}

#fullpage .section > .sectionWrap > div > .animate.animate7 > img{
	transition:transform 1.5s ease, opacity 1.5s ease;
	transform:translate(0, -60px);
	opacity:0;
}
body.fp-viewing-4 #fullpage .section > .sectionWrap > div > .animate.animate7 > img{
	transform:translate(0,0);
	opacity:1;
}

#fullpage .section > .sectionWrap > div > .animate.animate8 > img{
	transition:transform 1.5s ease, opacity 1.5s ease;
	transform:translate(0, -60px);
	opacity:0;
}
body.fp-viewing-5 #fullpage .section > .sectionWrap > div > .animate.animate8 > img{
	transform:translate(0,0);
	opacity:1;
}

#fullpage .section > .sectionWrap > div > .animate.animate9 > img{
	transition:transform 1.5s ease, opacity 1.5s ease;
	transform:translate(0, -60px);
	opacity:0;
}
body.fp-viewing-7 #fullpage .section > .sectionWrap > div > .animate.animate9 > img
, body.fp-viewing-8 #fullpage .section > .sectionWrap > div > .animate.animate9 > img{
	transform:translate(0,0);
	opacity:1;
}
body.fp-viewing-7 #fullpage .section > .sectionWrap > div > .animate.animate9 > img{
  -webkit-transition-delay:0.3s;
       -o-transition-delay:0.3s;
          transition-delay:0.3s;
}

#fullpage .section > .sectionWrap > div > .animate.animate10 > img{
	transition:transform 1.0s ease, opacity 1.0s ease;
	opacity:0;
}
body.fp-viewing-8 #fullpage .section > .sectionWrap > div > .animate.animate10 > img
, body.fp-viewing-9 #fullpage .section > .sectionWrap > div > .animate.animate10 > img{
	opacity:1;
}

#fullpage .section > .sectionWrap > div > .animate.animate11 > img{
	transition:transform 1.0s ease, opacity 1.0s ease;
	transform:translate(0,-60px);
	opacity:0;
}
body.fp-viewing-9 #fullpage .section > .sectionWrap > div > .animate.animate11 > img{
	transform:translate(0,0);
	opacity:1;
}
body.fp-viewing-9 #fullpage .section > .sectionWrap > div > .animate.animate11 > img:nth-child(1){
  -webkit-transition-delay:1.0s;
       -o-transition-delay:1.0s;
          transition-delay:1.0s;
}
body.fp-viewing-9 #fullpage .section > .sectionWrap > div > .animate.animate11 > img:nth-child(2){
  -webkit-transition-delay:0.5s;
       -o-transition-delay:0.5s;
          transition-delay:0.5s;
}
body.fp-viewing-9 #fullpage .section > .sectionWrap > div > .animate.animate11 > img:nth-child(3){
}

#fullpage .section > .sectionWrap > div > .hover > a.click1{top:45%;left:5.1%;width:1.8%;height:5.1%;border-radius:100px}
#fullpage .section > .sectionWrap > div > .hover > a.click2{top:21.5%;left:45.69%;width:1.8%;height:5.1%;border-radius:100px}
#fullpage .section > .sectionWrap > div > .hover > a.click3{top:58.1%;left:28.15%;width:1.8%;height:2.7%;border-radius:100px}

#fullpage .section > .sectionWrap > div > .animate.animate12 > img{
	transition:transform 1.0s ease, opacity 1.0s ease;
	opacity:0;
}
body.fp-viewing-10 #fullpage .section > .sectionWrap > div > .animate.animate12 > img{
	opacity:1;
}

#fullpage .section > .sectionWrap > div > .animate.animate13 > img{
	transition:transform 1.5s ease, opacity 1.5s ease;
	transform:translate(0, -60px);
	opacity:0;
}
body.fp-viewing-12 #fullpage .section > .sectionWrap > div > .animate.animate13 > img
, body.fp-viewing-13 #fullpage .section > .sectionWrap > div > .animate.animate13 > img{
	transform:translate(0,0);
	opacity:1;
}

#fullpage .section > .sectionWrap > div > .animate.animate14 > img
, #fullpage .section > .sectionWrap > div > .animate.animate15 > img{
	transition:transform 1.5s ease, opacity 1.5s ease;
	transform:translate(0, -60px);
	opacity:0;
}
body.fp-viewing-13 #fullpage .section > .sectionWrap > div > .animate.animate14 > img
, body.fp-viewing-14 #fullpage .section > .sectionWrap > div > .animate.animate14 > img
, body.fp-viewing-13 #fullpage .section > .sectionWrap > div > .animate.animate15 > img
, body.fp-viewing-14 #fullpage .section > .sectionWrap > div > .animate.animate15 > img{
	transform:translate(0,0);
	opacity:1;
}
body.fp-viewing-13 #fullpage .section > .sectionWrap > div > .animate.animate15 > img{
  -webkit-transition-delay:0.5s;
       -o-transition-delay:0.5s;
          transition-delay:0.5s;
}

#fullpage .section > .sectionWrap > div > .animate.animate16 > img{
	transition:transform 1.0s ease, opacity 1.0s ease;
	opacity:0;
}
body.fp-viewing-14 #fullpage .section > .sectionWrap > div > .animate.animate16 > img{
	opacity:1;
}

#fullpage .section > .sectionWrap > div > .animate.animate17 > img{
	transition:transform 1.0s ease, opacity 1.0s ease;
	opacity:0;
}
body.fp-viewing-15 #fullpage .section > .sectionWrap > div > .animate.animate17 > img{
	opacity:1;
}
body.fp-viewing-15 #fullpage .section > .sectionWrap > div > .animate.animate17 > img:nth-child(1){
  -webkit-transition-delay:0.5s;
       -o-transition-delay:0.5s;
          transition-delay:0.5s;
}

#fullpage .section > .sectionWrap > div > .animate.animate18 > img{
	transition:transform .7s ease, opacity .7s ease;
	transform:translate(0,-60px);
	opacity:0;
}
body.fp-viewing-16 #fullpage .section > .sectionWrap > div > .animate.animate18 > img{
	transform:translate(0,0);
	opacity:1;
}
body.fp-viewing-16 #fullpage .section > .sectionWrap > div > .animate.animate18 > img:nth-child(1){
  -webkit-transition-delay:1.0s;
       -o-transition-delay:1.0s;
          transition-delay:1.0s;
}
body.fp-viewing-16 #fullpage .section > .sectionWrap > div > .animate.animate18 > img:nth-child(2){
  -webkit-transition-delay:0.5s;
       -o-transition-delay:0.5s;
          transition-delay:0.5s;
}
body.fp-viewing-16 #fullpage .section > .sectionWrap > div > .animate.animate18 > img:nth-child(3){
}


#fullpage .section > .sectionWrap > div > .animate.animate4 > img{
  -webkit-transition: all .1s ease-in-out;
       -o-transition: all .1s ease-in-out;
          transition: all .1s ease-in-out;
}
#fullpage .section > .sectionWrap > div.show_click1 > .animate.animate4 > img.click1{opacity:1}
#fullpage .section > .sectionWrap > div.show_click2 > .animate.animate4 > img.click2{opacity:1}
#fullpage .section > .sectionWrap > div.show_click3 > .animate.animate4 > img.click3{opacity:1}

#fullpage .section > .sectionWrap > div > .hover > a.hover4{top:25%;left:5.4%;width:27.9%;height:75%}
#fullpage .section > .sectionWrap > div > .hover > a.hover5{top:14%;left:34.15%;width:30.4%;height:86%}
#fullpage .section > .sectionWrap > div > .hover > a.hover6{top:0%;left:65%;width:35%;height:100%}

#fullpage .section > .sectionWrap > div > .animate.animate5 > img{
  -webkit-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
}
#fullpage .section > .sectionWrap > div > .animate.animate5 > img.default{opacity:1}
#fullpage .section > .sectionWrap > div.show_hover4 > .animate.animate5.hover4 > img.default{opacity:0}
#fullpage .section > .sectionWrap > div.show_hover5 > .animate.animate5.hover5 > img.default{opacity:0}
#fullpage .section > .sectionWrap > div.show_hover6 > .animate.animate5.hover6 > img.default{opacity:0}
#fullpage .section > .sectionWrap > div.show_hover4 > .animate.animate5.hover4 > img{opacity:1}
#fullpage .section > .sectionWrap > div.show_hover5 > .animate.animate5.hover5 > img{opacity:1}
#fullpage .section > .sectionWrap > div.show_hover6 > .animate.animate5.hover6 > img{opacity:1}


#fullpage .section.link{background-color:#7999b8}
#fullpage .section.link > .sectionWrap{width:1421px;padding-bottom:165px}
#fullpage .section.link > .sectionWrap > div > a{float:left;width:423px;height:576px;margin:0 38px;font-size:20px;line-height:30px;position:relative}
#fullpage .section.link > .sectionWrap > div > a:first-child{margin-left:0}
#fullpage .section.link > .sectionWrap > div > a:last-child{margin-right:0}
#fullpage .section.link > .sectionWrap > div > a > img{float:left;width:100%}
#fullpage .section.link > .sectionWrap > div > a > .hover{position:absolute;top:0;left:0;opacity:0}
#fullpage .section.link > .sectionWrap > div > a > .hover{
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
#fullpage .section.link > .sectionWrap > div > a:hover > .hover{opacity:1}

/* BASIC css end */