/* ONDA STUDIO: source Aleric editorial hierarchy, split hero and staggered portfolio adapted to native GnuBoard. */
:root{--ink:#151515;--paper:#f6f5f1;--blue:#2447fa;--line:#d8d8d1;--muted:#66665f;--dark:#161719}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Malgun Gothic','Apple SD Gothic Neo',sans-serif;font-size:16px;line-height:1.7;letter-spacing:-.035em}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:700;line-height:1.25;word-break:keep-all}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%;height:auto}ul{padding-left:22px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.sound_only,.skip-link{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.skip-link:focus{z-index:200;top:8px;left:8px;width:auto;height:auto;clip:auto;padding:12px;background:#fff}.wrap{max-width:1440px;margin:auto;padding-left:70px;padding-right:70px}.section{padding-top:112px;padding-bottom:112px}.blue{color:var(--blue)}.muted{color:#92938a}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:600;line-height:1.5}.site-header{height:98px;border-bottom:1px solid var(--line);position:relative;background:var(--paper);z-index:20}.header-inner{max-width:1440px;padding:0 70px;height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;gap:7px;font-size:32px;letter-spacing:-.07em;font-weight:800;line-height:1}.brand-symbol{font-size:42px;color:var(--blue);margin-right:4px}.logo-small{font-size:10px;letter-spacing:.02em;align-self:flex-end;margin-bottom:6px}.site-nav{display:flex;align-items:center;gap:35px;font-size:14px;font-weight:600}.site-nav a{padding:12px 0}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--blue)}.site-nav .nav-contact{margin-left:24px;border-bottom:1px solid var(--ink);display:flex;gap:20px}.menu-toggle{display:none}.hero{padding-top:30px}.hero-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.08em;margin-bottom:54px}.hero-kicker{display:flex;align-items:center;gap:9px}.hero-kicker>span:last-child{margin-left:25px;color:var(--muted)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--blue)}.hero-editorial{display:grid;grid-template-columns:185px 1fr 100px;gap:25px;align-items:end}.hero-label{font-size:13px;line-height:1.8;padding-bottom:10px}.hero h1{font-size:clamp(52px,6.2vw,90px);line-height:1.1;letter-spacing:-.07em;max-width:990px}.hero-star{font-family:Arial,sans-serif;font-size:100px;line-height:1;color:var(--blue);align-self:center}.hero-bottom-copy{display:flex;margin:35px 0 48px 210px;justify-content:space-between;gap:48px;align-items:center}.hero-bottom-copy p{font-size:16px;max-width:520px;line-height:1.8;word-break:keep-all}.button{display:inline-flex;align-items:center;gap:32px;justify-content:space-between;border:1px solid var(--ink);padding:15px 23px;font-size:14px;font-weight:600;min-height:55px;white-space:nowrap}.button span{font-size:23px;line-height:1}.blue-button{background:var(--blue);color:#fff;border-color:var(--blue)}.button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.hero-visual{display:grid;grid-template-columns:3fr 1fr;gap:25px}.hero-photo{position:relative;min-height:440px;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover;position:absolute}.photo-caption{position:absolute;left:26px;bottom:26px;color:#fff;background:rgba(0,0,0,.5);padding:8px 16px;font-size:12px}.hero-feature{background:var(--ink);color:#fff;padding:30px;display:flex;flex-direction:column;align-items:flex-start;position:relative;min-height:440px}.feature-symbol{font-size:96px;line-height:1;color:#ccd6ff;margin-bottom:50px}.hero-feature .eyebrow{font-size:9px;color:#a9a9a9;margin-bottom:16px}.hero-feature h2{font-size:29px;margin-bottom:14px}.hero-feature p{font-size:13px;color:#bbb;line-height:1.8}.feature-arrow{font-size:36px;position:absolute;right:25px;bottom:25px}.intro{border-bottom:1px solid var(--line)}.intro-text{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:28px;align-items:center}.intro h2{font-size:60px;letter-spacing:-.065em}.intro-text p{font-size:22px;line-height:1.85;word-break:keep-all}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid currentColor;padding:8px 0;font-size:13px;font-weight:600}.text-link span{font-size:22px}.intro-text .text-link{margin-top:20px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:50px}.section-head .eyebrow{margin-bottom:24px}.section-head h2{font-size:48px;letter-spacing:-.065em}.section-description{font-size:16px;line-height:1.8;color:var(--muted);word-break:keep-all}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 35px}.work-card:nth-child(2n){transform:translateY(65px)}.work-image{aspect-ratio:4/3;position:relative;overflow:hidden;background:#e3e4de}.work-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.work-card:hover img{transform:scale(1.03)}.work-open{position:absolute;right:20px;bottom:20px;display:flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:50%;background:#fff;font-size:28px}.work-meta{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.04em;margin:20px 0 10px;color:var(--muted)}.work-card h3{font-size:24px}.work-section{padding-bottom:177px}.image-empty{height:100%;display:flex;align-items:center;justify-content:center;background:#dce0e7;font-size:14px;letter-spacing:.1em}.services-section{background:var(--dark);color:#fff}.services-section .section-description{color:#aaa}.service-rows{border-top:1px solid #3b3c3e}.service-row{display:grid;grid-template-columns:65px 1.25fr 1fr 48px;gap:25px;align-items:center;border-bottom:1px solid #3b3c3e;padding:37px 0;min-height:160px}.service-row:hover h3{color:#9badff}.service-row .eyebrow{color:#888b8e;font-size:10px}.service-row h3{font-size:31px;margin-top:8px}.service-number{font-size:12px;color:#888}.service-row p{font-size:14px;word-break:keep-all;color:#aaa;line-height:1.8;padding-right:30px}.round-arrow{border:1px solid #616266;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;font-size:25px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;border-top:1px solid var(--line)}.process-grid>div{padding-top:25px}.process-grid>div>span{font-size:12px;color:var(--blue)}.process-grid h3{font-size:20px;margin:30px 0 16px}.process-grid p{font-size:14px;line-height:1.8;color:var(--muted);word-break:keep-all}.insights-section{padding-top:10px;border-bottom:1px solid var(--line)}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.article-card{background:#ebece7;padding:30px;min-height:300px;display:flex;flex-direction:column}.article-card .eyebrow{font-size:10px;color:var(--blue);margin-bottom:30px}.article-card h3{font-size:22px;line-height:1.55;margin-bottom:18px}.article-card p{font-size:13px;color:var(--muted);line-height:1.85;word-break:keep-all}.article-card .text-link{margin-top:auto;align-self:flex-start;padding-top:23px}.closing{padding-top:115px;padding-bottom:90px}.closing-row{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:32px}.closing h2{font-size:65px;letter-spacing:-.065em}.circle-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-radius:50%;background:var(--blue);color:#fff;width:156px;height:156px;font-size:14px;font-weight:600}.circle-link span{font-size:44px;line-height:1}.circle-link:hover{background:var(--ink)}.closing-note{font-size:14px;color:var(--muted);margin-top:24px}.site-footer{background:var(--dark);color:#fff;padding:60px 0 26px}.footer-top{display:flex;justify-content:space-between;gap:50px;border-bottom:1px solid #3b3c3e;padding-bottom:40px}.footer-wordmark{font-size:56px;font-weight:800;letter-spacing:-.055em;display:flex;align-items:center;gap:30px}.footer-wordmark span{font-size:80px;color:#aabcff;line-height:1}.footer-top p{font-size:18px;line-height:1.6}.footer-links{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding:35px 0 40px}.footer-links>div{display:flex;gap:9px;flex-direction:column;align-items:flex-start}.footer-links .eyebrow{color:#8a8d92;font-size:9px;margin-bottom:9px}.footer-links a{font-size:12px;color:#dadada}.footer-links a:hover{color:#b8c6ff}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #3b3c3e;padding-top:24px;font-size:11px;letter-spacing:0;color:#ccc}.demo-disclosure{font-size:10px;color:#8e9095;margin-top:12px;line-height:1.8;letter-spacing:0}.subhero{padding-top:74px;padding-bottom:74px;position:relative;border-bottom:1px solid var(--line)}.subhero .eyebrow{color:var(--blue);margin-bottom:25px}.subhero h1{font-size:64px;letter-spacing:-.065em;max-width:1100px;padding-right:70px;line-height:1.3;white-space:pre-line}.subhero>p{margin-top:28px;font-size:17px;max-width:640px;word-break:keep-all;line-height:1.8;color:var(--muted)}.subhero-star{font-size:70px;color:var(--blue);position:absolute;right:70px;top:100px;line-height:1}.about-intro{display:grid;grid-template-columns:1fr 1fr;gap:75px;margin-top:85px;margin-bottom:30px;align-items:center}.about-image{position:relative;aspect-ratio:4/5;overflow:hidden}.about-image img{height:100%;width:100%;object-fit:cover}.about-image>span{position:absolute;bottom:22px;left:22px;background:#fff;padding:10px;font-size:9px;letter-spacing:.07em}.about-copy h2{font-size:44px;margin:28px 0}.about-copy p{color:var(--muted);font-size:16px;line-height:1.9;word-break:keep-all;margin-bottom:20px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:40px}.value-grid article{border-top:1px solid var(--line);padding-top:30px}.value-grid article>span{font-size:12px;color:var(--blue)}.value-grid h2{font-size:24px;margin:30px 0 22px}.value-grid p{font-size:14px;line-height:1.9;color:var(--muted);word-break:keep-all}.statement{background:var(--blue);padding:90px 0;color:#fff}.statement h2{font-size:64px;margin-top:26px}.statement h2 span{color:#c7d1ff}.services-full{padding-top:40px}.services-full .service-rows{border-color:var(--line)}.services-full .service-row{border-color:var(--line);min-height:185px}.services-full .service-row p{color:var(--muted)}.services-full .service-row:hover h3{color:var(--blue)}.services-full .round-arrow{border-color:var(--line)}.service-guide{display:grid;grid-template-columns:1fr 1fr;gap:30px}.service-guide>div{background:#ebece7;padding:38px}.service-guide h3{font-size:23px;margin:25px 0 18px}.service-guide p{font-size:15px;line-height:1.85;word-break:keep-all;color:var(--muted)}.service-detail{display:grid;grid-template-columns:265px 1fr;gap:70px;margin-top:65px}.service-sidebar{align-self:start;position:sticky;top:25px}.service-tabs{display:flex;flex-direction:column;gap:6px}.service-tabs a{display:flex;justify-content:space-between;align-items:center;background:#e9eae4;padding:17px 20px;font-size:14px}.service-tabs a[aria-current=page]{background:var(--blue);color:#fff}.sidebar-note{padding:35px 20px;border:1px solid var(--line);margin-top:32px}.sidebar-note h3{font-size:23px;margin:20px 0}.service-select,.mobile-label{display:none}.service-lead-image{aspect-ratio:16/9;overflow:hidden;margin-bottom:45px}.service-lead-image img{height:100%;width:100%;object-fit:cover}.service-main>h2,.detail-block>h2{font-size:34px;margin-bottom:24px}.service-main>p{font-size:16px;line-height:1.9;color:var(--muted);margin-bottom:18px;word-break:keep-all}.detail-block{margin-top:55px;border-top:1px solid var(--line);padding-top:35px}.detail-block>.eyebrow{color:var(--blue);margin-bottom:15px;display:block}.deliverable-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.deliverable-list li{background:#ebece7;padding:20px;font-size:15px;word-break:keep-all}.deliverable-list li:before{content:'↗';color:var(--blue);margin-right:12px}.step-list{list-style:none;margin:0;padding:0}.step-list li{display:flex;gap:30px;align-items:center;border-bottom:1px solid var(--line);padding:24px 0}.step-list span{color:var(--blue);font-size:12px}.step-list p{font-size:15px;word-break:keep-all}.prepare-note{padding:30px;background:#e4e9ff;margin-top:40px}.prepare-note h3{font-size:20px;margin-bottom:16px}.prepare-note p{font-size:14px;line-height:1.9;margin-bottom:8px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:25px;padding:25px 0;font-size:18px;line-height:1.6;font-weight:600;cursor:pointer;word-break:keep-all}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:28px;color:var(--blue);line-height:1.1;flex-shrink:0}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>div{padding:0 50px 28px 0;font-size:15px;color:var(--muted);line-height:1.9}.faq-list details p+p{margin-top:14px}.detail-block>.text-link{margin-top:20px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:75px;padding-bottom:100px}.contact-prompt h2{font-size:42px;margin:28px 0}.contact-prompt>p{max-width:450px;font-size:16px;line-height:1.9;color:var(--muted);word-break:keep-all}.contact-detail{border-top:1px solid var(--line);margin-top:40px;padding-top:30px}.contact-detail h3{font-size:18px}.contact-detail ul{font-size:15px;color:var(--muted);line-height:2}.contact-account{background:#e9ecef;padding:40px;align-self:start}.contact-account h2{font-size:28px;margin:25px 0 20px}.contact-account>p{font-size:14px;color:var(--muted);word-break:keep-all;line-height:1.9;margin-bottom:30px}.contact-account>.text-link{display:flex;margin-top:20px;width:max-content}.contact-account .contact-helper{font-size:12px;margin-top:22px;margin-bottom:0}.contact-tip{border-top:1px solid #ccc;margin-top:35px;padding-top:28px;display:flex;gap:22px;align-items:center}.contact-tip>span{color:var(--blue);font-size:50px;line-height:1}.contact-tip p{font-size:13px;line-height:1.8}.contact-tip a{border-bottom:1px solid}.legal-copy{max-width:1000px}.legal-copy h2{font-size:25px;margin:35px 0 20px}.legal-copy p{margin:0 0 22px;line-height:2;word-break:keep-all}.empty{padding:55px 20px;color:var(--muted);text-align:center;grid-column:1/-1;font-size:15px}.board-wrap{padding-top:55px;padding-bottom:70px}.board-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px}.board-tools p{font-size:12px;color:var(--muted)}.board-search{display:flex;gap:8px}.board-search input,.board-search select{background:transparent;border:1px solid var(--line);padding:10px 12px;max-width:220px;min-width:0;font-size:13px}.board-search button{background:var(--ink);border:0;color:#fff;padding:10px 17px;font-size:13px}.board-list{border-top:1px solid var(--ink)}.board-list-item{display:grid;grid-template-columns:110px 1fr 95px 36px;align-items:center;gap:25px;padding:34px 0;border-bottom:1px solid var(--line)}.board-list-item .eyebrow{color:var(--blue);font-size:10px}.board-list-item h2{font-size:23px;line-height:1.6}.board-list-item p{color:var(--muted);font-size:13px;margin-top:8px}.board-list-item time{font-size:11px;color:var(--muted)}.board-list-item>span:last-child{font-size:24px}.board-list-item:hover h2{color:var(--blue)}.board-pagination{display:flex;justify-content:center;padding-top:45px}.pg_wrap{display:flex}.pg_page,.pg_current{display:inline-flex;padding:8px 16px;font-size:13px;align-items:center;border:1px solid var(--line);min-height:42px}.pg_current{background:var(--blue);color:#fff;border-color:var(--blue)}.board-admin-actions{display:flex;gap:15px;margin-top:25px}.post-head{padding-top:70px;padding-bottom:40px;border-bottom:1px solid var(--line)}.post-head h1{font-size:52px;margin-top:25px;letter-spacing:-.06em;max-width:1050px}.post-meta{display:flex;gap:25px;color:var(--muted);font-size:12px;margin-top:22px}.post-content{max-width:1080px;padding-top:55px;padding-bottom:55px;word-break:keep-all;line-height:2}.post-content img{max-width:100%;margin:25px auto}.post-content h2{font-size:30px;margin:35px 0 18px}.post-content h3{font-size:23px;margin:25px 0 15px}.post-content p{margin-bottom:20px}.post-main-image{margin-bottom:45px}.post-main-image img{width:100%;height:auto}.post-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:40px}.post-files{border-top:1px solid var(--line);margin:20px 0;padding-top:20px;font-size:14px}.native-page{max-width:900px;padding-top:65px;padding-bottom:80px}.native-page h1,.native-page h2{font-size:34px;margin-bottom:28px}.native-page form{background:#fff;border:1px solid var(--line);padding:35px}.native-page label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.native-page input[type=text],.native-page input[type=password],.native-page input[type=email],.native-page select,.native-page textarea,.frm_input{width:100%;border:1px solid #c7c7c2;background:#fbfbfa;padding:13px 14px;min-height:48px;border-radius:0}.native-page textarea{min-height:210px}.form-field{margin-bottom:23px}.form-field small{display:block;font-size:12px;color:var(--muted);margin-top:8px}.native-page .button{margin-top:8px}.login-wrap{max-width:590px}.login-wrap>p{font-size:15px;margin-bottom:25px;color:var(--muted)}.login-links{display:flex;justify-content:space-between;gap:20px;margin-top:22px;font-size:12px}.login-wrap .button{width:100%;justify-content:center;gap:25px}.form-checkbox{display:flex;gap:10px;align-items:center}.form-checkbox label{margin:0;font-weight:400}.form-checkbox input{width:17px;height:17px}.qa-notice{background:#e4e9ff;padding:20px;margin-bottom:30px;font-size:13px;line-height:1.9}.qa-status{font-size:11px;border:1px solid var(--line);padding:5px 10px;display:inline-block}.qa-status.done{background:#e4e9ff;color:var(--blue)}.faq-search{margin-bottom:30px;display:flex;justify-content:flex-end}.faq-search form{display:flex;gap:10px}.faq-search input{max-width:300px;background:transparent;border:1px solid var(--line);padding:12px}.faq-search button{background:var(--ink);color:#fff;border:0;padding:10px 20px}.faq-categories{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:35px}.faq-categories a{font-size:12px;padding:8px 15px;border:1px solid var(--line)}.faq-categories a[aria-current=page]{background:var(--blue);border-color:var(--blue);color:#fff}.ctt_admin{position:absolute;right:10px;top:105px}#hd_login_msg{font-size:11px;padding:4px 20px;background:var(--ink);color:#fff}.bo_fx,.btn_bo_user{display:flex;gap:10px;flex-wrap:wrap}.btn_bo_user{list-style:none}.btn_b01,.btn_b02,.btn_admin,.btn_submit,.btn_cancel{display:inline-block;padding:10px 15px;border:1px solid var(--line);font-size:13px}.btn_submit{background:var(--blue);color:#fff}.btn_cancel{background:var(--paper)}.frm_info{font-size:12px;color:var(--muted)}.tbl_head01{overflow:auto}.tbl_head01 table{width:100%;border-collapse:collapse}.tbl_head01 th,.tbl_head01 td{padding:15px;border-bottom:1px solid var(--line);font-size:13px}.mbskin,.form_01{max-width:850px;margin:50px auto}.mbskin ul,.form_01 ul{list-style:none;padding:0}.form_01 li{margin-bottom:18px}.mbskin_box{padding:30px}#bo_w,#bo_v,#bo_list{max-width:1200px;margin:45px auto;padding:0 25px}#bo_w ul{list-style:none;padding:0}#bo_w li{margin-bottom:20px}#bo_w textarea{width:100%;min-height:240px}.btn_confirm{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}.qa-content .form_01{margin:20px 0}.required{background-image:none}.wr_content textarea{width:100%}#bo_v_atc{line-height:1.9}#bo_v_atc img{height:auto}.gall_li{max-width:100%}.bo_vc_w{margin-top:25px}
@media(min-width:1500px){.hero h1{font-size:96px}}
@media(max-width:1199px){.wrap{padding-left:40px;padding-right:40px}.header-inner{padding:0 40px}.site-nav{gap:22px}.hero-editorial{grid-template-columns:135px 1fr 65px;gap:20px}.hero h1{font-size:64px}.hero-star{font-size:75px}.hero-bottom-copy{margin-left:155px}.hero-visual{grid-template-columns:2.5fr 1fr;gap:18px}.hero-photo,.hero-feature{min-height:380px}.hero-feature{padding:25px}.hero-feature h2{font-size:26px}.feature-symbol{font-size:80px;margin-bottom:32px}.intro h2{font-size:51px}.intro-text p{font-size:19px}.section-head h2{font-size:43px}.subhero h1{font-size:54px}.subhero-star{right:40px}.service-detail{grid-template-columns:230px 1fr;gap:45px}.footer-wordmark{font-size:45px}.closing h2{font-size:58px}.contact-layout{gap:45px}.article-card{padding:25px}.article-card h3{font-size:20px}}
@media(max-width:959px){.site-header{height:82px}.logo{font-size:28px}.site-nav{gap:17px;font-size:12px}.site-nav .nav-contact{margin-left:0;gap:12px}.hero-top{margin-bottom:42px}.hero-kicker>span:last-child,.hero-edition{display:none}.hero-editorial{grid-template-columns:1fr 70px;align-items:center}.hero-label{grid-column:1/-1;padding:0;font-size:12px}.hero-label br{display:none}.hero h1{font-size:58px}.hero-bottom-copy{margin-left:0;gap:25px}.hero-bottom-copy p{font-size:14px}.hero-visual{grid-template-columns:2fr 1fr}.hero-photo,.hero-feature{min-height:340px}.feature-symbol{font-size:65px;margin-bottom:30px}.hero-feature h2{font-size:24px}.section{padding-top:85px;padding-bottom:85px}.intro-text{gap:35px}.intro h2{font-size:44px}.intro-text p{font-size:17px}.section-head h2{font-size:36px}.section-description{font-size:14px}.work-section{padding-bottom:145px}.work-card h3{font-size:21px}.service-row{grid-template-columns:35px 1fr 1fr 40px;gap:20px}.service-row h3{font-size:25px}.service-row p{font-size:12px;padding-right:0}.round-arrow{width:40px;height:40px}.process-grid{grid-template-columns:1fr 1fr;gap:30px}.article-grid{grid-template-columns:1fr}.article-card{min-height:0;padding:28px}.article-card h3{font-size:23px}.article-card .eyebrow{margin-bottom:18px}.closing{padding-top:85px;padding-bottom:75px}.closing h2{font-size:48px}.circle-link{width:135px;height:135px}.subhero{padding-top:55px;padding-bottom:55px}.subhero h1{font-size:48px}.about-intro{gap:35px;margin-top:55px}.about-copy h2{font-size:35px}.about-copy p{font-size:14px}.value-grid{gap:25px}.value-grid h2{font-size:20px}.statement h2{font-size:52px}.service-detail{grid-template-columns:190px 1fr;gap:32px}.service-tabs a{font-size:12px;padding:15px}.sidebar-note{padding:22px 15px}.sidebar-note h3{font-size:20px}.deliverable-list{grid-template-columns:1fr}.contact-layout{gap:30px}.contact-account{padding:28px}.contact-prompt h2{font-size:33px}.contact-account h2{font-size:24px}.board-list-item{grid-template-columns:80px 1fr 70px 26px;gap:20px}.board-list-item h2{font-size:20px}.post-head h1{font-size:42px}.footer-wordmark{font-size:36px}.footer-wordmark span{font-size:60px}.footer-top p{font-size:15px}}
@media(max-width:719px){.wrap{padding-left:22px;padding-right:22px}.header-inner{padding:0 22px}.site-header{height:76px}.logo{font-size:29px}.logo-small{font-size:9px}.brand-symbol{font-size:37px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;align-items:center;width:44px;height:44px;background:transparent;border:1px solid var(--line)}.menu-toggle>span:not(.sound_only){width:19px;height:1px;background:var(--ink)}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}.site-nav{display:none;position:absolute;top:75px;left:0;right:0;background:var(--paper);padding:20px 22px 30px;box-shadow:0 20px 20px #0001;border-bottom:1px solid var(--line)}.site-nav.open{display:flex;flex-direction:column;gap:0;align-items:stretch}.site-nav>a{padding:15px 0;font-size:16px;border-bottom:1px solid var(--line)}.site-nav .nav-contact{margin-top:10px;padding:15px;color:var(--blue);justify-content:space-between;border:1px solid var(--blue)}.hero{padding-top:24px}.hero-top{margin-bottom:28px}.hero-kicker{font-size:9px;letter-spacing:.045em}.hero-editorial{grid-template-columns:1fr 45px;gap:12px}.hero-label{font-size:11px;line-height:1.7;margin-bottom:7px}.hero h1{font-size:41px;letter-spacing:-.06em;line-height:1.25}.hero-star{font-size:47px}.hero-bottom-copy{flex-direction:column;align-items:flex-start;gap:24px;margin-top:22px;margin-bottom:30px}.hero-bottom-copy p{font-size:14px;line-height:1.9;max-width:480px}.button{font-size:12px;min-height:49px;padding:12px 18px;gap:30px}.hero-visual{display:block}.hero-photo{min-height:0;height:270px}.photo-caption{bottom:15px;left:15px;font-size:10px;padding:7px 10px}.hero-feature{min-height:0;margin-top:15px;padding:25px 22px;display:grid;grid-template-columns:1fr 2fr;gap:8px 18px}.feature-symbol{font-size:72px;grid-row:1/4;margin-bottom:0;align-self:center;justify-self:center}.hero-feature .eyebrow{font-size:8px;margin-bottom:0}.hero-feature h2{font-size:24px}.hero-feature h2 br{display:none}.hero-feature p{font-size:11px;line-height:1.8}.hero-feature p br{display:none}.feature-arrow{font-size:26px;right:17px;bottom:19px}.section{padding-top:65px;padding-bottom:65px}.eyebrow{font-size:10px;letter-spacing:.1em}.intro-text{display:block;margin-top:23px}.intro h2{font-size:39px;line-height:1.3}.intro-text>div{margin-top:28px}.intro-text p{font-size:16px;line-height:1.9}.text-link{font-size:12px;gap:25px}.section-head{display:block;margin-bottom:30px}.section-head h2{font-size:32px;line-height:1.4}.section-head .eyebrow{margin-bottom:19px}.section-head>.text-link{margin-top:20px}.section-description{font-size:13px;margin-top:22px;line-height:1.9}.work-grid{display:block}.work-card{display:block;margin-bottom:32px}.work-card:nth-child(2n){transform:none}.work-card:last-child{margin-bottom:0}.work-image{aspect-ratio:4/3}.work-card h3{font-size:22px}.work-meta{margin:15px 0 8px;font-size:10px}.work-open{width:40px;height:40px;font-size:25px;right:15px;bottom:15px}.work-section{padding-bottom:65px}.service-row{grid-template-columns:22px 1fr 36px;gap:13px;padding:26px 0;min-height:155px}.service-row>p{grid-column:2;grid-row:2;font-size:12px;padding-right:15px}.service-row>.round-arrow{grid-column:3;grid-row:1/3;width:35px;height:35px;font-size:21px}.service-number{align-self:center;font-size:10px}.service-row h3{font-size:24px;line-height:1.35}.service-row .eyebrow{font-size:8px}.process-grid{gap:26px 20px}.process-grid>div{padding-top:20px}.process-grid h3{font-size:17px;margin:20px 0 13px}.process-grid p{font-size:12px;line-height:1.9}.article-card{padding:25px}.article-card h3{font-size:22px;line-height:1.5}.article-card p{font-size:13px}.insights-section{padding-top:0}.closing{padding-top:65px;padding-bottom:55px}.closing-row{display:block;margin-top:26px}.closing h2{font-size:39px;line-height:1.35}.circle-link{width:auto;height:auto;border-radius:0;display:inline-flex;flex-direction:row;gap:28px;padding:14px 20px;font-size:12px;margin-top:27px}.circle-link span{font-size:26px}.closing-note{font-size:12px;line-height:1.8}.site-footer{padding-top:40px}.footer-top{display:block;padding-bottom:28px}.footer-wordmark{font-size:34px;gap:18px}.footer-wordmark span{font-size:48px}.footer-top p{margin-top:18px;font-size:13px;line-height:1.8}.footer-links{gap:10px;padding:28px 0}.footer-links a{font-size:11px}.footer-links .eyebrow{font-size:8px}.footer-bottom{font-size:10px}.demo-disclosure{font-size:9px;margin-top:10px}.subhero{padding-top:42px;padding-bottom:42px}.subhero .eyebrow{margin-bottom:20px}.subhero h1{font-size:38px;padding-right:0;max-width:calc(100% - 30px);line-height:1.4}.subhero>p{font-size:14px;line-height:1.9;margin-top:23px;padding-right:10px}.subhero-star{font-size:33px;right:22px;top:72px}.about-intro{display:block;margin-top:40px}.about-image{aspect-ratio:4/3}.about-image>span{font-size:7px;left:16px;bottom:16px}.about-copy{padding-top:35px}.about-copy h2{font-size:32px;margin:20px 0}.about-copy p{font-size:14px;line-height:1.9}.value-grid{display:block;margin-top:25px}.value-grid article{padding-top:25px;margin-bottom:32px}.value-grid article:last-child{margin-bottom:0}.value-grid h2{font-size:23px;margin:20px 0 15px}.value-grid p{font-size:14px}.statement{padding:60px 0}.statement h2{font-size:36px;margin-top:20px;line-height:1.4}.services-full{padding-top:25px}.services-full .service-row{min-height:160px}.service-guide{grid-template-columns:1fr;gap:20px}.service-guide>div{padding:25px}.service-guide h3{font-size:23px;margin:22px 0 16px}.service-guide p{font-size:14px}.service-detail{display:block;margin-top:30px}.service-sidebar{position:static}.service-tabs,.sidebar-note{display:none}.mobile-label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}.service-select{display:block;width:100%;padding:13px 15px;min-height:50px;color:var(--ink);background:#fff;border:1px solid var(--line);font-size:14px;margin-bottom:27px}.service-lead-image{margin-bottom:30px}.service-main>h2,.detail-block>h2{font-size:28px;line-height:1.4;margin-bottom:20px}.service-main>p{font-size:14px;line-height:2}.detail-block{margin-top:38px;padding-top:28px}.deliverable-list{gap:10px}.deliverable-list li{padding:17px;font-size:13px}.step-list li{gap:22px;padding:20px 0}.step-list p{font-size:14px}.prepare-note{padding:24px;margin-top:32px}.prepare-note h3{font-size:19px;line-height:1.5}.prepare-note p{font-size:13px}.faq-list summary{font-size:16px;padding:22px 0;gap:18px}.faq-list summary>span{font-size:25px}.faq-list details>div{font-size:13px;padding:0 10px 22px 0;line-height:2}.contact-layout{display:block;padding-top:40px;padding-bottom:60px}.contact-prompt h2{font-size:32px;margin:20px 0}.contact-prompt>p{font-size:14px}.contact-detail{margin-top:28px;padding-top:25px}.contact-detail ul{font-size:13px;line-height:2}.contact-account{margin-top:34px;padding:27px}.contact-account h2{font-size:23px;line-height:1.5}.contact-account>p{font-size:13px}.contact-tip{gap:16px}.contact-tip p{font-size:12px}.legal-copy h2{font-size:23px}.legal-copy p{font-size:14px;line-height:2}.board-wrap{padding-top:30px;padding-bottom:45px}.board-tools{display:block;margin-bottom:25px}.board-search{margin-top:18px;width:100%;gap:6px}.board-search input{flex:1;width:100%}.board-search select{max-width:90px;font-size:11px}.board-search button{padding:10px 15px;font-size:11px}.board-list-item{grid-template-columns:1fr 25px;gap:12px;padding:25px 0}.board-list-item>.eyebrow{grid-column:1;font-size:9px}.board-list-item>div{grid-column:1}.board-list-item h2{font-size:21px;line-height:1.5}.board-list-item p{font-size:12px;line-height:1.9}.board-list-item time{grid-column:1;font-size:10px}.board-list-item>span:last-child{grid-column:2;grid-row:1/4;font-size:24px}.post-head{padding-top:40px;padding-bottom:30px}.post-head h1{font-size:34px;line-height:1.5;margin-top:20px}.post-meta{font-size:11px;gap:20px}.post-content{padding-top:30px;padding-bottom:40px;font-size:14px;line-height:2}.post-content h2{font-size:25px;margin:28px 0 18px}.post-content h3{font-size:20px}.post-content p{margin-bottom:18px}.post-actions{gap:12px}.native-page{padding-top:40px;padding-bottom:55px}.native-page h1,.native-page h2{font-size:28px;line-height:1.4}.native-page form{padding:23px}.native-page textarea{min-height:190px}.login-links{gap:12px;font-size:11px}.faq-search{justify-content:flex-start}.faq-search form{width:100%;gap:6px}.faq-search input{width:100%;min-width:0;font-size:13px}.faq-search button{white-space:nowrap;padding:10px 16px;font-size:12px}.qa-notice{font-size:12px}.mbskin,.form_01{margin:25px 20px}#bo_w,#bo_v,#bo_list{padding:0 20px}.form_01 ul{margin:0}.btn_confirm{flex-wrap:wrap}#bo_w .full_input{width:100%}}
@media(max-width:370px){.wrap,.header-inner{padding-left:18px;padding-right:18px}.hero h1{font-size:37px}.hero-star{font-size:42px}.hero-editorial{grid-template-columns:1fr 35px}.subhero h1{font-size:33px}.closing h2{font-size:35px}.section-head h2{font-size:29px}.footer-wordmark{font-size:29px}.process-grid{gap:22px 15px}.process-grid h3{font-size:16px}.hero-feature{padding:23px 17px;gap:8px 12px}.hero-feature h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.native-intro{font-size:15px;line-height:1.9;color:var(--muted);margin-bottom:28px;word-break:keep-all}.work-card h2{font-size:24px}.write_div{margin-bottom:20px}.native-page input[type=search]{max-width:100%}.qa-content{padding-left:0;padding-right:0}.qa-content .form_01{margin:20px 0}.qa-content input[type=text]{max-width:100%}@media(max-width:719px){.native-intro{font-size:13px}.work-card h2{font-size:22px}}

/* T008 WEBROOM — Web Design Agency source editorial type, violet device visual, page planning and browser frames. */
:root{--ink:#1b1b24;--paper:#f8f8fb;--dark:#1b1b24;--line:#dcdce5;--muted:#62626e;--blue:#6746e8;--accent:#6746e8}body{font-family:Arial,'Malgun Gothic','Apple SD Gothic Neo',sans-serif}.violet{color:var(--blue)}.webroom-header{background:var(--paper);height:94px;border-bottom:1px solid var(--line)}.webroom-header .logo{font-size:26px;font-weight:700;letter-spacing:-.05em;gap:9px}.webroom-mark{position:relative;width:28px;height:28px;display:block;margin-right:2px}.webroom-mark i,.webroom-mark b{display:block;position:absolute;background:var(--blue);width:10px;height:25px;top:2px;transform:skew(-16deg)}.webroom-mark i{left:4px}.webroom-mark b{right:2px;height:17px;top:10px}.webroom-header .site-nav{gap:28px;font-size:13px;font-weight:500}.webroom-header .nav-contact{background:var(--ink);color:#fff!important;border:1px solid var(--ink);padding:12px 19px!important;margin-left:0;min-height:48px;gap:25px}.webroom-header .nav-contact:hover{background:var(--blue);border-color:var(--blue)}.nav-search{display:flex!important;align-items:center;justify-content:center;min-width:25px}.web-hero-heading{padding-top:35px;padding-bottom:54px;background-image:linear-gradient(#eeeef4 1px,transparent 1px),linear-gradient(90deg,#eeeef4 1px,transparent 1px);background-size:66px 66px}.web-hero-top{display:flex;justify-content:space-between;gap:30px;margin-bottom:59px}.web-hero-top .eyebrow{font-size:10px;color:var(--muted);letter-spacing:.09em}.web-hero-note{font-size:11px;color:var(--muted)}.web-hero-title-row{display:grid;grid-template-columns:1.9fr 1fr;gap:70px;align-items:end}.web-hero h1{font-size:78px;line-height:1.18;font-weight:600;letter-spacing:-.07em;max-width:850px}.web-hero-intro{padding-bottom:7px}.web-hero-intro>p{font-size:15px;line-height:1.9;color:var(--muted);word-break:keep-all;max-width:365px}.web-hero-intro>.button{margin-top:29px;font-size:12px;gap:24px}.button{border-radius:0;font-weight:500}.blue-button{background:var(--blue);border-color:var(--blue);color:#fff}.blue-button:hover{background:var(--ink);border-color:var(--ink);color:#fff}.web-hero-visual{width:100%;height:550px;position:relative;overflow:hidden;background:#d9d6ea}.web-hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:center 57%}.web-hero-caption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:30px;padding:22px 70px;background:#15151bce;color:#fff;font-size:10px;letter-spacing:.08em}.web-hero-caption a{display:flex;gap:23px;align-items:center;font-size:12px;letter-spacing:-.03em}.web-hero-caption a>span{font-size:23px;line-height:1}.web-device-note{position:absolute;left:70px;top:45px;background:#fff;padding:25px 28px;display:flex;flex-direction:column;gap:17px;box-shadow:0 12px 25px #25233810}.web-device-note .eyebrow{font-size:8px;letter-spacing:.07em;color:var(--blue)}.web-device-note>span:last-child{font-size:20px;line-height:1.6;font-weight:500}.web-about{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;align-items:center;padding-top:105px;padding-bottom:105px}.web-about-left>.eyebrow{color:var(--blue)}.web-about-left>h2{font-size:42px;line-height:1.4;font-weight:500;letter-spacing:-.055em;margin-top:29px;margin-bottom:25px}.web-about-left>p{font-size:16px;line-height:1.9;color:var(--muted);word-break:keep-all}.web-about-left>.text-link{margin-top:26px}.about-browser{border:1px solid #cecddf;background:#fff;border-radius:10px;overflow:hidden;box-shadow:18px 23px 0 #e8e4f6}.browser-toolbar{display:flex;align-items:center;gap:5px;background:#f0eff6;border-bottom:1px solid #e0deea;padding:14px 17px}.browser-toolbar>span{width:5px;height:5px;border:1px solid #a6a3b6;border-radius:50%;display:block}.browser-toolbar>b{font-size:7px;font-weight:500;letter-spacing:.08em;color:#757080;margin-left:15px}.page-wireframe{padding:34px 28px}.wireframe-heading{font-size:24px;font-weight:500;line-height:1.4;display:block;margin-bottom:27px}.wireframe-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.wireframe-grid>div{background:#f4f2fb;padding:21px;min-height:112px}.wireframe-grid i{display:block;width:35px;height:4px;background:var(--blue);margin-bottom:20px}.wireframe-grid h3{font-size:17px;font-weight:500;margin-bottom:7px}.wireframe-grid p{font-size:11px;color:var(--muted);word-break:keep-all}.wireframe-bottom{margin-top:26px;display:block;font-size:10px;color:var(--muted)}.web-planning{background:var(--ink);color:#fff;padding-top:95px;padding-bottom:95px}.web-planning-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.web-planning .eyebrow{color:#b6a8f7}.web-planning h2{font-size:44px;font-weight:500;line-height:1.45;margin-top:26px;letter-spacing:-.06em}.web-planning-grid>div>p:last-of-type{font-size:15px;line-height:1.9;color:#b0afbf;word-break:keep-all;margin-top:26px}.web-planning-grid .text-link{margin-top:32px;color:#cfc2ff}.planning-checklist{list-style:none;padding:0;margin:0;border-top:1px solid #ffffff30}.planning-checklist li{display:flex;gap:30px;border-bottom:1px solid #ffffff30;padding:24px 0;align-items:flex-start}.planning-checklist>li>span{font-size:11px;color:#b6a8f7;padding-top:4px}.planning-checklist h3{font-size:21px;font-weight:500;margin-bottom:13px}.planning-checklist p{font-size:13px;line-height:1.8;color:#b0afbf;word-break:keep-all}.section-head h2{font-size:44px;font-weight:500;line-height:1.4}.web-work{padding-top:105px;padding-bottom:95px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 35px}.work-card{display:block;padding:0!important;transform:none!important}.work-image{position:relative;border:1px solid #d5d3e0;border-radius:9px;overflow:hidden;aspect-ratio:4/3;background:#fff;box-shadow:0 8px 18px #24213208}.work-image:before{content:'';position:absolute;left:0;right:0;top:0;height:32px;background:radial-gradient(circle at 15px 16px,#bab7c7 0 2px,transparent 3px),radial-gradient(circle at 24px 16px,#bab7c7 0 2px,transparent 3px),radial-gradient(circle at 33px 16px,#bab7c7 0 2px,transparent 3px),#f3f1f8;z-index:1;border-bottom:1px solid #e4e1ec}.work-image:after{content:'WEBROOM / WEBSITE STUDY';font-size:6px;letter-spacing:.06em;color:#827b91;position:absolute;top:11px;left:54px;z-index:2}.work-image img{height:calc(100% - 32px);margin-top:32px;width:100%;object-fit:cover}.work-open{bottom:14px;right:14px;width:40px;height:40px;display:flex;background:#fff;color:var(--blue);border-radius:50%;font-size:25px}.work-meta{font-size:10px;color:var(--muted);margin:19px 0 10px;letter-spacing:0}.work-card h2,.work-card h3{font-size:23px;line-height:1.5;font-weight:500}.work-card:hover .work-open{background:var(--blue);color:#fff}.work-card:hover h2,.work-card:hover h3{color:var(--blue)}.web-services{background:#ece9f4;padding:90px 0}.web-service-panels{border-top:1px solid #cfcadb}.web-service-panel{display:grid;grid-template-columns:55px 1.25fr 1fr 44px;gap:35px;align-items:center;min-height:215px;padding:36px 0;border-bottom:1px solid #cfcadb}.web-service-number{font-size:12px;color:var(--blue);align-self:start;padding-top:7px}.web-service-text .eyebrow{font-size:9px;letter-spacing:.1em;color:var(--muted)}.web-service-text h3{font-size:30px;font-weight:500;line-height:1.35;margin:14px 0 15px}.web-service-text p{font-size:14px;line-height:1.9;color:var(--muted);max-width:475px;word-break:keep-all}.web-service-tags{display:flex;flex-wrap:wrap;gap:9px;max-width:320px}.web-service-tags>span{display:inline-block;font-size:11px;padding:6px 11px;border:1px solid #c5bed9;line-height:1.7;border-radius:20px;background:#f5f2fa;word-break:keep-all}.web-service-arrow{font-size:32px;line-height:1;justify-self:end;color:var(--blue)}.web-service-panel:hover h3{color:var(--blue)}.web-service-panel:hover .web-service-arrow{transform:translate(3px,-3px)}.web-process{padding-top:105px;padding-bottom:95px}.web-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;border-top:1px solid var(--line)}.web-process-grid>div{padding-top:26px}.web-process-grid>div>span{display:inline-flex;width:37px;height:37px;background:#ece6fd;color:var(--blue);border-radius:50%;font-size:10px;align-items:center;justify-content:center}.web-process-grid h3{font-size:20px;font-weight:500;margin:27px 0 16px;line-height:1.5}.web-process-grid p{font-size:13px;line-height:1.9;color:var(--muted);word-break:keep-all}.web-guides{padding-top:0;padding-bottom:95px}.web-guides .article-grid{gap:26px}.web-guides .article-card{background:#f0edf7;border:1px solid #e7e2f2;min-height:390px;padding:30px}.guide-symbol{font-size:45px;line-height:1;color:var(--blue);align-self:flex-start;margin-bottom:28px;font-weight:400}.web-guides .article-card .eyebrow{font-size:8px;color:var(--blue);margin-bottom:20px}.web-guides .article-card h3{font-size:23px;line-height:1.55;font-weight:500;margin-bottom:17px}.web-guides .article-card>p{font-size:13px;line-height:1.9}.web-guides .article-card>.text-link{margin-top:auto;padding-top:28px}.web-faq{display:grid;grid-template-columns:.85fr 1.2fr;gap:85px;padding-top:0;padding-bottom:95px}.web-faq-heading h2{font-size:40px;font-weight:500;line-height:1.45;margin:25px 0 24px}.web-faq .faq-list summary{font-size:17px;font-weight:500;line-height:1.7;padding:25px 0}.webroom-closing{background:var(--blue);color:#fff;padding:75px 0}.closing-grid{display:flex;justify-content:space-between;align-items:center;gap:40px}.webroom-closing .eyebrow{color:#d3c8ff}.webroom-closing h2{font-size:52px;font-weight:500;line-height:1.4;margin-top:26px}.webroom-closing .closing-note{color:#dcd3ff;font-size:13px;line-height:1.9;margin-top:20px}.webroom-closing .button{border-color:#ffffff66;color:#fff;padding:19px 25px;min-height:65px;gap:55px;font-size:13px}.webroom-closing .button:hover{background:#fff;color:var(--blue);border-color:#fff}.webroom-footer{padding-top:65px;padding-bottom:30px}.webroom-footer .footer-top{display:grid;grid-template-columns:1fr 1.25fr;gap:80px;padding-bottom:40px;border-bottom:0}.footer-webroom-logo{font-size:34px;font-weight:600;letter-spacing:-.055em;display:inline-flex;align-items:center;gap:28px}.footer-webroom-logo>span{color:#bbabff;font-size:43px;line-height:1;font-weight:400}.webroom-footer .footer-top p{font-size:14px;line-height:1.9;color:#b8b5c3;margin-top:24px}.webroom-footer .footer-links{padding:0;gap:35px}.webroom-footer .footer-links .eyebrow{font-size:8px;color:#8f899f}.webroom-footer .footer-links a{font-size:11px;color:#d9d6df}.webroom-footer .footer-links a:hover{color:#c7b7ff}.webroom-footer .footer-bottom{font-size:10px}.subhero{padding-top:62px;padding-bottom:62px;background-image:linear-gradient(#eeeef4 1px,transparent 1px),linear-gradient(90deg,#eeeef4 1px,transparent 1px);background-size:66px 66px}.subhero h1{font-size:56px;font-weight:500;line-height:1.4;max-width:1050px}.subhero-star{color:var(--blue);font-size:54px}.subhero p{font-size:16px}.about-image{aspect-ratio:1/1;border-radius:8px}.about-image img{object-position:64% center}.about-copy h2{font-size:40px;font-weight:500;line-height:1.45}.about-copy p{line-height:2;font-size:15px}.statement{background:var(--ink)}.statement h2{font-size:61px;font-weight:500;line-height:1.45}.statement h2 span{color:#bbabff}.statement .eyebrow{color:#bab4c6}.value-grid h2{font-weight:500}.services-full{padding-top:35px}.services-full .web-service-panels{border-color:var(--line)}.services-full .web-service-panel{border-color:var(--line);min-height:220px}.service-guide>div{background:#efebf8}.service-guide h3{font-weight:500}.service-sidebar .service-tabs a{background:#eeebf5}.service-sidebar .service-tabs a[aria-current=page]{background:var(--blue);color:#fff}.sidebar-note{background:#f1eef8}.service-lead-image{aspect-ratio:16/9;border-radius:7px}.service-lead-image img{object-position:center 57%}.service-main>h2,.detail-block>h2{font-weight:500}.deliverable-list li{background:#f0edf8}.prepare-note,.qa-notice{background:#ede7fd}.prepare-note h3{font-weight:500}.contact-account{background:#eee9fa}.contact-prompt h2,.contact-account h2{font-weight:500}.contact-tip>span{color:var(--blue)}.post-head h1{font-weight:500;font-size:48px;line-height:1.45}.post-content h2,.post-content h3{font-weight:500}.board-list-item h2{font-weight:500}.native-page h1,.native-page h2{font-weight:500}.login-wrap{padding-top:65px;padding-bottom:85px}.native-intro{line-height:2}.form-search fieldset{background:#f0edf8}.form-search .sch_res_list h3{font-weight:500}
@media(max-width:1199px){.webroom-header .site-nav{gap:23px}.web-hero-title-row{gap:50px;grid-template-columns:1.7fr 1fr}.web-hero h1{font-size:69px}.web-hero-intro p{font-size:14px}.web-hero-heading{padding-bottom:45px}.web-hero-visual{height:480px}.web-hero-caption{padding-left:40px;padding-right:40px}.web-device-note{left:40px;top:35px;padding:20px 23px}.web-device-note>span:last-child{font-size:18px}.web-about{gap:60px;padding-top:85px;padding-bottom:85px}.web-about h2{font-size:37px}.wireframe-heading{font-size:22px}.web-planning-grid{gap:60px}.web-planning h2{font-size:40px}.web-work{padding-top:85px;padding-bottom:85px}.web-service-panel{gap:28px;grid-template-columns:42px 1.25fr 1fr 36px}.web-service-text h3{font-size:28px}.web-process{padding-top:85px;padding-bottom:85px}.section-head h2{font-size:40px}.web-guides .article-card{padding:25px}.web-guides .article-card h3{font-size:21px}.web-faq{gap:60px}.web-faq-heading h2{font-size:36px}.webroom-closing h2{font-size:47px}.webroom-footer .footer-top{gap:60px}.subhero h1{font-size:49px}.about-copy h2{font-size:35px}}
@media(max-width:959px){.webroom-header{height:84px}.webroom-header .logo{font-size:22px;gap:6px}.webroom-mark{transform:scale(.87);transform-origin:left center;width:25px;margin-right:0}.webroom-header .site-nav{gap:16px;font-size:11px}.webroom-header .nav-contact{padding:10px 14px!important;gap:15px;min-height:42px}.web-hero-top{margin-bottom:45px}.web-hero-top .eyebrow{font-size:9px}.web-hero-note{font-size:10px}.web-hero h1{font-size:60px}.web-hero-title-row{grid-template-columns:1.5fr 1fr;gap:30px}.web-hero-intro p{font-size:13px;line-height:1.9}.web-hero-intro>.button{font-size:10px;gap:18px;padding:12px 16px;min-height:46px;margin-top:23px}.web-hero-visual{height:420px}.web-device-note{padding:17px 20px;top:28px}.web-device-note .eyebrow{font-size:7px}.web-device-note>span:last-child{font-size:16px}.web-hero-caption{font-size:8px;padding-top:18px;padding-bottom:18px}.web-hero-caption a{font-size:10px;gap:18px}.web-about{grid-template-columns:1fr 1.1fr;gap:40px;padding-top:75px;padding-bottom:75px}.web-about h2{font-size:32px;margin-top:23px;margin-bottom:20px}.web-about-left p{font-size:14px}.page-wireframe{padding:25px 22px}.wireframe-heading{font-size:20px}.wireframe-grid{gap:14px}.wireframe-grid>div{padding:16px;min-height:105px}.wireframe-grid h3{font-size:15px}.wireframe-grid p{font-size:9px}.wireframe-bottom{font-size:9px}.about-browser{box-shadow:12px 17px 0 #e8e4f6}.web-planning{padding:75px 0}.web-planning-grid{gap:40px}.web-planning h2{font-size:33px}.web-planning-grid>div>p:last-of-type{font-size:13px}.planning-checklist li{gap:22px;padding:21px 0}.planning-checklist h3{font-size:18px}.planning-checklist p{font-size:12px}.section-head h2{font-size:35px}.web-work{padding-top:75px;padding-bottom:75px}.work-grid{gap:40px 25px}.work-card h2,.work-card h3{font-size:21px}.web-services{padding:75px 0}.web-service-panel{grid-template-columns:30px 1.3fr 1fr 28px;gap:20px;min-height:205px;padding:28px 0}.web-service-text h3{font-size:25px}.web-service-text p{font-size:12px;line-height:1.9}.web-service-tags>span{font-size:9px;padding:5px 10px}.web-service-arrow{font-size:26px}.web-process{padding-top:75px;padding-bottom:75px}.web-process-grid{gap:20px}.web-process-grid h3{font-size:17px;line-height:1.6;margin-top:22px}.web-process-grid p{font-size:12px}.web-guides{padding-bottom:75px}.web-guides .article-grid{grid-template-columns:repeat(3,1fr);gap:20px}.web-guides .article-card{padding:22px;min-height:360px}.web-guides .article-card h3{font-size:19px}.web-guides .article-card p{font-size:12px}.guide-symbol{font-size:37px;margin-bottom:22px}.web-guides .article-card .eyebrow{font-size:7px}.web-faq{gap:40px;padding-bottom:75px}.web-faq-heading h2{font-size:31px}.web-faq .faq-list summary{font-size:15px;padding:23px 0}.webroom-closing{padding:65px 0}.webroom-closing h2{font-size:41px}.webroom-closing .button{font-size:11px;gap:30px;padding:17px 20px;min-height:55px}.webroom-footer .footer-top{grid-template-columns:.8fr 1.2fr;gap:40px}.footer-webroom-logo{font-size:29px;gap:20px}.footer-webroom-logo>span{font-size:35px}.webroom-footer .footer-links{gap:20px}.webroom-footer .footer-links a{font-size:10px}.webroom-footer .footer-top p{font-size:12px}.subhero h1{font-size:44px}.subhero p{font-size:14px}.statement h2{font-size:49px}.post-head h1{font-size:41px}}
@media(max-width:719px){.webroom-header{height:76px}.webroom-header .logo{font-size:25px;gap:8px}.webroom-mark{transform:none;width:27px}.webroom-header .site-nav{background:var(--paper);border-bottom-color:var(--line)}.webroom-header .site-nav a{font-size:15px;padding:15px 0}.webroom-header .site-nav .nav-contact{justify-content:space-between;padding:15px 18px!important;margin-top:15px!important;color:#fff}.webroom-header .site-nav .nav-search{justify-content:flex-start;gap:15px;padding:16px 0}.webroom-header .nav-search:after{content:'사이트 검색'}.web-hero-heading{padding-top:26px;padding-bottom:32px;background-size:44px 44px}.web-hero-top{margin-bottom:35px;gap:15px}.web-hero-top .eyebrow{font-size:8px;letter-spacing:.07em}.web-hero-note{display:none}.web-hero-title-row{display:block}.web-hero h1{font-size:44px;line-height:1.28;font-weight:500;max-width:360px}.web-hero-intro{padding:0;margin-top:25px}.web-hero-intro>p{font-size:13px;line-height:1.95;max-width:335px}.web-hero-intro>.button{font-size:11px;margin-top:24px;min-height:47px;padding:12px 16px;gap:27px}.web-hero-visual{height:350px}.web-hero-visual>img{object-position:65% center}.web-hero-caption{padding:17px 22px;gap:15px}.web-hero-caption>span{display:none}.web-hero-caption>a{font-size:10px;gap:22px}.web-device-note{left:22px;top:20px;padding:13px 15px;gap:9px}.web-device-note>.eyebrow{font-size:6px;letter-spacing:.03em}.web-device-note>span:last-child{font-size:13px;line-height:1.65}.web-about{display:block;padding-top:65px;padding-bottom:70px}.web-about-left>.eyebrow{font-size:9px}.web-about-left>h2{font-size:32px;line-height:1.4;margin-top:23px;margin-bottom:22px}.web-about-left>p{font-size:14px;line-height:1.95}.web-about-left>.text-link{margin-top:22px}.web-about-right{padding-right:10px;margin-top:35px}.about-browser{box-shadow:10px 12px 0 #e8e4f6;border-radius:7px}.browser-toolbar{padding:12px 15px}.browser-toolbar b{font-size:6px;margin-left:12px}.page-wireframe{padding:25px 22px}.wireframe-heading{font-size:21px;margin-bottom:22px}.wireframe-grid{gap:13px}.wireframe-grid>div{padding:16px;min-height:110px}.wireframe-grid h3{font-size:16px}.wireframe-grid p{font-size:10px}.wireframe-grid i{width:29px;height:3px;margin-bottom:17px}.wireframe-bottom{font-size:8px;margin-top:22px;word-break:keep-all}.web-planning{padding:65px 0}.web-planning-grid{display:block}.web-planning h2{font-size:32px;line-height:1.45;margin-top:24px}.web-planning-grid>div>p:last-of-type{font-size:13px;line-height:2;margin-top:23px}.web-planning-grid>.text-link{margin-top:24px}.planning-checklist{margin-top:35px}.planning-checklist li{gap:21px;padding:22px 0}.planning-checklist h3{font-size:19px;line-height:1.5;margin-bottom:12px}.planning-checklist p{font-size:12px;line-height:1.95}.planning-checklist>li>span{font-size:10px}.section-head h2{font-size:32px;line-height:1.4}.web-work{padding-top:65px;padding-bottom:65px}.work-grid{display:block}.work-card{margin-bottom:32px}.work-card:last-child{margin-bottom:0}.work-image{border-radius:7px;aspect-ratio:4/3}.work-card h2,.work-card h3{font-size:22px;line-height:1.5;font-weight:500}.work-meta{font-size:9px;margin:16px 0 8px}.work-open{width:35px;height:35px;bottom:12px;right:12px;font-size:22px}.work-image:after{font-size:6px}.web-services{padding:65px 0}.web-service-panel{grid-template-columns:24px 1fr 25px;gap:12px;min-height:245px;padding:25px 0;align-items:start}.web-service-number{font-size:10px;padding-top:4px}.web-service-text{grid-column:2;grid-row:1}.web-service-text .eyebrow{font-size:8px;letter-spacing:.08em}.web-service-text h3{font-size:25px;margin:13px 0 14px;line-height:1.45}.web-service-text p{font-size:12px;line-height:1.95}.web-service-tags{grid-column:2;grid-row:2;margin-top:4px;gap:7px;max-width:100%}.web-service-tags>span{font-size:9px;padding:4px 9px;line-height:1.7}.web-service-arrow{grid-column:3;grid-row:1/3;align-self:center;font-size:26px}.web-process{padding-top:65px;padding-bottom:65px}.web-process-grid{grid-template-columns:1fr 1fr;gap:30px 21px}.web-process-grid>div{padding-top:23px}.web-process-grid h3{font-size:17px;line-height:1.55;margin:20px 0 14px}.web-process-grid p{font-size:12px;line-height:1.95}.web-process-grid>div>span{width:31px;height:31px;font-size:9px}.web-guides{padding-bottom:65px}.web-guides .article-grid{grid-template-columns:1fr;gap:20px}.web-guides .article-card{min-height:0;padding:26px}.web-guides .article-card>.eyebrow{font-size:8px;margin-bottom:19px}.web-guides .article-card h3{font-size:23px;line-height:1.55;margin-bottom:17px}.web-guides .article-card p{font-size:13px;line-height:1.95}.web-guides .article-card>.text-link{padding-top:22px;margin-top:8px}.guide-symbol{font-size:39px;margin-bottom:25px}.web-faq{display:block;padding-bottom:65px}.web-faq-heading h2{font-size:32px;line-height:1.45;margin:24px 0 20px}.web-faq .faq-list{margin-top:30px}.web-faq .faq-list summary{font-size:16px;padding:23px 0;line-height:1.7;font-weight:500}.webroom-closing{padding:55px 0}.closing-grid{display:block}.webroom-closing h2{font-size:36px;line-height:1.45;margin-top:24px}.webroom-closing .closing-note{font-size:12px;line-height:1.95;word-break:keep-all;margin-top:23px}.webroom-closing .button{margin-top:28px;padding:15px 19px;gap:35px;min-height:53px;font-size:11px}.webroom-footer{padding-top:45px;padding-bottom:24px}.webroom-footer .footer-top{display:block;padding-bottom:29px}.footer-webroom-logo{font-size:30px;gap:24px}.footer-webroom-logo>span{font-size:36px}.webroom-footer .footer-top p{font-size:12px;line-height:2;margin-top:19px;margin-bottom:30px}.webroom-footer .footer-links{gap:13px;grid-template-columns:1fr 1fr 1fr}.webroom-footer .footer-links a{font-size:10px}.webroom-footer .footer-links .eyebrow{font-size:7px}.webroom-footer .footer-bottom{font-size:9px;padding-top:22px}.webroom-footer .demo-disclosure{font-size:8px;line-height:1.95;margin-top:14px}.subhero{padding-top:42px;padding-bottom:42px;background-size:44px 44px}.subhero h1{font-size:35px;line-height:1.45;max-width:calc(100% - 17px);font-weight:500}.subhero p{font-size:13px;line-height:2;margin-top:23px}.subhero-star{font-size:30px;top:75px}.about-image{aspect-ratio:4/3}.about-copy h2{font-size:32px;line-height:1.45}.about-copy p{font-size:13px;line-height:2}.value-grid h2{font-size:24px;font-weight:500}.value-grid p{font-size:13px;line-height:2}.statement h2{font-size:34px;line-height:1.45}.services-full{padding-top:25px}.services-full .web-service-panel{min-height:245px}.service-guide h3{font-size:22px;font-weight:500}.service-guide p{font-size:13px}.post-head h1{font-size:33px;line-height:1.5;font-weight:500}.board-list-item h2{font-size:22px;line-height:1.55;font-weight:500}.native-page h1,.native-page h2{font-weight:500}.login-wrap{padding-top:45px;padding-bottom:60px}}
@media(max-width:370px){.web-hero h1{font-size:40px}.web-hero-intro p{font-size:12px}.web-about h2{font-size:29px}.web-planning h2{font-size:29px}.section-head h2{font-size:29px}.web-service-text h3{font-size:23px}.web-faq-heading h2{font-size:29px}.webroom-closing h2{font-size:33px}.web-hero-visual{height:320px}.webroom-header .logo{font-size:24px}}