.ghtb{position:relative;overflow:hidden;min-height:var(--full-height)}
.ghtb .swiper-slide{background-color:#000}
.ghtb .swiper-slide .poster{opacity:1;z-index:10;position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-position:center center;background-size:cover;background-color:#000}
.ghtb .swiper-slide .poster img{width:100%;height:100%;object-fit:cover}
.ghtb .swiper-slide-active{z-index:100}
.ghtb .swiper-slide-active .poster.is-hide{opacity:0}
.ghtb .swiper-slide-active .btn{z-index:130}
.ghtb__bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;aspect-ratio:16/8;object-fit:cover}
.ghtb__bg._t{aspect-ratio:8/8;opacity:0}
.ghtb__bg._m{aspect-ratio:13/25;opacity:0}
@media all and (max-width:1024px){.ghtb__bg._w{opacity:0}
.ghtb__bg._t{opacity:1}
.ghtb__bg._m{opacity:0}
}
@media all and (max-width:767px){.ghtb__bg._w{opacity:0}
.ghtb__bg._t{opacity:0}
.ghtb__bg._m{opacity:1}
}
.ghtb__swiper{position:relative;height:var(--full-height)}
.ghtb__swiper .swiper-slide{-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);background-color:#000}
.ghtb__swiper .swiper-slide .ghtb__img .ghtb__bg{transition:all 4s}
.ghtb__swiper .swiper-slide-active .ghtb__img .ghtb__bg.active{transform:translate(-50%,-50%) scale(1.1)}
.ghtb__swiper-controls{display:flex;align-items:center;justify-content:center;position:absolute;left:0;bottom:3.9rem;z-index:1;width:100%}
.ghtb__swiper-controls-play-button{display:inline-block;width:2.4rem;height:2.4rem;margin-left:.8rem;background-image:url("../../../../../../etc.clientlibs/hankooktire/clientlibs/clientlib-base/resources/svg/w_play_white.svg");background-repeat:no-repeat;background-position:center center;opacity:0}
.ghtb__swiper-controls-play-button.is-playing{background-image:url("../../../../../../etc.clientlibs/hankooktire/clientlibs/clientlib-base/resources/svg/w_pause_white.svg")}
.ghtb__swiper-controls-cta{display:inline-flex;align-items:center;gap:1.2rem;margin-left:1.2rem;opacity:0}
.ghtb__swiper-controls-cta a{display:inline-flex;align-items:center;gap:.8rem}
.ghtb__swiper-controls-cta a span{margin-top:-1px;font-size:1.4rem;font-weight:600;color:#fff}
.ghtb__swiper-controls-cta a::after{content:"";display:block;width:1.6rem;height:1.6rem;margin-top:1px;background-image:url("../../../../../../etc.clientlibs/hankooktire/clientlibs/clientlib-base/resources/svg/w_prevnext_white.svg");background-repeat:no-repeat;background-position:center center;transition:transform .3s}
.ghtb__swiper-controls-cta a:hover::after{transform:translateX(0.3rem)}
.ghtb__swiper-controls-cta::before{content:"";display:inline-block;width:2px;height:1.8rem;background-color:rgba(255,255,255,0.5)}
.ghtb__swiper-pagination{position:static;width:auto !important;transform:none}
.ghtb__swiper-pagination-wrap{display:flex;align-items:center;height:2.4rem}
.ghtb__swiper-pagination .swiper-pagination-bullet{overflow:hidden;transition:width .3s;opacity:1;margin:0 .6rem;background-color:rgba(255,255,255,0.5);border-radius:.4rem}
.ghtb__swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:4.2rem;border-radius:.4rem}
.ghtb__swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .progress-fill{width:0;height:.8rem;background-color:#fff;border-radius:.4rem}
.ghtb .content{position:absolute;left:50%;transform:translateX(-50%);max-width:120rem;width:90%;bottom:14.8rem;text-align:center;box-sizing:border-box;z-index:30}
@media all and (max-width:1024px){.ghtb .content{bottom:11.8rem}
}
.ghtb .tags{display:flex;justify-content:center}
.ghtb .tags li{font-weight:500;color:#fff;position:relative;display:inline-block;padding-right:2.5rem}
@media all and (max-width:1024px){.ghtb .tags li{padding-right:1.5rem}
}
.ghtb .tags li::after{content:"";display:block;position:absolute;top:50%;transform:translateY(-50%);width:.1rem;height:1.2rem;background:rgba(255,255,255,0.3);right:1.2rem}
@media all and (max-width:1024px){.ghtb .tags li::after{right:.7rem}
}
.ghtb .tags li:first-of-type{padding-right:2.5rem}
@media all and (max-width:1024px){.ghtb .tags li:first-of-type{padding-right:1.5rem}
}
.ghtb .tags li:first-of-type::after{right:1.2rem}
@media all and (max-width:1024px){.ghtb .tags li:first-of-type::after{right:.7rem}
}
.ghtb .tags li:last-of-type{padding-right:0}
.ghtb .tags li:last-of-type::after{display:none}
@media all and (max-width:767px){.ghtb .tags li{font-size:1.2rem}
}
.ghtb .title{margin-top:1.5rem;margin-bottom:.8rem;color:#fff;text-align:center}
@media all and (max-width:1024px){.ghtb .title{margin-top:.8rem;padding:0 2rem}
}
.ghtb .progress{position:absolute;bottom:7.6rem;left:0;width:100%;height:.1rem;background-color:rgba(255,255,255,0.3);z-index:30}
@media all and (max-width:1024px){.ghtb .progress{bottom:6rem}
}
.ghtb .progress .thumb{position:absolute;top:0;left:0;width:0;height:.1rem;background-color:#fff;transition:width .3s}
.ghtb .btn{display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;left:0;width:100%;height:7.6rem;transition:color .3s,background .3s;z-index:30}
@media all and (max-width:1024px){.ghtb .btn{height:6rem}
}
.ghtb .btn:after{background-color:#fff}
@media all and (min-width:1024px){.ghtb .btn:hover{color:#000;background:#fff}
.ghtb .btn:hover:after{background-color:rgba(0,0,0,0.05)}
}
@media all and (max-width:1024px){.ghtb{min-height:var(--mobile-cover-height,--full-height)}
.ghtb__swiper{height:var(--mobile-cover-height,--full-height)}
.ghtb__swiper-controls{bottom:3rem;padding-bottom:3.1rem}
.ghtb__swiper-controls-cta{position:absolute;bottom:0;margin-left:0;height:1.9rem}
.ghtb__swiper-controls-cta::before{display:none}
.ghtb__swiper-controls-cta a span{font-size:1.3rem}
.ghtb__swiper-controls-cta a::after{width:1.4rem;height:1.4rem}
}