.gmsr{position:fixed;top:var(--header-height);left:0;width:100%;z-index:1;background-color:#fff;transition:top .4s,background-color .2s}.gmsr.up{top:var(--header-height);background-color:#fff}.gmsr.up .gmsr-select__btn{color:#000}.gmsr.up .gmsr-select__btn::after{background-color:rgba(0,0,0,.05)}.gmsr.down{top:0}.gmsr.down .gmsr-select{padding:0}.gmsr.active{background-color:#fff !important}.gmsr.active .gmsr-select .gmsr-select__btn{color:#000}.gmsr.active .gmsr-select .gmsr-select__btn::after{transform:rotate(-180deg)}.gmsr.active.dark .gmsr-select__btn::after{background-color:rgba(0,0,0,.05)}.gmsr.dark{background-color:transparent}.gmsr.dark.up,.gmsr.dark.down{background-color:#fff}.gmsr.dark.up .gmsr-select__btn,.gmsr.dark.down .gmsr-select__btn{color:#000}.gmsr.dark.up .gmsr-select__btn::after,.gmsr.dark.down .gmsr-select__btn::after{background-color:rgba(0,0,0,.05)}.gmsr.dark.active .gmsr-select_inner{border-top:1px solid #00000015;border-bottom:1px solid #00000015}.gmsr.dark .gmsr-select_inner{border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30}.gmsr.dark .gmsr-select__btn{color:#fff}.gmsr.dark .gmsr-select__btn::after{background-color:#fff}.gmsr-select{text-align:center;transition:padding .2s;padding:0 8rem}@media all and (max-width: 1024px){.gmsr-select{padding:0 2rem}}.gmsr-select_inner{border-top:1px solid rgba(0,0,0,.15);border-bottom:1px solid rgba(0,0,0,.15)}.gmsr-select__btn{padding:0;transition:color .2s;color:#000}.gmsr-select__btn::after{background-color:rgba(0,0,0,.05);background-image:url("../../../../../../etc.clientlibs/hankooktire/clientlibs/clientlib-base/resources/svg/c_under_arrow.svg")}.gmsr-select__btn:hover:after,a:hover .gmsr-select__btn:after{transform:translateX(0rem)}.gmsr-list-wrapper{display:none;background-color:#fff}.gmsr-list-container{position:relative;padding:4rem 0;overflow:hidden;max-width:142.8rem}.gmsr-list-container::before,.gmsr-list-container::after{content:"";position:absolute;height:100%;width:3rem;top:0}.gmsr-list-container::before{left:0;background:linear-gradient(to right, white, rgba(255, 255, 255, 0))}.gmsr-list-container::after{right:0;background:linear-gradient(to left, white, rgba(255, 255, 255, 0))}.gmsr-list-container .gmsr-list{height:initial}.gmsr-list-container .gmsr-list .swiper-slide{width:20.4rem;opacity:.2;text-align:center;cursor:pointer}@media all and (max-width: 1024px){.gmsr-list-container .gmsr-list .swiper-slide{width:10.2rem}}.gmsr-list-container .gmsr-list .swiper-slide:hover{opacity:1}.gmsr-list-container .gmsr-list .swiper-slide img{display:block;max-height:6.6rem;margin:0 auto;margin-bottom:1.2rem}.gmsr-list-container .gmsr-list .swiper-slide span{font-size:1.3rem;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.46;letter-spacing:-0.007rem;color:#888}@media all and (max-width: 1024px){.gmsr-list-container .gmsr-list .swiper-slide span{font-size:1.1rem}}.gmsr-list-container .gmsr-list .swiper-slide.swiper-slide-active{opacity:1}@media all and (max-width: 1024px){.gmsr-list-container{padding:2.8rem 0}.gmsr-list-container .gmcl-list .swiper-slide img{height:3.4rem;margin-bottom:0.9rem}}
