:root { --popup-paper:#f6f3ec; --popup-ink:#26282c; --popup-bronze:#a9825a; --popup-champagne:#e6c9a2; }
#k_popup2,#k_popup2 * { box-sizing:border-box; }
#k_popup2 .popup { padding:24px 32px; }
#k_popup2 .pop_content { top:0; width:calc(100% - 64px); max-width:1180px; }
#k_popup2 .popup_close_txt { position:relative; z-index:2; float:right; width:auto; margin:0 0 10px; padding:7px 13px 8px; border:1px solid rgba(255,255,255,.34); border-radius:999px; background:rgba(20,21,24,.58); color:#fff; font-family:"Noto Sans KR",sans-serif; font-size:12px; line-height:1; letter-spacing:-.02em; backdrop-filter:blur(8px); }
#k_popup2 .pop_content>ul.pc { clear:both; gap:14px; align-items:stretch; }
#k_popup2 .pop_content>ul.pc>li { min-width:0; margin:0; }
#k_popup2 .claude-popup-card { position:relative; display:flex; width:100%; height:570px; overflow:hidden; border:1px solid rgba(169,130,90,.23); border-radius:16px; background:var(--popup-paper); color:var(--popup-ink); box-shadow:0 24px 55px rgba(10,12,16,.24),0 3px 10px rgba(10,12,16,.14); text-align:left; font-family:"Noto Sans KR",sans-serif; isolation:isolate; }
#k_popup2 .claude-popup-visual { position:relative; flex:0 0 auto; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; }
#k_popup2 .claude-popup-visual:after { position:absolute; inset:0; content:""; pointer-events:none; }
#k_popup2 .claude-popup-visual-label { position:absolute; z-index:1; left:19px; bottom:14px; color:#fff; font-family:Georgia,"Times New Roman",serif; font-size:10px; line-height:1; letter-spacing:.16em; text-shadow:0 1px 8px rgba(0,0,0,.48); }
#k_popup2 .claude-popup-body { position:relative; flex:1 1 auto; min-height:0; }
#k_popup2 .claude-popup-brand { color:var(--popup-bronze); font-family:Georgia,"Noto Sans KR",serif; font-size:11px; font-weight:700; line-height:1.2; letter-spacing:.04em; }
#k_popup2 .claude-popup-card a { float:none; width:auto; }

/* 01 — editorial city report */
#k_popup2 .claude-popup-development { flex-direction:column; }
#k_popup2 .claude-popup-development .claude-popup-visual { height:152px; background-image:url("/popup/popup-development-claude.png"); background-position:center 40%; }
#k_popup2 .claude-popup-development .claude-popup-visual:after { background:linear-gradient(180deg,transparent 42%,rgba(18,21,25,.76)); }
#k_popup2 .claude-popup-development .claude-popup-body { display:flex; flex-direction:column; padding:18px 20px 17px; }
#k_popup2 .claude-popup-development h2 { margin-top:7px; color:var(--popup-ink); font-size:21px; font-weight:500; line-height:1.16; letter-spacing:-.055em; }
#k_popup2 .claude-popup-development h2 span,#k_popup2 .claude-popup-development h2 strong { display:block; }
#k_popup2 .claude-popup-development h2 strong { margin-top:3px; color:#8e633d; font-weight:800; }
#k_popup2 .claude-milestones { display:grid; gap:6px; margin-top:13px; }
#k_popup2 .claude-milestones li { display:grid; grid-template-columns:58px 1fr; align-items:center; min-height:52px; margin:0; overflow:hidden; border:1px solid rgba(169,130,90,.22); border-radius:9px; background:rgba(255,255,255,.6); }
#k_popup2 .claude-milestones time { display:grid; align-self:stretch; place-items:center; border-right:1px solid rgba(169,130,90,.2); background:#2d3135; color:var(--popup-champagne); font-family:Georgia,"Times New Roman",serif; font-size:18px; font-weight:700; }
#k_popup2 .claude-milestones li>span { display:flex; flex-direction:column; min-width:0; padding:7px 10px; }
#k_popup2 .claude-milestones b { color:#303236; font-size:12px; font-weight:700; line-height:1.3; letter-spacing:-.04em; }
#k_popup2 .claude-milestones em { margin-top:2px; color:#796148; font-size:10px; font-style:normal; line-height:1.2; letter-spacing:-.03em; }
#k_popup2 .claude-popup-note { margin-top:12px; color:#7e5734; font-family:Georgia,"Noto Sans KR",serif; font-size:13px; font-weight:700; line-height:1.25; text-align:center; }
#k_popup2 .claude-popup-contact { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:auto; padding-top:11px; border-top:1px solid rgba(169,130,90,.22); font-size:9px; line-height:1.2; }
#k_popup2 .claude-popup-contact span { color:#74716c; }
#k_popup2 .claude-popup-contact a { color:var(--popup-ink); font-family:Georgia,"Times New Roman",serif; font-size:12px; font-weight:700; letter-spacing:.02em; }

/* 02 — softly layered private selection */
#k_popup2 .claude-popup-contract { flex-direction:column; border-color:rgba(230,201,162,.48); background:#f3eee5; }
#k_popup2 .claude-popup-contract .claude-popup-visual { height:194px; margin:10px 10px 0; border-radius:11px 11px 5px 5px; background-image:url("/popup/popup-contract-claude.png"); background-position:center 68%; }
#k_popup2 .claude-popup-contract .claude-popup-visual:after { background:linear-gradient(180deg,rgba(22,23,25,.06),rgba(22,23,25,.5)); }
#k_popup2 .claude-popup-contract .claude-popup-body { display:flex; flex-direction:column; padding:14px 20px 15px; }
#k_popup2 .claude-contract-heading { display:flex; align-items:baseline; gap:8px; margin-top:7px; }
#k_popup2 .claude-contract-heading>span { flex:0 0 auto; color:#986c45; font-family:Georgia,"Noto Sans KR",serif; font-size:12px; font-weight:700; }
#k_popup2 .claude-popup-contract h2 { color:#202225; font-size:22px; font-weight:800; line-height:1.2; letter-spacing:-.065em; }
#k_popup2 .claude-contract-benefits { display:grid; gap:5px; margin-top:12px; }
#k_popup2 .claude-contract-benefits li { display:grid; grid-template-columns:42px 1fr; align-items:center; min-height:43px; margin:0; border-radius:8px; background:rgba(255,255,255,.74); box-shadow:inset 0 0 0 1px rgba(169,130,90,.14); }
#k_popup2 .claude-contract-benefits li>span { color:var(--popup-bronze); font-family:Georgia,"Times New Roman",serif; font-size:15px; font-weight:700; text-align:center; }
#k_popup2 .claude-contract-benefits p { display:flex; flex-direction:column; padding:6px 9px 6px 0; }
#k_popup2 .claude-contract-benefits b { color:#282a2d; font-size:12px; font-weight:700; line-height:1.25; letter-spacing:-.035em; }
#k_popup2 .claude-contract-benefits em { color:#7a756e; font-size:10px; font-style:normal; line-height:1.2; }
#k_popup2 .claude-popup-cta { display:flex; align-items:center; justify-content:center; gap:4px; min-height:42px; margin-top:12px; padding:10px 13px; border-radius:8px; background:var(--popup-ink); color:#fff; font-size:12px; font-weight:700; line-height:1.2; text-align:center; transition:background-color .2s ease,transform .2s ease; }
#k_popup2 .claude-popup-cta:hover,#k_popup2 .claude-popup-cta:focus-visible { background:#805c3d; transform:translateY(-1px); }
#k_popup2 .claude-popup-cta span { color:var(--popup-champagne); font-weight:500; }
#k_popup2 .claude-popup-cta i { margin-left:auto; font-family:Georgia,"Times New Roman",serif; font-style:normal; font-size:17px; }
#k_popup2 .claude-popup-phone { display:block; margin-top:8px; color:#6e655c; font-family:Georgia,"Noto Sans KR",serif; font-size:10px; font-weight:700; line-height:1.2; text-align:center; letter-spacing:.025em; }

/* 03 — formal official notice */
#k_popup2 .claude-popup-warning { flex-direction:column; border-color:rgba(38,40,44,.28); background:#f7f3eb; }
#k_popup2 .claude-popup-warning .claude-popup-visual { height:148px; background-image:url("/popup/popup-warning-claude.png"); background-position:center 61%; }
#k_popup2 .claude-popup-warning .claude-popup-visual:after { background:linear-gradient(180deg,rgba(20,22,24,.03),rgba(20,22,24,.4)); }
#k_popup2 .claude-popup-warning .claude-popup-visual-label { left:auto; right:18px; }
#k_popup2 .claude-warning-seal { position:absolute; z-index:2; left:20px; bottom:-17px; display:grid; width:42px; height:42px; place-items:center; border:1px solid rgba(230,201,162,.72); border-radius:50%; background:#292c30; color:var(--popup-champagne); font-family:Georgia,"Times New Roman",serif; font-size:22px; box-shadow:0 7px 18px rgba(20,22,24,.25); }
#k_popup2 .claude-popup-warning .claude-popup-body { display:flex; flex-direction:column; padding:27px 24px 20px; }
#k_popup2 .claude-popup-warning h2 { margin-top:9px; padding-bottom:14px; border-bottom:1px solid rgba(169,130,90,.28); color:#27292d; font-family:Georgia,"Noto Sans KR",serif; font-size:22px; font-weight:700; line-height:1.25; letter-spacing:-.055em; }
#k_popup2 .claude-warning-copy { margin-top:18px; color:#4f4f4d; font-size:11px; font-weight:400; line-height:1.85; letter-spacing:-.035em; word-break:keep-all; }
#k_popup2 .claude-warning-copy q:before,#k_popup2 .claude-warning-copy q:after { content:'"'; }
#k_popup2 .claude-warning-copy q { color:#292b2f; font-weight:700; }
#k_popup2 .claude-warning-official { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:auto; padding:12px 13px; border:1px solid rgba(169,130,90,.28); border-radius:8px; background:rgba(230,201,162,.15); }
#k_popup2 .claude-warning-official span { color:#75624f; font-size:10px; font-weight:700; }
#k_popup2 .claude-warning-official a { color:#2b2d30; font-family:Georgia,"Times New Roman",serif; font-size:13px; font-weight:700; letter-spacing:.02em; }
#k_popup2 .swiper_pop { clear:both; }

@media (max-width:1100px) and (min-width:768px) {
  #k_popup2 .pop_content { width:calc(100% - 40px); }
  #k_popup2 .pop_content>ul.pc { gap:9px; }
  #k_popup2 .claude-popup-development .claude-popup-body,#k_popup2 .claude-popup-contract .claude-popup-body { padding-right:15px; padding-left:15px; }
  #k_popup2 .claude-popup-warning .claude-popup-body { padding-right:18px; padding-left:18px; }
}

@media (max-width:767px) {
  #k_popup2 .popup { padding:14px 16px; }
  #k_popup2 .pop_content { top:0; width:calc(100% - 32px); max-width:350px; margin:0 auto; }
  #k_popup2 .popup_close_txt { margin-bottom:7px; padding:7px 12px 8px; }
  #k_popup2 .swiper_pop { width:100%; overflow:hidden; margin:0 auto; border-radius:16px; }
  #k_popup2 .swiper_pop .swiper-slide { width:100%; min-width:0; }
  #k_popup2 .claude-popup-card { height:min(590px,calc(100vh - 128px)); min-height:500px; }
  #k_popup2 .claude-popup-development .claude-popup-visual { height:clamp(128px,21vh,158px); }
  #k_popup2 .claude-popup-contract .claude-popup-visual { height:clamp(150px,25vh,194px); }
  #k_popup2 .claude-popup-warning .claude-popup-visual { height:clamp(124px,20vh,148px); }
  #k_popup2 .pop_arrow { float:none; margin:9px 0 0 auto; }
}

@media (max-height:680px) and (max-width:767px) {
  #k_popup2 .claude-popup-development .claude-popup-body { padding-top:13px; padding-bottom:12px; }
  #k_popup2 .claude-milestones { gap:4px; margin-top:9px; }
  #k_popup2 .claude-milestones li { min-height:46px; }
  #k_popup2 .claude-popup-note { margin-top:8px; }
  #k_popup2 .claude-popup-contract .claude-popup-body { padding-top:10px; padding-bottom:10px; }
  #k_popup2 .claude-contract-benefits { margin-top:8px; }
  #k_popup2 .claude-contract-benefits li { min-height:39px; }
  #k_popup2 .claude-popup-cta { margin-top:8px; }
  #k_popup2 .claude-popup-warning .claude-popup-body { padding-top:22px; padding-bottom:14px; }
  #k_popup2 .claude-popup-warning h2 { margin-top:6px; padding-bottom:10px; font-size:20px; }
  #k_popup2 .claude-warning-copy { margin-top:12px; font-size:10px; line-height:1.7; }
}

@media (prefers-reduced-motion:reduce) {
  #k_popup2.show { animation:none; }
  #k_popup2 .claude-popup-cta { transition:none; }
}