/* Pretendard는 fonts/pretendard-subset.css(한글 분할 서브셋, 쓰인 글자 조각만 받음)에서 선언 */
@font-face{font-family:Outfit;src:url('../fonts/Outfit-latin.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Outfit;src:url('../fonts/Outfit-latin-ext.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
body:has(.otocin2026){margin:0}
.otocin2026{--o-ink:#0d1b2a;--o-dark:#1b263b;--o-mid:#415a77;--o-soft:#778da9;--o-paper:#fff;--o-line:rgba(224,225,221,.22);--o-shadow:0 32px 64px rgba(13,27,42,.34);--o-gutter:max(clamp(24px,5vw,96px),calc((100vw - 1680px) / 2));--o-text:clamp(16px,.42vw + 9px,19px);--o-small:clamp(14px,.25vw + 9.5px,16px);--o-duration:240ms;--o-ease:cubic-bezier(.2,.65,.3,1);background:var(--o-ink);color:var(--o-paper);font:400 var(--o-text)/1.65 Pretendard,sans-serif;overflow:clip;isolation:isolate;text-align:left;word-break:keep-all;overflow-wrap:anywhere}
.otocin2026 :not(.o-module-content *),.otocin2026 :not(.o-module-content *)::before,.otocin2026 :not(.o-module-content *)::after{box-sizing:border-box}
.otocin2026 :where(h1,h2,h3,p,figure):not(.o-module-content *){margin:0}.otocin2026 :where(a:not(.o-module-content *)){color:inherit;text-decoration:none}.otocin2026 button:not(.o-module-content *){font:inherit;cursor:pointer}.otocin2026 :where(a,button):not(.o-module-content *):focus-visible{outline:3px solid currentColor;outline-offset:5px}.otocin2026 img:not(.o-module-content *){display:block;max-width:100%;height:auto}.otocin2026 [hidden]:not(.o-module-content *){display:none!important}
.otocin2026 .o-header{min-height:104px;padding:24px var(--o-gutter);display:flex;align-items:center;gap:32px;position:relative;z-index:20;border-bottom:1px solid var(--o-line)}
.otocin2026 .o-logo{font:600 32px/1 Outfit,Pretendard,sans-serif;letter-spacing:-1.5px;display:flex;align-items:center;min-height:48px;margin-right:auto}.otocin2026 .o-logo img{max-width:180px;max-height:48px}.otocin2026 .o-header-nav{display:flex;align-items:center;gap:32px}.otocin2026 .o-header-nav a{display:inline-flex;align-items:center;min-height:48px}.otocin2026 a.o-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:56px;padding:12px 24px;background:var(--o-paper);color:var(--o-ink);border:1px solid transparent;border-radius:0;font-weight:600;transition:background var(--o-duration),color var(--o-duration)}
.otocin2026 a.o-button:hover{background:var(--o-soft);color:var(--o-ink)}.otocin2026 [data-menu-open],.otocin2026 [data-menu-close]{min-width:48px;min-height:48px;background:transparent;color:inherit;border:1px solid var(--o-line);padding:8px 16px}.otocin2026 .o-skip{position:absolute;left:24px;top:-100px;z-index:100;padding:12px 24px;background:var(--o-paper);color:var(--o-ink)}.otocin2026 .o-skip:focus{top:16px}
.otocin2026 #o-menu{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;background:var(--o-dark);color:var(--o-paper);padding:0 max(var(--o-gutter),env(safe-area-inset-right)) max(40px,env(safe-area-inset-bottom)) max(var(--o-gutter),env(safe-area-inset-left));overflow:auto;scroll-padding-block:calc(max(40px,env(safe-area-inset-top)) + 80px) 16px;-webkit-overflow-scrolling:touch}
.otocin2026 #o-menu::backdrop{background:var(--o-ink)}
.otocin2026 #o-menu .o-menu-top,.otocin2026 #o-menu .o-menu-body{max-width:1280px;margin-inline:auto}
.otocin2026 #o-menu .o-menu-top{position:sticky;top:0;z-index:1;background:var(--o-dark);padding:max(40px,env(safe-area-inset-top)) 0 16px}
.otocin2026 #o-menu [data-menu-close]{display:block;margin-inline-start:auto}
.otocin2026 #o-menu .o-menu-body{margin-top:48px;user-select:none}
.otocin2026 #o-menu .o-menu-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 64px;padding-bottom:40px}
.otocin2026 #o-menu .o-menu-primary>a{display:flex;align-items:center;min-height:80px;font-size:40px;font-weight:500;line-height:1.2;letter-spacing:-.02em}
.otocin2026 #o-menu a.o-menu-inquiry{justify-content:space-between;gap:16px;padding:16px 24px;background:var(--o-paper);color:var(--o-ink)}
.otocin2026 #o-menu a.o-menu-inquiry:focus-visible{outline-color:var(--o-paper)}
.otocin2026 #o-menu .o-menu-secondary{padding:16px 0 0 24px}
.otocin2026 #o-menu .o-menu-section{min-width:0;border-top:1px solid var(--o-line)}
.otocin2026 #o-menu h2{font-size:24px;font-weight:500;line-height:1.3;letter-spacing:-.01em;margin-bottom:16px}
.otocin2026 #o-menu h3{font-size:18px;font-weight:500;line-height:1.3}
.otocin2026 #o-menu h3>a,.otocin2026 #o-menu h3>span{display:flex;align-items:center;min-height:48px}
.otocin2026 #o-menu ul{list-style:none;margin:0;padding:0}
.otocin2026 #o-menu li a,.otocin2026 #o-menu li span{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;min-height:48px;padding-block:8px;font-size:16px;line-height:1.5}
.otocin2026 #o-menu .o-menu-group{padding-bottom:16px}
.otocin2026 #o-menu details>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding-block:8px;font-size:16px;line-height:1.5;cursor:pointer;list-style:none}
.otocin2026 #o-menu details>summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}
.otocin2026 #o-menu details>summary::-webkit-details-marker{display:none}
.otocin2026 #o-menu details>summary::after{content:'＋';flex-shrink:0;font-size:24px;transition:transform var(--o-duration) var(--o-ease)}
.otocin2026 #o-menu details[open]>summary::after{transform:rotate(45deg)}
.otocin2026 #o-menu .o-menu-third{margin:0 0 12px;padding-inline-start:16px;border-inline-start:1px solid var(--o-line)}
.otocin2026 #o-menu .o-menu-third li a,.otocin2026 #o-menu .o-menu-third li span{opacity:.78}
.otocin2026 #o-menu .o-menu-third li a:hover,.otocin2026 #o-menu .o-menu-third li a:focus-visible{opacity:1}
.otocin2026 #o-menu .o-menu-external{font-size:12px;opacity:.78}
.otocin2026 #o-menu .o-menu-modules{border-top:1px solid var(--o-line)}
.otocin2026 #o-menu .o-menu-modules>summary{min-height:64px;font-size:24px;font-weight:500;line-height:1.3;letter-spacing:-.01em}
.otocin2026 #o-menu .o-menu-platform{font-size:14px;font-weight:400;letter-spacing:0;opacity:.78}
.otocin2026 #o-menu .o-menu-section>summary{min-height:56px;font-size:18px;font-weight:500;line-height:1.3;letter-spacing:-.01em}
.otocin2026 #o-menu .o-menu-account{margin-top:32px;border-top:1px solid var(--o-line);padding-top:24px}
@media(max-width:767px){.otocin2026 #o-menu{scroll-padding-block-start:calc(max(24px,env(safe-area-inset-top)) + 80px)}.otocin2026 #o-menu .o-menu-top{padding-top:max(24px,env(safe-area-inset-top))}.otocin2026 #o-menu .o-menu-body{margin-top:24px}.otocin2026 #o-menu .o-menu-primary{grid-template-columns:1fr;gap:8px;padding-bottom:32px}.otocin2026 #o-menu .o-menu-primary>a{min-height:64px;font-size:28px}.otocin2026 #o-menu a.o-menu-inquiry{padding:12px 16px}.otocin2026 #o-menu .o-menu-secondary{padding-inline-start:16px}.otocin2026 #o-menu .o-menu-modules>summary{min-height:56px;font-size:20px}}

.otocin2026 .o-eyebrow{font-family:Outfit,Pretendard,sans-serif;font-size:var(--o-small);letter-spacing:.12em;text-transform:uppercase;line-height:1.5}.otocin2026 .o-hero{position:relative;padding:64px var(--o-gutter) 0;min-height:1040px}.otocin2026 .o-hero h1{font-size:clamp(44px,6.6vw,112px);font-weight:600;letter-spacing:-.055em;line-height:1.14;max-width:1150px;margin-top:32px;position:relative;z-index:2;text-wrap:balance}.otocin2026 .o-hero-copy{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:32px;position:relative;z-index:3}.otocin2026 .o-hero-copy p{max-width:560px;font-size:calc(var(--o-text) + 2px);color:var(--o-paper)}
.otocin2026 .o-hero-stage{height:560px;position:relative;margin:24px auto 0;max-width:1400px;pointer-events:none}.otocin2026 .o-screen{position:absolute;width:28%;box-shadow:var(--o-shadow)}.otocin2026 .o-screen img{width:100%;aspect-ratio:3/2;object-fit:cover}.otocin2026 .o-screen:nth-child(1){left:0;top:4%;z-index:4}.otocin2026 .o-screen:nth-child(2){left:24%;top:46%;z-index:3}.otocin2026 .o-screen:nth-child(3){left:48%;top:4%;z-index:1}.otocin2026 .o-screen:nth-child(4){left:72%;top:46%;z-index:2}
.otocin2026 .o-hero-stage::before{content:"";position:absolute;inset:-15% -12%;background:radial-gradient(ellipse at 46% 48%,color-mix(in srgb,var(--o-soft) 24%,transparent),transparent 65%);pointer-events:none}
.otocin2026 .o-screen{box-shadow:none}
.otocin2026 .o-screen-float{position:relative;overflow:hidden;box-shadow:var(--o-shadow)}
.otocin2026 .o-screen-float::after{content:"";position:absolute;inset:-20% auto -20% -35%;width:24%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--o-paper) 22%,transparent) 48%,color-mix(in srgb,var(--o-paper) 4%,transparent) 58%,transparent);opacity:0;transform:translate3d(0,0,0) skewX(-18deg);pointer-events:none}
.otocin2026 .o-screen:nth-child(1){--o-float-y:-16px;--o-float-rotate:-.6deg;--o-float-time:6.4s;--o-shine-time:7.1s;--o-shine-delay:-2s}
.otocin2026 .o-screen:nth-child(2){--o-float-y:20px;--o-float-rotate:.8deg;--o-float-time:8.8s;--o-shine-time:8.3s;--o-shine-delay:-5.4s}
.otocin2026 .o-screen:nth-child(3){--o-float-y:-12px;--o-float-rotate:.5deg;--o-float-time:7.3s;--o-shine-time:6.7s;--o-shine-delay:-3.4s}
.otocin2026 .o-screen:nth-child(4){--o-float-y:18px;--o-float-rotate:-.7deg;--o-float-time:8.1s;--o-shine-time:8.9s;--o-shine-delay:-6.6s}
.otocin2026.is-ambient-ready .o-screen-float{animation:o-ambient-float var(--o-float-time) ease-in-out infinite;animation-play-state:paused;will-change:transform}
.otocin2026.is-ambient-ready .o-screen-float::after{animation:o-ambient-shine var(--o-shine-time) ease-in-out var(--o-shine-delay) infinite;animation-play-state:paused}
.otocin2026.is-ambient-ready .o-hero-stage::before{animation:o-ambient-glow 18s ease-in-out infinite;animation-play-state:paused}
.otocin2026.is-ambient-playing .o-screen-float,.otocin2026.is-ambient-playing .o-screen-float::after,.otocin2026.is-ambient-playing .o-hero-stage::before{animation-play-state:running}
@keyframes o-ambient-float{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(0,var(--o-float-y),0) rotate(var(--o-float-rotate))}}
@keyframes o-ambient-shine{0%,8%,100%{transform:translate3d(0,0,0) skewX(-18deg);opacity:0}40%{opacity:.7}62%{transform:translate3d(560%,0,0) skewX(-18deg);opacity:0}}
@keyframes o-ambient-glow{0%,100%{transform:translate3d(-7%,0,0);opacity:.65}50%{transform:translate3d(7%,-3%,0);opacity:1}}
.otocin2026 .o-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:48px}.otocin2026 h2:not(.o-module-content *){font-size:clamp(36px,4.4vw,72px);line-height:1.2;letter-spacing:-.045em;font-weight:500;text-wrap:balance}.otocin2026 .o-section-heading h2{max-width:800px;margin-top:16px}.otocin2026 .o-section-heading>p{max-width:360px}.otocin2026 .o-projects{padding:96px var(--o-gutter);background:var(--o-paper);color:var(--o-ink)}
.otocin2026 .o-types{padding:112px var(--o-gutter)}.otocin2026 .o-types-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:64px}.otocin2026 .o-type-tabs{display:flex;flex-direction:column}.otocin2026 .o-type-tabs button{background:none;color:var(--o-paper);text-align:left;min-height:80px;border:0;border-bottom:1px solid var(--o-line);font-size:clamp(24px,2.5vw,40px);letter-spacing:-.035em;padding:16px 0;display:flex;justify-content:space-between;align-items:center;gap:24px}.otocin2026 .o-type-tabs button::after{content:'↗';font-family:Outfit}.otocin2026 .o-type-tabs button[aria-selected=true]{background:var(--o-paper);color:var(--o-ink);padding-inline:24px}.otocin2026 .o-type-panel{margin-top:32px}.otocin2026 .o-type-panel img{width:100%;aspect-ratio:3/2;object-fit:cover}.otocin2026 .o-type-panel h3{font-size:24px;margin:24px 0 8px}.otocin2026 .o-type-panel p{max-width:640px}.otocin2026 .o-type-panels .o-type-panel:first-child{margin-top:0}
.otocin2026 .o-process{padding:96px var(--o-gutter);background:var(--o-dark)}.otocin2026 .o-process-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.otocin2026 .o-process-screen{position:relative;align-self:start;border:1px solid var(--o-soft);padding:32px;min-height:360px;display:flex;flex-direction:column;gap:24px}.otocin2026 .o-process-screen::before{content:'YOUR NEXT SITE';font:500 14px Outfit,sans-serif;letter-spacing:.12em}.otocin2026 .o-process-screen svg{width:100%;height:auto;flex:1;color:var(--o-paper)}.otocin2026 .o-process-screen .o-wire{border:1px solid var(--o-soft);min-height:64px;padding:16px}.otocin2026 .o-process-steps{list-style:none;margin:0;padding:0}.otocin2026 .o-process-step{padding:32px 0;border-top:1px solid var(--o-line);display:grid;grid-template-columns:48px 1fr;gap:16px}.otocin2026 .o-process-step>span{font:400 24px Outfit,sans-serif}.otocin2026 .o-process-step h3{font-size:24px;margin-bottom:8px}.otocin2026 .o-process-step p{max-width:480px}.otocin2026 .o-process-step.is-active{color:var(--o-paper)}
.otocin2026 .o-contact{background:var(--o-paper);color:var(--o-ink);padding:112px var(--o-gutter)}.otocin2026 .o-contact h2{font-size:clamp(40px,6.4vw,104px);max-width:1200px;margin:32px 0 40px}.otocin2026 .o-contact-body{display:flex;justify-content:space-between;gap:64px;align-items:flex-start}.otocin2026 .o-contact p{max-width:560px}.otocin2026 .o-contact .o-button{background:var(--o-ink);color:var(--o-paper);margin-top:32px;max-width:100%}.otocin2026 .o-contact ul{padding:0;list-style:none;max-width:440px;margin:0}.otocin2026 .o-contact li{border-bottom:1px solid var(--o-soft);padding:16px 0}.otocin2026 .o-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:32px;padding:48px var(--o-gutter);font-size:var(--o-small)}.otocin2026 .o-footer nav{display:flex;gap:24px;flex-wrap:wrap}.otocin2026 .o-footer a{display:inline-flex;align-items:center;min-height:48px}.otocin2026 .o-footer-brand{font:500 32px Outfit,sans-serif}
.otocin2026 .o-sub{background:var(--o-paper);color:var(--o-ink);padding:80px var(--o-gutter);min-height:70vh}.otocin2026 .o-sub-heading{max-width:1280px;margin:0 auto 48px;border-bottom:1px solid var(--o-soft);padding-bottom:40px}.otocin2026 .o-sub-heading h1{font-size:clamp(36px,4vw,64px);letter-spacing:-.04em;line-height:1.2;margin:16px 0}.otocin2026 .o-module-content{max-width:1280px;margin:auto;min-width:0;line-height:normal;word-break:normal;overflow-wrap:normal}.otocin2026 .o-preview-article{max-width:800px;line-height:1.75;word-break:keep-all;overflow-wrap:anywhere}.otocin2026 .o-preview-article h2{font-size:28px;margin:40px 0 16px}.otocin2026 .o-preview-article p{margin:16px 0}.otocin2026 .o-preview-table{width:100%;border-collapse:collapse}.otocin2026 .o-preview-table th,.otocin2026 .o-preview-table td{text-align:left;padding:16px;border-bottom:1px solid var(--o-soft)}
@media(min-width:1600px){.otocin2026 .o-hero{min-height:1200px}.otocin2026 .o-hero-stage{height:660px}}
@media(max-width:1000px){.otocin2026 .o-section-heading{align-items:flex-start;flex-direction:column;gap:24px}.otocin2026 .o-types-layout,.otocin2026 .o-process-layout{gap:40px}.otocin2026 .o-hero{min-height:900px}.otocin2026 .o-hero-stage{height:400px}.otocin2026 .o-screen{width:34%}.otocin2026 .o-screen:nth-child(2){left:22%}.otocin2026 .o-screen:nth-child(3){left:44%}.otocin2026 .o-screen:nth-child(4){left:66%}}
@media(max-width:767px){.otocin2026 .o-header{padding-block:16px;min-height:80px;gap:16px}.otocin2026 .o-logo{font-size:28px}.otocin2026 .o-header-nav{display:none}.otocin2026 .o-hero{padding-top:48px;min-height:auto}.otocin2026 .o-hero h1{font-size:clamp(40px,9.8vw,64px);margin-top:24px}.otocin2026 .o-hero-copy{flex-direction:column;align-items:flex-start;gap:24px;margin-top:24px}.otocin2026 .o-hero-copy p{font-size:16px}.otocin2026 .o-hero-stage{height:424px;margin-top:32px;width:100%}.otocin2026 .o-screen{width:52%}.otocin2026 .o-screen:nth-child(1){left:0;top:0}.otocin2026 .o-screen:nth-child(2){left:48%;top:24%}.otocin2026 .o-screen:nth-child(3){left:0;top:48%}.otocin2026 .o-screen:nth-child(4){left:48%;top:72%}.otocin2026 .o-projects,.otocin2026 .o-types,.otocin2026 .o-process,.otocin2026 .o-contact{padding:64px var(--o-gutter)}.otocin2026 .o-section-heading{gap:24px;margin-bottom:32px}.otocin2026 .o-types-layout,.otocin2026 .o-process-layout{display:block}.otocin2026 .o-type-tabs{margin-bottom:32px}.otocin2026 .o-type-tabs button{min-height:64px;font-size:24px}.otocin2026 .o-process-screen{min-height:240px;padding:24px;margin-bottom:40px}.otocin2026 .o-process-step{padding:24px 0;gap:8px;grid-template-columns:40px 1fr}.otocin2026 .o-contact-body{flex-direction:column;gap:40px}.otocin2026 .o-contact h2{margin:24px 0 32px}.otocin2026 .o-footer{flex-direction:column;align-items:flex-start;gap:24px;padding-block:32px}.otocin2026 .o-sub{padding:48px var(--o-gutter)}.otocin2026 .o-preview-table th,.otocin2026 .o-preview-table td{padding:12px 8px}.otocin2026 .o-contact .o-button{font-size:16px;gap:16px;padding:12px 16px}}
@media(max-width:767px){.otocin2026 .o-screen:nth-child(1){--o-float-y:-8px;--o-float-rotate:-.75deg}.otocin2026 .o-screen:nth-child(2){--o-float-y:10px;--o-float-rotate:1deg}.otocin2026 .o-screen:nth-child(3){--o-float-y:-6px;--o-float-rotate:.5deg}.otocin2026 .o-screen:nth-child(4){--o-float-y:9px;--o-float-rotate:-.9deg}}
@media(prefers-reduced-motion:reduce){.otocin2026 :not(.o-module-content *){scroll-behavior:auto!important;transition:none!important;animation:none!important}.otocin2026 :not(.o-module-content *)::before,.otocin2026 :not(.o-module-content *)::after{animation:none!important}.otocin2026 .o-screen{transform:none!important}.otocin2026 .o-hero-stage{perspective:none}.otocin2026 .o-process-content{clip-path:none!important}.otocin2026 .o-process-wire span{opacity:1!important;transform:none!important}}
.otocin2026 .o-section-heading{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:16px 64px}.otocin2026 .o-section-heading>.o-eyebrow{grid-column:1/-1;max-width:none}.otocin2026 .o-section-heading>h2{margin:0}.otocin2026 .o-section-heading>p:last-child{align-self:end}.otocin2026 .o-scroll-cue{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--o-line);padding:16px 0;min-height:56px;font-size:14px}.otocin2026 .o-contact-email{margin-top:24px}.otocin2026 .o-contact-email a{display:inline-flex;min-height:48px;align-items:center;text-decoration:underline}.otocin2026 .o-menu-top{display:flex;align-items:center;justify-content:space-between}.otocin2026 .o-menu-trigger{display:flex;align-items:center;gap:16px}.otocin2026 .o-process-wire{display:grid;grid-template-columns:1fr 1fr;gap:16px}.otocin2026 .o-process-wire span{border:1px dashed var(--o-soft);min-height:80px;transform-origin:left}.otocin2026 .o-process-wire span:first-child{grid-column:1/-1;min-height:40px}.otocin2026 .o-process-wire span:last-child{grid-column:1/-1;min-height:120px}.otocin2026 .o-process-content{position:absolute;inset:88px 48px 48px;background:var(--o-paper);color:var(--o-ink);display:flex;flex-direction:column;justify-content:space-between;padding:32px;font-family:Outfit,sans-serif}.otocin2026 .o-process-content strong{font-size:clamp(32px,4vw,64px);font-weight:500;line-height:1.1}.otocin2026 .o-type-tabs button span{font:400 14px Outfit;margin-right:auto}.otocin2026 .o-empty{padding:48px 0}
@media(max-width:1000px){.otocin2026 .o-section-heading{grid-template-columns:1fr;gap:24px}.otocin2026 .o-section-heading>p:last-child{max-width:640px}}
@media(max-width:767px){.otocin2026 .o-process-content{inset:80px 40px 40px;padding:24px}.otocin2026 .o-type-tabs button{gap:16px}.otocin2026 .o-type-tabs button span{margin-right:0}}

