.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:.9rem}
}