@charset "utf-8";

@import url('board.css');
@import url('layout.css');
@import url('main.css');
@import url('sub.css');
@import url('lightbox.css');
@import url('swiper.min.css');

/* reset */
*{margin:0;padding:0;box-sizing:border-box}::after,::before{box-sizing:inherit}body,html{position:relative;height:100%;}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit}li,ol,ul{list-style:none}hr,img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}address,cite,em{font-style:normal}body{font-family:'Play', 'Poppins', 'Noto Sans KR','맑은 고딕','돋움','Dotum','굴림','Gulim',Sans-serif;font-size:1.07em;font-weight:300;color:#333;line-height:150%;letter-spacing:-.9px;word-break:keep-all;}:lang(en) body{letter-spacing:-.5px}table{border-collapse:collapse;border-spacing:0;width:100%}td img{vertical-align:middle}select::-ms-expand{display:none;}button,input,optgroup,select,textarea{appearance:none;-webkit-appearance:none;vertical-align:middle;color:inherit;font:inherit;border:inherit;background:0 0;padding:0;margin:0;border-radius:0;-webkit-border-radius:0;text-align:inherit;outline:0}input[type=checkbox]{-webkit-appearance:checkbox;appearance:checkbox;background:#fff;}input[type=radio]{-webkit-appearance:radio;appearance:radio}button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{cursor:default}fieldset{margin:0;padding:0;border:0;min-width:0}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}a{background-color:transparent;text-decoration:none;color:#333;outline:0}::selection{background:rgba(8,26,73,.7);color:#fff;outline:0}::-moz-selection{background:rgba(8,26,73,.7);color:#fff}.skip{display:none;position:absolute;width:0;height:0;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden}.msg_sound_only,.sound_only{display:inline-block!important;position:absolute;top:0;left:0;margin:0!important;padding:0!important;font-size:0;height:0;border:0!important;overflow:hidden!important}.hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:polygon(0 0,0 0,0 0)}.skipNavigation{position:absolute;left:0;top:0;width:120px;height:30px;z-index:9999}.skipNavigation a{position:absolute;left:-100px;top:-100px}.skipNavigation a:active,.skipNavigation a:focus{top:10px;left:10px;display:inline-block;width:120px;line-height:30px;font-size:14px;color:#fff;text-align:center;background:#004f9f;text-decoration:none}html.fix,body.fix{overflow:hidden;position:fixed;width:100%;height:100%;}

.fl{float:left;}.fr{float:right;}
.w5{width:5%;}
.w10{width:10%;}
.w15{width:15%;}
.w20{width:20%;}
.w25{width:25%;}
.w30{width:30%;}
.w40{width:40%;}
.w45{width:45%;}

/*animation*/
@keyframes widthLine{
    0%{width:0;}
    100%{width:100%;}
}
@keyframes mnI {
	0% {transform:translateY(9px) rotate(45deg);} 
	50% {transform:translateY(9px) rotate(0);} 
	100% {transform:translateY(0) rotate(0);}
}
@keyframes mnI2 {
    0% {transform:translateY(-9px) rotate(-45deg);} 
    50% {transform:translateY(-9px) rotate(0);} 
    100% {transform:translateY(0) rotate(0);}
    }
@keyframes close-mnI {
    0% {transform:translateY(0) rotate(0);} 
    50% {transform:translateY(3px) rotate(0);} 
    100% {transform:translateY(9px) rotate(45deg);}
}
@keyframes close-mnI2 {
    0% {transform:translateY(0) rotate(0);} 
    50% {transform:translateY(-3px) rotate(0);} 
    100% {transform:translateY(-6px) rotate(-45deg);}
}
@keyframes fadeup { 
    from {opacity:0;transform:translate3d(0,40px,0); } 
    to {opacity:1;transform:none; } 
}
@keyframes fadeupBig { 
    from {opacity:0;transform:translate3d(0,100px,0); } 
    to {opacity:1;transform:none; } 
}
@keyframes fadeInDown {
    from {opacity:0;transform:translate3d(0, -100px, 0);}  
    to {opacity:1;transform:translate3d(0, 0, 0);}
  }
@keyframes scroll {
    0% {right:0;width:0%;}
    50% {right:50%;width:50%;}
    100% {right:100%;width:50%;}
}
@keyframes roundTxt{
    from{transform:rotate(360deg);}
    to{transform:rotate(0);}
}
@keyframes sVis_ani{
    from{height:800px;}
    to{height:400px;}
}
@keyframes widthFull{
    0% {width:0;opacity:0;}
    100% {width:100%;opacity:1;}
}
@keyframes titAni{
    0% {top:15px;width:20px;}
    50% {top:15px;width:50%;height:5px;}
    100% {width:100%;}
}
@keyframes zoomIn{
    from {opacity:0;transform:scale3d(0.3, 0.3, 0.3);}  
    100% {opacity:1;}
  }