.otocin2026 .o-contact-body{display:grid;grid-template-columns:1.3fr 1fr;gap:24px 80px}.otocin2026 .o-contact-body>ul{grid-column:2;grid-row:1/5;width:100%;justify-self:end}.otocin2026 .o-contact-body>.o-button{justify-self:start;grid-column:1;margin-top:8px}.otocin2026 .o-contact-body>.o-contact-email{grid-column:1;margin:0}.otocin2026 .o-contact-other{grid-column:1;display:inline-flex;align-items:center;min-height:48px;text-decoration:underline}.otocin2026 .o-footer-group ul{list-style:none;padding:0;margin:0}.otocin2026 .o-footer-group>span{display:block;min-height:48px;padding-block:12px}
@media(max-width:767px){.otocin2026 .o-contact-body{grid-template-columns:1fr;gap:24px}.otocin2026 .o-contact-body>ul{grid-column:1;grid-row:auto;justify-self:start}.otocin2026 .o-contact-body>.o-button{margin-top:8px}}
.otocin2026 .o-preview-article a{color:var(--o-mid);display:inline-flex;align-items:center;min-height:48px}
/* Project gallery: outgoing scenes leave left as new scenes enter from the right. */
.otocin2026 .o-project-gallery{display:grid;grid-template-columns:176px minmax(0,1fr);gap:40px;align-items:start}
.otocin2026 .o-project-nav{display:grid;grid-template-columns:1fr;gap:16px;margin:0}
.otocin2026 .o-project-nav a{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:5px;background:transparent;border:1px solid var(--o-soft);color:var(--o-ink);transition:background var(--o-duration),border-color var(--o-duration)}
.otocin2026 .o-project-nav img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:left center;flex:none}
.otocin2026 .o-project-nav a>span{font:500 16px/24px Pretendard,sans-serif;text-align:center}
.otocin2026 .o-project-nav a[aria-selected=true]{background:var(--o-ink);border-color:var(--o-ink);color:var(--o-paper)}
.otocin2026 .o-project-nav a:hover{border-color:var(--o-ink)}
.otocin2026 .o-project-stage{min-width:0}
.otocin2026 .o-project{min-width:0;margin:0 0 48px;scroll-margin-top:24px}
.otocin2026 .o-project-image{display:block;overflow:hidden}
.otocin2026 .o-project-image img{width:100%;aspect-ratio:2/1;max-height:calc(100vh - 320px);object-fit:contain}
.otocin2026 .o-project-address{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;padding:8px 0;border-bottom:1px solid var(--o-soft)}
.otocin2026 .o-project-address a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;width:100%;font:500 clamp(18px,1.5vw,24px)/1.4 Outfit,Pretendard,sans-serif;overflow-wrap:anywhere;min-width:0}
.otocin2026 .o-project-link-copy{display:grid;gap:2px;min-width:0}.otocin2026 .o-project-link-label{font:500 12px/1.4 Pretendard,sans-serif;letter-spacing:.08em;color:var(--o-mid)}
.otocin2026 .o-project-link-arrow{display:grid;place-items:center;flex:none;width:48px;height:48px;background:var(--o-ink);color:var(--o-paper);font:400 26px/1 Outfit,sans-serif;transition:background var(--o-duration)}
.otocin2026 .o-project-address a:hover .o-project-link-arrow{background:var(--o-mid)}
.otocin2026 .o-project-address small{flex:none;font-size:14px}
.otocin2026 .o-project-gallery.is-gallery .o-project-stage{display:grid;overflow:clip}
.otocin2026 .o-project-gallery.is-gallery .o-project{grid-area:1/1;margin:0;align-self:start;background:var(--o-paper);visibility:hidden;transform:translateX(100%);pointer-events:none;transition:transform 650ms var(--o-ease),visibility 0s}
.otocin2026 .o-project-gallery.is-gallery .o-project.is-current{visibility:visible;transform:translateX(0);pointer-events:auto;z-index:1}
.otocin2026 .o-project-gallery.is-gallery .o-project.is-exiting{visibility:visible;transform:translateX(-100%)}
/* 자체 운영 서비스: 이미지 아래 소개와 방문 동작을 한 그룹으로 표시. */
.otocin2026 .o-project-service{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0;border-bottom:1px solid var(--o-soft)}
.otocin2026 .o-project-intro{min-width:0;overflow-wrap:anywhere}
.otocin2026 .o-project-intro h3{font-size:24px;line-height:1.3;font-weight:500;margin-block:8px}
.otocin2026 .o-project-intro p{font-size:16px;line-height:1.5}
.otocin2026 .o-project-intro .o-project-category{font-size:14px;color:var(--o-mid)}
.otocin2026 .o-project-actions{display:flex;flex-shrink:0;gap:8px}
.otocin2026 .o-project-action{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;padding:12px 16px;background:var(--o-ink);color:var(--o-paper);font-size:16px;line-height:1.5;border:1px solid var(--o-ink);transition:background var(--o-duration),color var(--o-duration)}
.otocin2026 .o-project-action-secondary{background:transparent;color:var(--o-ink)}
.otocin2026 .o-project-action:hover{background:var(--o-mid);color:var(--o-paper)}
.otocin2026 .o-project-action:focus-visible{outline:2px solid var(--o-ink);outline-offset:4px}
@media(max-width:767px){.otocin2026 .o-project-service{flex-direction:column;align-items:stretch;gap:12px;padding-block:12px}.otocin2026 .o-project-intro h3{margin-block:4px}.otocin2026 .o-project-actions{flex-direction:column}.otocin2026 .o-project-action{min-height:44px;padding-block:8px}}
/* 데스크톱 갤러리: 썸네일 열을 이미지 높이에 맞춰 줄여, 프로젝트 수가 늘어도 갤러리 높이를 키우지 않음 */
@media(min-width:768px){.otocin2026 .o-project-gallery.is-gallery .o-project-nav{align-self:stretch;display:flex;flex-direction:column;gap:8px}.otocin2026 .o-project-gallery.is-gallery .o-project-nav a{flex:1 1 0;min-height:0}.otocin2026 .o-project-gallery.is-gallery .o-project-nav img{flex:1 1 0;min-height:0;height:0;aspect-ratio:auto}}
.otocin2026 .o-kakao-icon{width:20px;height:20px;flex:none}
.otocin2026 .o-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:1000px){.otocin2026 .o-project-gallery{grid-template-columns:128px minmax(0,1fr);gap:24px}.otocin2026 .o-project-nav{gap:8px}}
@media(max-width:767px){.otocin2026 .o-project-gallery{display:block}.otocin2026 .o-project-nav{gap:8px;margin-bottom:24px}.otocin2026 .o-project-nav a{flex-direction:row;align-items:center;gap:16px;min-height:80px;padding:8px}.otocin2026 .o-project-nav img{width:112px}.otocin2026 .o-project-nav a>span{text-align:left}.otocin2026 .o-project-address{gap:16px}.otocin2026 .o-project-image img{max-height:none}.otocin2026 .o-project-image:has(source) img{aspect-ratio:3/2}}
@media(max-width:767px) and (max-height:650px){.otocin2026 .o-project-nav a{min-height:48px;padding:2px}.otocin2026 .o-project-nav img{width:64px}}
@media(max-width:767px){.otocin2026 .o-header:has(.o-admin-link){flex-wrap:wrap}.otocin2026 .o-header-nav:has(.o-admin-link){display:flex;order:3;width:100%}.otocin2026 .o-header-nav:has(.o-admin-link) .o-button{display:none}}
.otocin2026 .o-project-placeholder{font:400 clamp(16px,1.4vw,24px)/1.5 Outfit,Pretendard,sans-serif;overflow-wrap:anywhere;min-width:0}
.otocin2026 .o-section-heading{position:sticky;top:0;z-index:3;padding-block:12px;background:var(--o-ink)}
.otocin2026 .o-projects>.o-section-heading{background:var(--o-paper)}
.otocin2026 .o-process>.o-section-heading{background:var(--o-dark)}
@media(max-width:767px){
  .otocin2026 .o-project-gallery.is-gallery .o-project-nav{display:flex;overflow-x:auto;scrollbar-width:thin}
  .otocin2026 .o-project-gallery.is-gallery .o-project-nav a{flex:none;width:200px}
  .otocin2026 .o-project-gallery.is-gallery .o-project-nav img{width:80px}
}
/* Silk scroll story: slide full-height screens through a clipped stage. */
.otocin2026 .o-types.is-scroll .o-types-layout{align-items:start;background:var(--o-ink)}
.otocin2026 .o-types.is-scroll .o-type-panels{display:grid;min-width:0;overflow:hidden}
.otocin2026 .o-types.is-scroll .o-type-panel{grid-area:1/1;margin:0;min-width:0;visibility:hidden;transform:translateY(100%);transition:transform 650ms var(--o-ease),visibility 0s 650ms}
.otocin2026 .o-types.is-scroll .o-type-panel.is-before{transform:translateY(-100%)}
.otocin2026 .o-types.is-scroll .o-type-panel.is-current{visibility:visible;transform:translateY(0);z-index:1;transition-delay:0s}
.otocin2026 .o-types.is-scroll .o-type-tabs button{transition:background var(--o-duration),color var(--o-duration)}
@media(max-width:767px){
  .otocin2026 .o-types.is-scroll .o-type-tabs{flex-direction:row;gap:8px;overflow-x:auto;margin-bottom:24px;padding-block:4px;scrollbar-width:thin}
  .otocin2026 .o-types.is-scroll .o-type-tabs button{flex:none;white-space:nowrap;font-size:16px;min-height:48px;padding:8px 12px;gap:8px;border:1px solid var(--o-line)}
  .otocin2026 .o-types.is-scroll .o-type-tabs button::after{display:none}
}

