.sc_webbuilds1{position:relative;z-index:1;color:#fff}.sc_webbuilds1 .color-primary{color:var(--main)}.sc_webbuilds1 .inner{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100lvh}.sc_webbuilds1 .group-bg{display:grid;position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;overflow:hidden}.sc_webbuilds1 .bg{background:url(/img/webbuilds/bg_intro.webp) no-repeat center center / cover;transition:.4s ease-in-out;grid-area:1 / 1}.sc_webbuilds1 .bg-change.php{background:url(/img/webbuilds/bg_intro_php.webp) no-repeat center center / cover}.sc_webbuilds1 .bg-change.next{background:url(/img/webbuilds/bg_intro_next.webp) no-repeat center center / cover}.sc_webbuilds1 .ttl-area{text-align:center}.sc_webbuilds1 .ttl{justify-content:center}.sc_webbuilds1 .desc{margin-top:24px}.sc_webbuilds1 .group-intro{display:flex;justify-content:center;align-items:center;width:100%;margin-top:50px;gap:44px}.sc_webbuilds1 .intro-area{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:430px;padding:20px;border:1px solid rgba(255,255,255,.22);background:#ffffff03;color:#fff;transition:background .4s ease-in-out;aspect-ratio:1 / 1;border-radius:30px;backdrop-filter:blur(7.5px)}.sc_webbuilds1 .intro-area.php:hover{background:#009bbee6}.sc_webbuilds1 .intro-area.next:hover{background:#00be88e6}.sc_webbuilds1 .intro-ttl-area{font-family:Poppins;text-align:center}.sc_webbuilds1 .intro-ttl{font-weight:500;font-size:42px;letter-spacing:-.84px}.sc_webbuilds1 .intro-desc{margin-top:16px;font-size:16px;letter-spacing:1.6px}.sc_webbuilds1 .service-list{margin-top:50px}.sc_webbuilds1 .service-item{display:flex;align-items:center;gap:8px}.sc_webbuilds1 .service-item+.service-item{margin-top:8px}.sc_webbuilds1 .service-item .ico{width:24px;height:24px;background:url(/img/webbuilds/ico_check_w.svg) no-repeat center center / 100% auto}.sc_webbuilds1 .service-item .txt{font-weight:500;font-size:18px;line-height:1.2}@media screen and (min-width: 769px) and (max-width: 1440px){.sc_webbuilds1 .intro-area{border-radius:2.0833vw}.sc_webbuilds1 .service-item{gap:.5556vw}.sc_webbuilds1 .service-item .ico{width:1.6667vw;height:1.6667vw}}@media screen and (max-width: 1440px){.sc_webbuilds1 .desc{margin-top:1.6667vw}.sc_webbuilds1 .group-intro{margin-top:3.4722vw;gap:3.0556vw}.sc_webbuilds1 .intro-area{max-width:29.8611vw}.sc_webbuilds1 .intro-ttl{font-size:2.9167vw;letter-spacing:-.0583vw}.sc_webbuilds1 .intro-desc{margin-top:1.1vw;font-size:1.1vw;letter-spacing:.1vw}.sc_webbuilds1 .service-list{margin-top:3.4722vw}.sc_webbuilds1 .service-item+.service-item{margin-top:.5556vw}.sc_webbuilds1 .service-item .txt{font-size:1.25vw}}@media screen and (min-width: 769px){.sc_webbuilds1 .bg-change{transform:scale(1.08)}.sc_webbuilds1 .bg-change.php,.sc_webbuilds1 .bg-change.next{transform:scale(1)}}@media screen and (max-width: 768px){.sc_webbuilds1 .inner{height:unset;padding:80px 20px 66px}.sc_webbuilds1 .bg{background:url(/img/webbuilds/bg_intro_mo.webp) no-repeat center center / cover}.sc_webbuilds1 .bg-change.php{background:url(/img/webbuilds/bg_intro_php_mo.webp) no-repeat center center / cover}.sc_webbuilds1 .bg-change.next{background:url(/img/webbuilds/bg_intro_next_mo.webp) no-repeat center center / cover}.sc_webbuilds1 .desc{margin-top:16px}.sc_webbuilds1 .group-intro{flex-direction:column;margin-top:20px;gap:30px}.sc_webbuilds1 .intro-area{max-width:100%;height:270px;padding:32px 20px;transition:.4s ease-in-out;aspect-ratio:unset}.sc_webbuilds1 .intro-area.active{height:300px}.sc_webbuilds1 .intro-ttl{font-size:24px;letter-spacing:-.48px}.sc_webbuilds1 .intro-desc{margin-top:8px;font-size:16px;letter-spacing:1.6px}.sc_webbuilds1 .service-list{width:100%;max-width:300px;margin-top:10px}.sc_webbuilds1 .service-item+.service-item{margin-top:6px}.sc_webbuilds1 .service-item .txt{font-size:16px}}@media screen and (max-width: 360px){.sc_webbuilds1 .inner{padding:22.2vw 5.5556vw 18.3vw}.sc_webbuilds1 .desc{margin-top:4.4vw}.sc_webbuilds1 .group-intro{margin-top:5.5556vw;gap:8.3vw}.sc_webbuilds1 .intro-area{height:75vw;padding:8.8vw 5.56vw}.sc_webbuilds1 .intro-area.active{height:83.3vw}.sc_webbuilds1 .intro-ttl{font-size:6.6667vw;letter-spacing:-.1333vw}.sc_webbuilds1 .intro-desc{margin-top:2.2vw;font-size:4.4vw;letter-spacing:.4vw}.sc_webbuilds1 .service-list{width:100%;max-width:83.3vw;margin-top:2.78vw}.sc_webbuilds1 .service-item+.service-item{margin-top:1.67vw}.sc_webbuilds1 .service-item .txt{font-size:4.4vw}}.sc_webbuilds1 .fw-500{font-weight:500}.sc_webbuilds1 .fw-700{font-weight:700}.sc_webbuilds1 .sc-ttl{font-size:60px;font-weight:700;line-height:1.3;text-transform:capitalize}.sc_webbuilds1 .ttl{display:flex;font-weight:700;font-family:Paperlogy;font-size:72px;letter-spacing:-1.44px}.sc_webbuilds1 .desc{font-family:Pretendard;font-size:24px;letter-spacing:-.48px}@media screen and (max-width: 1440px){.sc_webbuilds1 .sc-ttl{font-size:4.1667vw}.sc_webbuilds1 .ttl{font-size:5vw;letter-spacing:-.1vw}.sc_webbuilds1 .desc{font-size:1.6667vw;letter-spacing:-.0333vw}}@media screen and (max-width: 768px){.sc_webbuilds1 .sc-ttl{font-size:32px}.sc_webbuilds1 .ttl{font-size:28px;letter-spacing:-.56px}.sc_webbuilds1 .desc{font-size:16px;letter-spacing:-.32px}}@media screen and (max-width: 360px){.sc_webbuilds1 .sc-ttl{font-size:8.8889vw}.sc_webbuilds1 .ttl{font-size:7.7778vw;letter-spacing:-.1556vw}.sc_webbuilds1 .desc{font-size:4.4444vw;letter-spacing:-.0889vw}}