@charset "utf-8";

@import url('board.css');
@import url('layout.css');
@import url('main.css');
@import url('sub.css');
@import url('sub_media.css');
@import url('lightbox.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:'Roboto', 'Noto Sans SC', 'Noto Sans KR','맑은 고딕','돋움',Dotum,'굴림',Gulim,Sans-serif;font-size:1.05em;font-weight:300;color:#444;letter-spacing:-.9px}:lang(en) body{letter-spacing:-.5px}:lang(zh-cn) 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(26,91,195,.8);color:#fff;outline:0}::-moz-selection{background:rgba(26,91,195,.8);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;line-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:#2a39a9;text-decoration:none}
.fl{float:left;}.fr{float:right;}:lang(chn){word-break:break-all;}
.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;-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0); } 
    to {opacity:1;-webkit-transform:none; transform:none; } 
}
@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:700px;}
    to{height:500px;}
}
@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%;}
}