#gw-theme04-main-product{height: 200vh;position: relative;}
.trigger-this-02 {height: 100%;}
.fix-this-02{width: 100vw;height: 100%;position: relative;}
#gw-theme04-main-product .gw-sec-sub-title > span{place-content:flex-start;}
#gw-theme04-main-product .gw-sec-container {align-items: flex-start;}
#gw-theme04-main-product .gw-left{padding: 160px 100px 300px 0;word-break: keep-all;width: 565px;}
#gw-theme04-main-product .gw-sec-title {line-height: 1.5;}
#gw-theme04-main-product .gw-right {width: calc(100% - 565px);}
#gw-theme04-main-product .gw-theme04-product-item > a {display: block;position: relative;padding: 40px;background: #fff;border-radius: 10px;transition: all .3s;}
#gw-theme04-main-product .tab-content {display: none;}
#gw-theme04-main-product .tab-content.active {display: block;}
#gw-theme04-main-product .gw-main-btn02{max-width: 250px;font-family: "NotoKr_R", sans-serif;color:#000;}
#gw-theme04-main-product .tab-buttons > button:not(:last-child){margin-bottom:15px;}
#gw-theme04-main-product .tab-buttons > button.on{background: var(--main-color);color:#fff;border-color:var(--main-color);}
#gw-theme04-main-product .gw-theme04-product-items{flex-wrap: wrap;gap: 40px;}
#gw-theme04-main-product .gw-theme04-product-item {width: calc(50% - 20px);}
#gw-theme04-main-product .gw-theme04-product-item:nth-child(odd) {transform: translateY(210px);}
#gw-theme04-main-product .gw-theme04-product-item .gw-img {width: 100%;height: 150px;border-radius: 10px;}
#gw-theme04-main-product .gw-theme04-product-item .gw-text {font-size: var(--main-title03);}
#gw-theme04-main-product .gw-item-container {border-top: 1px solid #000;}
#gw-theme04-main-product .gw-item-container tr{border-bottom: 1px solid #ddd;}
#gw-theme04-main-product .gw-item-container th{padding:12px 20px;background: #f8f8f8;text-align: left;}
#gw-theme04-main-product .gw-item-container td {padding:12px 20px;}
#gw-theme04-main-product .gw-item-container .gw-item-text {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}

/* 내용이 없을 때 */
#gw-theme04-main-product .gw-empty-list {border: 1px solid #ddd;height: 500px;display: flex;flex-direction: column;align-items: center;place-content: center;}

@media screen and (max-width:1440px) {
    #gw-theme04-main-product .gw-left{width: 500px;}
    #gw-theme04-main-product .gw-right{width: calc(100% - 500px);}
}

@media screen and (max-width:1280px) {
    #gw-theme04-main-product{height:auto;}
    #gw-theme04-main-product .gw-sec-container{flex-direction:column;}
    #gw-theme04-main-product .gw-left{padding:0;width:100%;}
    #gw-theme04-main-product .tab-buttons{display:flex;gap:10px;}
    #gw-theme04-main-product .tab-buttons > button:not(:last-child){margin-bottom:60px;}
    #gw-theme04-main-product .gw-right{width:100%;}
    #gw-theme04-main-product .gw-theme04-product-item:nth-child(odd){transform:translateY(0); }
}

@media screen and (max-width:1024px){
    #gw-theme04-main-product .gw-theme04-product-item > a{padding:20px;}
}

@media screen and (max-width:768px){
    #gw-theme04-main-product .gw-right .tab-content > div{gap: 20px;}
}

@media screen and (max-width:576px){
    #gw-theme04-main-product .gw-right .tab-content > div{flex-direction: column;}
    #gw-theme04-main-product .gw-theme04-product-item{width: 100%}
    #gw-theme04-main-product .gw-item-container tr{display: flex;flex-direction: column;width: 100%;}
}