@import url(https://fonts.googleapis.com/css?family=Nanum+Gothic&display=swap);*,:after,:before{box-sizing:border-box}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;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{overflow-x:hidden;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;background-color:transparent}body::-webkit-scrollbar{width:0!important}body{font-family:Noto Sans KR,sans-serif;overflow:-moz-scrollbars-none;-ms-overflow-style:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width:700px){body,html{width:100%;overflow-x:hidden}}.loading{width:100%;height:100%;z-index:9999;background-color:#000}.wrapper{width:100%;height:calc(100vh - 50px);margin:0 auto;position:relative}#wrap10{height:2500px}#wrap10 .textbox{position:absolute;top:100px;-webkit-transform:translate(0);transform:translate(0);padding-top:50px}.textbox,div{color:#fff}.textbox{width:30vw;margin-left:10vw;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);padding:20px;line-height:1.7rem;word-break:keep-all}.textbox span{background:#fff;color:#000;font-weight:700}.textbox span.blue{background:#0477bf;color:#fff}.textbox span.red{background:#e30072;color:#fff}#box0{background:none;width:100vw;text-align:center;margin-left:0;line-height:50px;top:30vh}#box0 h5{font-size:30px}#box0 h1{font-size:52px;font-weight:700}.chat{margin-bottom:10px}.chat span{display:block;background-color:transparent;color:#fff;font-weight:700}.chat p{display:inline-block;border:1px solid #fff;border-radius:5px;padding:10px}.chat p.special{background:#fff;color:#000;font-weight:700}.righta{text-align:left}.righta p{margin-right:50px}.leftb{text-align:right}@media screen and (max-width:700px){.textbox{color:#fff;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:rgba(0,0,0,.3);padding:20px;line-height:1.7rem;word-break:keep-all}#box0,.textbox{width:100vw;margin-left:0}#box0{background:none;text-align:center;line-height:50px}#box0 h5{font-size:20px}#box0 h1{font-size:32px;font-weight:700}#wrap10 .textbox{background-color:rgba(0,0,0,.5)}.chat{margin-bottom:10px}.chat span{display:block;background-color:transparent;color:#fff;font-weight:700}}#headerbar{width:100%;height:50px;padding:4px 2% 0;position:fixed;z-index:999;top:0;left:0;z-index:997;background-color:#010b1a}.sbslogo{width:45px;height:45px;margin-right:12px}.mabulogo{width:55px;height:37px;left:10px;padding-bottom:15px}.social{width:45px;height:45px;float:right;cursor:pointer}@media screen and (max-width:639px){#headerbar{width:100%;height:46px;padding:5px 0}.mabulogo{width:55px;height:37px;float:left;position:absolute;top:12px;left:42%}.sbslogo{width:40px;height:40px;margin-right:10px}#headerbar .social{width:40px;height:40px;float:right;cursor:pointer}}.articles{text-align:center;width:50vw;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:20px;line-height:1.7rem;word-break:keep-all}.articles h3{font-weight:700;font-size:21px;margin-bottom:20px}.articles li{height:100px;line-height:100px;background:#000;margin-bottom:20px;background-repeat:no-repeat;background-size:cover;background-position:50%}.articles li a{display:block;width:100%;height:100%;font-size:18px}@media screen and (max-width:700px){.articles{width:100vw}}.footer{width:100%;padding:100px 0;background-color:#000;text-align:center;position:absolute;line-height:1.5rem}.team{font-size:1.2rem;color:#ddd;font-weight:700;margin-bottom:20px}.background{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#010b1a}.backimg{position:absolute;width:100%;top:50%;opacity:0;-webkit-transform:translate(15%,-50%);transform:translate(15%,-50%)}.backimg.out{opacity:0}.backimg.out,.backimg.this{-webkit-transition:opacity 1s ease;transition:opacity 1s ease}.backimg.this{opacity:1}.backimg:first-child{width:100%;position:absolute;left:0;top:100%;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.backimg:first-child.out{opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.backimg:first-child.this{opacity:1;-webkit-transition:none;transition:none}.backimg:last-child.out{opacity:0;-webkit-transition:opacity .1s ease;transition:opacity .1s ease}@-webkit-keyframes flicker{10%{opacity:1}13%{opacity:.9}16%{opacity:1}17%{opacity:.7}18%{opacity:1}19%{opacity:.9}20%{opacity:1}to{opacity:1}}@keyframes flicker{10%{opacity:1}13%{opacity:.9}16%{opacity:1}17%{opacity:.7}18%{opacity:1}19%{opacity:.9}20%{opacity:1}to{opacity:1}}@media screen and (max-width:700px){.backimg{position:absolute;width:200%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.backimg:first-child{position:absolute;width:auto;height:100%;left:0;top:0;-webkit-transform:translate(-50%);transform:translate(-50%)}}
/*# sourceMappingURL=main.96b3f8ad.chunk.css.map */