.sc_service { position: relative; top: -1px; padding: 120px 0; background: #000; text-align: center;}
.sc_service .inner { width: 100%; max-width: 1686px; margin: 0 auto; padding: 0 18px;}
.sc_service .group_ttl {font-family: Paperlogy; font-weight: 700; }
.sc_service .ttl { color: #FFF; font-size: 100px; line-height: 1.2; letter-spacing: -0.64px;}
.sc_service .desc { margin-top: 38px; font-size: 40px; line-height: 1.6; letter-spacing: -0.64px; color: #222222;}
/* 카드 요소 */
.sc_service .group_cont { display: grid; height: 300svh; margin-top: 85px;}
.sc_service .service_list { grid-column: 1 / 1; grid-row: 1 / 1; display: grid; grid-template-columns: repeat(5, 1fr); gap: 30px; height: fit-content;}
.sc_service .item_wrap:nth-child(1) { display: flex; flex-direction: column; gap: 1.5625vw; padding-top: 6.25vw;}
.sc_service .item_wrap:nth-child(2n) { padding-top: 7.8125vw;}
.sc_service .item_wrap:nth-child(3) { padding-top: 1.5625vw;}
.sc_service .item_wrap.scale { grid-column: 1 / 1; grid-row: 1 / 1; position: sticky; top: 0; width: 20%; max-width: 1200px; height: calc(26vw + 25svh); margin: -25svh auto 0; padding-top: calc(1.5625vw + 25svh);}
.sc_service .item_wrap.scale .service_item { height: 100%;}
.sc_service .service_item { position: relative; border-radius: 30px; overflow: hidden;}
.sc_service .service_box.front { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; opacity: 0; transform: translateY(100%);}
.sc_service .service_item .service_box,
.sc_service .service_item .service_box img { width: 100%; height: 100%;}
.sc_service .service_item .service_box img { object-fit: cover;}
.sc_service .service_item.item1 .service_box.front { background: linear-gradient(0deg, rgba(186, 65, 93, 0.65) 0%, rgba(186, 65, 93, 0.65) 100%);}
.sc_service .service_item.item2 .service_box.front { background: linear-gradient(0deg, rgba(86, 53, 60, 0.65) 0%, rgba(86, 53, 60, 0.65) 100%);}
.sc_service .service_item.item3 .service_box.front { background: linear-gradient(0deg, rgba(206, 121, 36, 0.65) 0%, rgba(206, 121, 36, 0.65) 100%);}
.sc_service .service_item.item4 .service_box.front { background: linear-gradient(0deg, rgba(88, 106, 217, 0.65) 0%, rgba(88, 106, 217, 0.65) 100%);}
.sc_service .service_item.item5 .service_box.front { background: linear-gradient(0deg, rgba(127, 154, 37, 0.65) 0%, rgba(127, 154, 37, 0.65) 100%);}
.sc_service .service_item.item6 .service_box.front { background: linear-gradient(0deg, rgba(121, 37, 154, 0.65) 0%, rgba(121, 37, 154, 0.65) 100%);}
.sc_service .txt { color: #FFF; font-family: Paperlogy; font-size: 2.083vw; font-weight: 700; line-height: 1.2; letter-spacing: -0.64px;}

@media screen and (max-width: 1024px) and (min-width: 769px) {
    .sc_service { padding: 11.7188vw 0;}
    .sc_service .inner { max-width: 164.6484vw; padding: 0 1.7578vw;}
    .sc_service .ttl { font-size: 9.7656vw; letter-spacing: -0.0625vw;}
    .sc_service .desc { margin-top: 3.7109vw; font-size: 3.9063vw; letter-spacing: -0.0625vw;}
}

@media screen and (max-width: 768px) {
    .sc_service { padding: 100px 0;}
    .sc_service .group_ttl { text-align: left;}
    .sc_service .ttl { font-size: 30px;}
    .sc_service .desc { margin-top: 24px; font-size: 18px;}
    /* 카드 요소 */
    .sc_service .group_cont { display: block; height: unset; margin-top: 40px;}
    .sc_service .service_list { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, auto); gap: 24px 20px;}
    .sc_service .service_box.front { border-radius: 15px;}
    .sc_service .item_wrap:nth-child(1) { grid-row: 1 / 3; gap: 24px; padding-top: 0;}
    .sc_service .item_wrap:nth-child(2n) { padding-top: 14px;}
    .sc_service .item_wrap:nth-child(3) { display: none;}
    .sc_service .item_wrap:nth-child(4) { padding-top: 0;}
    .sc_service .item_wrap:nth-child(5) { grid-column: 2 / 3; grid-row: 2 / 4; padding-top: 0;}
    .sc_service .item_wrap.scale { width: 100%; height: auto; aspect-ratio: 340 / 142; padding-top: 24px; margin: 0 auto;}
    .sc_service .service_item { border-radius: 15px;}
    .sc_service .txt {font-size: 20px; letter-spacing: -0.33px;}
}