@font-face{font-display:swap;font-family:NanumSquareNeo;font-weight:300;src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot)}@font-face{font-display:swap;font-family:NanumSquareNeo;font-weight:400;src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot)}@font-face{font-display:swap;font-family:NanumSquareNeo;font-weight:400;src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot)}@font-face{font-display:swap;font-family:NanumSquareNeo;font-weight:400;src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot)}@font-face{font-display:swap;font-family:NanumSquareNeo;font-weight:400;src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot)}@font-face{font-display:swap;font-family:NanumSquareNeo;font-weight:400;src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot)}@font-face{font-display:swap;font-family:NanumSquareNeo;font-weight:400;src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot)}@font-face{font-display:swap;font-family:c;font-weight:700;src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot)}@font-face{font-display:swap;font-family:NanumSquareNeo;font-weight:800;src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot)}@font-face{font-display:swap;font-family:NanumSquareNeo;font-weight:900;src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot)}@font-face{font-display:swap;font-family:NexonLv1Gothic;font-weight:300;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON%20Lv1%20Gothic%20OTF%20Light.woff) format("woff")}@font-face{font-display:swap;font-family:NexonLv1Gothic;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON%20Lv1%20Gothic%20OTF.woff) format("woff")}@font-face{font-display:swap;font-family:NexonLv1Gothic;font-weight:700;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON%20Lv1%20Gothic%20OTF%20Bold.woff) format("woff")}:root{--mainfont-nanum:"NanumSquareNeo";--mainfont-nexon:"NexonLv1Gothic";--black:#000;--black100:#161616;--black200:#222;--black300:#333;--black400:#444;--black500:#000;--blackAlpha:#0000;--blackAlpha100:#11111125;--blackAlpha200:#1111114d;--blackAlpha300:#11111191;--blackAlpha400:#111111c3;--blackAlpha500:#111111e0;--white:#fff;--white100:#efefef;--white200:#d9d9d9;--white300:#fff;--white400:#fff;--white500:#fff;--red:red;--red100:rgba(255,0,0,.714);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-family:NanumSquareNeo,NexonLv1Gothic;font-family:var(--mainfont-nanum),var(--mainfont-nexon);font-size:16px;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility}@media(max-width:800px){:root{font-size:14px;line-height:1.4}}*,:after,:before{box-sizing:border-box}body,button,dd,dl,dt,fieldset,figcaption,figure,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0}body,button,input,select,table,textarea{font-family:NanumSquareNeo,NexonLv1Gothic,Apple SD Gothic Neo,Malgun Gothic,맑은 고딕,helvetica,sans-serif;font-family:var(--mainfont-nanum),var(--mainfont-nexon),"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",helvetica,sans-serif}a,a:focus,a:hover{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:400}ul{list-style:none}address,em{font-style:normal}strong{font-weight:400}img{vertical-align:top;width:100%}button,input,select,textarea{-webkit-appearance:none;appearance:none;border:0;border-radius:0;font-size:16px}#skip a{background:#000;background:var(--black);color:#fff;color:var(--white);font-size:1rem;left:10px;padding:10px 30px;position:absolute;top:-92px;z-index:100000}#skip a:active,#skip a:focus{top:10px}.blind{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;padding:0;position:absolute;width:1px}.blind,.ir{overflow:hidden;white-space:nowrap}.ir{display:block;font-size:0;line-height:0;text-indent:-9999px}body{background-color:#000;background-color:var(--black);color:#fff;color:var(--white)}section{padding:40px}@media(max-width:800px){section{padding:20px}}section h2{font-size:1.25rem;margin-bottom:1rem}section h2 em{position:relative}section h2 em:after{background-color:rgba(255,0,0,.714);background-color:var(--red100);border-radius:30px;bottom:0;content:"";height:50%;left:0;position:absolute;width:100%;z-index:-1}.isLoading{opacity:0}.isLoaded,.isLoading{transition:opacity .5s}.isLoaded{opacity:1}.play__icon a{cursor:pointer;display:block;position:relative;width:100%}.play__icon a:before{background-color:#1111114d;background-color:var(--blackAlpha200);content:"";height:100%;left:0;position:absolute;top:0;transition:background-color .3s;width:100%}.play__icon a:hover:before{background-color:#0000;background-color:var(--blackAlpha)}.play__icon a:after{background:#111111c3 url(/static/media/play.6a079b45367dfbc50c30.svg) no-repeat 50%;background:var(--blackAlpha400) url(/static/media/play.6a079b45367dfbc50c30.svg) no-repeat center;border-radius:50%;content:"";height:80px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s;width:80px}.play__icon a:hover:after{opacity:1}#header{border-right:1px solid #161616;border-right:1px solid var(--black100);height:100%;left:0;overflow-y:auto;position:fixed;top:0;width:260px;z-index:10000}#main{margin:0 auto;max-width:2000px;min-height:100vh;padding-left:260px}#footer{background-color:#161616;background-color:var(--black100);border-top:1px solid #161616;border-top:1px solid var(--black100);color:#444;color:var(--black400);font-size:.8rem;margin-left:260px;padding:20px;text-align:center;width:calc(100% - 260px)}@media(max-width:800px){#header{background-color:#000;background-color:var(--black);left:-260px;transition:left .3s}#header h1{left:0;position:fixed;top:0}#header .header__menu{margin-top:90px}#header.active{left:0}#main{padding-left:0}#footer{margin-left:0;width:100%}}.header__logo{border-bottom:1px solid #161616;border-bottom:1px solid var(--black100)}@media(max-width:800px){.header__logo{border-bottom:0}}.header__logo a{display:flex;margin:10px;padding:10px}.header__logo a em{animation:ani 20s ease-in-out 20s infinite;background-color:red;background-color:var(--red);display:block;height:40px;margin-right:10px;width:40px}.header__logo a span{font-size:20px;font-weight:900;line-height:1;text-transform:uppercase}.header__menu{padding:10px 0}.header__menu .menu{border-bottom:1px solid #161616;border-bottom:1px solid var(--black100)}.header__menu .menu li{margin-bottom:5px}.header__menu .menu li a{border-radius:40px;color:#d9d9d9;color:var(--white200);display:block;font-size:1rem;line-height:1;margin:0 .625rem;padding:.9rem 2rem .9rem 3.125rem;position:relative;transition:all .3s}.header__menu .menu li a svg{height:1.25rem;left:1.25rem;position:absolute;top:.75rem;width:1.25rem}.header__menu .menu li a:hover,.header__menu .menu li.active a{background-color:#161616;background-color:var(--black100);color:#fff;color:var(--white)}.header__menu .keyword{padding:1.25rem}.header__menu .keyword li{display:inline-block}.header__menu .keyword li a{border:1px solid #222;border:1px solid var(--black200);border-radius:40px;color:#d9d9d9;color:var(--white200);display:inline-block;font-size:.8rem;margin:3px 1px;padding:5px 15px;transition:all .3s}.header__menu .keyword li a:hover,.header__menu .keyword li.active a{background-color:#161616;background-color:var(--black100);color:#fff;color:var(--white)}.header__sns{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#11111125;background-color:var(--blackAlpha100);bottom:0;left:0;padding:15px 0 10px;position:fixed;right:0;text-align:center;width:260px}@media(max-width:800px){.header__sns{display:none}}.header__sns li,.header__sns li a{display:inline-block}.header__sns li a{padding:5px 7px}@keyframes ani{0%{border-radius:0;transform:rotate(0) scale(1)}50%{border-radius:20px;transform:rotate(2turn) scale(.5)}to{border-radius:0;transform:rotate(0) scale(1)}}.search__inner{border:1px solid #161616;border:1px solid var(--black100);height:80px;padding:17px 40px;position:relative;width:100%}.search__inner label{background-image:url(/static/media/search.7a791d77d93a3a089a1d.svg);background-size:cover;height:24px;left:53px;position:absolute;top:28px;width:24px}.search__inner input{background-color:#161616;background-color:var(--black100);border:1px solid #222;border:1px solid var(--black200);border-radius:40px;color:#fff;color:var(--white);font-size:16px;padding:14px 45px;width:100%}@media(max-width:800px){.search__inner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#111111e0;background-color:var(--blackAlpha500);left:0;padding:17px 20px 17px 200px;position:fixed;top:0;width:100%;z-index:1000}.search__inner label{left:213px}.search__inner input{padding:14px 14px 14px 45px}}.today__inner{background-color:#161616;background-color:var(--black100);display:flex;margin-bottom:3.125rem}.today__inner .today__thumb{width:40%}.today__inner .today__text{padding:2rem;width:60%}.today__inner .today__text .today{background-color:red;border-radius:20px;display:inline-block;margin-bottom:10px;padding:2px 50px;text-transform:uppercase}.today__inner .today__text .title{font-size:2rem;margin-bottom:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.today__inner .today__text .desc{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#d9d9d9;color:var(--white200);display:-webkit-box;margin-bottom:1rem;overflow:hidden;text-overflow:ellipsis}.today__inner .today__text .info .author{font-size:1rem;font-weight:900;margin-right:10px;text-decoration:underline;text-transform:uppercase;text-underline-position:under}.today__inner .today__text .info .date{color:#d9d9d9;color:var(--white200);font-size:.8rem}@media(max-width:1700px){.today__inner .today__thumb{width:500px}.today__inner .today__text{width:calc(100% - 500px)}.today__inner .today__text .desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}}@media(max-width:1200px){.today__inner{flex-direction:column}.today__inner .today__text,.today__inner .today__thumb{width:100%}.today__inner .today__text .title{font-size:24px}.today__inner .today__text .desc{display:none}}@media(max-width:800px){#today,#todayPage{margin-top:80px}}#developer .developer .developer__img{border-radius:50%;margin-bottom:10px;overflow:hidden}#developer .developer .developer__info{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.developer__inner{display:flex;flex-wrap:wrap}.developer__inner.overflow{height:200px;overflow:hidden;width:100%}.developer__inner .developer{margin-right:20px}.developer__inner .developer .developer__img{background-color:pink;border-radius:50%;height:150px;margin-bottom:10px;overflow:hidden;width:150px}.developer__inner .developer .developer__info{overflow:hidden;padding-bottom:40px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:150px}@media(max-width:1200px){.developer__inner{justify-content:center}.developer__inner .developer{margin-right:0}.developer__inner .developer .developer__img{height:130px;margin:10px auto;width:130px}}@media(max-width:800px){.developer__inner{margin-top:70px}}.video__inner{display:grid;grid-template-columns:repeat(4,24%);justify-content:space-between}@media(max-width:1400px){.video__inner{gap:15px;grid-template-columns:repeat(3,32%)}}@media(max-width:1200px){.video__inner{gap:10px;grid-template-columns:repeat(2,49%)}}@media(max-width:400px){.video__inner{grid-template-columns:repeat(1,100%)}}.video__inner .video{margin-bottom:20px}.video__inner.search{min-height:100vh}.video__inner.search .video{background-color:#111;border-radius:10px;margin-bottom:40px}@media(max-width:600px){.video__inner.search .video{margin-bottom:10px}}.video__inner.search .video .video__thumb a{background-position:50%;background-size:cover;cursor:pointer;display:block;padding-bottom:56.25%;position:relative;width:100%}.video__inner.search .video .video__info{color:#fff;padding:10px 15px}.video__inner.search .video .video__info .title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:1rem;overflow:hidden;text-overflow:ellipsis}.video__inner.search .video .video__info .info{align-items:flex-end;display:flex;justify-content:space-between}.video__inner.search .video .video__info .info .author{color:#666;overflow:hidden;text-overflow:ellipsis;transition:all .3s;white-space:nowrap}.video__inner.search .video .video__info .info .author:hover{color:#fff}.video__inner.search .video .video__info .info .date{color:#666;font-size:14px}.video__more button{background-color:#161616;background-color:var(--black100);border:0;border-radius:40px;color:#fff;color:var(--white);cursor:pointer;margin-bottom:20px;padding:20px;transition:all .3s;width:100%}.video__more button:hover{background-color:#222;background-color:var(--black200)}#videoViewPage{padding:0}@media(max-width:800px){#videoViewPage{margin-top:80px}}.video__view .video__play{padding-bottom:56.2%;position:relative;width:100%}.video__view .video__info{padding:40px}.video__view .video__info .video__channel{background-color:#111;border-radius:40px;display:flex;justify-content:space-between;margin-bottom:40px;padding:10px 30px}.video__view .video__info .video__channel .id{font-weight:800}.video__view .video__info .video__channel .count span{border-radius:40px;font-size:14px;margin-left:10px}.video__view .video__info .video__channel .count span svg{height:20px;margin-right:5px;vertical-align:-5px;width:20px}.video__view .video__info .video__desc{white-space:pre-line}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:0!important}.swiper-button-next:after,.swiper-button-prev:after{color:#fff!important;font-size:30px!important}.swiper-pagination-bullet{background-color:#fff!important}.swiper-button-next{right:0!important}.swiper-button-next,.swiper-button-prev{background-color:rgba(0,0,0,.412);top:40%!important}.swiper-button-prev{left:0!important}.video__slider .swiper-button-next,.video__slider .swiper-button-prev{top:50%!important}#channel{padding:0}.channel__header{background-color:#969696;background-position:50%;height:300px;padding-top:100px;position:relative;width:100%}.channel__header:after{background-color:rgba(0,0,0,.392);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.channel__header .circle{border-radius:50%;height:200px;left:50%;overflow:hidden;position:absolute;top:150px;transform:translateX(-50%);width:200px;z-index:100}.channel__info{color:#fff;margin-top:100px;text-align:center}.channel__info .title{margin-bottom:10px}.channel__info .desc{color:#adadad;margin-bottom:30px;overflow-wrap:anywhere;padding:0 10vw}.channel__info .info span{background-color:hsla(0,0%,65%,.192);border-radius:40px;margin:4px;padding:10px 20px}.channel__info .info span svg{height:20px;margin-right:5px;vertical-align:-5px;width:20px}.channel__video{margin-top:50px;padding:40px}.channel__more{padding:40px}.channel__more button{background-color:#1a1a1a;border:0;border-radius:40px;color:#fff;cursor:pointer;margin-bottom:20px;padding:20px;transition:all .3s;width:100%}.channel__more button:hover{background-color:#111010}
/*# sourceMappingURL=main.eb6043b4.css.map*/