.header{position:fixed;top:0;width:100%;background:transparent;transition:background-color .2s;z-index:100}.header .nav-item-text{color:#fff;font-weight:500}.header:hover{background:#fff}.header:hover .nav-item-text{color:#757575}.header:hover .header-inner .header-nav .header-logo{background-image:url(4f7c35fda17937a1d9c358a9e7f016d0.png)}.header .header-inner{margin:auto;padding:0 30px;max-width:1200px;display:flex;justify-content:space-between;align-items:center}.header .header-inner .header-nav{display:flex;align-items:center;height:80px}.header .header-inner .header-nav .header-logo{width:200px;height:60px;margin-right:40px;background-image:url(bac14f6284b5edd1f18f3af83fec919f.png);background-size:cover;background-repeat:no-repeat;background-position:center}.header .header-inner .header-nav .header-nav-item{height:80px;padding:0 30px;display:flex;align-items:center}.header .header-inner .header-nav .header-nav-item:hover{background:#f8f8f8}.header .header-inner .header-nav .header-nav-item-products{cursor:default}.header .header-inner .header-nav .header-nav-item-products .header-menu{position:absolute;top:80px;left:0;width:100%;height:210px;background:#fff;display:none}.header .header-inner .header-nav .header-nav-item-products .header-menu .header-menu-inner{max-width:1200px;height:100%;margin:auto;display:flex;flex-direction:column}.header .header-inner .header-nav .header-nav-item-products .header-menu .header-menu-inner .header-menu-row{display:flex;flex:1}.header .header-inner .header-nav .header-nav-item-products .header-menu .header-menu-inner .header-menu-row .header-menu-item{flex:1;padding:12px 22px}.header .header-inner .header-nav .header-nav-item-products .header-menu .header-menu-inner .header-menu-row .header-menu-item .header-menu-item-colorbox{width:0;height:4px;margin-bottom:5px;transition:width .2s}.header .header-inner .header-nav .header-nav-item-products .header-menu .header-menu-inner .header-menu-row .header-menu-item .header-menu-item-title{color:#757575;font-size:20px;font-weight:500}.header .header-inner .header-nav .header-nav-item-products .header-menu .header-menu-inner .header-menu-row .header-menu-item .header-menu-item-text{color:#bcbcbc;font-size:14px;margin-top:6px}.header .header-inner .header-nav .header-nav-item-products .header-menu .header-menu-inner .header-menu-row .header-menu-item:hover{background:#f8f8f8}.header .header-inner .header-nav .header-nav-item-products .header-menu .header-menu-inner .header-menu-row .header-menu-item:hover .header-menu-item-colorbox{width:24px}.header .header-inner .header-nav .header-nav-item-products .header-menu .header-menu-inner .header-menu-row .header-menu-item:hover .header-menu-item-title{color:#373737}.header .header-inner .header-nav .header-nav-item-products .header-menu .header-menu-inner .header-menu-row .header-menu-item:hover .header-menu-item-text{color:#8e8e8e}.header .header-inner .header-nav .header-nav-item-products:hover .header-menu{display:block}.header-opaque{background:#fff}.header-opaque .nav-item-text{color:#757575}.header-opaque .header-inner .header-nav .header-logo{background-image:url(4f7c35fda17937a1d9c358a9e7f016d0.png)}
.mobile-header{position:sticky;top:0;width:100%;height:44px;display:flex;justify-content:space-between;align-items:center;background:#fff;z-index:100}.mobile-header .mobile-header-logo{background-image:url(4f7c35fda17937a1d9c358a9e7f016d0.png);background-size:cover;background-repeat:no-repeat;background-position:center;width:100px;height:30px}.mobile-header-drawer{position:fixed;width:100%;transition:top .5s;background:#fff;z-index:99}
.footer{width:100%;height:200px;background:#efefef}@media screen and (max-width: 768px){.footer{font-size:.7em}}.footer .footer-inner{max-width:1200px;margin:auto;display:flex}.footer .footer-inner .footer-section{flex:1}.footer .footer-inner .footer-section .footer-section-logo{width:200px;height:60px}.footer .footer-inner .footer-section .footer-section-title{font-size:1.3em;color:#7f7f7f;font-weight:500;margin-bottom:3px;cursor:default}.footer .footer-inner .footer-section .footer-section-divider{width:80%;height:1px;background:#d8d8d8;margin-bottom:20px}.footer .footer-inner .footer-section .footer-section-text{font-size:1em;margin:10px 0;color:#9e9e9e;cursor:default}.footer .footer-inner .footer-section .footer-section-link{cursor:pointer}.footer .footer-inner .footer-section .footer-section-link:hover{color:#474747}.footer .footer-inner .footer-section:first-child{flex:2}
.post{max-width:1200px;margin:6em auto 8em;padding:0 30px}@media screen and (max-width: 768px){.post{margin:4em auto 6em;padding:0 10px;font-size:.8em}}.post .post-colorbox{width:60px;height:8px;margin:.6em 0;background:#000}@media screen and (max-width: 768px){.post .post-colorbox{width:40px;height:6px;margin:8px 0}}.post .post-colorbox-music{background:#473d80}.post .post-colorbox-entertainment{background:#c16a70}.post .post-colorbox-daigasso{background:#d69739}.post .post-colorbox-gamevideo{background:#8f3f39}.post .post-title{width:100%;font-weight:500;font-size:2.5em}@media screen and (max-width: 768px){.post .post-title{font-size:1.8em}}.post .post-postedon{width:100%;margin:1em 0 2em;color:gray}.post .post-video-wrapper{position:relative}.post .post-video-wrapper .post-video{position:absolute;top:0;left:0;bottom:0;right:0}.post .post-video-wrapper:before{content:"";display:block;padding-top:56.25%}.post .post-menu{display:flex;justify-content:space-between;margin-top:10px}.post .post-menu .post-menu-cc{width:100px;background:url(3fef22e03469c2de7e8147bca142baec.png) center no-repeat;background-size:contain}.post .comment{display:flex;padding:1em 0;font-family:"Noto Sans KR",sans-serif}.post .comment .comment-body{display:flex;flex-grow:1;flex-direction:column;padding:0 1em}.post .comment .comment-body .comment-header{display:flex;color:gray}.post .comment .comment-body .comment-header .comment-header-button:hover{text-decoration:underline;cursor:pointer}.post .comment .comment-body .comment-text{padding:.4em 0}.post .comment .comment-body .comment-recomment-button:hover{cursor:pointer;color:gray}
.loading-container{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.loading-container .loading-content-image{width:320px;height:180px;background:url(fe45fda5cc78347c0393b2c4138f6173.gif) center no-repeat;background-size:contain}.loading-container .loading-content-text{font-size:1.2em;color:"gray"}
.video-banner-wrapper{position:relative;width:100vw;height:50vw;max-height:1080px;overflow:hidden}.video-banner-wrapper .video-banner-inner{position:absolute;top:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.video-banner-wrapper .video-banner-inner .video-banner-inner-image{width:320px;height:320px;background:url(b24b76c85b38f512ba9b6ae419bebd93.png) center no-repeat;background-size:contain}@media screen and (max-width: 768px){.video-banner-wrapper .video-banner-inner .video-banner-inner-image{width:160px;height:160px}}.video-banner-wrapper .video-banner-inner .video-banner-inner-button{margin:0;background:#c82418;color:#fff;padding:.5em 1em;border-radius:4px;font-weight:300}.video-banner-wrapper .video-banner-inner .video-banner-inner-button:hover{background-color:#e23226}@media screen and (max-width: 768px){.video-banner-wrapper .video-banner-inner .video-banner-inner-button{font-size:.5em}}
body{margin:0;padding:0;font-family:"Roboto","Noto Sans KR",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f8f8}a{text-decoration:none}