.otocin2026 .o-footer-company{width:100%;border-top:1px solid var(--o-line);padding-top:24px;color:var(--o-soft);font-size:var(--o-text);line-height:1.65}.otocin2026 .o-footer-company p{display:flex;flex-wrap:wrap;gap:8px 24px}.otocin2026 .o-footer-company p+p{margin-top:8px}.otocin2026 .o-footer-company strong{color:var(--o-paper);font-weight:600}
.otocin2026 .o-footer-company a{min-height:0}

/* Silk: a constant, slow logo strip; the plain document remains scrollable. */
.otocin2026 .o-sites{position:sticky;bottom:0;z-index:2;margin-top:32px;padding-top:32px;background:var(--o-paper)}
.otocin2026 .o-sites-viewport{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding-block:8px;cursor:grab;user-select:none}
.otocin2026 .o-sites-viewport::-webkit-scrollbar{display:none}
.otocin2026 .o-sites-viewport:active{cursor:grabbing}
.otocin2026 .o-sites-viewport:focus-visible{outline:3px solid var(--o-ink);outline-offset:4px}
.otocin2026 .o-sites-track{display:flex;width:max-content}
.otocin2026 .o-sites-list{display:flex;flex:none;gap:32px;list-style:none;padding:0 32px 0 0;margin:0}
.otocin2026 .o-site{display:flex;flex:none;align-items:center;justify-content:center;width:208px;height:96px;padding:16px;font:500 18px/1.5 Outfit,Pretendard,sans-serif;white-space:nowrap}
.otocin2026 .o-site img{width:176px;height:56px;object-fit:contain}
.otocin2026 .o-site:is([data-domain="composecoffee.com"],[data-domain="evergreenjb.me"],[data-domain="playwebon.com"],[data-domain="debt119.com"]) img{filter:brightness(0)}
.otocin2026 .o-sites.is-animated .o-sites-viewport{overflow:hidden}
.otocin2026 .o-sites.is-animated .o-sites-track{animation:o-sites-flow 120s linear infinite;animation-play-state:paused}
.otocin2026 .o-sites.is-playing .o-sites-track{animation-play-state:running}
@keyframes o-sites-flow{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.otocin2026 .o-sites.is-animated .o-sites-viewport{overflow-x:auto}.otocin2026 .o-sites-list[aria-hidden=true]{display:none}}


