@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--blue:#2254e8;--ink:#171b24;--muted:#697384;--ice:#f2f5fa;--line:#d7dfe9;--font:'Noto Sans KR',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font:17px/1.85 var(--font);color:var(--ink);background:#fff;word-break:keep-all}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,p{margin:0}h1,h2,h3,h4,h5{line-height:1.3;letter-spacing:-.065em}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #f09a1a;outline-offset:5px}::selection{background:#dbe5ff}.wrap{padding-left:max(6vw,24px);padding-right:max(6vw,24px)}.skip{position:absolute;top:-80px;background:var(--blue);color:white;padding:10px 20px;z-index:100}.skip:focus{top:10px}header{height:106px;padding:0 max(6vw,24px);display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid #e8edf4}.name{font-size:25px;font-weight:800;letter-spacing:-.06em}.name>span{font-size:12px;font-weight:500;color:var(--muted);margin-left:16px;letter-spacing:-.02em}nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:600}nav a:last-child{color:var(--blue)}nav a:hover{color:var(--blue)}.hero{background:var(--ice);padding-top:65px;position:relative;overflow:hidden}.label{font-size:14px;font-weight:500;color:#56647c;display:flex;align-items:center;gap:10px}.label>span{width:7px;height:7px;border-radius:50%;background:var(--blue)}.hero h1{font-size:clamp(54px,5.8vw,88px);font-weight:800;line-height:1.35;letter-spacing:-.07em;position:relative;z-index:1;margin-top:35px;max-width:850px}.hero h1 em{font-style:normal;color:var(--blue)}.hero-bottom{margin-top:35px;display:flex;align-items:end;gap:70px;position:relative;z-index:2}.hero-bottom>p{font-size:17px;line-height:1.95;color:#5a677b}.primary{background:var(--blue);color:white;border:1px solid var(--blue);border-radius:4px;padding:16px 21px;display:inline-flex;align-items:center;gap:35px;font-size:15px;font-weight:600;line-height:1.4;transition:transform .2s,background .2s}.primary>span{font-size:23px;font-weight:400;line-height:1}.primary:hover{background:#1644cb;transform:translateY(-2px)}.hero-graphic{width:480px;height:420px;position:absolute;right:5vw;top:170px;transform:rotate(-5deg)}.graphic-line{position:absolute;border:1px solid #cdd8ec;width:430px;height:210px;border-radius:50%;left:40px;top:110px;transform:rotate(-25deg)}.line-b{transform:rotate(35deg);top:125px}.file{position:absolute;background:#fff;border:1px solid #b2c1db;box-shadow:8px 10px 0 #dce5f4;left:20px;top:25px;width:178px;height:213px;padding:20px;transform:rotate(-9deg);animation:file-float 6s ease-in-out infinite}.file-top{font-size:15px;font-weight:600;border-bottom:1px solid #c1cde1;padding-bottom:13px}.file-line{height:4px;background:#e0e6f0;margin-top:20px;width:100%}.file-line.short{width:65%}.file>span{position:absolute;bottom:20px;font-size:14px;color:var(--blue);right:22px}.graphic-arrow{position:absolute;left:205px;top:145px;color:#93abe4;font-size:44px}.blue-box{width:235px;height:205px;background:var(--blue);color:white;position:absolute;right:12px;bottom:44px;padding:27px 22px;transform:rotate(8deg);box-shadow:10px 12px 0 #b4c7fb;overflow:hidden;animation:box-float 6s 1s ease-in-out infinite}.blue-box>span{position:relative;display:inline-block;border:1px solid #7a99ee;padding:2px 8px;font-size:12px;border-radius:20px;z-index:1}.blue-box>b{font-size:31px;letter-spacing:-.065em;font-weight:600;display:block;position:relative;z-index:1;margin-top:35px;line-height:1.5}.blue-box i{position:absolute;height:100%;width:10px;background:#fff1;top:0;left:27px}.blue-box i:nth-last-child(3){left:83px}.blue-box i:nth-last-child(2){left:138px}.blue-box i:nth-last-child(1){left:193px}.human-note{position:absolute;left:35px;bottom:10px;transform:rotate(5deg);background:white;padding:10px 18px;border:1px solid #d3dded;font-size:13px;color:#536b96}.human-note>span{color:var(--blue);font-size:10px;padding-right:7px}.hero-foot{display:flex;justify-content:space-between;border-top:1px solid #d4deec;padding:23px 0;margin-top:65px;font-size:12px;color:#78849a}.background{padding-top:100px;padding-bottom:100px}.section-label{font-size:14px;color:var(--blue);font-weight:600;letter-spacing:-.02em}.background h2{font-size:clamp(32px,3.2vw,48px);font-weight:700;line-height:1.5;margin-top:26px}.background-bottom{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.route{display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:14px;font-weight:600;color:#3c4f70}.route b{font-size:16px;color:#a4b3cc;font-weight:400}.background-bottom>p{font-size:17px;color:#66758c;line-height:1.95}.projects{background:#f6f8fc;padding-top:90px;padding-bottom:80px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.section-title h2{font-size:44px;font-weight:700;line-height:1.45;margin-top:18px}.section-title>p{font-size:16px;color:#78849a;line-height:1.9}.project{border:1px solid var(--line);background:white;margin-bottom:45px;padding:42px;border-radius:5px}.project:last-child{margin-bottom:0}.project-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}.project-number{display:block;color:var(--blue);font-size:14px;font-weight:700;margin-bottom:13px}.project-head h3{font-size:49px;font-weight:700}.project-head p{font-size:17px;color:#778299;margin-top:12px}.external-link{font-size:14px;font-weight:600;color:var(--blue);padding-bottom:7px;border-bottom:1px solid #b5c7f9;flex-shrink:0}.external-link:hover{border-color:var(--blue)}.cargo-screen{border:1px solid #c7d3e7;border-radius:7px;overflow:hidden;background:#fafcff}.screen-bar{height:50px;border-bottom:1px solid #dae3f1;padding:0 23px;display:flex;justify-content:space-between;align-items:center;background:#f0f4fc}.screen-bar>b{font-size:18px;font-weight:800;letter-spacing:-.065em;color:#214a9d}.screen-bar>span{font-size:12px;color:#8192b1}.screen-content{padding:27px 35px}.screen-title{display:flex;justify-content:space-between;align-items:center}.screen-title h4{font-size:24px;font-weight:600;letter-spacing:-.05em}.screen-title>span{font-size:13px;color:#8697b4}.search-example{display:flex;justify-content:space-between;align-items:center;margin:22px 0 28px;border:1px solid #c4d1e8;border-radius:5px;padding:7px 8px 7px 16px;background:white;font-size:14px;color:#8496b7}.search-example>b{background:var(--blue);color:white;padding:7px 22px;border-radius:3px;font-weight:500}.result-head,.result{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid #dfe6f1;font-size:15px;color:#5e7396}.result-head{font-size:12px;color:#8d9db8;padding:0 0 10px}.result>strong{font-size:15px;letter-spacing:.01em;color:#4f658a;font-weight:500}.result>span{width:max-content}.blue-tag{padding:3px 10px;border-radius:20px;background:#e5edff;color:#3462bb}.screen-note{color:#667fa8;font-size:13px;margin-top:20px;background:#edf3fd;padding:13px 16px;border-radius:4px}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 7%;margin:40px 0}.case-grid h4{font-size:15px;font-weight:700;color:#375b9b;letter-spacing:-.03em;margin-bottom:13px}.case-grid p{font-size:17px;line-height:1.9;color:#66758c;letter-spacing:-.03em}.role{border-top:1px solid var(--line);padding-top:25px;display:grid;grid-template-columns:130px 1fr;gap:20px}.role>b{font-size:15px;color:#365c9e}.role>p{font-size:16px;color:#677894;line-height:1.9}.role small{display:block;font-size:13px;color:#94a1b7;margin-top:9px}.zero-stage{background:#edf2fd;display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:40px;border-radius:5px}.zero-stage-copy h4{font-size:33px;line-height:1.5;font-weight:700;margin:18px 0}.zero-stage-copy>p:not(.section-label){font-size:16px;color:#7989a7;line-height:1.9}.zero-stage-copy .primary{margin-top:30px}.task-tabs{display:flex;gap:3px;border-bottom:1px solid #cbd7ee}.task-tabs button{border:0;background:transparent;color:#7b8fae;padding:10px 13px;font-size:14px;font-weight:500;flex:1;white-space:nowrap;border-bottom:2px solid transparent}.task-tabs button[aria-selected=true]{color:var(--blue);border-bottom-color:var(--blue)}.task-panel{padding:25px 15px 12px}.task-icon{font-size:35px;color:var(--blue);line-height:1.2}.task-panel h5{font-size:27px;font-weight:600;line-height:1.5;margin:15px 0}.task-panel>p{font-size:15px;color:#7184a5;line-height:1.9;min-height:85px}.task-boundary{border-top:1px solid #c7d4ee;padding-top:16px;margin-top:20px;font-size:12px;color:#8091ae}.task-boundary b{font-size:13px;font-weight:500;display:block;margin-top:5px;color:#41649e}.demo-notice{font-size:13px;color:#8b99b1;margin-top:14px;line-height:1.8}.working{background:#2254e8;color:white;padding-top:80px;padding-bottom:85px}.working .section-label{color:#b9cdff}.working .section-title h2{font-size:45px}.working-list{margin-top:55px}.working-list article{display:grid;grid-template-columns:60px 1fr 1.1fr;gap:30px;align-items:start;border-top:1px solid #6688ef;padding:30px 0}.working-list article:last-child{border-bottom:1px solid #6688ef}.working-list article>span{font-size:14px;color:#b5c9ff}.working-list h3{font-size:24px;line-height:1.5;font-weight:600}.working-list p{font-size:17px;line-height:1.9;color:#c5d5ff;letter-spacing:-.025em}.career{padding-top:85px;padding-bottom:85px}.career-list article{display:grid;grid-template-columns:190px 1fr 1fr;align-items:start;gap:25px;border-top:1px solid var(--line);padding:28px 0}.career-list article:last-child{border-bottom:1px solid var(--line)}.career-list time{font-size:13px;color:#8090a8;letter-spacing:.01em}.career-list h3{font-size:21px;line-height:1.5;font-weight:600;letter-spacing:-.04em}.career-list p{font-size:16px;color:#7c8ba2;line-height:1.85}.contact{background:#edf2fd;padding-top:65px;padding-bottom:55px}.contact h2{font-size:clamp(39px,4.8vw,70px);line-height:1.5;font-weight:700;margin-top:25px}.contact-bottom{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-top:45px}.contact-bottom>p{font-size:18px;font-weight:600}.contact-bottom>p>span{font-size:14px;font-weight:400;color:#7f90ad}.contact-bottom>a{font-size:clamp(19px,2.2vw,32px);font-weight:500;color:var(--blue);letter-spacing:-.04em;display:flex;gap:35px;align-items:center;border-bottom:1px solid #a6bcf6;padding-bottom:8px}.contact-bottom>a>span{font-size:36px;font-weight:400}footer{display:flex;justify-content:space-between;gap:25px;padding-top:30px;padding-bottom:30px;font-size:12px;color:#8290a7}footer>a:hover{color:var(--blue)}.demo-dialog{padding:0;width:calc(100vw - 40px);height:calc(100svh - 40px);max-width:1500px;max-height:1100px;border:1px solid #b4c5e4;border-radius:7px;box-shadow:0 20px 60px #14295f66}.demo-dialog::backdrop{background:#152b5eaa;backdrop-filter:blur(6px)}.demo-dialog[open]{display:flex;flex-direction:column}.dialog-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#f1f5fe;border-bottom:1px solid #c4d2e9}.dialog-bar h2{font-size:14px;letter-spacing:-.03em}.dialog-bar button{background:var(--blue);color:white;border:0;border-radius:3px;padding:8px 16px;font-size:13px}.demo-dialog iframe{border:0;width:100%;flex:1;min-height:0}.modal-open{overflow:hidden}@keyframes file-float{50%{translate:0 -10px}}@keyframes box-float{50%{translate:0 9px}}
@media(min-width:1600px){.wrap,header{padding-left:calc((100vw - 1400px)/2);padding-right:calc((100vw - 1400px)/2)}.hero-graphic{right:calc((100vw - 1400px)/2)}}
@media(max-width:1150px){.hero h1{font-size:6.8vw}.hero-graphic{scale:.8;transform-origin:right center;right:2vw;top:150px}.hero-bottom{gap:35px}.hero-bottom>p{font-size:16px}.hero-bottom .primary{position:absolute;left:0;bottom:-75px}.hero-foot{margin-top:120px}.zero-stage{gap:5%;padding:30px}.zero-stage-copy h4{font-size:28px}.task-tabs button{font-size:12px;padding:10px 7px}.task-panel h5{font-size:24px}.case-grid p{font-size:16px}.working-list article{grid-template-columns:40px 1fr 1fr;gap:25px}.working-list h3{font-size:21px}.working-list p{font-size:16px}}
@media(max-width:760px){body{font-size:16px}header{height:80px;gap:15px}.name{font-size:22px}.name>span{display:none}nav{gap:18px;font-size:12px}nav>a:nth-child(2){display:none}.hero{padding-top:40px}.label{font-size:12px}.hero h1{font-size:clamp(37px,8.7vw,60px);margin-top:27px;line-height:1.4}.hero-bottom{display:block;margin-top:28px}.hero-bottom>p{font-size:16px;line-height:1.9}.hero-bottom .primary{position:static;margin-top:25px;font-size:14px}.hero-graphic{position:relative;height:360px;width:100%;scale:.85;transform-origin:center center;right:auto;top:auto;margin-top:5px;margin-bottom:-25px}.graphic-line{width:340px;left:10px;height:165px;top:100px}.line-b{top:120px}.file{width:150px;height:185px;left:0;top:20px;padding:18px}.file-top{font-size:14px}.file-line{margin-top:17px}.file>span{font-size:13px;bottom:17px}.graphic-arrow{left:150px;top:115px;font-size:38px}.blue-box{width:190px;height:180px;right:-5px;bottom:50px;padding:22px 17px}.blue-box>b{font-size:26px;margin-top:28px}.blue-box>span{font-size:11px;padding:2px 6px}.human-note{left:2px;bottom:10px;font-size:12px;padding:9px 15px}.hero-foot{margin-top:20px;font-size:11px;gap:20px;padding:20px 0}.hero-foot>span:first-child{max-width:235px}.background{padding-top:55px;padding-bottom:55px}.section-label{font-size:13px}.background h2{font-size:29px;line-height:1.55;margin-top:22px}.background-bottom{grid-template-columns:1fr;gap:25px;margin-top:26px}.route{gap:9px;font-size:12px}.route b{font-size:13px}.background-bottom>p{font-size:16px;line-height:1.95}.projects{padding-top:55px;padding-bottom:50px}.section-title{display:block;margin-bottom:30px}.section-title h2{font-size:31px;margin-top:16px}.section-title>p{font-size:15px;margin-top:22px}.section-title>p br{display:none}.project{padding:25px 20px;margin:0 -7px 30px}.project-head{display:block;margin-bottom:25px}.project-number{font-size:13px;margin-bottom:12px}.project-head h3{font-size:38px}.project-head p{font-size:15px;line-height:1.8;margin-top:9px}.external-link{font-size:13px;margin-top:22px;display:inline-block}.screen-bar{height:auto;min-height:45px;padding:11px 13px;gap:10px;flex-wrap:wrap}.screen-bar>b{font-size:16px}.screen-bar>span{font-size:11px}.screen-content{padding:20px 13px}.screen-title h4{font-size:20px}.screen-title>span{font-size:11px}.search-example{font-size:11px;margin:18px 0 23px;padding-left:9px;gap:8px}.search-example>b{font-size:12px;padding:6px 10px}.result-head,.result{font-size:12px;gap:7px;grid-template-columns:1.2fr 1fr 1fr;padding:13px 0}.result-head{font-size:11px;padding:0 0 10px}.result>strong{font-size:12px;letter-spacing:0}.blue-tag{padding:2px 6px}.screen-note{font-size:12px;padding:11px 12px;line-height:1.9;margin-top:17px}.case-grid{grid-template-columns:1fr;gap:25px;margin:30px 0}.case-grid h4{font-size:14px;margin-bottom:10px}.case-grid p{font-size:16px;line-height:1.95}.role{grid-template-columns:1fr;gap:12px;padding-top:23px}.role>b{font-size:14px}.role>p{font-size:15px}.role small{font-size:12px;line-height:1.9}.zero-stage{grid-template-columns:1fr;gap:32px;padding:25px 20px;margin-left:-2px;margin-right:-2px}.zero-stage-copy h4{font-size:28px;margin:16px 0}.zero-stage-copy>.section-label{font-size:12px}.zero-stage-copy>p:not(.section-label){font-size:15px}.zero-stage-copy .primary{font-size:13px;margin-top:23px}.task-tabs button{font-size:12px;padding:11px 8px}.task-panel{padding:22px 5px 5px}.task-icon{font-size:31px}.task-panel h5{font-size:25px}.task-panel>p{font-size:15px;min-height:0}.task-boundary{font-size:12px}.task-boundary b{font-size:13px}.demo-notice{font-size:12px;line-height:1.9}.working{padding-top:55px;padding-bottom:55px}.working .section-title h2{font-size:31px}.working-list{margin-top:35px}.working-list article{grid-template-columns:28px 1fr;gap:12px 15px;padding:25px 0}.working-list article>span{font-size:12px}.working-list h3{font-size:21px;line-height:1.55}.working-list p{grid-column:2;font-size:16px;line-height:1.9}.career{padding-top:55px;padding-bottom:55px}.career-list article{grid-template-columns:1fr;gap:10px;padding:25px 0}.career-list time{font-size:12px}.career-list h3{font-size:20px}.career-list p{font-size:15px;line-height:1.9}.contact{padding-top:45px;padding-bottom:40px}.contact h2{font-size:32px;line-height:1.55;margin-top:20px}.contact-bottom{display:block;margin-top:30px}.contact-bottom>p{font-size:17px}.contact-bottom>p>span{font-size:13px}.contact-bottom>a{font-size:clamp(17px,4.5vw,25px);gap:15px;justify-content:space-between;margin-top:25px}.contact-bottom>a>span{font-size:30px}footer{font-size:11px;gap:20px;flex-wrap:wrap;padding-top:25px;padding-bottom:25px}footer>span{width:100%}.demo-dialog{width:100vw;height:100svh;border:0;border-radius:0;max-height:none;max-width:none}.dialog-bar{padding:10px 13px}.dialog-bar h2{font-size:12px}.dialog-bar button{font-size:12px;padding:7px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:760px){.hero-foot,.screen-bar>span,.screen-title>span,.search-example,.result-head,footer,.blue-box>span{font-size:12px}}
@media(min-width:761px){.project-head{position:sticky;top:0;z-index:3;background:#fff;padding-top:18px;padding-bottom:20px;margin-top:-18px;border-bottom:1px solid #e3e9f3}}