/* 소개 */
#sub-recycle .gw-recycle-intro {align-items: center;gap: 60px;}
#sub-recycle .gw-recycle-intro .gw-img {overflow: hidden;flex: 0 0 52%;border-radius: 20px;}
#sub-recycle .gw-recycle-intro .gw-img img {display: block;width: 100%;height: auto;}
#sub-recycle .gw-recycle-intro .gw-text {flex: 1;color: #555;line-height: 1.7;word-break: keep-all;}
#sub-recycle .gw-badge {display: inline-block;margin-bottom: 20px;padding: 6px 14px;border-radius: 50px;background: rgba(48,75,130,0.1);color: var(--main-color);font-size: 14px;font-weight: 700;}
#sub-recycle .gw-lead {margin-bottom: 20px;font-size: var(--main-title04);font-weight: 700;line-height: 1.5;color: #111;}

/* 기존 방식과 비교 */
#sub-recycle .gw-compare-list {display: flex;gap: 20px;}
#sub-recycle .gw-compare-item {flex: 1;padding: 40px;border-radius: 20px;background: #fff;box-shadow: 0 10px 30px rgba(0,0,0,0.05);}
#sub-recycle .gw-compare-item-main {background: var(--main-color);color: #fff;}
#sub-recycle .gw-compare-tit {margin-bottom: 25px;font-size: var(--main-title04);font-weight: 700;}
#sub-recycle .gw-compare-flow {display: flex;flex-wrap: wrap;align-items: center;gap: 8px;margin-bottom: 25px;}
#sub-recycle .gw-compare-flow li {padding: 10px 16px;border-radius: 8px;background: #f3f3f3;font-weight: 600;font-size: 15px;}
#sub-recycle .gw-compare-flow li:not(:last-child):after {content: "\e90b";font-family: xeicon;margin-left: 14px;color: #bbb;}
#sub-recycle .gw-compare-item-main .gw-compare-flow li {background: rgba(255,255,255,0.12);}
#sub-recycle .gw-compare-item-main .gw-compare-flow li:not(:last-child):after {color: rgba(255,255,255,0.5);}
#sub-recycle .gw-compare-txt {line-height: 1.7;color: #666;word-break: keep-all;}
#sub-recycle .gw-compare-item-main .gw-compare-txt {color: rgba(255,255,255,0.85);}

/* 기대 효과 */
#sub-recycle .gw-value-list {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;}
#sub-recycle .gw-value-list > li {padding: 40px 30px;border-radius: 20px;background: #fff;text-align: center;word-break: keep-all;}
#sub-recycle .gw-value-list .icon {margin: 0 auto 20px;display: grid;place-items: center;width: 64px;height: 64px;border-radius: 50%;background: rgba(48,75,130,0.1);color: var(--main-color);font-size: 28px;}
#sub-recycle .gw-value-list .gw-tit {margin-bottom: 12px;font-size: var(--main-title04);font-weight: 700;color: #111;}
#sub-recycle .gw-value-list p {line-height: 1.6;color: #666;}

/* 추진 계획 */
#sub-recycle .gw-roadmap-note {color: #888;}
#sub-recycle .gw-roadmap {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;counter-reset: step;}
#sub-recycle .gw-roadmap > li {position: relative;padding: 30px;border-top: 3px solid var(--main-color);background: #fff;word-break: keep-all;}
#sub-recycle .gw-roadmap .gw-when {display: block;margin-bottom: 10px;color: var(--main-color);font-family: "Outfit", sans-serif;font-weight: 700;font-size: var(--main-title04);}
#sub-recycle .gw-roadmap strong {display: block;margin-bottom: 10px;font-size: 18px;color: #111;}
#sub-recycle .gw-roadmap p {line-height: 1.6;color: #666;}

/* 문의 */
#sub-recycle .gw-recycle-cta {display: flex;justify-content: space-between;align-items: center;gap: 30px;padding: 40px 50px;border-radius: 20px;background: #111a33;color: #fff;}
#sub-recycle .gw-recycle-cta strong {display: block;margin-bottom: 8px;font-size: var(--main-title04);}
#sub-recycle .gw-recycle-cta p {color: rgba(255,255,255,0.7);}
#sub-recycle .gw-recycle-cta .gw-btn01 {flex: 0 0 180px;max-width: 180px;border-color: #fff;background: #fff;color: #111;}
#sub-recycle .gw-recycle-cta .gw-btn01:hover {color: #fff;border-color: #fff;}

@media screen and (max-width:1024px) {
    #sub-recycle .gw-recycle-intro {flex-direction: column;gap: 30px;}
    #sub-recycle .gw-recycle-intro .gw-img {flex: none;width: 100%;}
    #sub-recycle .gw-compare-list {flex-direction: column;}
    #sub-recycle .gw-value-list,
    #sub-recycle .gw-roadmap {grid-template-columns: repeat(2, 1fr);}
}

@media screen and (max-width:576px) {
    #sub-recycle .gw-compare-item {padding: 30px 20px;}
    #sub-recycle .gw-value-list,
    #sub-recycle .gw-roadmap {grid-template-columns: 1fr;}
    #sub-recycle .gw-recycle-cta {flex-direction: column;align-items: flex-start;padding: 30px 20px;}
    #sub-recycle .gw-recycle-cta .gw-btn01 {flex: none;width: 100%;max-width: 100%;}
}