#top{background:#fff;position:relative;height:calc(100% - 65px);min-height:600px}#top #sp_navi{position:fixed;top:20px;right:20px;z-index:100}#top #sp_navi .menu-trigger.active span:nth-of-type(1){background-color:#fff}#top #sp_navi .menu-trigger.active span:nth-of-type(2){background-color:#fff}#top #sp_navi .menu-trigger.active span:nth-of-type(3){background-color:#fff}#top .lang{position:absolute;top:24px;right:30px}#top .inner{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);margin-top:-20px}#top .inner ul.main{width:560px;margin:0 auto 50px auto}#top .inner ul.main li{width:50%}#top .inner ul.main li h1{width:240px}#top .inner ul.main li ul.sub{display:block}#top .inner ul.main li ul.sub li{width:100%;padding:20px 0;border-bottom:1px dotted #E6E6E6}#top .inner ul.main li ul.sub li img{height:24px;width:auto}#top .inner ul.main li ul.sub li.ttt img{height:36px}#top .inner ul.main li ul.sub li.producers img{height:31px}#top .inner ul.main li ul.sub li.boilmusic img{height:30px}#top .inner ul.main li ul.sub li:last-child{border-bottom:none}#top .topics{position:absolute;bottom:0;left:0;width:100%;background:#A99149;padding:10px 0;color:#fff}#top .topics .wrapper ul{justify-content:flex-start;list-style:none;line-height:1.6}#top .topics .wrapper ul li{font-size:10px;width:80px}#top .topics .wrapper ul li h2{font-size:14px;margin:0 20px 0 0 !important;padding:0;letter-spacing:1px}#top .topics .wrapper ul li span{margin-right:15px}#top .topics .wrapper ul li:nth-child(2){text-align:left;width:calc(100% - 80px);padding-top:3px}#top .topics .wrapper ul li:nth-child(2) .swiper-container{width:85%;margin:0}#top .topics .wrapper ul li:nth-child(2) .swiper-pagination{position:absolute;top:7px;left:auto;right:0;margin:0;width:auto}#top .topics .wrapper ul li:nth-child(2) .swiper-pagination .swiper-pagination-bullet{width:30px;height:1px;background:#fff;opacity:1;border-radius:0}#top .topics .wrapper ul li:nth-child(2) .swiper-pagination .swiper-pagination-bullet-active{opacity:0.5}@media screen and (max-width: 1000px){#top{height:auto;min-height:auto}#top .lang{display:none}#top ul.menu li .lang{position:static;display:flex}#top .inner{position:static;margin-top:0;padding:40px 30px 0 30px;-webkit-transform:translate(0%, 0%);transform:translate(0%, 0%)}#top .inner ul.main{width:100%;margin:0 auto 20px auto}#top .inner ul.main li{width:100%}#top .inner ul.main li h1{width:170px;margin:0 auto 20px}#top .inner ul.main li ul.sub li{padding:15px 0}#top .inner ul.main li ul.sub li img{height:23px;width:auto}#top .inner ul.main li ul.sub li.ttt img{height:33px}#top .inner ul.gl_menu{display:none}#top .topics{position:static;padding:10px 0;text-align:left}#top .topics .wrapper ul{display:block}#top .topics .wrapper ul li h2{font-size:14px;margin-right:0;margin-bottom:10px}#top .topics .wrapper ul li:nth-child(2){width:100%;padding-top:0}#top .topics .wrapper ul li:nth-child(2) .swiper-container{width:100%}#top .topics .wrapper ul li:nth-child(2) .swiper-pagination{top:0;right:20px}#top .topics .wrapper ul li:nth-child(2) .swiper-pagination .swiper-pagination-bullet{width:18px}}