/* GENEESL Front Business */
.gs-front-business { position: relative; width: 100%; overflow: hidden; padding: 150px 0 145px; background: #f7f7f7; color: #202020; }
.gs-front-business__inner { width: min(1320px, calc(100% - 80px)); margin: 0 auto; }

/* Head */
.gs-front-business__head { max-width: 970px; margin-bottom: 78px; }
.gs-front-business__head h2 { margin: 0; color: #202020; font-size: clamp(46px, 4.4vw, 68px); font-weight: 800; line-height: 1.22; letter-spacing: -0.055em; word-break: keep-all; }
.gs-front-business__description { max-width: 730px; margin: 32px 0 0; color: #707070; font-size: 17px; font-weight: 400; line-height: 1.85; letter-spacing: -0.03em; word-break: keep-all; }

/* Business List */
.gs-front-business__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; }
.gs-front-business__item { position: relative; display: grid; grid-template-columns: 46px minmax(0, 1fr) auto; grid-template-rows: auto 1fr;row-gap:10px; column-gap: 14px; min-width: 0; padding: 39px 38px 44px; border-right: 1px solid #d8d8d8; background: transparent; transition: background-color 0.25s ease; }
.gs-front-business__item:first-child { padding-left: 0; }
.gs-front-business__item:last-child { padding-right: 0; border-right: 0; }
.gs-front-business__item::before { content: ""; position: absolute; top: -1px; left: 0; width: 0; height: 3px; background: #D63C2B; transition: width 0.3s ease; }
.gs-front-business__item:hover::before { width: 100%; }

/* ³»ºÎ ±¸Á¶ */
.gs-front-business__top, .gs-front-business__content { display: contents; }

/* Number */
.gs-front-business__number { grid-column: 1; grid-row: 1; align-self: center; color: #D63C2B; font-size: 14px; font-weight: 700; line-height: 1; letter-spacing: 0.08em; }

/* Title */
.gs-front-business__content h3 { grid-column: 2; grid-row: 1; align-self: center; margin: 0; color: #222222; font-size: 28px; font-weight: 750; line-height: 1.35; letter-spacing: -0.045em; word-break: keep-all; transition: color 0.2s ease; }

/* Arrow */
.gs-front-business__arrow { grid-column: 3; grid-row: 1; align-self: center; color: #aaaaaa; font-size: 18px; font-weight: 400; line-height: 1; transition: color 0.2s ease, transform 0.2s ease; }
.gs-front-business__item:hover .gs-front-business__arrow { color: #D63C2B; transform: translate(4px, -4px); }

/* Description */
.gs-front-business__content p { grid-column: 1 / -1; grid-row: 2;max-width: 350px; margin: 0; color: #747474; font-size: 16px; font-weight: 400; line-height: 1.8; letter-spacing: -0.028em; word-break: keep-all; }
.gs-front-business__item:hover .gs-front-business__content h3 { color: #D63C2B; }

/* Bottom */
.gs-front-business__bottom { display: flex; align-items: center; justify-content: space-between; gap: 50px; margin-top: 46px; }
.gs-front-business__bottom p { max-width: 700px; margin: 0; color: #777777; font-size: 15px; font-weight: 400; line-height: 1.8; letter-spacing: -0.025em; word-break: keep-all; }
.gs-front-business__more { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 13px; color: #333333; font-size: 14px; font-weight: 600; line-height: 1; text-decoration: none; transition: color 0.2s ease; }
.gs-front-business__more svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.2s ease; }
.gs-front-business__more:hover { color: #D63C2B; }
.gs-front-business__more:hover svg { transform: translateX(5px); }

/* Large Desktop */
@media (min-width: 1600px) { .gs-front-business__inner { width: min(1380px, calc(100% - 100px)); } .gs-front-business__head h2 { font-size: clamp(52px, 4vw, 72px); } .gs-front-business__content { padding-top: 130px; } }

/* Tablet */
@media (max-width: 1024px) { .gs-front-business { padding: 120px 0 120px; } .gs-front-business__inner { width: min(100% - 56px, 1180px); } .gs-front-business__head { margin-bottom: 62px; } .gs-front-business__head h2 { font-size: clamp(42px, 5.5vw, 58px); } .gs-front-business__description { font-size: 16px; } .gs-front-business__item { min-height: 360px; padding: 34px 26px 38px; } .gs-front-business__item:first-child { padding-left: 0; } .gs-front-business__item:last-child { padding-right: 0; } .gs-front-business__content { padding-top: 92px; } .gs-front-business__content h3 { font-size: 24px; } .gs-front-business__content p { font-size: 15px; } }

/* Mobile */
@media (max-width: 760px) { .gs-front-business { padding: 90px 0 95px; } .gs-front-business__inner { width: min(100% - 40px, 1180px); } .gs-front-business__head { margin-bottom: 50px; } .gs-front-business__head h2 { font-size: clamp(36px, 9vw, 48px); line-height: 1.26; } .gs-front-business__head h2 br { display: none; } .gs-front-business__description { margin-top: 25px; font-size: 16px; line-height: 1.8; } .gs-front-business__list { grid-template-columns: 1fr; } .gs-front-business__item { min-height: 0; padding: 31px 0 35px; border-right: 0; border-bottom: 1px solid #d8d8d8; } .gs-front-business__item:last-child { border-bottom: 0; } .gs-front-business__item::before { display: none; } .gs-front-business__content { padding-top: 55px; } .gs-front-business__content h3 { font-size: 24px; } .gs-front-business__content p { max-width: 100%; margin-top: 17px; font-size: 15px; } .gs-front-business__bottom { display: grid; gap: 28px; margin-top: 36px; } .gs-front-business__more { width: fit-content; } }

/* Small Mobile */
@media (max-width: 520px) { .gs-front-business { padding: 78px 0 82px; } .gs-front-business__inner { width: calc(100% - 36px); } .gs-front-business__head h2 { font-size: clamp(33px, 9vw, 42px); } .gs-front-business__content { padding-top: 45px; } .gs-front-business__content h3 { font-size: 22px; } }