:root{--kapa-black:#1d1d1f;--kapa-blue:#ddecff;--kapa-text:#171717;--kapa-inner:1280px}
html{scroll-behavior:smooth}
body{min-width:0!important;margin:0;background:#fff;color:var(--kapa-text);font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif;letter-spacing:-.02em}
body.kapa-menu-open{overflow:hidden}
#hd_login_msg{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0,0,0,0)}
.kapa-skip{position:fixed;top:-60px;left:16px;z-index:9999;padding:12px 18px;background:#fff;color:#111;font-weight:700;transition:top .2s}
.kapa-skip:focus{top:8px}
.kapa-site-header#hd{position:relative;z-index:1000;min-width:0!important;height:52px;background:var(--kapa-black);color:#fff}
.kapa-header-inner{display:flex;align-items:center;width:min(var(--kapa-inner),calc(100% - 40px));height:52px;margin:0 auto}
.kapa-logo{display:flex;align-items:center;flex:0 0 auto;width:144px;height:34px}
.kapa-logo img{display:block;width:144px;height:auto}
.kapa-desktop-nav{display:flex;align-items:center;gap:26px;margin-left:72px;height:100%}
.kapa-desktop-nav a,.kapa-cart-link,.kapa-member-nav a,.kapa-manual-link{color:#fff;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}
.kapa-desktop-nav a:hover,.kapa-member-nav a:hover{color:#cfe2ff}
.kapa-cart-link{display:inline-flex;align-items:center;gap:5px;cursor:default}
.kapa-cart-link b{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ee3933;color:#fff;font-size:10px}
.kapa-member-nav{display:flex;align-items:center;gap:22px;margin-left:auto}
.kapa-manual-link{color:#e6e7e9;cursor:default}
.kapa-member-nav .kapa-logout{color:#bfc1c5}
.kapa-menu-toggle{display:none;margin-left:auto;width:42px;height:42px;padding:10px;border:0;background:transparent;cursor:pointer}
.kapa-menu-toggle>span:not(.sound_only){display:block;width:22px;height:2px;margin:4px 0;background:#fff}
.kapa-mobile-menu{display:none;position:absolute;top:52px;right:0;left:0;padding:10px 20px 18px;background:#242426;border-top:1px solid #3b3b3e;box-shadow:0 14px 30px rgba(0,0,0,.25)}
.kapa-mobile-menu[hidden]{display:none!important}
.kapa-mobile-menu a{display:block;padding:13px 4px;border-bottom:1px solid #39393c;color:#fff;font-size:14px;font-weight:700;text-decoration:none}
.kapa-site-container#container{float:none!important;width:100%!important;min-height:calc(100vh - 114px)!important;margin:0!important;padding:0!important;background:#fff}
.kapa-site-container#container.kapa-content-wide{height:calc(100vh - 124px);height:calc(100dvh - 124px);min-height:0!important;overflow:hidden}
.kapa-inner-wrap{width:min(var(--kapa-inner),calc(100% - 40px));min-height:560px;margin:0 auto;padding:42px 0 70px}
.kapa-page-title{margin:0 0 26px;padding-bottom:16px;border-bottom:1px solid #e3e5e8;font-size:26px;letter-spacing:-.04em}
.kapa-site-footer#ft{min-width:0!important;margin:0!important;padding:0!important;border:0;background:#f7f7f8;color:#777}
.kapa-footer-inner{display:flex;align-items:center;justify-content:center;position:relative;width:min(var(--kapa-inner),calc(100% - 40px));min-height:72px;margin:0 auto}
.kapa-footer-inner p{margin:0;font-size:12px}
.kapa-footer-inner nav{position:absolute;right:0;display:flex;gap:18px}
.kapa-footer-inner a{color:#686b70;font-size:11px;text-decoration:none}

/* 메인 히어로 */
.kapa-parts-scope{background:#fff!important}
.kapa-parts-scope .kapa-main-app{width:100%;background:#fff}
.kapa-main-hero{position:relative;display:flex;align-items:center;min-height:548px;background:#6f7072 url(../img/kapa-hero-bg.svg) center/cover no-repeat;color:#fff;overflow:hidden}
.kapa-main-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,10,.28),rgba(8,9,10,.03) 62%,rgba(255,255,255,.08));pointer-events:none}
.kapa-main-hero-inner{position:relative;z-index:1;width:min(var(--kapa-inner),calc(100% - 40px));margin:0 auto;padding:40px 40px 70px}
.kapa-main-hero h1{margin:0 0 17px;color:#fff;font-size:40px;font-weight:800;line-height:1.25;letter-spacing:-.055em;text-shadow:0 1px 7px rgba(0,0,0,.12)}
.kapa-main-hero p{margin:0 0 9px;color:#f6f6f6;font-size:21px;font-weight:500;line-height:1.5}
.kapa-main-hero .kapa-hero-description{max-width:730px;margin-top:2px;font-size:19px;line-height:1.55}

/* 메인 히어로 타이핑 모션 */
.kapa-main-hero-inner{
  transform:translate3d(var(--kapa-hero-shift-x,0),var(--kapa-hero-shift-y,0),0);
  transition:transform .18s linear;
  will-change:transform;
}
.kapa-main-hero.kapa-hero-typing-enabled .kapa-main-hero-inner>p{will-change:transform,opacity,filter}
.kapa-hero-typing-target.is-typing::after{
  content:"";
  display:inline-block;
  width:3px;
  height:.92em;
  margin-left:7px;
  border-radius:2px;
  background:rgba(255,255,255,.94);
  vertical-align:-.08em;
  animation:kapa-hero-caret .72s steps(1,end) infinite;
}
@keyframes kapa-hero-caret{
  0%,48%{opacity:1}
  49%,100%{opacity:0}
}
@media (prefers-reduced-motion:reduce){
  .kapa-main-hero-inner{transform:none!important;transition:none!important}
  .kapa-hero-typing-target::after{display:none!important}
}
.kapa-main-search{display:flex;align-items:center;min-height:278px;padding:42px 20px;background:var(--kapa-blue);text-align:center}
.kapa-main-search-inner{width:min(900px,100%);margin:0 auto}
.kapa-main-search h2{margin:0 0 26px;font-size:25px;font-weight:800;line-height:1.45;letter-spacing:-.045em}
.kapa-parts-scope .kapa-main-search .search-box{display:flex;justify-content:center;max-width:520px;margin:0 auto;gap:0}
.kapa-parts-scope .kapa-main-search .search-input-wrap{height:48px;padding:0 8px 0 14px;border:2px solid #262626;border-radius:8px 0 0 8px;box-shadow:0 12px 35px rgba(51,89,135,.12)}
.kapa-parts-scope .kapa-main-search .search-input-wrap:focus-within{border-color:#111;box-shadow:0 0 0 4px rgba(30,79,137,.13)}
.kapa-parts-scope .kapa-main-search .type-chip{min-width:48px;padding:5px 7px;background:#e9f1fc;color:#355a86;font-size:10px}
.kapa-parts-scope .kapa-main-search .search-input-wrap input{padding:0 10px;font-size:14px}
.kapa-parts-scope .kapa-main-search .primary-btn{
  display:grid;
  place-items:center;
  min-width:54px;
  border-radius:0 8px 8px 0;
  background-color:#222;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='10.8' cy='10.8' r='6.8' stroke='%23fff' stroke-width='2.2'/%3E%3Cpath d='M16 16l4.2 4.2' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
  background-size:22px 22px;
  font-size:0;
  position:relative;
}
.kapa-parts-scope .kapa-main-search .primary-btn::before,
.kapa-parts-scope .kapa-main-search .primary-btn::after{content:none}
.kapa-parts-scope .kapa-main-search .primary-btn:hover{background-color:#000;transform:none}
.kapa-parts-scope .kapa-main-search .examples{justify-content:center;margin-top:13px}
.kapa-parts-scope .kapa-main-search .examples button{background:rgba(255,255,255,.58);color:#53677e}
.kapa-parts-scope .kapa-main-search .demo-badge{background:rgba(255,255,255,.76)}
.kapa-parts-scope .kapa-main-search .inline-status{max-width:520px;margin:12px auto 0}
.kapa-main-search-notice{margin:38px 0 0;color:#53657a;font-size:13px}
.kapa-results-wrap{padding:34px 20px 60px;background:#f4f7fb}
/* 검색 결과가 있을 때만 노출되는 하단 재검색 영역 */
.kapa-research-action{padding:0 20px;background:#fff;border-top:1px solid #eceef1}
.kapa-research-action-inner{display:flex;align-items:center;justify-content:center;gap:18px;width:min(var(--kapa-inner),100%);min-height:106px;margin:0 auto}
.kapa-research-action p{margin:0;color:#747b85;font-size:13px;font-weight:600}
.kapa-research-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:126px;height:44px;padding:0 20px;border:1px solid #222;border-radius:999px;background:#fff;color:#202124;font-size:13px;font-weight:800;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}
.kapa-research-btn:hover{background:#222;color:#fff;transform:translateY(-1px)}
.kapa-research-btn:focus-visible{outline:3px solid rgba(30,79,137,.22);outline-offset:3px}
.kapa-research-icon{position:relative;width:15px;height:15px;border:2px solid currentColor;border-radius:50%}
.kapa-research-icon:after{content:"";position:absolute;right:-5px;bottom:-3px;width:6px;height:2px;border-radius:2px;background:currentColor;transform:rotate(45deg);transform-origin:left center}
.kapa-parts-scope .kapa-results-wrap .explorer{width:min(1480px,100%);margin:0 auto}
.kapa-history-panel{overflow:hidden;border:1px solid #e1e4e8;border-radius:14px;background:#fff;box-shadow:0 10px 28px rgba(20,31,48,.05)}
.kapa-history-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid #e7e9ec}
.kapa-history-head p{margin:0;color:#68707c;font-size:14px}
.kapa-history-head a{padding:9px 14px;border-radius:8px;background:#222;color:#fff;font-size:12px;font-weight:700;text-decoration:none}
.kapa-history-table-wrap{overflow-x:auto}
.kapa-history-table{width:100%;border-collapse:collapse}
.kapa-history-table th,.kapa-history-table td{padding:14px 18px;border-bottom:1px solid #eceef0;text-align:left;font-size:13px;white-space:nowrap}
.kapa-history-table th{background:#f7f8fa;color:#656d78;font-size:12px}
.kapa-history-state{display:inline-flex;padding:4px 8px;border-radius:999px;background:#fff0f0;color:#c33;font-size:11px;font-weight:800}
.kapa-history-state.is-success{background:#e9f8f2;color:#087b57}
.kapa-history-empty{padding:90px 20px;color:#7b828c;text-align:center}

@media (max-width:1000px){
  .kapa-desktop-nav{margin-left:38px;gap:18px}.kapa-member-nav{gap:14px}
  .kapa-main-hero{min-height:470px}.kapa-main-hero-inner{padding-left:20px}.kapa-main-hero h1{font-size:34px}.kapa-main-hero p{font-size:18px}.kapa-main-hero .kapa-hero-description{font-size:16px}
}
@media (max-width:1279px){
  .kapa-site-container#container.kapa-content-wide{height:auto;min-height:calc(100vh - 52px)!important;overflow:visible}
}
@media (max-width:860px){
  .kapa-site-header#hd,.kapa-header-inner{height:58px}.kapa-header-inner{width:calc(100% - 24px)}.kapa-logo{width:132px}.kapa-logo img{width:132px}.kapa-desktop-nav,.kapa-member-nav{display:none}.kapa-menu-toggle{display:block}.kapa-mobile-menu{top:58px}.kapa-mobile-menu.is-open:not([hidden]){display:block}
  .kapa-main-hero{min-height:430px}.kapa-main-hero-inner{width:calc(100% - 24px);padding:40px 4px 65px}.kapa-main-hero h1{max-width:570px;font-size:31px}.kapa-main-search{min-height:260px}.kapa-main-search h2{font-size:21px}
  .kapa-footer-inner{justify-content:flex-start;min-height:86px}.kapa-footer-inner nav{right:0}
  .kapa-site-container#container.kapa-content-wide{height:auto;min-height:calc(100vh - 58px)!important;overflow:visible}
}
@media (max-width:600px){
  .kapa-main-hero{min-height:390px;background-position:57% center}.kapa-main-hero:after{background:rgba(8,9,10,.28)}.kapa-main-hero h1{font-size:27px;line-height:1.32}.kapa-main-hero p{font-size:16px}.kapa-main-hero .kapa-hero-description{font-size:14px}
  .kapa-main-search{min-height:300px;padding:38px 14px}.kapa-main-search h2{margin-bottom:22px;font-size:19px}.kapa-parts-scope .kapa-main-search .search-box{flex-direction:row}.kapa-parts-scope .kapa-main-search .type-chip{display:none}.kapa-main-search-notice{margin-top:32px}.kapa-results-wrap{padding:22px 9px 40px}
  .kapa-research-action{padding:0 14px}.kapa-research-action-inner{gap:12px;min-height:118px;flex-direction:column}.kapa-research-action p{font-size:12px}.kapa-research-btn{min-width:132px}
  .kapa-inner-wrap{width:calc(100% - 28px);padding-top:28px}.kapa-page-title{font-size:22px}
  .kapa-footer-inner{display:block;width:calc(100% - 28px);padding:23px 0;text-align:center}.kapa-footer-inner nav{position:static;justify-content:center;margin-top:12px}
  .kapa-history-head{align-items:flex-start;flex-direction:column}.kapa-history-table th,.kapa-history-table td{padding:12px}
}

/* KAPA 공통 상단 이동 버튼 */
.kapa-to-top{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:900;display:grid;place-items:center;width:50px;height:50px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(29,29,31,.9);color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease,background .2s ease,border-color .2s ease;cursor:pointer}
.kapa-to-top svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.kapa-to-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.kapa-to-top:hover{background:#111;border-color:rgba(255,255,255,.42)}
.kapa-to-top:focus-visible{background:#111;border-color:#cfe2ff;outline:3px solid rgba(108,165,226,.3);outline-offset:2px}
@media (max-width:600px){.kapa-to-top{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));width:44px;height:44px}.kapa-to-top svg{width:20px;height:20px}}
@media (prefers-reduced-motion:reduce){.kapa-to-top{transition:none!important}}