@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#171719;--blue:#2344e8;--muted:#62656c;--line:#e5e6e9;--light:#f5f6f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:'Noto Sans KR',Arial,sans-serif;line-height:1.65;background:white;word-break:keep-all}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px}p{margin:0}h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.065em;line-height:1.23}header{height:86px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:25px;position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);z-index:20;border-bottom:1px solid transparent;transition:border-color .3s}header.scrolled{border-color:var(--line)}.brand{display:flex;gap:11px;align-items:center}.brandmark{display:flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;border-radius:12px;width:39px;height:39px;font-size:26px;font-weight:900;letter-spacing:-3px;padding-right:3px}.brand small{display:block;font-size:12px;line-height:1.5;color:#5c5e65}.brand strong{font-size:17px;letter-spacing:-.06em}nav{display:flex;gap:30px;font-size:14px}nav a{color:#64656b;transition:color .2s}nav a:hover{color:var(--blue)}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:13px 26px;border-radius:32px;border:0;font-size:15px;font-weight:600;transition:transform .2s,background .2s;white-space:normal}.button:hover{transform:translateY(-2px)}.black{background:#181819;color:white}.black:hover{background:var(--blue)}.white{background:white;color:#1b32cb}.button.small{font-size:13px;min-height:42px;padding:10px 20px}.hero{padding:56px 4% 0;text-align:center}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;margin-bottom:23px}.blue{color:var(--blue)}h1{font-size:clamp(42px,5.5vw,78px);letter-spacing:-.075em;line-height:1.22}.rotating{color:var(--blue);display:inline-block;transition:opacity .2s,transform .2s;position:relative}.rotating:after{content:'';position:absolute;bottom:2px;left:0;right:0;height:2px;background:var(--blue)}.hero-copy{font-size:17px;color:var(--muted);margin-top:25px;line-height:1.8}.hero-actions{display:flex;justify-content:center;align-items:center;gap:30px;margin:31px 0 48px}.text-link{font-size:14px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#c8cad0}.hero-visual{position:relative;border-radius:20px;overflow:hidden;height:510px;max-width:1180px;margin:auto;text-align:left;transform:scale(.96);will-change:transform}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center 44%}.image-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,18,27,.5),transparent 75%)}.visual-copy{position:absolute;bottom:55px;left:48px;color:white}.visual-copy span{font-size:11px;letter-spacing:.18em}.visual-copy p{font-size:34px;line-height:1.4;font-weight:600;letter-spacing:-.05em;margin-top:14px}.floating-note{position:absolute;right:35px;bottom:42px;background:rgba(255,255,255,.94);padding:19px 23px;display:flex;align-items:center;gap:12px;border-radius:14px;box-shadow:0 8px 40px #0001}.floating-note strong{display:block;font-size:14px}.floating-note small{font-size:12px;color:var(--muted)}.note-icon{background:#e9eeff;color:var(--blue);border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.image-label{position:absolute;top:20px;right:25px;color:white;font-size:12px;text-shadow:0 1px 4px #0008}.hero-bottom{max-width:1180px;margin:20px auto 0;display:flex;justify-content:space-between;font-size:12px;color:#777b82;align-items:center}.hero-bottom>span:last-child{font-size:10px;letter-spacing:.13em;display:flex;align-items:center;gap:16px}.scroll-line{height:36px;width:1px;background:#777;display:block}.section{padding:130px 8%;max-width:1440px;margin:auto}.section-top{max-width:760px;margin-bottom:58px}h2{font-size:clamp(34px,4.1vw,56px)}.lead{font-size:18px;color:var(--muted);margin-top:25px;line-height:1.8}.persona-layout{display:grid;grid-template-columns:1fr 1.32fr;gap:60px;align-items:start}.persona-tabs{display:flex;flex-direction:column;border-top:1px solid var(--line)}.persona-tabs button{background:white;display:flex;justify-content:space-between;gap:12px;text-align:left;padding:24px 10px 24px 0;font-size:19px;border:0;border-bottom:1px solid var(--line);color:#898b92;transition:color .3s}.persona-tabs button span{font-size:12px;padding-top:7px}.persona-tabs button[aria-selected=true]{color:var(--blue);font-weight:700}.persona-panel{padding:42px;background:#eff2ff;border-radius:20px;min-height:385px}.panel-kicker{font-size:11px;letter-spacing:.16em;color:var(--blue)}.persona-panel h3{font-size:34px;margin:19px 0}.persona-panel p{font-size:16px;color:#5d657d;line-height:1.8;max-width:470px}.panel-tags{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0}.panel-tags span{font-size:12px;border:1px solid #ccd4f5;padding:5px 11px;border-radius:20px;color:#455791}.support-intro{background:var(--light);max-width:none;text-align:center;padding-bottom:40px}.scroll-story{display:grid;grid-template-columns:1.05fr 1fr;gap:8%;padding:20px 8% 80px;background:var(--light);position:relative}.story-sticky{position:sticky;top:140px;align-self:start;margin-top:85px}.story-counter{font-size:12px;color:#888e9f;letter-spacing:.15em;margin-bottom:20px}.story-counter span{color:var(--blue);font-weight:700}.demo-screen{background:white;border:1px solid #e0e4ed;border-radius:20px;box-shadow:0 20px 70px #2736670d;overflow:hidden}.demo-top{display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf0f6;padding:18px 20px;font-size:12px}.demo-top .brandmark{width:23px;height:23px;border-radius:7px;font-size:16px;letter-spacing:-1px;padding-right:1px}.demo-top small{font-size:10px;color:#999;margin-left:auto}.demo-body{padding:38px;transition:opacity .2s,transform .2s}.demo-body .eyebrow{font-size:10px;color:var(--blue);margin-bottom:18px}.demo-body h3{font-size:32px;margin-bottom:30px}.demo-rows{display:grid;gap:12px}.demo-rows>div{font-size:14px;background:#f5f7fc;border-radius:9px;padding:15px;display:flex;gap:14px}.demo-rows span{color:var(--blue);font-size:12px}.demo-foot{background:#eaf0ff;color:#4360b5;padding:12px 16px;border-radius:8px;font-size:12px;margin-top:23px}.story-dots{display:flex;gap:8px;margin-top:25px}.story-dots i{width:8px;height:8px;border-radius:10px;background:#ccd1de;transition:width .3s,background .3s}.story-dots i.active{width:30px;background:var(--blue)}.demo-caption{font-size:12px;color:#89909d;margin-top:14px}.story-step{min-height:620px;display:flex;flex-direction:column;justify-content:center;padding:75px 0;opacity:.35;transition:opacity .4s}.story-step.active{opacity:1}.story-step h3{font-size:34px;line-height:1.4;margin-bottom:25px}.story-step p:not(.eyebrow){color:#616674;font-size:16px;line-height:1.95}.story-step .eyebrow{color:var(--blue);font-size:12px}.pill{margin-top:28px;font-size:12px;background:#e8edf9;color:#4860a4;border-radius:8px;align-self:flex-start;padding:9px 15px}.story-step small{font-size:12px;color:#858b98;margin-top:18px}.advantages{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.advantage{border-top:1px solid var(--ink);padding-top:22px;display:flex;flex-direction:column}.adv-number{font-size:12px;color:var(--blue);margin-bottom:40px}.advantage h3{font-size:26px;line-height:1.45;margin-bottom:22px}.advantage p{font-size:15px;color:var(--muted);line-height:1.9;margin-bottom:30px}.advantage a{font-size:13px;text-decoration:underline;text-underline-offset:4px;margin-top:auto}.journey{padding-top:20px}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:50px}.journey-grid b{font-weight:400;color:#d9dfec;font-size:62px;line-height:1}.journey-grid h3{font-size:22px;letter-spacing:-.045em;margin:22px 0 16px}.journey-grid p{font-size:15px;color:var(--muted);line-height:1.8}.secondary{font-size:13px;color:#7b808b;line-height:1.8;margin-top:30px}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.4fr;gap:8%;padding-top:90px;padding-bottom:100px}.faq h2{font-size:40px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;font-size:16px;font-weight:500;padding:23px 32px 23px 0;cursor:pointer;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;top:19px;font-size:24px;color:#9297a0;font-weight:400}details[open] summary:after{content:'−'}details p{font-size:15px;color:var(--muted);line-height:1.9;padding:0 25px 25px 0}.start{max-width:none;text-align:center;background:#213fde;color:white;padding-top:105px;padding-bottom:110px}.start h2{font-size:clamp(44px,5vw,70px)}.start .eyebrow{font-size:11px;opacity:.7}.start .lead{color:#d2d9ff;margin-bottom:32px;font-size:17px}.start-note{font-size:12px;margin-top:23px;color:#b7c2ff}footer{padding:55px 8% 35px;max-width:1440px;margin:auto}.footer-top{display:flex;justify-content:space-between;align-items:center}.footer-top>a:last-child{font-size:12px;color:#858b94}.footer-bottom{display:flex;justify-content:space-between;gap:30px;margin:32px 0}.footer-bottom p{font-size:13px;color:#858994}.footer-bottom a{text-decoration:underline}footer>small{font-size:12px;color:#9a9fa8}.mobile-cta{display:none}.skip{position:fixed;top:-100px;left:20px;z-index:40;background:var(--blue);color:white;padding:10px}.skip:focus{top:10px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:translateY(0)}dialog{border:0;border-radius:22px;padding:44px;max-width:540px;width:calc(100% - 36px);color:var(--ink);box-shadow:0 20px 90px #0003}dialog::backdrop{background:#12172988;backdrop-filter:blur(5px)}dialog h2{font-size:34px;margin-bottom:24px}dialog>p:not(.eyebrow){font-size:15px;color:#636976}.close{position:absolute;right:16px;top:10px;font-size:29px;background:none;border:0;color:#7f8795}.guide-tip{background:var(--light);padding:22px;margin-top:25px;border-radius:14px}.guide-tip strong{font-size:13px}.guide-tip p{font-size:14px;color:#606672;margin:12px 0 18px}.guide-tip .button{font-size:13px;min-height:42px}.guide-tip #copy-status{display:block;font-size:12px;color:var(--blue);margin-top:10px}
@media(min-width:1600px){.scroll-story{padding-left:calc((100vw - 1210px)/2);padding-right:calc((100vw - 1210px)/2)}}
@media(max-width:900px){nav{gap:16px;font-size:12px}header{padding:0 4%}.brand strong{font-size:15px}.brand small{font-size:11px}.hero{padding-top:45px}.hero-visual{height:440px}.section{padding:95px 6%}.persona-layout{gap:30px}.persona-tabs button{font-size:16px}.persona-panel{padding:30px}.scroll-story{gap:6%;padding-left:6%;padding-right:6%}.demo-body{padding:26px}.story-step h3{font-size:28px}.advantages{gap:25px}.advantage h3{font-size:23px}.faq{gap:5%}.faq h2{font-size:34px}}
@media(max-width:640px){header{height:72px;padding:0 5%;gap:10px}header nav{display:none}.brandmark{width:33px;height:33px;font-size:22px}.brand strong{font-size:14px}.button.small{font-size:12px;padding:9px 14px;min-height:37px}.hero{padding:40px 5% 0}.hero .eyebrow{font-size:10px;letter-spacing:.02em;margin-bottom:24px}h1{font-size:40px;line-height:1.3}.hero-copy{font-size:14px;margin-top:21px}.hero-actions{gap:17px;flex-direction:column;margin:25px 0 32px}.button{font-size:14px}.hero-visual{height:400px;transform:none!important;border-radius:15px}.hero-visual img{object-position:57% center}.image-shade{background:linear-gradient(0deg,#08121ac9,transparent 75%)}.visual-copy{left:24px;bottom:85px}.visual-copy span{font-size:9px}.visual-copy p{font-size:25px}.floating-note{left:23px;right:auto;bottom:20px;padding:10px 15px;gap:9px;border-radius:10px}.floating-note strong{font-size:11px}.floating-note small{font-size:10px}.note-icon{height:27px;width:27px;font-size:12px}.image-label{font-size:10px;right:16px;top:15px}.hero-bottom{font-size:10px}.hero-bottom>span:last-child{font-size:8px;gap:9px}.section{padding:80px 6%}.section-top{margin-bottom:35px}h2{font-size:34px}.eyebrow{font-size:10px;margin-bottom:18px}.lead{font-size:15px;margin-top:21px}.persona-layout{display:block}.persona-tabs{margin-bottom:25px}.persona-tabs button{padding:18px 0;font-size:16px}.persona-panel{padding:30px;min-height:370px}.persona-panel h3{font-size:30px}.persona-panel p{font-size:15px}.support-intro{padding-bottom:35px}.scroll-story{display:block;padding:0 6% 65px}.story-sticky{position:relative;top:auto;margin-top:0;margin-bottom:10px}.story-counter{margin-bottom:13px}.demo-body{padding:28px}.demo-body h3{font-size:29px;margin-bottom:20px}.demo-rows>div{padding:11px 14px}.story-dots{display:none}.story-step{min-height:0;padding:45px 0 15px;opacity:1}.story-step h3{font-size:27px;margin-bottom:20px}.story-step p:not(.eyebrow){font-size:15px}.story-step .pill{font-size:11px}.advantages,.journey-grid{grid-template-columns:1fr;gap:38px}.adv-number{margin-bottom:20px}.advantage h3{font-size:25px}.advantage p{margin-bottom:20px}.journey{padding-top:0}.journey-grid{margin-top:35px;gap:30px}.journey-grid article{border-top:1px solid var(--line);padding-top:20px}.journey-grid b{font-size:42px}.journey-grid h3{margin:14px 0}.faq{display:block;padding-top:65px;padding-bottom:70px}.faq-list{margin-top:35px}.faq h2{font-size:33px}summary{font-size:15px;line-height:1.65;padding:21px 30px 21px 0}.start{padding:75px 6%}.start h2{font-size:43px}.start .lead{font-size:15px}footer{padding:40px 6% 110px}.footer-bottom{display:block}.footer-bottom p+p{margin-top:20px}.mobile-cta{display:block;position:fixed;bottom:0;left:0;right:0;padding:10px 20px calc(10px + env(safe-area-inset-bottom));background:#fffffff2;border-top:1px solid var(--line);z-index:25;transform:translateY(120%);transition:transform .3s}.mobile-cta.shown{transform:translateY(0)}.mobile-cta .button{width:100%;min-height:45px}dialog{padding:35px 25px}dialog h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}.story-step{opacity:1}}
.contact{display:grid;grid-template-columns:1fr 1.4fr;gap:8%;padding-top:80px;padding-bottom:75px}.contact h2{font-size:38px}.contact-company{font-size:19px;margin-top:25px;line-height:1.7}.contact-info>p{font-size:16px;margin-bottom:23px}.contact-phones{display:flex;flex-direction:column;gap:10px;font-size:23px;letter-spacing:-.025em}.contact-phones a:hover,.notice-details a:hover{color:var(--blue)}.contact-phones span{font-size:14px;color:var(--muted)}.contact-info dl{margin:26px 0 0;font-size:15px}.contact-info dl>div{display:flex;gap:25px;margin:10px 0}.contact-info dt{color:var(--muted);min-width:100px}.contact-info dd{margin:0}.recruitment-notice{padding-top:55px;padding-bottom:65px;border-top:1px solid var(--line);background:#f7f8fa}.recruitment-notice h2{font-size:25px;letter-spacing:-.045em;margin-bottom:28px}.notice-highlight{font-size:15px;line-height:1.9;color:#343c50;background:#edf1ff;padding:20px 24px;border-radius:12px}.notice-details{margin:28px 0;font-size:14px}.notice-details>div{display:grid;grid-template-columns:145px 1fr;gap:20px;padding:13px 0;border-bottom:1px solid var(--line)}.notice-details dt{color:var(--muted)}.notice-details dd{margin:0}.notice-details strong{font-weight:500}.notice-statement{font-size:15px;line-height:1.9;margin:22px 0}.notice-statement p+p{margin-top:10px;padding-left:24px;color:#626772}.notice-final{border-top:1px solid #d9dde5;padding-top:23px;margin-top:28px;font-size:14px;color:#555d6b}.guide-phones{display:flex;flex-direction:column;align-items:flex-start;gap:13px;margin-top:20px}.guide-phones>a:last-child{font-size:14px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:640px){.contact{display:block;padding-top:55px;padding-bottom:55px}.contact h2{font-size:32px}.contact-company{font-size:18px;margin-top:20px}.contact-info{margin-top:30px}.contact-info>p{font-size:15px}.contact-phones{font-size:21px}.contact-info dl>div{gap:15px}.recruitment-notice{padding-top:40px;padding-bottom:40px}.recruitment-notice h2{font-size:24px}.notice-highlight{padding:18px;font-size:14px}.notice-details>div{grid-template-columns:1fr;gap:5px;padding:14px 0}.notice-statement{font-size:14px}.notice-final{font-size:13px}}
.brand .official-logo{display:block;width:130px;height:auto;object-fit:contain;flex-shrink:0}.brand .branch-name{padding-left:13px;border-left:1px solid #dfe1e6;line-height:1.5}.demo-top .demo-logo{width:65px;height:auto;object-fit:contain;flex-shrink:0}
@media(max-width:900px){.brand .official-logo{width:115px}.brand .branch-name{padding-left:10px}.brand{gap:10px}}
@media(max-width:640px){header .brand{flex-direction:column;align-items:flex-start;gap:4px}header .brand .official-logo{width:100px}header .brand .branch-name{border:0;padding:0}header .brand strong{font-size:12px}footer .brand .official-logo{width:110px}footer .brand strong{font-size:13px}.demo-top .demo-logo{width:60px}}
.footer-brand-group{display:flex;align-items:center;gap:28px;min-width:0}.promise-logo{display:block;width:175px;height:auto;object-fit:contain;flex-shrink:0}.footer-top{gap:24px}
@media(max-width:640px){.footer-top{display:block}.footer-brand-group{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:14px;align-items:center}.footer-brand-group .brand{flex-direction:column;align-items:flex-start;gap:8px}.footer-brand-group .branch-name{border:0;padding:0}.promise-logo{width:145px;max-width:100%}.footer-top>a:last-child{display:inline-block;margin-top:20px}}

.app-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1180px;margin:50px auto 0;text-align:left}.app-card{background:white;border:1px solid #e1e5ee;border-radius:20px;padding:32px;display:flex;flex-direction:column}.app-heading{display:flex;gap:18px;align-items:center;margin-bottom:23px}.touchclass-logo{width:70px;height:70px;object-fit:contain;flex-shrink:0}.app-role{color:var(--muted);font-size:14px;margin-bottom:6px}.app-heading h3{font-size:28px;letter-spacing:-.04em}.app-card>p{font-size:16px;line-height:1.9;color:var(--muted)}.app-card ul{list-style:none;padding:0;margin:23px 0 28px;font-size:14px;color:#626b7e;line-height:1.9}.app-card li{padding:11px 0;border-bottom:1px solid #edf0f5}.app-card li strong{color:#293248;font-weight:600}.app-benefit{margin-top:auto;border-radius:9px;background:#eef2ff;color:#304fc0;font-size:14px;padding:12px 15px}.goms-wordmark{width:85px;height:70px;display:grid;place-items:center;color:#2344e8;font-size:22px;font-weight:800;letter-spacing:-.04em}.app-pair-caption{font-size:14px;color:var(--muted);max-width:1180px;margin:24px auto 0}.story-app-heading{display:flex;align-items:center;gap:13px;margin-bottom:23px}.story-app-heading .touchclass-logo{width:46px;height:46px}.story-app-heading .eyebrow{margin-bottom:0}.demo-touchclass-logo{width:48px;height:48px;margin-bottom:16px}.demo-touchclass-logo[hidden]{display:none}
@media(max-width:640px){.app-pair{grid-template-columns:1fr;gap:18px;margin-top:35px}.app-card{padding:24px}.app-heading{gap:12px;margin-bottom:18px}.app-heading h3{font-size:25px}.app-card>p{font-size:15px}.touchclass-logo{width:60px;height:60px}.goms-wordmark{height:60px;width:75px;font-size:20px}.app-card ul{margin-top:17px;margin-bottom:22px}.app-pair-caption{margin-top:20px}}
/* Keep contact numbers aligned and sentences readable at narrow widths. */
.contact-phones{align-items:flex-start;gap:14px}
.contact-phones a{display:grid;grid-template-columns:30px max-content auto;align-items:center;column-gap:10px;line-height:1.5}
.contact-phones .phone-icon{width:30px;text-align:center;font-size:22px;color:var(--ink)}
.contact-phones strong{white-space:nowrap;font-variant-numeric:tabular-nums}
.contact-phones .phone-label{white-space:nowrap;font-size:14px}
p,dd,small,summary{overflow-wrap:break-word;text-wrap:pretty}
h1,h2,h3{text-wrap:balance}
.contact-info,.contact-heading,.notice-details dd,.app-card,.advantage{min-width:0}
@media(max-width:640px){
.hero-copy br,.lead br,.notice-statement br{display:none}
.hero-copy,.lead{max-width:34em;margin-left:auto;margin-right:auto}
.section h2 br,.story-step h3 br,.advantage h3 br{display:none}
.contact-phones a{grid-template-columns:26px max-content auto;column-gap:8px}
.contact-phones .phone-icon{width:26px;font-size:20px}
.contact-phones .phone-label{font-size:12px}
.footer-bottom{line-height:1.9}
}
@media(max-width:360px){h1{font-size:34px}.contact-phones{font-size:19px}.contact-phones a{column-gap:6px}.start h2{font-size:37px}}