#gw-theme08-main-product{position: relative; height:50vw;min-height:50rem;}
#gw-theme08-main-product .gw-product-wrap{display: flex; width:100%; height:100%; justify-content:space-between;}
#gw-theme08-main-product .gw-product-wrap .gw-left-box{position: relative; width:calc(66.66% - 1rem);}
#gw-theme08-main-product .gw-product-wrap .gw-left-box .gw-bg{position: absolute; top:0; left:0; width:100%; height:100%;}
#gw-theme08-main-product .gw-product-wrap .gw-left-box .gw-bg img{width:100%; height:100%; object-fit:cover;}
#gw-theme08-main-product .gw-product-box{position:relative;max-width:910px; margin:auto; padding:8.33vw 0;}
#gw-theme08-main-product .gw-sec-sub-title{color: #fff;}
#gw-theme08-main-product .gw-sec-title{color: #fff;}
#gw-theme08-main-product .gw-tab-list{position: relative; margin-top:5.5rem; display: flex; flex-direction:column; align-items: flex-start;gap: 0.5rem;}
#gw-theme08-main-product .gw-product-wrap .gw-right-box{position: relative; width:33.33%; background:#F3F3F3;}
#gw-theme08-main-product .gw-product-wrap .gw-right-box:before{position: absolute; content:''; top:50%; left:0; transform:translate(-50%, -50%); width:12rem; height:12rem; border-radius:50%; background:#F3F3F3;}
#gw-theme08-main-product .gw-tab-list li > a{position:relative;font-family:"Outfit", sans-serif;font-size:var(--main-title04); font-weight: 600;line-height:1.5; letter-spacing:-0.005em; color:rgba(255,255,255,0.22); transition:all 0.4s ease;}
#gw-theme08-main-product .gw-tab-list li > a:before{content:"\e93f"; font-family:"xeicon"; position: absolute;top:50%; right:0; font-size:var(--main-title03); color:#fff; transform:translate(100%, -50%); pointer-events:none; opacity:0; transition:all 0.4s ease;}
#gw-theme08-main-product .gw-tab-list li.active > a{color:rgba(255,255,255,1);}
#gw-theme08-main-product .gw-tab-list li.active > a:before{opacity: 1;}
#gw-theme08-main-product .swiper{height: 100%;}
#gw-theme08-main-product .gw-tab-con-box{height: 100%;}
#gw-theme08-main-product .gw-tab-con-box .gw-tab-con-item {display: none;}
#gw-theme08-main-product .gw-tab-con-box .gw-tab-con-item.active {display: block;}
#gw-theme08-main-product .gw-tab-con-item {position: relative; width: 100%;height: 100%;}
#gw-theme08-main-product .swiper-slide > a {display: flex;flex-direction: column;align-items:center;place-content:center;gap:3rem;width: 100%;height: 100%;padding: 3rem;text-align: center;}
#gw-theme08-main-product .gw-img-box {width: 20rem;height: auto;}
#gw-theme08-main-product .gw-tit {font-size: var(--main-title04);font-weight: 600;letter-spacing: -0.05em;color: #000;line-height: 1.375;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#gw-theme08-main-product .gw-txt {font-size: var(--main-text01);font-weight: 400;letter-spacing: -0.05em;color: #555;line-height: 1.6;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#gw-theme08-main-product .gw-tab-arrow-box{position: absolute;bottom: 3rem;left: 50%;transform: translateX(-50%);display: flex;gap: 1rem;z-index: 10;}
#gw-theme08-main-product .gw-tab-arrow-box .gw-tab-prev,
#gw-theme08-main-product .gw-tab-arrow-box .gw-tab-next{position: relative; overflow: hidden;display: flex;align-items: center;justify-content: center;width: 5rem;height: 5rem;border: 2px solid rgba(0,0,0,0.05);border-radius: 50%;background: transparent;color: #000;font-size: var(--main-title04);cursor: pointer;}
#gw-theme08-main-product .gw-tab-arrow-box .gw-tab-prev:before,
#gw-theme08-main-product .gw-tab-arrow-box .gw-tab-next:before{content: "";position: absolute;left: 0;bottom: 0; z-index: -1;background: var(--main-color);border-radius: 30px;visibility: hidden;height: 10px;width: 10px;transition: visibility 0.4s ease-in-out,transform 0.4s ease-in-out,border-color 0.4s ease-in-out;}
#gw-theme08-main-product .gw-tab-arrow-box .swiper-button-disabled {opacity: .4;pointer-events: none;}
#gw-theme08-main-product .gw-tab-con-box .gw-tab-con-item { display: none; }
#gw-theme08-main-product .gw-tab-con-box .gw-tab-con-item.active { display: block; }
#gw-theme08-main-product .gw-btn-wrap{position: absolute; top:50%; left:0; transform:translate(-50%, -50%); width:10rem; height:10rem; border-radius:50%; background:var(--main-color);transition:all 0.4s ease;}
#gw-theme08-main-product .gw-btn-wrap:before {content: "";display: block;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);width: 0.5rem;height: 0.5rem;background: #fff;border-radius: 100%;}
#gw-theme08-main-product .gw-btn-wrap img{ position: absolute; height: auto; width: 100%; top:50%; left:50%; transform:translate(-50%, -50%); animation: gw-circle-rotate 10s linear infinite; transition:all 0.4s ease;}
#gw-theme08-main-product .gw-empty-list{display: flex;flex-direction: column;align-items: center;place-content: center;text-align: center;width: 100%;}
@keyframes gw-circle-rotate {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@media (hover: hover) and (min-width:1281px){
    #gw-theme08-main-product .gw-btn-wrap:hover{width: 12rem;height: 12rem;}
    #gw-theme08-main-product .gw-tab-arrow-box .gw-tab-prev:hover,
    #gw-theme08-main-product .gw-tab-arrow-box .gw-tab-next:hover {color: #fff;}
    #gw-theme08-main-product .gw-tab-arrow-box .gw-tab-prev:hover::before,
    #gw-theme08-main-product .gw-tab-arrow-box .gw-tab-next:hover::before
    {visibility: visible;transform: scale(100) translateX(2px);border-color: var(--main-color);}
}

@media screen and (max-width:1440px){
    #gw-theme08-main-product .gw-product-box{padding:8.33vw 30px; max-width:none; box-sizing:border-box;}
    #gw-theme08-main-product .gw-img-box {width: 18rem;}
}

@media screen and (max-width:1280px) {
    #gw-theme08-main-product .gw-product-wrap .gw-left-box {width: calc(60% - 1rem);}
    #gw-theme08-main-product .gw-product-wrap .gw-right-box{width: 40%;}
}

@media screen and (max-width:1024px) {
    #gw-theme08-main-product{height: auto;}
    #gw-theme08-main-product .gw-product-wrap{flex-direction: column;}
    #gw-theme08-main-product .gw-product-wrap .gw-left-box{width: 100%;}
    #gw-theme08-main-product .gw-product-wrap .gw-right-box{width: 100%;}
    #gw-theme08-main-product .gw-btn-wrap{display: none;}
    #gw-theme08-main-product .gw-tab-con-box .gw-tab-con-item{padding:3rem;}
    #gw-theme08-main-product .swiper-slide > a{padding: 0;}
    #gw-theme08-main-product .gw-tab-arrow-box{margin-top: 2rem;position:relative;bottom: 0;place-content: center;}
}