#gw-theme09-main-gallery{height: 200vh;position: relative;}
.trigger-this-01 {height: 100%;}
.fix-this-02{width: 100vw;height: 100%;position: relative;}
#gw-theme09-main-gallery .gw-sec-sub-title > span{place-content:flex-start;}
#gw-theme09-main-gallery .gw-sec-container {align-items: flex-start;}
#gw-theme09-main-gallery .gw-left{position: relative;padding: 160px 100px 300px 0;word-break: keep-all;width: calc(100% - 50rem);}
#gw-theme09-main-gallery .gw-left:before{content:"";position: absolute; top: 50%;transform:translateY(-50%); left: -15vw; width: 97.3958vw; height: 50rem; background-color: #f2f2f2; border-radius: 0 32.5rem 32.5rem 0; }
#gw-theme09-main-gallery .gw-left-inner{position: relative;z-index: 1}
#gw-theme09-main-gallery .gw-sec-title {line-height: 1.5;}
#gw-theme09-main-gallery .gw-right {width:50rem;}
#gw-theme09-main-gallery .gw-theme09-gallery-item > a {width: 100%; height: 100%; background-color: #fff; position: relative; border-radius: 0.5rem; display: flex; flex-wrap:wrap; flex-direction: column; justify-content: space-between; box-sizing: border-box; box-shadow: 2rem 2rem 6rem #0000001A; overflow: hidden; transition-property: background-color;}
#gw-theme09-main-gallery .tab-content {display: none;}
#gw-theme09-main-gallery .tab-content.active {display: block;}
#gw-theme09-main-gallery .gw-main-btn02{max-width: 250px;color:#000;place-content: space-between;}
#gw-theme09-main-gallery .gw-main-btn02 .gw-category-name {width: calc(100% - 6rem); color:#666; display: flex; align-items: center; padding-left: 2rem; box-sizing: border-box;}
#gw-theme09-main-gallery .gw-main-btn02 .gw-ico {width: 50px; height: 100%; background: #ddd; display:flex; align-items:center; justify-content:center;}
#gw-theme09-main-gallery .gw-main-btn02 .gw-ico > i {font-size:2rem; color:#fff;}
#gw-theme09-main-gallery .tab-buttons{margin-bottom: 1rem;display: flex;flex-direction: column;gap: 1rem;}
#gw-theme09-main-gallery .tab-buttons > button.on{background:#fff;border-color: var(--main-color);color:var(--main-color);}
#gw-theme09-main-gallery .tab-buttons > button.on .gw-category-name{color:var(--main-color);font-weight: 600;}
#gw-theme09-main-gallery .tab-buttons > button.on .gw-ico{background: var(--main-color);}
#gw-theme09-main-gallery .gw-theme09-gallery-list{flex-wrap: wrap;gap: 2rem;}
#gw-theme09-main-gallery .gw-theme09-gallery-item {width: calc(50% - 1rem);}
#gw-theme09-main-gallery .gw-theme09-gallery-item:nth-child(odd) {transform: translateY(5rem);}
#gw-theme09-main-gallery .gw-top{display: flex;flex-direction: column;gap: 1rem;align-items: flex-start;padding: 3rem;}
#gw-theme09-main-gallery .gw-category{font-size:16px;padding: 0.2rem 1rem;letter-spacing: -0.025em; font-weight: 700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: inline-block; background: var(--main-color); color:#fff;border-radius: 30px;  transition: all 0.4s ease-in-out;}
#gw-theme09-main-gallery .gw-tit {font-size: var(--main-title04); font-weight: 600; letter-spacing: -0.05em; line-height: 1.375; overflow:hidden;display:block;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;transition: all 0.4s ease-in-out;}
#gw-theme09-main-gallery .gw-txt {font-size: var(--main-text01); font-weight: 400; letter-spacing: -0.05em;  color:#555; line-height: 1.6; overflow:hidden;display:block;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;transition: all 0.4s ease-in-out;}
#gw-theme09-main-gallery .gw-date {color: #666;transition: all 0.4s ease-in-out;}
#gw-theme09-main-gallery .gw-img {width: 100%; height: 15rem; overflow: hidden;}
#gw-theme09-main-gallery .gw-img img{transition: all 0.4s ease-in-out;}

@media (hover: hover) and (min-width:1281px){
    #gw-theme09-main-gallery .gw-theme09-gallery-item > a:hover{background-color: var(--main-color);}
    #gw-theme09-main-gallery .gw-theme09-gallery-item > a:hover .gw-category{color: var(--main-color); background: #fff;}
    #gw-theme09-main-gallery .gw-theme09-gallery-item > a:hover .gw-tit,
    #gw-theme09-main-gallery .gw-theme09-gallery-item > a:hover .gw-txt,
    #gw-theme09-main-gallery .gw-theme09-gallery-item > a:hover .gw-date{color: #fff;}
    #gw-theme09-main-gallery .gw-theme09-gallery-item > a:hover .gw-img img{transform: scale(1.05);}
}

/* 내용이 없을 때 */
#gw-theme09-main-gallery .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-theme09-main-gallery .gw-left{width: 500px;}
    #gw-theme09-main-gallery .gw-right{width: calc(100% - 500px);}
}

@media screen and (max-width:1280px) {
    #gw-theme09-main-gallery{height:auto;}
    #gw-theme09-main-gallery .gw-sec-container{flex-direction:column;}
    #gw-theme09-main-gallery .gw-left{padding:0;width:100%;}
    #gw-theme09-main-gallery .tab-buttons{margin-bottom:3rem;display:flex;gap:10px;flex-wrap: wrap;flex-direction: row;}
    #gw-theme09-main-gallery .gw-right{width:100%;}
    #gw-theme09-main-gallery .gw-main-btn02{width:calc(50% - 1rem);}
    #gw-theme09-main-gallery .gw-theme09-gallery-item:nth-child(odd){transform:translateY(0); }
}

@media screen and (max-width:768px){
    #gw-theme09-main-gallery .gw-left:before{top:-4rem;transform: translateY(0);}
    #gw-theme09-main-gallery .gw-right .tab-content > div{gap: 20px;}
    #gw-theme09-main-gallery .gw-top{padding: 2rem;}
}

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