#top #gs-services{--ink:#080d2b;font-family:"Apple SD Gothic Neo","Noto Sans KR",Arial,sans-serif;color:var(--ink);background:radial-gradient(ellipse at 5% 55%,#edf8ff 0,transparent 56%),radial-gradient(ellipse at 100% 65%,#edfbff 0,transparent 55%),#fbfdff;padding:22px 36px 30px;margin:0;isolation:isolate}
#gs-services *{box-sizing:border-box}
#top #gs-services h1,#top #gs-services h2,#top #gs-services p,#top #gs-services a,#top #gs-services li{font-family:inherit;text-transform:none;font-style:normal}
#gs-services .gs-heading{text-align:center;margin:0 auto 28px}
#gs-services .gs-eyebrow{font-size:20px;letter-spacing:10px;color:#367bdd;margin:0 0 16px;font-weight:400;line-height:1.5}
#gs-services .gs-eyebrow:before{content:"";display:block;width:43px;height:1px;background:#76a1ff;margin:0 auto 23px}
#top #gs-services h1{color:#080d2b;font-size:clamp(36px,4.15vw,64px);font-weight:900;letter-spacing:-.066em;line-height:1.18;margin:0 0 12px}
#top #gs-services h1 span{color:#0060e8}
#gs-services .gs-subtitle{color:#303f65;font-size:clamp(17px,1.57vw,24px);line-height:1.5;margin:0;letter-spacing:-.035em}
#gs-services .gs-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;max-width:1464px;margin:auto}
#gs-services .gs-card{position:relative;grid-column:span 3;min-height:340px;border:1px solid var(--edge,#daebff);border-radius:17px;padding:20px 29px 16px;background:linear-gradient(125deg,#ffffffc9,var(--tint));box-shadow:0 4px 15px #3276c20c;overflow:hidden;display:flex;flex-direction:column;--accent:#0069ff;--tint:#f1f8ff;--pill:#e0efff;--number:#4296ff}
#gs-services .gs-card:nth-child(-n+3){grid-column:span 4;min-height:325px}
#gs-services .gs-homepage{--accent:#7817ff;--number:#9745ec;--tint:#f6f3ff;--pill:#ede8ff;--edge:#e7e1ff}
#gs-services .gs-content{--accent:#ed301b;--number:#ff9100;--tint:#fff9f1;--pill:#fff0e7;--edge:#f7eee4}
#gs-services .gs-sales{--number:#00a18b;--tint:#effcfd;--edge:#d8f2f7}
#gs-services .gs-ads{--accent:#fa302e;--number:#ff5868;--tint:#fff3f4;--pill:#ffe9e9;--edge:#fae8ed}
#gs-services .gs-channel{--accent:#009b88;--number:#00a68c;--tint:#effcf9;--pill:#ddf7f0;--edge:#dcf2f3}
#gs-services .gs-index{display:flex;align-items:center;gap:20px;height:49px;position:relative;z-index:2;margin-bottom:11px}
#gs-services .gs-index span{font-family:Georgia,serif;font-size:52px;line-height:1;color:var(--number);letter-spacing:-3px}
#gs-services .gs-index small{font-family:Arial,sans-serif;font-size:10px;letter-spacing:4px;color:var(--number)}
#top #gs-services h2{font-size:23px;font-weight:800;line-height:1.28;letter-spacing:-.065em;color:#080d2b;margin:0 0 15px;position:relative;z-index:2}
#top #gs-services .gs-card:nth-child(-n+3) h2{font-size:27px}
#gs-services .gs-desc{font-size:16px;font-weight:400;line-height:1.42;letter-spacing:-.042em;color:#394a6f;margin:0 0 12px;position:relative;z-index:2}
#gs-services .gs-card:nth-child(-n+3) .gs-desc{font-size:18px}
#gs-services .gs-art{position:absolute;right:5px;top:46px;width:48%;height:180px;object-fit:contain;margin:0;padding:0;border:0;z-index:1}
#gs-services .gs-card:nth-child(-n+3) .gs-art{width:43%;height:208px;top:41px;right:9px}
#gs-services .gs-homepage .gs-art{width:39%!important;right:20px!important}
#gs-services .gs-automation .gs-art{top:29px;height:164px}
#gs-services .gs-tags{display:flex;flex-wrap:wrap;gap:7px;margin:auto 0 13px;padding:0;list-style:none;position:relative;z-index:2}
#gs-services .gs-tags li{list-style:none;margin:0;padding:6px 14px;background:var(--pill);color:var(--accent);font-size:14px;line-height:1.45;border-radius:50px;white-space:nowrap;letter-spacing:-.05em}
#gs-services .gs-link{color:var(--accent);font-size:20px;font-weight:750;line-height:1.4;text-decoration:none;position:relative;z-index:2;letter-spacing:-.055em;align-self:flex-start}
#gs-services .gs-arrow{display:inline-block;font-family:Arial,sans-serif;margin-left:8px;font-size:1.2em}
#gs-services a:focus-visible{outline:3px solid #145fe8;outline-offset:5px;border-radius:3px}
#gs-services .gs-link:hover{text-decoration:underline}
#gs-services .gs-footer{display:flex;align-items:center;justify-content:center;gap:12px;max-width:1170px;margin:32px auto 0}
#gs-services .gs-footer p{font-size:14px;color:#3a4b6e;margin:0;white-space:nowrap}
#gs-services .gs-footer a{display:flex;align-items:center;white-space:nowrap;background:linear-gradient(110deg,#218cff,#0055cb);color:white;border-radius:40px;font-size:16px;font-weight:650;padding:12px 28px;text-decoration:none;box-shadow:0 6px 12px #2d86ff1a}
#gs-services .gs-divider{height:1px;background:#9dbdff;flex:1;margin:0 40px 0 0}
#gs-services .gs-divider:last-child{margin:0 0 0 40px}
#gs-services #gs-details{display:none;max-width:1000px;margin:60px auto 20px}
#gs-services:has(.gs-detail:target) #gs-details,#gs-services #gs-details:target{display:block}
#gs-services .gs-detail{padding:20px 0;border-bottom:1px solid #d7e5f5;scroll-margin-top:30px}
#gs-services .gs-detail summary{font-size:21px;font-weight:700;cursor:pointer}
#gs-services .gs-detail:target p,#gs-services .gs-detail:target a{display:block}
#gs-services .gs-detail p{font-size:17px;line-height:1.6}
@media(min-width:1600px){#gs-services{padding-top:32px!important}.gs-heading{margin-bottom:36px!important}}
@media(max-width:1250px) and (min-width:901px){#gs-services .gs-card{padding:18px;min-height:348px}#top #gs-services h2{font-size:20px}#top #gs-services .gs-card:nth-child(-n+3) h2{font-size:24px}#gs-services .gs-desc{font-size:14px}#gs-services .gs-card:nth-child(-n+3) .gs-desc{font-size:16px}#gs-services .gs-tags{gap:4px}#gs-services .gs-tags li{font-size:12px;padding:5px 8px}#gs-services .gs-art{width:43%;height:155px;top:58px}#gs-services .gs-link{font-size:17px}}
@media(max-width:900px){#top #gs-services{padding:28px 20px}#gs-services .gs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#gs-services .gs-card,#gs-services .gs-card:nth-child(-n+3){grid-column:span 1;min-height:345px;padding:22px}#top #gs-services h2,#top #gs-services .gs-card:nth-child(-n+3) h2{font-size:24px}#gs-services .gs-desc,#gs-services .gs-card:nth-child(-n+3) .gs-desc{font-size:16px}#gs-services .gs-art,#gs-services .gs-card:nth-child(-n+3) .gs-art{width:44%;height:180px;top:58px}#gs-services .gs-index small{letter-spacing:3px}#gs-services .gs-footer{flex-wrap:wrap}#gs-services .gs-divider{display:none}}
@media(max-width:600px){#top #gs-services{padding:23px 16px 32px}#gs-services .gs-eyebrow{font-size:13px;letter-spacing:6px;margin-bottom:16px}#top #gs-services h1{font-size:34px;line-height:1.22;letter-spacing:-.07em}#top #gs-services h1 span{display:block}#gs-services .gs-subtitle{font-size:16px;max-width:320px;margin:auto}#gs-services .gs-heading{margin-bottom:26px}#gs-services .gs-grid{grid-template-columns:1fr;gap:13px}#gs-services .gs-card,#gs-services .gs-card:nth-child(-n+3){min-height:335px}#gs-services .gs-tags li{font-size:12px;padding:6px 11px}#gs-services .gs-link{font-size:19px}#gs-services .gs-footer{gap:14px;margin-top:25px}#gs-services .gs-footer p{white-space:normal;text-align:center;font-size:13px}#gs-services .gs-index{margin-bottom:13px}}
#gs-services .gs-card:not(:nth-child(-n+3)) .gs-art{height:160px;top:40px;width:45%}
@media(min-width:901px) and (max-width:1450px){#top #gs-services .gs-card:nth-child(-n+3) h2{font-size:24px}#top #gs-services h2{font-size:21px}#gs-services .gs-card{padding-left:23px;padding-right:23px}#gs-services .gs-tags li{font-size:12px;padding:6px 11px}}
@media(max-width:900px){#gs-services .gs-art,#gs-services .gs-card:nth-child(-n+3) .gs-art,#gs-services .gs-card:not(:nth-child(-n+3)) .gs-art{top:133px;height:150px;width:39%;right:8px}#gs-services .gs-homepage .gs-art{right:8px!important}#gs-services .gs-desc,#gs-services .gs-card:nth-child(-n+3) .gs-desc{max-width:64%;font-size:15px}#gs-services .gs-desc br{display:none}#gs-services .gs-card,#gs-services .gs-card:nth-child(-n+3){min-height:350px}#gs-services .gs-tags{margin-top:auto}}
#gs-services .gs-desc{word-break:keep-all;overflow-wrap:normal}
#gs-services .gs-detail{display:none}
#gs-services .gs-detail:target,#gs-services #gs-details:target .gs-detail{display:block}
#gs-services .gs-detail h3{font:700 22px/1.4 "Apple SD Gothic Neo","Noto Sans KR",sans-serif;color:#080d2b}
/* Seven services: three cards, three cards, then one at desktop widths. */
@media(min-width:901px){#gs-services .gs-card{grid-column:span 4}}
/* Desktop service order: 03·05 / 02·06·01 / 04·07 (2 · 3 · 2). */
@media(min-width:901px){
  #gs-services .gs-card:nth-child(-n+2),#gs-services .gs-card:nth-child(n+6){grid-column:span 6;min-height:325px}
  #gs-services .gs-card:nth-child(n+3):nth-child(-n+5){grid-column:span 4;min-height:340px}
  #top #gs-services .gs-card:nth-child(-n+2) h2,#top #gs-services .gs-card:nth-child(n+6) h2{font-size:27px}
  #gs-services .gs-card:nth-child(-n+2) .gs-desc,#gs-services .gs-card:nth-child(n+6) .gs-desc{font-size:18px}
  #gs-services .gs-card:nth-child(-n+2) .gs-art,#gs-services .gs-card:nth-child(n+6) .gs-art{width:43%;height:208px;top:41px;right:9px}
}
@media(min-width:901px){#gs-services .gs-heading{margin-bottom:20px}#gs-services .gs-card{padding-top:16px;padding-bottom:14px}#gs-services .gs-index{margin-bottom:8px}#gs-services .gs-tags{margin-bottom:10px}}