.intro-slider .swiper-pagination-bullet{width:6px;height:6px}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:7px;height:7px;background-color:#717171;border:1px solid #717171}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#fff;border:1px solid #fff}.intro-slider.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 3px}.intro-slider.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#fff;border:1px solid #fff}.header-main{position:absolute;top:0;width:100%;z-index:101;background-color:transparent;background-color:#1b1b1b}.header-scroll.close{position:absolute}.header-scroll.close,.header-scroll.open{top:0;transition:all .1s ease-in-out;-webkit-transition:all .1s ease-in-out}.header-scroll.open{position:fixed;height:56px}.header-main-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:56px;padding:16px 16px}.header-main-box .new-logo{height:20px}.header-main-box .new-logo a,.header-main-box .new-logo svg{display:block}.header-main-box .header-item{width:24px;height:24px}.header-item-live{display:block;font-size:0}.header-top{position:relative;width:100%;padding:16px 0;background-color:#1b1b1b}.hd-title{display:block;font-weight:400;font-size:16px;line-height:24px;color:#fff;text-align:center}.logo{display:inline-block;height:30px;margin:0 auto;vertical-align:middle}.logo.normal a{display:block;padding:5px 0;font-size:0}.logo.pooqzone{width:130px}.btn-back,.btn-close,.btn-my-live,.btn-schedule{position:absolute;display:inline-block;width:24px;height:24px;overflow:hidden;color:transparent;vertical-align:middle;z-index:1}.btn-back{width:56px;height:56px;top:0;left:0}.btn-close,.btn-schedule{top:16px;right:10px}.btn-my-live{top:16px;right:54px}.icon-back,.icon-close,.icon-my-live,.icon-schedule{position:relative;display:block;height:24px;margin:auto}.sub-list{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;background-color:#1b1b1b}.sub-list,.sub-list li{display:-webkit-box;display:-ms-flexbox;display:flex}.sub-list li{-webkit-box-flex:1;-ms-flex:1;flex:1}.sub-list a,.sub-list button{display:block;margin:0 auto;padding:0 8px;font-size:14px;line-height:40px;color:#a5a5a5}@media (min-width:360px){.sub-list a,.sub-list button{font-size:14px}}.sub-list .on{position:relative;color:#fff}.sub-list .on:after{position:absolute;content:"";bottom:0;left:0;display:block;width:100%;height:4px;background-color:#1351f9}.sub-list.sub-scroll{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:initial;-ms-flex-pack:initial;justify-content:normal;overflow-x:auto;overflow-scrolling:touch;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;background-color:#1b1b1b}.sub-list::-webkit-scrollbar{display:none}.sub-scroll li{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin:0 10px}.nav-main{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:6000;background-color:#101010;padding-bottom:0;padding-bottom:calc(constant(safe-area-inset-bottom));padding-bottom:calc(env(safe-area-inset-bottom))}.nav-main-hidden{display:none}.nav-main ul{display:-webkit-box;display:-ms-flexbox;display:flex}.nav-main-item{-webkit-box-flex:1;-ms-flex:1;flex:1}.nav-main-item a{display:block;padding:6px 12px}.nav-main-img{display:block;width:24px;height:24px;margin:0 auto}.nav-main-img img,.nav-main-img svg{display:block;max-width:100%}.nav-main-img svg{width:24px;height:24px}.nav-main-img img{width:20px;height:20px;margin:2px auto}.nav-main-txt{display:block;color:#a5a5a5;font-size:10px;line-height:12px;text-align:center}.nav-main-item-on .nav-main-txt{color:#fff}