.otocin2026 #o-inquiry{--o-field:#fff;width:min(720px,calc(100% - 32px));max-height:min(840px,calc(100dvh - 32px));margin:auto;padding:32px;border:1px solid var(--o-soft);border-radius:0;background:var(--o-paper);color:var(--o-ink);overflow:auto;overscroll-behavior:contain;font:400 16px/1.6 Pretendard,sans-serif}.otocin2026 #o-inquiry::backdrop{background:rgba(13,27,42,.8)}
.otocin2026 .o-inquiry-head{display:flex;justify-content:space-between;align-items:start;gap:24px;border-bottom:1px solid var(--o-soft);padding-bottom:16px}.otocin2026 .o-inquiry-head h2{font-size:36px;line-height:1.2;margin-top:8px}.otocin2026 .o-inquiry-head button,.otocin2026 .o-inquiry-success button{min-height:48px;padding:8px 16px;border:1px solid var(--o-ink);border-radius:0;background:transparent;color:var(--o-ink)}.otocin2026 #o-inquiry>p{margin:20px 0 24px}
.otocin2026 .o-inquiry-type{grid-column:1/-1}.otocin2026 .o-inquiry-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.otocin2026 .o-inquiry-fields label{display:block;font-weight:600}.otocin2026 .o-inquiry-fields label span{display:inline;margin-left:4px;font-size:14px;font-weight:400}.otocin2026 .o-inquiry-fields input,.otocin2026 .o-inquiry-fields select,.otocin2026 .o-inquiry-fields textarea{display:block;width:100%;min-height:48px;margin-top:8px;padding:10px 12px;border:1px solid var(--o-mid);border-radius:0;background:var(--o-field);color:var(--o-ink);font:400 16px/1.5 Pretendard,sans-serif}.otocin2026 .o-inquiry-fields textarea{resize:vertical}.otocin2026 .o-inquiry-message{grid-column:1/-1}
.otocin2026 .o-inquiry-consent{display:grid;gap:16px;margin:24px 0}.otocin2026 .o-inquiry-consent label{display:flex;align-items:start;gap:12px;cursor:pointer}.otocin2026 .o-inquiry-consent input{flex:none;width:20px;height:20px;margin:3px 0 0;accent-color:var(--o-ink)}.otocin2026 .o-inquiry-consent span{font-size:14px;line-height:1.6}.otocin2026 .o-inquiry-consent strong{display:inline-block;margin-right:4px}.otocin2026 .o-inquiry-status{margin:0 0 16px;padding:12px 16px;border:1px solid var(--o-mid);border-left-width:4px;background:color-mix(in srgb,var(--o-soft) 22%,var(--o-field));color:var(--o-ink);font-weight:600}.otocin2026 .o-inquiry-submit{width:100%;min-height:56px;padding:12px 24px;border:1px solid var(--o-ink);border-radius:0;background:var(--o-ink);color:var(--o-paper);font-weight:600}.otocin2026 .o-inquiry-submit:disabled{opacity:.65;cursor:wait}.otocin2026 #o-inquiry:has(.o-inquiry-success:not([hidden]))>:is(.o-inquiry-head,#o-inquiry-intro){display:none}.otocin2026 .o-inquiry-success{padding:32px 0 16px}.otocin2026 .o-inquiry-success h3{font-size:28px;margin-bottom:24px}
.otocin2026 #o-inquiry :where(input,textarea,button):focus-visible{outline:3px solid var(--o-mid);outline-offset:3px}
@media(max-width:767px){.otocin2026 #o-inquiry{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:24px}.otocin2026 .o-inquiry-fields{grid-template-columns:1fr}.otocin2026 .o-inquiry-message{grid-column:1}.otocin2026 .o-inquiry-head h2{font-size:30px}}

.otocin2026 .o-logo-mark{width:36px;height:36px;margin-right:12px}

/* B2B main: keep the existing palette, outer scroll transforms and sharp surfaces. */
.otocin2026.o-is-main #o-main .o-hero{min-height:auto;padding-top:48px}
.otocin2026.o-is-main #o-main .o-hero h1{font-size:clamp(36px,4.5vw,64px);max-width:1120px;letter-spacing:-.04em;line-height:1.2;margin-top:24px}
.otocin2026.o-is-main #o-main .o-hero-copy p{max-width:720px}
.otocin2026.o-is-main #o-main .o-b2b-actions{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;margin-top:24px;position:relative;z-index:3}
.otocin2026.o-is-main #o-main .o-b2b-secondary{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:56px;padding:12px 0;border-bottom:1px solid currentColor;font-weight:600}
.otocin2026.o-is-main #o-main .o-hero-stage{height:440px;margin-top:16px}
.otocin2026.o-is-main #o-main .o-hero-stage::after{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--o-line) 1px,transparent 1px),linear-gradient(90deg,var(--o-line) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse,black,transparent 70%)}
.otocin2026.o-is-main #o-main .o-b2b-problems{padding:96px var(--o-gutter)}
.otocin2026.o-is-main #o-main .o-b2b-problems h2,.otocin2026.o-is-main #o-main .o-process h2{font-size:clamp(32px,3.5vw,48px);font-weight:500;line-height:1.25;letter-spacing:-.03em;max-width:960px}
.otocin2026.o-is-main #o-main .o-b2b-problems{background:var(--o-dark)}
.otocin2026.o-is-main #o-main .o-b2b-problems .o-section-heading{background:var(--o-dark);position:relative}
.otocin2026.o-is-main #o-main .o-b2b-infra{border-top:1px solid var(--o-line)}
.otocin2026.o-is-main #o-main .o-problem-list{display:grid;grid-template-columns:1fr;gap:0;margin-top:48px}
.otocin2026.o-is-main #o-main .o-problem{--o-reveal:1;position:relative;display:grid;grid-template-columns:1fr 1.3fr;gap:40px;padding:32px 24px}
.otocin2026.o-is-main #o-main .o-problem::before{content:'';position:absolute;inset:0;border-top:1px solid var(--o-soft);background:color-mix(in srgb,var(--o-mid) 12%,transparent);transform:scaleX(var(--o-reveal));transform-origin:left;pointer-events:none}
.otocin2026.o-is-main #o-main .o-problem h3{font-size:24px;line-height:1.3;position:relative}
.otocin2026.o-is-main #o-main .o-problem p{position:relative;max-width:640px}
.otocin2026.o-is-main #o-main .o-b2b-screen{position:relative;overflow:hidden}
.otocin2026.o-is-main #o-main .o-type-panel .o-b2b-screen img{width:100%;aspect-ratio:3/2;object-fit:contain}
.otocin2026.o-is-main #o-main .o-type-panel small{display:block;font-size:var(--o-small);line-height:1.5;margin-top:16px}
.otocin2026.o-is-main #o-main .o-work-motion{position:absolute;inset:0;pointer-events:none;color:var(--o-mid)}
.otocin2026.o-is-main #o-main .o-work-motion-1::before{content:'';position:absolute;left:12%;right:12%;top:51%;border-top:2px solid currentColor}
.otocin2026.o-is-main #o-main .o-work-motion-1 span:first-child{position:absolute;top:calc(51% - 6px);left:12%;width:76%;height:12px}
.otocin2026.o-is-main #o-main .o-work-motion-2 span{position:absolute;left:27%;right:4%;height:9%;top:39%;border:2px solid currentColor;opacity:0}
.otocin2026.o-is-main #o-main .o-work-motion-2 span:nth-child(2){top:49%;animation-delay:2s!important}
.otocin2026.o-is-main #o-main .o-work-motion-2 span:nth-child(3){top:59%;animation-delay:4s!important}
.otocin2026.o-is-main #o-main .o-work-motion-3 span{position:absolute;left:calc(50% - 32px);top:calc(45% - 32px);width:64px;height:64px;border:2px solid currentColor;border-radius:50%;opacity:0}
.otocin2026.o-is-main #o-main .o-work-motion-3 span:nth-child(2){animation-delay:.65s!important}
.otocin2026.o-is-main #o-main .o-work-motion-3 span:nth-child(3){animation-delay:1.3s!important}
.otocin2026.o-is-main #o-main.is-b2b-ready .o-work-motion-1 span:first-child{animation:o-b2b-flow 7s var(--o-ease) infinite paused}
.otocin2026.o-is-main #o-main.is-b2b-ready .o-work-motion-2 span{animation:o-b2b-row 6s var(--o-ease) infinite paused}
.otocin2026.o-is-main #o-main.is-b2b-ready .o-work-motion-3 span{animation:o-b2b-ring 2s var(--o-ease) infinite paused}
.otocin2026.o-is-main #o-main .is-b2b-playing .o-work-motion span,.otocin2026.o-is-main #o-main.is-b2b-ready .is-b2b-playing .o-work-motion-1 span:first-child{animation-play-state:running}
.otocin2026.o-is-main #o-main .o-sites{position:relative;bottom:auto;padding-bottom:24px}
.otocin2026.o-is-main #o-main .o-sites h3{font-size:24px;line-height:1.3;margin-bottom:24px}
.otocin2026.o-is-main #o-main .o-process-screen::before{content:'BUSINESS CONTINUITY'}
.otocin2026.o-is-main #o-main .o-care-status{display:flex;gap:12px;align-items:center;font-family:Pretendard,sans-serif}
.otocin2026.o-is-main #o-main .o-care-status::before{content:'';width:8px;height:8px;background:currentColor}
.otocin2026.o-is-main #o-main.is-b2b-ready .o-care-status::before{animation:o-b2b-status 6s var(--o-ease) infinite paused}
.otocin2026.o-is-main #o-main .is-b2b-playing .o-care-status::before{animation-play-state:running}
.otocin2026.o-is-main #o-main .o-contact h2{font-size:clamp(36px,4.5vw,64px);line-height:1.2;letter-spacing:-.03em}
.otocin2026.o-is-main #o-main .o-contact-body{display:block}
.otocin2026.o-is-main #o-main .o-contact-channels{display:flex;align-items:center;flex-wrap:wrap;gap:32px;margin-top:32px}
.otocin2026.o-is-main #o-main .o-contact-channels .o-button{margin:0;min-width:224px}
.otocin2026.o-is-main #o-main .o-contact-note{margin-top:32px;font-size:var(--o-text);max-width:720px}
.otocin2026.o-is-main #o-main .o-kakao-float{position:fixed;right:24px;bottom:max(16px,env(safe-area-inset-bottom));z-index:15;display:flex;align-items:center;gap:16px;min-height:48px;padding:12px 16px;background:var(--o-ink);color:var(--o-paper);border:1px solid var(--o-soft);font-size:14px}
.otocin2026.o-is-main #o-main.is-motion-paused :is(.o-screen-float,.o-sites-track,.o-work-motion span),.otocin2026.o-is-main #o-main.is-motion-paused .o-screen-float::after,.otocin2026.o-is-main #o-main.is-motion-paused .o-hero-stage::before,.otocin2026.o-is-main #o-main.is-motion-paused .o-care-status::before{animation-play-state:paused!important}
@keyframes o-b2b-flow{0%,10%{transform:translateX(0)}75%,100%{transform:translateX(100%)}}
@keyframes o-b2b-row{0%,30%,100%{opacity:0}10%,20%{opacity:1}}
@keyframes o-b2b-ring{0%{opacity:.6;transform:scale(.5)}100%{opacity:0;transform:scale(2)}}
@keyframes o-b2b-status{0%,100%{opacity:1}50%{opacity:.25}}
@media(max-width:767px){
.otocin2026.o-is-main #o-main .o-hero h1{font-size:36px}
.otocin2026.o-is-main #o-main .o-hero-stage{height:360px}
.otocin2026.o-is-main #o-main .o-b2b-actions{display:grid;gap:16px}
.otocin2026.o-is-main #o-main .o-b2b-actions .o-button{gap:16px;padding:12px 16px}
.otocin2026.o-is-main #o-main .o-b2b-problems{padding:64px var(--o-gutter)}
.otocin2026.o-is-main #o-main .o-problem{grid-template-columns:1fr;gap:24px;padding:24px 0}
.otocin2026.o-is-main #o-main .o-contact-channels{display:grid;gap:16px}
.otocin2026.o-is-main #o-main .o-kakao-float{right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:56px;height:56px;min-height:0;padding:0;justify-content:center;border:0;border-radius:50%;background:#fee500;color:#191919;box-shadow:0 8px 20px rgba(0,0,0,.3)}
.otocin2026.o-is-main #o-main .o-kakao-float .o-kakao-icon{width:28px;height:28px}
.otocin2026.o-is-main #o-main .o-kakao-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.otocin2026.o-is-main #o-main .o-kakao-arrow{display:none}
.otocin2026.o-is-main .o-footer{padding-bottom:96px}
.otocin2026.o-is-main #o-main .o-process-screen{min-height:360px}
.otocin2026.o-is-main #o-main .o-screen:nth-child(1){--o-float-rotate:-.3deg}
.otocin2026.o-is-main #o-main .o-screen:nth-child(2){--o-float-rotate:.4deg}
.otocin2026.o-is-main #o-main .o-screen:nth-child(3){--o-float-rotate:.25deg}
.otocin2026.o-is-main #o-main .o-screen:nth-child(4){--o-float-rotate:-.35deg}
}

.otocin2026.o-is-main #o-main .o-work-motion-1 span:first-child::before{content:"";display:block;width:12px;height:12px;background:currentColor;border-radius:50%}
@media(max-width:767px){.otocin2026.o-is-main #o-main .o-types-layout{padding-bottom:64px}}

.otocin2026.o-is-main #o-main #o-types .o-section-heading h2{font-size:clamp(32px,3.5vw,48px)}
@media(min-width:1001px){.otocin2026.o-is-main #o-main .o-project-gallery{grid-template-columns:144px minmax(0,1fr)}}

.otocin2026.o-is-main #o-main .o-type-panel h3{margin:0 0 8px;line-height:1.3}
.otocin2026.o-is-main #o-main .o-type-panel p+p{margin-top:8px}
.otocin2026.o-is-main #o-main .o-type-panel .o-b2b-screen{margin-top:16px}
@media(prefers-reduced-motion:reduce){.otocin2026.o-is-main #o-main .o-problem::before{transform:none!important}}
.otocin2026.o-is-main #o-main #o-types:not(.is-scroll) .o-section-heading{position:relative}
.otocin2026 .o-type-tabs button span{flex-shrink:0;white-space:nowrap}