/* TOCS · Bootstrap / Eyoom 위에 적용하는 공통 UI. */
:root{--tocs-ink:#202127;--tocs-muted:#6d7382;--tocs-blue:#315cf5;--tocs-line:#e9ebf0;--tocs-soft:#f6f8fc;--tocs-radius:24px}
.tocs-shell{background:#fff;color:var(--tocs-ink);font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.tocs-header .container,.tocs-footer .container,.tocs-home-layout>.basic-body>.container{max-width:1320px;padding-left:28px;padding-right:28px}
.tocs-shell a:focus-visible,.tocs-shell button:focus-visible,.tocs-shell input:focus-visible{outline:3px solid #315cf5;outline-offset:5px}
.tocs-header{position:relative;z-index:1003;background:#fff;border-bottom:1px solid var(--tocs-line)}
.tocs-header a,.tocs-footer a,.tocs-home a{text-decoration:none}
.tocs-header-top{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.tocs-brand{display:inline-flex;align-items:center;gap:12px;color:var(--tocs-ink)!important;flex-shrink:0}
.tocs-brand-symbol{display:flex;align-items:flex-end;gap:4px;height:30px;transform:skewY(-9deg)}
.tocs-brand-symbol span{display:block;background:var(--tocs-blue);width:7px;border-radius:3px}
.tocs-brand-symbol span:nth-child(1){height:15px}.tocs-brand-symbol span:nth-child(2){height:23px}.tocs-brand-symbol span:nth-child(3){height:31px}
.tocs-brand-word{font-size:35px;font-weight:900;line-height:1;letter-spacing:-1.8px}.tocs-brand-dot{color:var(--tocs-blue)}
.tocs-brand-caption{font-size:10px;font-weight:650;letter-spacing:1.3px;color:#868b97;display:block;margin-left:12px;padding:8px 0 8px 22px;border-left:1px solid var(--tocs-line)}
.tocs-account-links{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:550;margin-left:auto}.tocs-account-links a{color:#444750}.tocs-account-links a:hover{color:var(--tocs-blue)}
.tocs-account-links .tocs-account-primary{display:inline-flex;align-items:center;gap:18px;background:#242529;color:#fff;border-radius:9px;padding:12px 20px;font-weight:650}.tocs-account-links .tocs-account-primary:hover{background:var(--tocs-blue);color:#fff}
.tocs-navigation{display:flex;align-items:center;gap:20px;min-height:57px;position:relative}.tocs-nav-list,.tocs-submenu{list-style:none;padding:0;margin:0}.tocs-nav-list{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.tocs-nav-item{position:relative;display:flex;align-items:center}.tocs-nav-item>a{color:#424651;font-size:15px;font-weight:600;padding:17px 0;white-space:nowrap}.tocs-nav-item.is-active>a,.tocs-nav-item>a:hover{color:var(--tocs-blue)}
.tocs-submenu-toggle{border:0;background:transparent;font-size:9px;padding:12px 0 12px 8px;color:#969baa;min-width:20px}.tocs-submenu-toggle[aria-expanded="true"] i{transform:rotate(180deg)}
.tocs-submenu{position:absolute;top:100%;left:-18px;min-width:210px;border:1px solid var(--tocs-line);background:#fff;padding:10px;border-radius:14px;box-shadow:0 15px 40px #171b3520;display:none;z-index:10}.tocs-submenu .tocs-nav-item{justify-content:space-between}.tocs-submenu .tocs-nav-item>a{padding:11px 12px;font-size:14px;white-space:normal;flex:1}.tocs-submenu .tocs-nav-item:hover{background:#f5f7ff;border-radius:7px}.tocs-submenu .tocs-submenu{left:calc(100% + 8px);top:-10px}.tocs-nav-item.is-open>.tocs-submenu{display:block}.tocs-header:not(.is-enhanced) .tocs-nav-item:hover>.tocs-submenu,.tocs-header:not(.is-enhanced) .tocs-nav-item:focus-within>.tocs-submenu{display:block}
.tocs-nav-help{margin-left:auto;font-size:13px;color:#808692;white-space:nowrap}.tocs-nav-help i{margin-right:5px}.tocs-edit-control{display:flex;align-items:center;gap:10px;font-size:11px;color:#717789}.tocs-edit-control label{display:flex;gap:4px;margin:0}.tocs-edit-control a{color:inherit}.tocs-mobile-toggle{display:none}
.tocs-home-layout>.basic-body{padding:0}.tocs-home-layout .basic-body-main{float:none;width:100%;padding:0}.tocs-home-layout .main-wrap{margin:0}.tocs-home-layout .basic-body>.container{width:100%}.tocs-home-layout~.sidebar-user-btn,.navbar-mobile-toggler{display:none!important}
.tocs-shell .page-title-wrap{height:72px;background:#f7f8fb;color:#383e4b;border-bottom:1px solid var(--tocs-line)}.tocs-shell .page-title-wrap h2{color:#383e4b;font-weight:650}.tocs-shell .page-title-wrap .sub-breadcrumb a{color:#7e8490}
.tocs-home{font-size:16px;line-height:1.7;color:var(--tocs-ink)}.tocs-home h2,.tocs-home h3,.tocs-home p{margin-top:0;word-break:keep-all}.tocs-home h2,.tocs-home h3{color:var(--tocs-ink)}.tocs-home a{color:inherit}.tocs-home section{scroll-margin-top:30px}.tocs-home [hidden]{display:none!important}
.tocs-hero{padding:53px 0 36px}.tocs-hero-copy{padding-top:15px;padding-bottom:15px}.tocs-eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:1.6px;color:#7b8393;margin-bottom:23px!important}.tocs-eyebrow>span{width:6px;height:6px;background:var(--tocs-blue);border-radius:50%}.tocs-slide h2{font-size:58px;font-weight:800;letter-spacing:-2.6px;line-height:1.27;margin-bottom:24px}.tocs-slide h2 em{font-style:normal;color:var(--tocs-blue)}.tocs-hero-description{font-size:17px;line-height:1.8;letter-spacing:-.3px;color:#707683;margin-bottom:31px!important}.tocs-hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.tocs-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:10px;padding:15px 22px;min-height:52px;font-size:14px;font-weight:650;line-height:1.5;transition:background .2s,transform .2s,box-shadow .2s}.tocs-button:hover{transform:translateY(-2px)}.tocs-home .tocs-button-dark{background:#25262b;color:#fff}.tocs-button-dark:hover{background:var(--tocs-blue);box-shadow:0 7px 20px #315cf520}.tocs-text-link{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:600}.tocs-text-link:hover{color:var(--tocs-blue)}.tocs-text-link i{font-size:11px}.tocs-button-outline{border:1px solid #dfe3ed;background:#fff}.tocs-button-outline:hover{border-color:var(--tocs-blue);color:var(--tocs-blue)}
.tocs-carousel-controls{display:flex;align-items:center;gap:13px;margin-top:37px}.tocs-carousel-controls>button{width:24px;height:28px;background:transparent;border:0;font-size:11px;color:#606879;display:grid;place-items:center}.tocs-carousel-controls>button:hover{color:var(--tocs-blue)}.tocs-slide-dots{display:flex;align-items:center;gap:6px;margin-right:8px}.tocs-slide-dots button{height:5px;width:19px;border:0;padding:0;border-radius:10px;background:#e3e6ee;transition:width .3s,background .3s}.tocs-slide-dots button[aria-pressed="true"]{width:35px;background:#315cf5}.tocs-slide-counter{display:flex;gap:8px;font-size:11px;letter-spacing:.5px}.tocs-slide-counter>span{color:#adb2bd}.tocs-slide-counter strong{font-weight:700}
.tocs-hero-visual{position:relative;isolation:isolate;background:#f3f6fd;border-radius:28px;min-height:420px;overflow:hidden;padding:46px 0 47px}.tocs-visual-label{position:absolute;top:23px;left:25px;display:flex;align-items:center;gap:7px;color:#7b8499;font-size:9px;font-weight:700;letter-spacing:1.4px;z-index:1}.tocs-live-dot{width:6px;height:6px;border-radius:50%;background:#8ab64b}.tocs-hero-art{display:block;width:100%;height:auto;mix-blend-mode:multiply;animation:tocs-float 7s ease-in-out infinite}.tocs-visual-note{position:absolute;bottom:24px;left:23px;right:23px;display:flex;align-items:center;gap:12px;padding:15px 16px;background:#fffffff0;box-shadow:0 6px 20px #282d4910;backdrop-filter:blur(8px);border:1px solid #fff;border-radius:12px}.tocs-visual-note-icon{display:grid;place-items:center;width:38px;height:38px;background:#edf0ff;border-radius:10px;color:var(--tocs-blue)}.tocs-visual-note div{flex:1;min-width:0}.tocs-visual-note strong{display:block;font-size:13px;font-weight:650}.tocs-visual-note div>span{display:block;color:#8d94a1;font-size:10px;margin-top:2px}.tocs-visual-note>i{font-size:17px;color:#84b94e}
@keyframes tocs-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.tocs-shortcuts{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px;padding:27px 0 42px;border-bottom:1px solid var(--tocs-line);scroll-margin-top:25px}.tocs-shortcuts>a{position:relative;display:flex;flex-direction:column;align-items:center;gap:13px;font-size:14px;font-weight:550}.tocs-shortcut-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:20px;font-size:26px;transition:transform .25s,box-shadow .25s}.tocs-shortcuts>a:hover .tocs-shortcut-icon{transform:translateY(-5px);box-shadow:0 10px 22px #26386412}.tocs-shortcuts small{position:absolute;top:-8px;left:calc(50% + 13px);font-size:9px;font-weight:700;background:#fff;border:1px solid #d3d8ed;border-radius:5px;padding:0 4px;color:#5d6a9a}.tocs-tone-blue{color:#315cf5;background:#edf1ff}.tocs-tone-purple{color:#8057dd;background:#f1ebff}.tocs-tone-mint{color:#0d9c80;background:#e8f7f1}.tocs-tone-orange{color:#df853a;background:#fff3e7}.tocs-tone-rose{color:#dd698a;background:#ffedf2}.tocs-tone-sky{color:#4a94ce;background:#eaf5ff}.tocs-tone-yellow{color:#c3a13b;background:#fcf6de}.tocs-tone-slate{color:#67748d;background:#edf0f5}
.tocs-discover{padding:48px 0 26px}.tocs-domain-panel,.tocs-starter-panel{height:100%;border-radius:var(--tocs-radius);padding:31px 33px}.tocs-domain-panel{border:1px solid #e3e6ef;background:#fff}.tocs-kicker{display:block;font-size:10px;font-weight:750;letter-spacing:1.8px;color:#8790a2;margin-bottom:13px}.tocs-domain-panel h2{font-size:24px;letter-spacing:-.8px;font-weight:750;margin-bottom:9px}.tocs-domain-panel>p{font-size:14px;color:var(--tocs-muted);margin-bottom:23px}.tocs-domain-search{display:flex;align-items:center;gap:14px;background:#f6f7fa;border:1px solid transparent;border-radius:10px;padding:6px 7px 6px 17px;min-height:61px}.tocs-domain-search:focus-within{border-color:#a7b7ff;background:#fff}.tocs-domain-search>i{color:#949bad;font-size:17px}.tocs-domain-search input[type=text]{flex:1;min-width:0;width:100%;border:0!important;background:transparent!important;color:#333;font-size:14px;padding:10px 0;outline:none!important;box-shadow:none!important}.tocs-domain-search input::placeholder{color:#a5adbe}.tocs-domain-search button{width:43px;height:43px;border:0;background:#315cf5;color:#fff;border-radius:8px;flex-shrink:0}.tocs-search-hint{display:flex;align-items:center;gap:12px;font-size:11px;margin-top:14px;color:#9198a7}.tocs-search-hint a{color:#666e80;font-weight:600}.tocs-search-hint a i{transform:rotate(45deg);font-size:9px;margin-left:3px}
.tocs-starter-panel{display:flex;flex-direction:column;position:relative;overflow:hidden;background:#f0f3ff}.tocs-starter-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;color:#7285bb}.tocs-pill{display:inline-flex;border-radius:5px;padding:3px 8px;background:#fff;font-size:10px;color:#6079be;font-weight:650}.tocs-starter-panel h2{font-size:26px;line-height:1.4;letter-spacing:-.7px;font-weight:750;margin-bottom:12px}.tocs-starter-panel p{font-size:13px;color:#7a87a7;line-height:1.7;margin-bottom:20px}.tocs-starter-bottom{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#435eac;margin-top:auto;font-weight:600}.tocs-paper-icon{position:absolute;right:35px;bottom:38px;transform:rotate(10deg);font-size:62px;color:#8c9ee5}.tocs-paper-icon>i:last-child{position:absolute;bottom:2px;right:-9px;font-size:18px;color:#fff;background:#315cf5;width:29px;height:29px;display:grid;place-items:center;border:3px solid #f0f3ff;border-radius:50%}.tocs-starter-panel:hover .tocs-paper-icon{transform:rotate(0);transition:transform .3s}
.tocs-product{margin-top:45px;padding:51px 44px;background:#f8f9fc;border-radius:var(--tocs-radius)}.tocs-section-title{font-size:35px;font-weight:750;letter-spacing:-1.3px;line-height:1.4;margin-bottom:18px}.tocs-section-description{color:#7b8190;font-size:14px;line-height:1.8}.tocs-feature-list{padding:0;margin:28px 0;list-style:none}.tocs-feature-list li{display:flex;gap:13px;margin-bottom:17px;align-items:flex-start}.tocs-feature-list li>i{width:22px;height:22px;background:#ebefff;display:grid;place-items:center;border-radius:50%;color:#315cf5;font-size:9px;flex-shrink:0;margin-top:2px}.tocs-feature-list strong{display:block;font-size:13px;font-weight:650}.tocs-feature-list small{display:block;font-size:11px;color:#9197a5;margin-top:3px}.tocs-product-window{background:#fff;border:1px solid #e3e7f1;border-radius:14px;overflow:hidden;box-shadow:0 13px 25px #26354d08;transform:rotate(-1deg);transition:transform .3s}.tocs-product-window:hover{transform:rotate(0)}.tocs-window-bar{display:flex;align-items:center;gap:5px;height:39px;padding:0 14px;border-bottom:1px solid #eef0f6;background:#fff}.tocs-window-bar>span{width:6px;height:6px;background:#dce1ed;border-radius:50%}.tocs-window-bar>span:first-child{background:#ffb4ab}.tocs-window-bar>span:nth-child(2){background:#f4d496}.tocs-window-bar>span:nth-child(3){background:#b5d5ac}.tocs-window-bar>small{font-size:9px;color:#a0a8b9;margin:auto}.tocs-window-bar>i{font-size:9px;color:#a0a8b9}.tocs-product-window-body{padding:22px 20px 0;max-height:360px;overflow:hidden;position:relative}.tocs-product-window-body:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(transparent,#fff)}.tocs-window-caption>span{display:block;color:#8b97b7;font-size:8px;letter-spacing:1.1px;margin-bottom:5px}.tocs-window-caption>strong{display:block;font-size:15px;font-weight:650;margin-bottom:12px}.tocs-product-window-body img{display:block;width:100%;height:auto}.tocs-window-foot{border-top:1px solid #eef0f6;padding:12px 15px;display:flex;justify-content:space-between;font-size:9px;color:#8a96ad;gap:10px}.tocs-window-foot i{color:#6681d0}.tocs-window-foot a{color:#7283b4}
.tocs-how{padding:90px 0 35px}.tocs-section-heading{text-align:center;margin-bottom:40px}.tocs-section-heading .tocs-section-title{margin-bottom:12px}.tocs-section-heading>p{font-size:14px;color:#8b91a0}.tocs-step{position:relative;padding:22px 12px 10px}.tocs-step-number{position:absolute;top:4px;right:18px;font-size:12px;color:#c1c7d3;letter-spacing:1px}.tocs-step-icon{display:grid;place-items:center;width:77px;height:77px;border-radius:24px;font-size:29px;margin:0 auto 25px;box-shadow:inset 0 -5px 0 #00000003;transform:rotate(-5deg)}.tocs-step h3{font-size:18px;font-weight:700;letter-spacing:-.5px;text-align:center;margin-bottom:12px}.tocs-step p{font-size:13px;line-height:1.8;color:#8b91a0;text-align:center;margin:0}
.tocs-guides{padding:55px 0 30px}.tocs-heading-inline{display:flex;justify-content:space-between;align-items:flex-end;text-align:left}.tocs-heading-inline .tocs-section-title{margin:0}.tocs-heading-inline .tocs-text-link{font-size:12px;color:#7e8595}.tocs-guide-card{display:block;height:100%;padding-bottom:5px}.tocs-guide-art{position:relative;overflow:hidden;height:208px;border-radius:17px;display:flex;align-items:center;justify-content:center;margin-bottom:22px}.tocs-guide-art>i{position:relative;font-size:78px;z-index:1;transform:rotate(-10deg);transition:transform .3s;text-shadow:0 7px 0 #ffffff40}.tocs-guide-card:hover .tocs-guide-art>i{transform:rotate(0) translateY(-4px)}.tocs-guide-art-blue{background:#eef2ff;color:#5b78d7}.tocs-guide-art-mint{background:#eaf5ef;color:#63ab8c}.tocs-guide-art-violet{background:#f1eefb;color:#9a86ce}.tocs-guide-art-chip{position:absolute;left:18px;bottom:14px;font-size:8px;font-weight:650;letter-spacing:1px;z-index:1;opacity:.8}.tocs-guide-orbit{position:absolute;width:225px;height:225px;border:1px solid #ffffffb0;border-radius:50%;right:-45px;top:-55px}.tocs-guide-orbit:after{content:"";position:absolute;width:310px;height:310px;left:-70px;top:35px;border:1px solid #ffffffb0;border-radius:50%}.tocs-guide-category{font-size:11px;color:#8d96a7;display:block;margin-bottom:9px}.tocs-guide-card h3{font-size:21px;letter-spacing:-.7px;font-weight:650;line-height:1.55;margin-bottom:17px}.tocs-guide-link{display:flex;gap:13px;align-items:center;font-size:11px;color:#8c94a3}.tocs-guide-link i{font-size:10px}.tocs-guide-card:hover .tocs-guide-link{color:var(--tocs-blue)}
.tocs-reviews{margin-top:45px;padding:56px 34px;background:#f8f9fc;border-radius:var(--tocs-radius)}.tocs-reviews .tocs-section-title{font-size:31px}.tocs-review-invitation{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid #eef0f5;border-radius:16px;padding:30px}.tocs-review-invitation-icon{display:grid;place-items:center;width:60px;height:60px;flex-shrink:0;background:#f2f4fc;border-radius:50%;color:#8498c7;font-size:25px}.tocs-review-invitation h3{font-size:17px;font-weight:650;margin:0 0 6px}.tocs-review-invitation p{font-size:12px;color:#9ba1ad;margin:0}.tocs-review-invitation .tocs-button{margin-left:auto;font-size:12px;flex-shrink:0;gap:15px}.tocs-review-card{height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid #eef0f5;border-radius:14px;padding:25px}.tocs-review-quote{font-size:45px;line-height:1;color:#bac7f2}.tocs-review-card h3{font-size:17px;line-height:1.5;font-weight:650;margin:10px 0}.tocs-review-card>p{font-size:13px;color:#8b92a1;line-height:1.9;flex:1}.tocs-review-card>div{border-top:1px solid #f0f2f7;padding-top:15px;display:flex;align-items:center;gap:9px;font-size:10px;color:#8892a4}.tocs-review-avatar{display:grid;place-items:center;width:26px;height:26px;background:#f0f3fb;color:#7a8cba;border-radius:50%}.tocs-review-card time{margin-left:auto;font-size:9px}.tocs-review-more{display:flex;justify-content:center;margin-top:26px}
.tocs-bottom-cta{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#315cf5;color:#fff;border-radius:var(--tocs-radius);padding:42px 46px;margin:65px 0 75px}.tocs-bottom-cta .tocs-kicker{color:#a8bcff;font-size:9px}.tocs-bottom-cta h2{position:relative;z-index:1;font-size:30px;font-weight:700;letter-spacing:-.8px;color:#fff;margin-bottom:10px}.tocs-bottom-cta p{color:#c1ceff;font-size:13px;margin:0}.tocs-home .tocs-button-white{background:#fff;color:#315cf5;z-index:1;flex-shrink:0}.tocs-cta-decoration{position:absolute;font-size:220px;right:185px;top:-27px;color:#ffffff09;transform:rotate(20deg)}
.tocs-footer{border-top:1px solid var(--tocs-line);padding:0;background:#fff}.tocs-footer-main{padding-top:49px;padding-bottom:40px}.tocs-footer h2{font-size:12px;font-weight:700;margin:0 0 18px;color:#4b5362}.tocs-footer .tocs-footer-main>.col-lg-2>a,.tocs-footer .tocs-footer-main>.col-lg-3>a{display:block;color:#8b92a0;font-size:12px;margin-bottom:10px}.tocs-footer a:hover{color:var(--tocs-blue)!important}.tocs-footer-description{font-size:12px;color:#979dab;line-height:1.85;margin:18px 0 14px}.tocs-footer-contact{color:#707a8d;font-size:11px}.tocs-footer-contact i{margin-left:10px;font-size:9px}.tocs-business{font-size:10px;line-height:1.9;color:#a3a9b5;margin:0 0 20px}.tocs-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #f0f1f5;padding:22px 0 27px;font-size:10px;color:#a2a9b6}.tocs-footer-bottom p{margin:0}.tocs-footer-bottom>div{display:flex;flex-wrap:wrap;gap:20px}.tocs-footer-bottom a{color:#8d95a4}.tocs-footer-toplink i{margin-left:8px;font-size:9px}
.tocs-motion .tocs-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s,transform .65s}.tocs-motion .tocs-reveal.is-visible{opacity:1;transform:none}.tocs-slide:not([hidden]){animation:tocs-fade .4s ease}@keyframes tocs-fade{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:1200px){.tocs-product .row{--bs-gutter-x:3.7rem}}
@media(max-width:1199px){.tocs-nav-list{gap:20px}.tocs-nav-item>a{font-size:14px}.tocs-nav-help{display:none}.tocs-slide h2{font-size:49px}.tocs-hero-description{font-size:15px}.tocs-hero-visual{min-height:375px}.tocs-product{padding:40px 30px}.tocs-section-title{font-size:30px}.tocs-step h3{font-size:16px}}
@media(max-width:991px){.tocs-header-top{height:76px}.tocs-brand-word{font-size:30px}.tocs-brand-caption{font-size:8px;padding-left:15px;margin-left:3px}.tocs-mobile-toggle{width:35px;height:35px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:6px;border:0;background:none;flex-shrink:0}.tocs-mobile-toggle span{display:block;height:2px;background:#333b4b;width:23px;transition:transform .2s,opacity .2s}.tocs-header.is-menu-open .tocs-mobile-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.tocs-header.is-menu-open .tocs-mobile-toggle span:nth-child(2){opacity:0}.tocs-header.is-menu-open .tocs-mobile-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.tocs-header.is-enhanced .tocs-navigation-wrap{display:none}.tocs-header.is-menu-open .tocs-navigation-wrap{display:block;position:absolute;top:76px;left:16px;right:16px;border:1px solid #e4e9f3;box-shadow:0 20px 45px #14274f17;border-radius:16px;max-height:calc(100dvh - 96px);overflow:auto;background:#fff}.tocs-navigation{display:block;padding:10px 18px!important}.tocs-nav-list{display:block}.tocs-nav-item{display:flex;flex-wrap:wrap;justify-content:space-between}.tocs-nav-item>a{flex:1;padding:12px 5px;font-size:15px}.tocs-submenu-toggle{width:40px;height:42px;padding:0}.tocs-submenu{position:static;flex-basis:100%;width:100%;border:0;box-shadow:none;padding:2px 12px;border-radius:7px;background:#f6f8fc;margin-bottom:7px}.tocs-submenu .tocs-nav-item{background:none!important}.tocs-submenu .tocs-nav-item>a{font-size:13px;padding:9px}.tocs-nav-help{display:block;padding:12px 5px;border-top:1px solid #f0f2f5}.tocs-edit-control{padding:7px 5px}.tocs-hero{padding-top:35px}.tocs-hero>.row{--bs-gutter-y:1.5rem}.tocs-hero-visual{min-height:0;max-width:600px;margin:0 auto;padding:34px 25px 50px}.tocs-hero-art{max-height:390px;object-fit:contain}.tocs-hero-copy{text-align:center}.tocs-slide h2{font-size:48px}.tocs-eyebrow,.tocs-hero-actions,.tocs-carousel-controls{justify-content:center}.tocs-hero-description{margin-bottom:24px!important}.tocs-carousel-controls{margin-top:25px}.tocs-visual-note{max-width:400px;margin:0 auto}.tocs-shortcuts{gap:8px}.tocs-shortcut-icon{width:55px;height:55px;border-radius:17px;font-size:23px}.tocs-shortcuts>a{font-size:12px}.tocs-product{padding:36px}.tocs-product-window{max-width:650px;margin:0 auto}.tocs-how{padding-top:65px}.tocs-step{max-width:310px;margin:auto}.tocs-review-invitation{flex-wrap:wrap}.tocs-review-invitation .tocs-button{margin-left:80px}.tocs-account-links{gap:16px}.tocs-footer-main{padding-top:36px}.tocs-footer-bottom{flex-wrap:wrap}.tocs-footer-bottom>div{order:1;width:100%;gap:15px}}
@media(max-width:767px){.tocs-header .container,.tocs-footer .container,.tocs-home-layout>.basic-body>.container{padding-left:20px;padding-right:20px}.tocs-brand-caption{display:none}.tocs-header-top{gap:15px}.tocs-account-links{font-size:12px;gap:14px}.tocs-account-links .tocs-account-primary{padding:9px 12px;border-radius:7px;gap:9px}.tocs-account-primary i{display:none}.tocs-account-links .tocs-admin-link{font-size:0}.tocs-admin-link i{font-size:14px}.tocs-hero{padding-top:22px}.tocs-slide h2{font-size:43px;letter-spacing:-2px;margin-bottom:20px}.tocs-hero-description{font-size:14px}.tocs-eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:18px!important}.tocs-button{font-size:13px;padding:13px 17px;gap:13px;min-height:48px}.tocs-text-link{font-size:12px}.tocs-hero-actions{gap:18px}.tocs-hero-visual{border-radius:21px;padding:40px 7px 55px}.tocs-hero-art{max-height:320px}.tocs-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 8px;padding:15px 0 30px}.tocs-shortcuts>a{gap:9px}.tocs-shortcuts small{top:-6px}.tocs-shortcut-icon{width:53px;height:53px}.tocs-discover{padding-top:30px}.tocs-domain-panel,.tocs-starter-panel{padding:26px 23px;border-radius:18px}.tocs-domain-panel h2{font-size:23px;line-height:1.5}.tocs-domain-panel>p{font-size:12px}.tocs-search-hint{gap:7px;font-size:10px}.tocs-domain-search{gap:10px;padding-left:13px}.tocs-domain-search input[type=text]{font-size:12px}.tocs-domain-search>i{font-size:14px}.tocs-domain-search button{width:37px;height:40px}.tocs-starter-panel h2{font-size:25px}.tocs-starter-panel p{max-width:80%}.tocs-product{margin-top:20px;padding:30px 23px;border-radius:20px}.tocs-section-title{font-size:29px;letter-spacing:-1.1px}.tocs-section-description{font-size:13px}.tocs-product-window-body{padding:15px 13px 0;max-height:280px}.tocs-window-caption>strong{font-size:13px}.tocs-window-caption>span{font-size:7px}.tocs-window-foot{font-size:8px;padding:10px}.tocs-how{padding-top:55px;padding-bottom:12px}.tocs-section-heading{margin-bottom:27px}.tocs-section-heading>p{font-size:12px}.tocs-step{padding:15px 4px 6px}.tocs-step h3{font-size:15px}.tocs-step p{font-size:12px}.tocs-step-icon{width:65px;height:65px;font-size:24px;border-radius:20px;margin-bottom:18px}.tocs-step-number{right:8px;font-size:10px}.tocs-guides{padding-top:40px}.tocs-heading-inline{align-items:flex-start;gap:14px;flex-direction:column;margin-bottom:24px}.tocs-guide-art{height:185px}.tocs-guide-card h3{font-size:21px}.tocs-guide-card{padding-bottom:15px}.tocs-guide-art>i{font-size:70px}.tocs-reviews{padding:35px 20px;margin-top:15px;border-radius:20px}.tocs-reviews .tocs-section-title{font-size:27px}.tocs-review-invitation{padding:23px;gap:13px}.tocs-review-invitation-icon{width:45px;height:45px;font-size:21px}.tocs-review-invitation h3{font-size:16px}.tocs-review-invitation p{font-size:11px}.tocs-review-invitation .tocs-button{margin-left:0;width:100%;margin-top:8px}.tocs-review-invitation>div{flex:1;min-width:160px}.tocs-bottom-cta{padding:30px 25px;margin:35px 0 45px;flex-direction:column;align-items:flex-start;border-radius:20px}.tocs-bottom-cta h2{font-size:27px}.tocs-bottom-cta p{font-size:12px}.tocs-bottom-cta .tocs-button{align-self:flex-start}.tocs-cta-decoration{right:-25px;top:18px;font-size:190px}.tocs-footer-description{font-size:12px}.tocs-footer-bottom{font-size:9px}.tocs-footer-main{padding-bottom:20px}.tocs-footer-main .tocs-brand-word{font-size:32px}.tocs-footer h2{font-size:12px;margin-bottom:15px}}
@media(max-width:375px){.tocs-slide h2{font-size:37px}.tocs-hero-description{font-size:12px}.tocs-brand-word{font-size:27px}.tocs-brand-symbol{gap:3px}.tocs-brand-symbol span{width:5px}.tocs-account-links{gap:10px;font-size:11px}.tocs-header-top{gap:8px}.tocs-account-links .tocs-account-primary{padding:8px}.tocs-domain-panel h2{font-size:21px}.tocs-search-hint{flex-wrap:wrap}.tocs-section-title{font-size:26px}.tocs-review-invitation>div{min-width:130px}}
@media(prefers-reduced-motion:reduce){.tocs-home *,.tocs-header *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.tocs-motion .tocs-reveal{opacity:1;transform:none}}

/* 단독 로그인 화면도 같은 사이트 프레임을 사용합니다. 팝업 모드는 기존 방식을 유지합니다. */
.tocs-auth-main{padding:46px 20px 60px;min-height:560px;background:#fafbfe}.tocs-auth-main .login-box{position:relative;max-width:500px;margin:0 auto;padding:15px 0}.tocs-auth-main .login-box-in{width:100%;background:#fff;border:1px solid #e7ebf4;border-radius:18px;box-shadow:0 8px 35px #23325305}.tocs-auth-main .login-form{padding:35px 40px!important}.tocs-auth-main .login-form h1{font-size:27px}.tocs-auth-main .eb-login .login-btn .btn-e-lg{border-radius:8px!important}.tocs-auth-main .non-members,.tocs-auth-main .non-member-order{padding:25px!important}@media(max-width:575px){.tocs-auth-main{padding:24px 18px 38px;min-height:500px}.tocs-auth-main .login-form{padding:30px 23px!important}}

/* Compact hero: 고정된 텍스트 높이 없이 버튼과 컨트롤을 가깝게 배치합니다. */
.tocs-brand-caption{font-size:10px;letter-spacing:.2px;font-weight:600}
.tocs-hero{--tocs-hero-bg:#eef3ff;position:relative;isolation:isolate;padding:36px 0 32px}
.tocs-hero[data-tocs-theme="mint"]{--tocs-hero-bg:#eaf6f1}
.tocs-hero[data-tocs-theme="lavender"]{--tocs-hero-bg:#f3effb}
.tocs-hero::before{content:"";position:absolute;z-index:-1;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);background:var(--tocs-hero-bg);transition:background-color .4s ease}
.tocs-hero>.row{min-height:360px}
.tocs-hero-copy{display:flex;flex-direction:column;justify-content:center;min-height:0;padding-top:0;padding-bottom:0}
.tocs-slide{min-height:0}
.tocs-eyebrow{font-size:12px;letter-spacing:.7px;margin-bottom:16px!important}
.tocs-slide h2{font-size:42px;line-height:1.32;letter-spacing:-1.6px;font-weight:750;margin-bottom:18px}
.tocs-hero-headline-black{display:block;color:#202127;text-wrap:balance}
.tocs-slide h2 .tocs-hero-headline-blue{display:block;color:#315cf5;font-style:normal;font-weight:800;text-wrap:balance}
.tocs-hero-description{max-width:660px;font-size:16px;line-height:1.7;word-break:keep-all;margin-bottom:22px!important}
.tocs-carousel-controls{margin-top:24px}
.tocs-hero-visual{padding:0;min-height:0;aspect-ratio:5/4;background:transparent;border-radius:0;overflow:visible;max-width:440px;margin:0 auto}
.tocs-hero-frame{margin:0;width:100%}
.tocs-hero-frame:not([hidden]){animation:tocs-art-reveal .4s ease}
.tocs-hero-art{display:block;width:100%;height:auto;max-height:none;object-fit:contain;mix-blend-mode:normal;animation:none;filter:none}
@keyframes tocs-art-reveal{from{opacity:.25;transform:translateX(8px)}to{opacity:1;transform:none}}
@media(max-width:1199px){.tocs-slide h2{font-size:36px}.tocs-hero>.row{min-height:335px}.tocs-hero-description{font-size:15px}}
@media(max-width:991px){.tocs-hero{padding:28px 0 24px}.tocs-hero>.row{min-height:0;--bs-gutter-y:1rem}.tocs-slide h2{font-size:37px}.tocs-hero-description{margin-left:auto;margin-right:auto}.tocs-carousel-controls{margin-top:20px}.tocs-hero-visual{max-width:340px}}
@media(max-width:767px){.tocs-hero{padding:24px 0 20px}.tocs-slide h2{font-size:30px;letter-spacing:-1.1px;margin-bottom:15px}.tocs-eyebrow{font-size:11px;letter-spacing:.3px;margin-bottom:14px!important}.tocs-hero-description{font-size:14px;margin-bottom:18px!important}.tocs-carousel-controls{margin-top:18px}.tocs-hero-visual{max-width:300px}}
@media(max-width:375px){.tocs-slide h2{font-size:28px}.tocs-hero-description{font-size:13px}.tocs-hero-visual{max-width:280px}}
@media(prefers-reduced-motion:reduce){.tocs-hero::before{transition:none}}

/* 모바일에서도 슬라이드 다음에 바로가기 메뉴를 표시합니다. */
.tocs-home-intro{display:flex;flex-direction:column;min-width:0}.tocs-home-intro .tocs-hero{touch-action:pan-y pinch-zoom}
@media(max-width:991px){
 .tocs-home-intro>.tocs-shortcuts{border-bottom:0;padding:22px 0;gap:18px 8px}
 .tocs-hero-media{display:none!important}
 .tocs-home-intro .tocs-hero{padding:25px 0 23px}
 .tocs-home-intro .tocs-hero>.row{min-height:0;--bs-gutter-y:0}
 .tocs-home-intro .tocs-slide h2{font-size:var(--tocs-mobile-title-size,clamp(14px,4.7vw,30px));letter-spacing:-.5px;line-height:1.55;margin-bottom:16px}
 .tocs-home-intro .tocs-slide h2 .tocs-hero-headline-black,.tocs-home-intro .tocs-slide h2 .tocs-hero-headline-blue{white-space:nowrap;text-wrap:nowrap}
 .tocs-home-intro .tocs-eyebrow{font-size:11px;margin-bottom:15px!important}
 .tocs-home-intro .tocs-hero-description{font-size:13px;margin-bottom:19px!important}
 .tocs-home-intro .tocs-carousel-controls{margin-top:21px}
}
@media(max-width:767px){
 .tocs-home-intro>.tocs-shortcuts{padding:17px 0 20px;gap:17px 8px}
 .tocs-home-intro .tocs-shortcuts>a{font-size:11px;gap:7px}
 .tocs-home-intro .tocs-shortcut-icon{width:45px;height:45px;font-size:21px;border-radius:15px}
 .tocs-home-intro .tocs-hero-actions{gap:16px}
 .tocs-home-intro .tocs-hero-description{font-size:12px;line-height:1.8}
}

/* 전체 하위 화면의 제목·현재 위치·카테고리 메뉴를 같은 디자인으로 표시합니다. */
.tocs-shell .page-title-wrap{height:auto;min-height:82px;background:linear-gradient(110deg,#f3f6ff,#f8faff 64%,#f0f8f6);border-top:1px solid #f0f3f9;border-bottom:1px solid #e5ebf5}
.tocs-shell .page-title-wrap>.container{align-items:center;gap:22px;padding-top:18px;padding-bottom:18px;min-width:0}
.tocs-shell .page-title-wrap h2{font-size:21px;line-height:1.5;font-weight:720;letter-spacing:-.65px;color:#26324b;min-width:0;word-break:keep-all;overflow-wrap:anywhere}
.tocs-shell .page-title-wrap h2>span{display:inline-flex;align-items:center;font-size:inherit}.tocs-shell .page-title-wrap h2 i{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid #dce5fc;border-radius:11px;background:#fff;color:#5e7ee0;font-size:16px;margin:0 11px 0 0!important;box-shadow:0 3px 10px #506a9a05}
.tocs-shell .page-title-wrap .sub-breadcrumb-wrap{max-width:58%;min-width:0;padding:7px 12px;border:1px solid #e2e9f5;background:#ffffffb8;border-radius:9px}
.tocs-shell .page-title-wrap .sub-breadcrumb,.tocs-shell .page-title-wrap .sub-breadcrumb.hidden-xs{display:flex!important;align-items:center;flex-wrap:wrap;gap:4px 0;margin:0;padding:0;list-style:none;font-size:11px;line-height:1.65;letter-spacing:-.15px;color:#8a97af;min-width:0}
.tocs-shell .page-title-wrap .sub-breadcrumb:after{display:none}.tocs-shell .page-title-wrap .sub-breadcrumb li{float:none;display:inline-flex;align-items:center;min-width:0;margin:0;overflow-wrap:anywhere}
.tocs-shell .page-title-wrap .sub-breadcrumb li:before{content:"\f105";font-family:"Font Awesome 5 Free";font-weight:900;font-size:8px;color:#b4c2dc;margin:0 10px}.tocs-shell .page-title-wrap .sub-breadcrumb li:first-child:before{display:none}
.tocs-shell .page-title-wrap .sub-breadcrumb a{color:#7b8da9;text-decoration:none}.tocs-shell .page-title-wrap .sub-breadcrumb a:hover{color:#315cf5}.tocs-shell .page-title-wrap .sub-breadcrumb li:last-child,.tocs-shell .page-title-wrap .sub-breadcrumb li:last-child a{color:#5d7dcc;font-weight:600}
.tocs-shell .page-title-wrap .sub-breadcrumb li:first-child a:before{content:"\f015";font-family:"Font Awesome 5 Free";font-weight:900;font-size:10px;margin-right:5px;color:#9aafd6}
/* Sly의 터치·드래그와 이동 버튼을 유지하며 공통 카테고리를 카드형 탭으로 정리합니다. */
.tocs-shell .tab-scroll-category:not(.brand-box .tab-scroll-category),.tocs-shell .tab-scroll-page-category{padding:10px 11px 12px;border:1px solid #e4eaf5;border-radius:13px;background:#fff;margin-bottom:23px}
.tocs-shell .tab-scroll-category:not(.brand-box .tab-scroll-category) #tab-category,.tocs-shell .tab-scroll-page-category #tab-page-category{height:42px;line-height:42px}
.tocs-shell .tab-scroll-category:not(.brand-box .tab-scroll-category) #tab-category .category-list,.tocs-shell .tab-scroll-page-category #tab-page-category .page-category-list{white-space:nowrap;font-size:0}
.tocs-shell .tab-scroll-category:not(.brand-box .tab-scroll-category) #tab-category .category-list>span,.tocs-shell .tab-scroll-page-category #tab-page-category .page-category-list>span{padding:0 3px;vertical-align:top;font-size:12px;height:42px;line-height:42px}
.tocs-shell .tab-scroll-category:not(.brand-box .tab-scroll-category) #tab-category .category-list>span>a,.tocs-shell .tab-scroll-page-category #tab-page-category .page-category-list>span>a{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;line-height:1.5;padding:9px 13px;border:1px solid transparent;border-radius:9px;background:#fff;color:#8292ab;font-size:12px;font-weight:550;text-decoration:none;white-space:nowrap;box-sizing:border-box;transition:background .15s,color .15s,border-color .15s}
.tocs-shell .tab-scroll-category:not(.brand-box .tab-scroll-category) #tab-category .category-list>span>a:hover,.tocs-shell .tab-scroll-page-category #tab-page-category .page-category-list>span>a:hover{color:#315cf5;background:#f6f8ff}
.tocs-shell .tab-scroll-category:not(.brand-box .tab-scroll-category) #tab-category .category-list>span.active>a,.tocs-shell .tab-scroll-page-category #tab-page-category .page-category-list>span.active>a{color:#315cf5;background:#eef3ff;border-color:#d3dffc;font-weight:650}
.tocs-shell .tab-scroll-category:not(.brand-box .tab-scroll-category) #tab-category .category-list>span>a>i{font-size:12px;color:#839ddc}.tocs-shell .tab-scroll-category:not(.brand-box .tab-scroll-category) #tab-category .category-list>span.fake-span,.tocs-shell .tab-scroll-page-category #tab-page-category .page-category-list>span.fake-span{width:20px;padding:0}
.tocs-shell .tab-scroll-category:not(.brand-box .tab-scroll-category)>.scrollbar,.tocs-shell .tab-scroll-page-category>.scrollbar{position:absolute;left:14px;right:14px;bottom:5px;height:2px;background:#f2f5fa;margin:0;border-radius:3px;opacity:.6}
.tocs-shell .tab-scroll-category:not(.brand-box .tab-scroll-category)>.scrollbar>.handle,.tocs-shell .tab-scroll-page-category>.scrollbar>.handle{background:#ccdaf2}
.tocs-shell .tab-scroll-category:not(.brand-box .tab-scroll-category) .tab-category-divider,.tocs-shell .tab-scroll-page-category .tab-page-category-divider{display:none}
.tocs-shell .tab-scroll-category:not(.brand-box .tab-scroll-category) .controls .btn,.tocs-shell .tab-scroll-page-category .controls .btn{top:5px;width:23px;height:30px;border:1px solid #e0e8f8;border-radius:7px;background:#fffffff5;color:#8199ca;font-size:12px;box-shadow:0 2px 6px #304b7510}
.tocs-shell .tab-scroll-category:not(.brand-box .tab-scroll-category) .controls .prev,.tocs-shell .tab-scroll-page-category .controls .prev{left:1px}.tocs-shell .tab-scroll-category:not(.brand-box .tab-scroll-category) .controls .next,.tocs-shell .tab-scroll-page-category .controls .next{right:1px}
@media(max-width:991px){.tocs-shell .page-title-wrap>.container{gap:14px}.tocs-shell .page-title-wrap h2{font-size:20px}.tocs-shell .page-title-wrap .sub-breadcrumb-wrap{max-width:53%}}
@media(max-width:767px){.tocs-shell .page-title-wrap{min-height:0}.tocs-shell .page-title-wrap>.container{flex-direction:column;align-items:flex-start;gap:10px;padding:15px 20px}.tocs-shell .page-title-wrap h2{font-size:18px;letter-spacing:-.5px}.tocs-shell .page-title-wrap h2 i{width:30px;height:30px;font-size:14px;border-radius:9px;margin-right:9px!important}.tocs-shell .page-title-wrap .sub-breadcrumb-wrap{max-width:100%;padding:5px 9px;border-radius:7px}.tocs-shell .page-title-wrap .sub-breadcrumb,.tocs-shell .page-title-wrap .sub-breadcrumb.hidden-xs{font-size:10px}.tocs-shell .page-title-wrap .sub-breadcrumb li:before{margin:0 7px;font-size:7px}.tocs-shell .tab-scroll-category:not(.brand-box .tab-scroll-category),.tocs-shell .tab-scroll-page-category{padding:8px 7px 10px;border-radius:11px;margin-bottom:18px}.tocs-shell .tab-scroll-category:not(.brand-box .tab-scroll-category) #tab-category,.tocs-shell .tab-scroll-page-category #tab-page-category{height:38px;line-height:38px}.tocs-shell .tab-scroll-category:not(.brand-box .tab-scroll-category) #tab-category .category-list>span,.tocs-shell .tab-scroll-page-category #tab-page-category .page-category-list>span{height:38px;line-height:38px;padding:0 2px}.tocs-shell .tab-scroll-category:not(.brand-box .tab-scroll-category) #tab-category .category-list>span>a,.tocs-shell .tab-scroll-page-category #tab-page-category .page-category-list>span>a{font-size:11px;height:36px;padding:8px 10px;gap:6px;border-radius:8px}.tocs-shell .tab-scroll-category:not(.brand-box .tab-scroll-category) #tab-category .category-list>span>a>i{font-size:11px}.tocs-shell .tab-scroll-category:not(.brand-box .tab-scroll-category) .controls .btn,.tocs-shell .tab-scroll-page-category .controls .btn{top:3px;height:29px;width:21px}}

/* 슬라이드별 주요 링크와 보조 링크를 같은 높이의 버튼으로 표시합니다. */
.tocs-home-intro .tocs-hero-actions{gap:12px;align-items:stretch}
.tocs-home-intro .tocs-hero-actions .tocs-button{gap:12px;min-width:0;letter-spacing:-.3px}
.tocs-home-intro .tocs-hero-actions .tocs-button>i{flex-shrink:0}
.tocs-hero-button-label{min-width:0;word-break:keep-all;overflow-wrap:anywhere}
.tocs-home-intro .tocs-hero-secondary{border-color:#cbd7f7;background:#ffffffb8;color:#315cf5}
.tocs-home-intro .tocs-hero-secondary:hover{border-color:#315cf5;background:#fff;box-shadow:0 5px 16px #315cf510}
@media(max-width:991px){.tocs-home-intro .tocs-hero-actions{justify-content:center}}
@media(max-width:767px){.tocs-home-intro .tocs-hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-width:460px;margin-left:auto;margin-right:auto}.tocs-home-intro .tocs-hero-actions .tocs-button{width:100%;padding:12px 10px;gap:7px;min-height:50px;font-size:12px;line-height:1.5}.tocs-home-intro .tocs-hero-actions .tocs-button>i{font-size:12px}}
@media(max-width:375px){.tocs-home-intro .tocs-hero-actions .tocs-button{padding:10px 7px;gap:5px;font-size:11px}.tocs-home-intro .tocs-hero-actions .tocs-button>i{font-size:11px}}

/* 하위 페이지 타이틀 아래 간격을 통일하고 첫 소메뉴의 중복 여백을 제거합니다. */
.tocs-shell>.page-title-wrap+.basic-body.page-body{padding-top:20px}
.tocs-shell .page-body #tocs-main>.tocs-wp-workspace,
.tocs-shell .page-body #tocs-main>.tocs-expired:has(>.tocs-domain-nav),
.tocs-shell .page-body #tocs-main>.tocs-domain-nav{margin-top:0}
@media(max-width:767px){.tocs-shell>.page-title-wrap+.basic-body.page-body{padding-top:14px}}

/* 소개 배너: 제목·설명은 한 줄로, 장식과 여백은 작은 공통 크기로 표시합니다. */
.tocs-shell section.tocs-compact-hero{padding:22px 30px;border-radius:20px}
.tocs-shell section.tocs-compact-hero>.row,
.tocs-shell section.tocs-compact-hero.seo-hub-hero{display:grid;grid-template-columns:minmax(0,1fr) 112px;align-items:center;gap:24px}
.tocs-shell section.tocs-compact-hero>.row{margin:0}
.tocs-shell section.tocs-compact-hero>.row>div{width:auto;min-width:0;padding:0;margin:0}
.tocs-shell section.tocs-compact-hero .seo-hub-intro{min-width:0}
.tocs-shell section.tocs-compact-hero h2{max-width:100%;margin:0 0 8px;font-size:28px;line-height:1.45;font-weight:750;letter-spacing:-.8px;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;padding-bottom:1px}
.tocs-shell section.tocs-compact-hero h2 em{font-style:normal;color:#315cf5;margin-left:.12em}
.tocs-shell section.tocs-compact-hero .tocs-intro-description{max-width:100%;margin:0;padding:0 0 2px;color:#5b6c83;font-size:13px;line-height:1.8;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;overscroll-behavior-x:contain}
.tocs-shell section.tocs-compact-hero .tocs-intro-description:focus-visible{outline:2px solid #9bb1f7;outline-offset:3px;border-radius:3px}
.tocs-shell section.tocs-compact-hero .tocs-wp-topline{gap:11px;margin-bottom:9px}
.tocs-shell section.tocs-compact-hero .tocs-domain-kicker,
.tocs-shell section.tocs-compact-hero .exp-kicker{margin-bottom:9px;font-size:9px;line-height:1.5}
.tocs-shell section.tocs-compact-hero .tocs-wp-steps,
.tocs-shell section.tocs-compact-hero .tocs-domain-steps,
.tocs-shell section.tocs-compact-hero .exp-hero-tags{margin-top:12px;gap:17px;font-size:11px;line-height:1.6}
.tocs-shell section.tocs-compact-hero .tocs-wp-hero-icon,
.tocs-shell section.tocs-compact-hero .tocs-domain-heading-icon,
.tocs-shell section.tocs-compact-hero .exp-hero-art{width:112px;height:112px;min-height:0;margin:0 auto}
.tocs-shell section.tocs-compact-hero .tocs-wp-hero-icon>i,
.tocs-shell section.tocs-compact-hero .tocs-domain-heading-icon>i,
.tocs-shell section.tocs-compact-hero .exp-globe{width:74px;height:74px;border-radius:22px;font-size:37px}
.tocs-shell section.tocs-compact-hero .tocs-wp-hero-icon>span:after,
.tocs-shell section.tocs-compact-hero .tocs-domain-heading-icon>span:after{inset:11px}
.tocs-shell section.tocs-compact-hero .exp-orbit{width:112px;height:112px}
.tocs-shell section.tocs-compact-hero .exp-orbit-inner{width:90px;height:90px}
.tocs-shell section.tocs-compact-hero .exp-orbit-outer:before,
.tocs-shell section.tocs-compact-hero .exp-art-chip{display:none}
.tocs-shell section.tocs-compact-hero .seo-hub-art{width:112px;height:112px;margin:0;transform:none}
.tocs-shell section.tocs-compact-hero .seo-hub-orbit{inset:0}
.tocs-shell section.tocs-compact-hero .seo-hub-orbit:after{inset:11px}
.tocs-shell section.tocs-compact-hero .seo-hub-book{inset:19px;border-radius:22px;font-size:35px}
.tocs-shell section.tocs-compact-hero .seo-hub-art>span{display:none}
@media(max-width:991px){
 .tocs-shell section.tocs-compact-hero>.row,
 .tocs-shell section.tocs-compact-hero.seo-hub-hero{grid-template-columns:minmax(0,1fr);gap:0}
 .tocs-shell section.tocs-compact-hero>.row>div:last-child,
 .tocs-shell section.tocs-compact-hero .seo-hub-art{display:none}
 .tocs-shell section.tocs-compact-hero h2{font-size:25px}
}
@media(max-width:767px){
 .tocs-shell section.tocs-compact-hero{padding:18px 16px;border-radius:16px}
 .tocs-shell section.tocs-compact-hero h2{font-size:clamp(14px,4.3vw,22px);letter-spacing:-.6px;margin-bottom:7px}
 .tocs-shell section.tocs-compact-hero .tocs-intro-description{font-size:12px;line-height:1.75}
 .tocs-shell section.tocs-compact-hero .tocs-wp-topline{gap:8px;margin-bottom:8px}
 .tocs-shell section.tocs-compact-hero .tocs-domain-kicker,
 .tocs-shell section.tocs-compact-hero .exp-kicker{font-size:8px;margin-bottom:8px}
 .tocs-shell section.tocs-compact-hero .tocs-wp-steps,
 .tocs-shell section.tocs-compact-hero .tocs-domain-steps,
 .tocs-shell section.tocs-compact-hero .exp-hero-tags{margin-top:10px;gap:12px;font-size:10px}
}

/* 홈: 등록기 안내, 낙장 통계, 실제 설정 이미지 슬라이드 */
.tocs-home-registrar{min-width:0;min-height:275px}.tocs-home-registrar .tocs-starter-top{margin-bottom:24px}.tocs-home-registrar .tocs-starter-top>a{color:#435eac;padding:4px}.tocs-home-registrar h2{font-size:28px;line-height:1.5;margin:0 0 12px}.tocs-home-single-line{white-space:nowrap;overflow-x:auto;overflow-y:hidden;max-width:100%;scrollbar-width:thin;overscroll-behavior-x:contain}.tocs-home-registrar .tocs-registrar-promise{font-size:13px;line-height:1.9;color:#435976;margin:0 0 28px;padding-bottom:3px}.tocs-home-registrar .tocs-starter-bottom{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px 16px;color:#435976;font-size:12px}.tocs-registration-history{display:inline-flex;align-items:center;gap:12px;background:#315cf5;color:#fff!important;border:1px solid #315cf5;border-radius:8px;padding:10px 14px;font-weight:650}.tocs-registration-history:hover{background:#2148d4}.tocs-home-registrar .tocs-pill{color:#31529a}.tocs-discover .tocs-domain-panel h2{font-size:22px;line-height:1.5}.tocs-discover .tocs-domain-panel>p{font-size:13px;line-height:1.9;color:#52647d}
.tocs-home-domains{margin-top:24px;padding:38px 40px;border:1px solid #d4ebe3;border-radius:24px;background:linear-gradient(120deg,#f0faf6,#f8fbff)}.tocs-domain-pride{display:inline-flex;align-items:center;gap:8px;margin-bottom:17px;border:1px solid #c5e3d7;border-radius:6px;background:#fff;padding:6px 11px;font-size:12px;font-weight:700;color:#176a53}.tocs-domain-pride>i{color:#9a7420}.tocs-home-domains h2{margin:0 0 27px;font-size:32px;line-height:1.6;font-weight:750;letter-spacing:-1px;color:#203c36}.tocs-home-domain-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:23px}.tocs-home-domain-stats>a{display:flex;align-items:center;gap:14px;min-width:0;padding:22px 19px;border:1px solid #dce9e5;border-radius:13px;background:#fff;color:#203c36;transition:border-color .2s,transform .2s}.tocs-home-domain-stats>a:hover{border-color:#74b59e;transform:translateY(-2px)}.tocs-home-stat-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;background:#edf7f2;color:#22745a;border-radius:11px;font-size:18px}.tocs-home-stat-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:6px}.tocs-home-stat-copy>span{font-size:12px;font-weight:600;color:#526c64}.tocs-home-stat-copy strong{font-size:29px;font-weight:750;font-variant-numeric:tabular-nums;line-height:1.3;letter-spacing:-.7px}.tocs-home-stat-copy small{font-size:12px;font-weight:500;margin-left:5px;letter-spacing:0}.tocs-home-domain-stats>a>i{font-size:12px;color:#52756a}.tocs-domain-buy-guide{display:inline-flex;align-items:center;gap:11px;border-radius:8px;background:#1e6b54;border:1px solid #1e6b54;color:#fff!important;padding:12px 17px;font-size:13px;font-weight:650}.tocs-domain-buy-guide:hover{background:#17533f}.tocs-domain-buy-guide>i:last-child{margin-left:16px}.tocs-home-domains a:focus-visible,.tocs-product-gallery button:focus-visible,.tocs-home-registrar a:focus-visible{outline:3px solid #315cf5;outline-offset:4px}
.tocs-product-lead{font-size:16px;font-weight:650;line-height:1.9;color:#354d70;margin:0 0 14px}.tocs-product-gallery{transform:none!important}.tocs-product-slide{margin:0}.tocs-product-slide[hidden]{display:none}.tocs-product-slide figcaption{display:flex;align-items:center;gap:10px;padding:17px 19px;color:#435976;font-size:13px;line-height:1.5}.tocs-product-slide figcaption>span{font-size:10px;font-weight:700;color:#315cf5;background:#edf1ff;border-radius:5px;padding:4px 6px}.tocs-product-image{height:clamp(300px,30vw,430px);padding:0 13px 13px;background:#fff}.tocs-product-gallery .tocs-product-image img{width:100%;height:100%;max-height:none;object-fit:contain;display:block;border-radius:6px}.tocs-product-controls{display:flex;align-items:center;gap:10px;padding:13px 16px;border-top:1px solid #e8edf5;background:#fafbfe}.tocs-product-controls>button{display:grid;place-items:center;flex:none;width:30px;height:30px;padding:0;border:1px solid #dce4f3;border-radius:7px;background:#fff;color:#435976;font-size:11px}.tocs-product-controls>button:hover{color:#285ca5;border-color:#9db2e5}.tocs-product-dots{display:flex;justify-content:center;align-items:center;gap:5px;flex:1}.tocs-product-dots button{display:grid;place-items:center;width:22px;height:28px;background:none;border:0;padding:7px;cursor:pointer}.tocs-product-dots button:before{content:'';width:6px;height:6px;border-radius:8px;background:#b9c6dd}.tocs-product-dots button[aria-pressed=true]:before{width:17px;background:#315cf5}.tocs-product-count{white-space:nowrap;font-size:11px;color:#52647d;font-variant-numeric:tabular-nums}.tocs-product-count strong{font-weight:700;color:#203b61}
@media(max-width:991px){.tocs-home-registrar{min-height:250px}.tocs-home-domains{padding:30px}.tocs-home-domains h2{font-size:27px}.tocs-home-domain-stats>a{padding:18px 13px;gap:10px}.tocs-home-stat-icon{width:32px;height:32px;font-size:15px}.tocs-home-stat-copy strong{font-size:25px}.tocs-product-image{height:400px}}
@media(max-width:575px){.tocs-home-registrar{min-height:0;padding:24px 20px}.tocs-home-registrar .tocs-starter-top{margin-bottom:17px}.tocs-home-registrar h2{font-size:22px}.tocs-home-registrar .tocs-registrar-promise{font-size:12px;margin-bottom:19px}.tocs-home-registrar .tocs-starter-bottom{gap:11px;font-size:11px}.tocs-registration-history{padding:10px 13px}.tocs-discover .tocs-domain-panel h2{font-size:20px}.tocs-home-domains{padding:25px 18px;border-radius:18px;margin-top:15px}.tocs-home-domains h2{font-size:23px;line-height:1.6;margin-bottom:21px}.tocs-domain-pride{font-size:10px}.tocs-home-domain-stats{grid-template-columns:1fr;gap:9px;margin-bottom:19px}.tocs-home-domain-stats>a{padding:15px 14px}.tocs-home-stat-copy{flex-direction:row;align-items:center;justify-content:space-between;gap:9px}.tocs-home-stat-copy>span{font-size:11px}.tocs-home-stat-copy strong{font-size:24px;white-space:nowrap}.tocs-domain-buy-guide{display:flex;justify-content:center;padding:12px 9px;font-size:11px;gap:8px}.tocs-domain-buy-guide>i:last-child{margin-left:0}.tocs-product-lead{font-size:14px}.tocs-product-image{height:290px;padding:0 8px 8px}.tocs-product-slide figcaption{padding:14px;font-size:12px}.tocs-product-controls{gap:6px;padding:11px 9px}.tocs-product-controls>button{width:27px;height:28px}.tocs-product-dots{gap:2px}.tocs-product-dots button{width:18px;padding:5px}.tocs-product-count{font-size:10px}}

/* 홈 서비스 카드: 자동화 흐름과 도메인 탐색 일러스트 */
.tocs-home .tocs-home-blue{color:#3156c4}
.tocs-home-registrar{border:1px solid #e0e5fb;background:radial-gradient(ellipse at 100% 0,#dce5ff 0,transparent 55%),linear-gradient(125deg,#f6f7ff,#edf1ff);box-shadow:0 8px 25px #4056a607}
.tocs-home-registrar .tocs-starter-top{margin-bottom:20px}
.tocs-home-registrar .tocs-pill{gap:6px;align-items:center;padding:6px 10px;border:1px solid #e3e7fa;border-radius:20px}
.tocs-home-registrar .tocs-starter-top>a{display:grid;place-items:center;width:30px;height:30px;border:1px solid #cdd7f4;border-radius:50%;background:#ffffffb3;transition:transform .2s,background .2s}
.tocs-home-registrar .tocs-starter-top>a:hover{transform:translateX(3px);background:#fff}
.tocs-home-registrar .tocs-registrar-promise{margin-bottom:18px;color:#435976}
.tocs-auto-flow{display:flex;align-items:center;gap:11px;margin:0 0 25px;min-width:0}
.tocs-auto-flow>span{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;background:#ffffffb8;border:1px solid #dfe5fa;border-radius:10px;color:#425785;font-size:11px;font-weight:650;white-space:nowrap}
.tocs-auto-flow>span>i{color:#3156c4;font-size:15px}.tocs-auto-flow>i{font-size:8px;color:#6b7faa}
.tocs-home-registrar .tocs-registration-history{box-shadow:0 5px 12px #315cf51a;transition:transform .2s,background .2s}.tocs-registration-history:hover{transform:translateY(-2px)}
.tocs-discover .tocs-domain-panel{background:radial-gradient(ellipse at 100% 0,#f0f5ff,transparent 65%),#fff;border-color:#dce4f3;box-shadow:0 8px 25px #4056a605}
.tocs-insight-heading{display:flex;align-items:center;gap:11px;margin-bottom:20px}.tocs-insight-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #d9e5f7;border-radius:13px;background:#edf3ff;color:#3b64bc;font-size:19px}.tocs-insight-heading .tocs-kicker{margin:0;color:#596b89;font-size:9px}.tocs-insight-heading small{display:block;margin-top:5px;color:#52647f;font-size:11px;font-weight:500;letter-spacing:0}
.tocs-discover .tocs-domain-panel h2{font-size:21px}.tocs-discover .tocs-search-hint{color:#5c6b82}.tocs-discover .tocs-search-hint a{color:#465a7b}
.tocs-home-domains{position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 0,#d9efe8 0,transparent 43%),linear-gradient(115deg,#eff8f4,#f7faff);border-color:#cde5dc;box-shadow:0 8px 30px #276b4e06}
.tocs-domain-feature-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:28px}.tocs-domain-feature-copy{min-width:0;flex:1}.tocs-home-domains h2{font-size:31px;line-height:1.6;margin-bottom:0;color:#253f39}.tocs-home-domains h2 em{color:#1b7058;font-style:normal}.tocs-home-price{color:#1c6552;position:relative;white-space:nowrap;background:linear-gradient(transparent 65%,#c5e8d9 65%,#c5e8d9 92%,transparent 92%)}
.tocs-domain-pride{border-radius:20px;padding:6px 12px;box-shadow:0 3px 8px #286a5010}
.tocs-domain-illustration{position:relative;flex:0 0 270px;width:270px;margin:-12px 0 -8px;pointer-events:none}.tocs-domain-illustration svg{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 9px #346d4d0d)}.tocs-domain-art-label{display:flex;align-items:center;justify-content:center;gap:7px;color:#32745e;font-size:11px;font-weight:600;margin-top:-8px}
.tocs-home-domain-stats>a{box-shadow:0 5px 15px #225a4305;transition:border-color .2s,transform .2s,box-shadow .2s}.tocs-home-domain-stats>a:hover{transform:translateY(-4px);box-shadow:0 9px 20px #225a4310}.tocs-home-domain-stats>a:nth-child(2) .tocs-home-stat-icon{color:#3659b1;background:#eef2ff}.tocs-home-domain-stats>a:nth-child(2) strong{color:#3659a7}.tocs-home-domain-stats>a:nth-child(3) .tocs-home-stat-icon{color:#7653a4;background:#f5effc}.tocs-home-domain-stats>a:nth-child(3) strong{color:#74519f}
.tocs-home-domain-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.tocs-domain-recommended{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:12px 17px;border:1px solid #b4cfc3;background:#fff;border-radius:8px;color:#225e4b!important;font-size:13px;font-weight:650;transition:transform .2s,background .2s,border-color .2s}.tocs-domain-recommended>i:first-child{color:#966e14}.tocs-domain-recommended:hover{background:#e7f4ed;border-color:#70a58d;transform:translateY(-2px)}.tocs-domain-buy-guide{transition:transform .2s,background .2s}.tocs-domain-buy-guide:hover{transform:translateY(-2px)}
@keyframes tocs-home-icon-rise{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
@keyframes tocs-home-globe-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(prefers-reduced-motion:no-preference){.tocs-discover.is-visible .tocs-auto-flow>span{animation:tocs-home-icon-rise .55s both}.tocs-discover.is-visible .tocs-auto-flow>span:nth-of-type(2){animation-delay:.13s}.tocs-discover.is-visible .tocs-auto-flow>span:nth-of-type(3){animation-delay:.26s}.tocs-home-domains.is-visible .tocs-domain-art-globe{animation:tocs-home-globe-float 2.2s ease-in-out 2}.tocs-home-domains.is-visible .tocs-domain-art-check{animation:tocs-home-icon-rise .6s .3s both}.tocs-home-domains.is-visible .tocs-home-domain-stats>a{animation:tocs-home-icon-rise .6s both}.tocs-home-domains.is-visible .tocs-home-domain-stats>a:nth-child(2){animation-delay:.1s}.tocs-home-domains.is-visible .tocs-home-domain-stats>a:nth-child(3){animation-delay:.2s}}
@media(max-width:1199px){.tocs-domain-illustration{flex-basis:220px;width:220px}.tocs-home-domains h2{font-size:28px}.tocs-auto-flow{gap:6px}.tocs-auto-flow>span{padding:8px;gap:5px}}
@media(max-width:991px){.tocs-domain-illustration{flex-basis:190px;width:190px}.tocs-home-domains h2{font-size:26px}.tocs-domain-feature-head{gap:8px}}
@media(max-width:575px){.tocs-auto-flow{gap:5px;margin-bottom:20px}.tocs-auto-flow>span{font-size:10px;padding:8px 6px;gap:4px}.tocs-auto-flow>span>i{font-size:12px}.tocs-auto-flow>i{font-size:6px}.tocs-discover .tocs-domain-panel h2{font-size:20px}.tocs-domain-feature-head{display:block;position:relative;margin-bottom:22px}.tocs-domain-feature-copy{position:relative;z-index:1}.tocs-domain-illustration{width:150px;margin:3px auto -5px}.tocs-home-domains h2{font-size:23px;line-height:1.6}.tocs-domain-art-label{font-size:10px}.tocs-home-domain-actions{gap:9px;align-items:stretch;flex-direction:column}.tocs-home-domain-actions>a{width:100%;padding:12px 9px;font-size:11px;gap:8px}.tocs-insight-heading{margin-bottom:17px}.tocs-domain-pride{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.tocs-home .tocs-auto-flow>span,.tocs-home .tocs-domain-illustration *,.tocs-home .tocs-home-domain-stats>a,.tocs-home .tocs-home-domain-actions>a,.tocs-home .tocs-starter-top>a,.tocs-home .tocs-registration-history{animation:none!important;transition:none!important;transform:none!important}}

/* 실제 이미지 비율로 슬라이드의 위아래 빈 공간을 없앱니다. */
.tocs-product-gallery .tocs-product-image{height:auto;padding:0;aspect-ratio:1585 / 857;background:transparent}
.tocs-product-gallery .tocs-product-image img{display:block;width:100%;height:auto;max-height:none;border-radius:0}
@media(max-width:767px){
 .tocs-home-registrar .tocs-registrar-promise{white-space:normal;overflow:visible;font-size:clamp(11px,3vw,12px);line-height:1.9;padding-bottom:0}
 .tocs-home-registrar .tocs-registrar-promise>span{display:block;white-space:nowrap}
 .tocs-home-domains .tocs-domain-feature-head{position:static}
 .tocs-home-domains .tocs-domain-feature-copy,.tocs-home-domains .tocs-home-domain-stats,.tocs-home-domains .tocs-home-domain-actions{position:relative;z-index:1}
 .tocs-home-domains .tocs-domain-illustration{position:absolute;top:6px;right:-15px;width:190px;margin:0;opacity:.13;z-index:0}
 .tocs-home-domains .tocs-domain-art-label{display:none}
}

/* 낙장도메인 소개: 한 줄 제목과 한 번만 재생되는 타이핑 효과. */
.tocs-home-domains h2[data-home-type-line]{font-size:26px;line-height:1.7;white-space:nowrap;letter-spacing:-.7px}
.tocs-type-char{display:inline-block;white-space:pre}
@keyframes tocs-home-type-char{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:no-preference){
 [data-home-type-line].is-type-ready .tocs-type-char{opacity:0}
 [data-home-type-line].is-typing .tocs-type-char{animation:tocs-home-type-char .01s step-end both;animation-delay:calc(var(--tocs-char-index) * 45ms)}
}
@media(max-width:767px){.tocs-home-domains h2[data-home-type-line]{font-size:23px;line-height:1.6;white-space:normal;letter-spacing:-1px}.tocs-home-domains h2[data-home-type-line] em{display:block}}