:root{
  --blue:#0B4AB5;--navy:#0D2E6E;--red:#E53935;--kakao:#FEE500;--ink:#1F2430;--mute:#6B7385;--line:#E4E8F0;--bg:#fff;--bg2:#F5F6F8;
  box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#14171F;--bg2:#1C2029;--ink:#F2F4F8;--mute:#A3AABB;--line:#2B3040}}
:root[data-theme=dark]{--bg:#14171F;--bg2:#1C2029;--ink:#F2F4F8;--mute:#A3AABB;--line:#2B3040}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*{box-sizing:inherit}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Pretendard','Noto Sans KR','Apple SD Gothic Neo',sans-serif;-webkit-font-smoothing:antialiased}
.wrap{max-width:1360px;margin:0 auto;padding:0 24px}

/* header */
header{background:var(--bg);border-bottom:1px solid var(--line)}
.hd{display:flex;align-items:center;justify-content:space-between;height:88px}
.logo{display:flex;flex-direction:column;line-height:1;text-decoration:none}
.logo b{font-size:26px;font-weight:900;color:var(--blue);letter-spacing:-1px}
.logo span{font-size:15px;font-weight:700;color:var(--navy);margin-top:4px;letter-spacing:.5px}
nav{display:flex;gap:36px}
nav a{color:var(--ink);text-decoration:none;font-weight:700;font-size:17px}
.util{display:flex;gap:10px}
.util a{font-size:14px;font-weight:700;padding:10px 14px;border-radius:8px;text-decoration:none}
.util .kk{background:var(--kakao);color:#1F2430}.util .rm{background:var(--bg2);color:var(--ink)}
@media(max-width:900px){nav,.util .rm{display:none}}

/* hero */
.hero{position:relative;height:620px;overflow:hidden;background:var(--navy)}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;display:flex;align-items:center}
.slide.on{opacity:1;z-index:1}
.slide .wrap{position:relative;z-index:2;width:100%}
.eyebrow{display:inline-block;font-size:14px;font-weight:700;letter-spacing:1px;padding:6px 12px;border-radius:999px;margin-bottom:18px}
.h1{font-size:56px;font-weight:900;line-height:1.18;letter-spacing:-2px;margin:0 0 18px;max-width:14ch}
.sub{font-size:20px;font-weight:500;line-height:1.5;margin:0 0 36px;opacity:.92;max-width:34ch}
.cta{display:inline-flex;gap:10px}
.cta a{padding:16px 28px;border-radius:10px;font-weight:800;font-size:16px;text-decoration:none}
.cta .p{background:var(--blue);color:#fff}.cta .k{background:var(--kakao);color:#1F2430}
.cta .w{background:#fff;color:var(--navy)}
/* per-slide art (CSS/SVG only, placeholder for real photos) */
.s1{background:linear-gradient(105deg,#0D2E6E 0%,#0B4AB5 55%,#3D7BFF 100%);color:#fff}
.s1 .eyebrow{background:rgba(255,255,255,.14)}
.s2{background:#0F1115;color:#fff}
.s2 .eyebrow{background:var(--red)}
.s3{background:linear-gradient(120deg,#F5F6F8 0%,#E4E8F0 100%);color:var(--navy)}
.s3 .eyebrow{background:var(--blue);color:#fff}
.s4{background:linear-gradient(110deg,#FFF8E1 0%,#FFE9A8 100%);color:#1F2430}
.s4 .eyebrow{background:#1F2430;color:var(--kakao)}
.art{position:absolute;right:0;top:0;bottom:0;width:52%;pointer-events:none}
.art svg{position:absolute;right:-40px;top:50%;transform:translateY(-50%);height:88%;width:auto}
@media(max-width:900px){.art{opacity:.18;width:100%}.h1{font-size:38px;letter-spacing:-1px}.sub{font-size:16px}.hero{height:560px}}


/* ===== slide 1: video background (sim + real video slot) ===== */
.s1{background:#0D2E6E}
.vbg{position:absolute;inset:0;overflow:hidden;z-index:0}
.vbg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}
.vbg.has-video video{display:block}
.vbg.has-video .sim{display:none}
.sim{position:absolute;inset:0;animation:kb 16s ease-in-out infinite alternate;transform-origin:60% 50%}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.12) translate(-2%,1%)}}
.sim .room{position:absolute;inset:0;background:
  linear-gradient(180deg,#0B2C6B 0%,#0D3A8C 45%,#0A2352 100%)}
.sim .win{position:absolute;left:8%;top:6%;width:30%;height:52%;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.05));border-radius:4px;box-shadow:0 0 120px rgba(255,255,255,.18)}
.sim .win:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:6px;background:rgba(13,46,110,.6)}
.sim .desk{position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(180deg,#123E96,#0A2352)}
.sim .printer{position:absolute;left:44%;bottom:26%;width:26%;height:26%;background:linear-gradient(180deg,#F4F6FA,#D9DFEA);border-radius:14px 14px 8px 8px;box-shadow:0 30px 60px rgba(0,0,0,.45)}
.sim .printer:before{content:"";position:absolute;left:12%;top:-14%;width:76%;height:20%;background:#2B3140;border-radius:8px 8px 0 0}
.sim .printer .panel{position:absolute;right:10%;top:22%;width:22%;height:16%;background:#0B4AB5;border-radius:4px;animation:blink 2.4s infinite}
@keyframes blink{0%,60%{background:#0B4AB5}70%{background:#3D7BFF}80%,100%{background:#0B4AB5}}
.sim .paper{position:absolute;left:18%;bottom:-2%;width:64%;height:70%;background:#fff;border-radius:3px;transform-origin:top;animation:print 5s ease-in-out infinite}
.sim .paper i{position:absolute;left:12%;right:12%;height:5%;background:#0B4AB5;opacity:.5;border-radius:3px}
.sim .paper i:nth-child(1){top:18%;width:40%}.sim .paper i:nth-child(2){top:32%}.sim .paper i:nth-child(3){top:46%;width:60%}.sim .paper i:nth-child(4){top:60%;width:70%;background:#E53935}
@keyframes print{0%{transform:translateY(-100%);opacity:0}15%{opacity:1}55%{transform:translateY(10%)}100%{transform:translateY(10%);opacity:1}}
.sim .person{position:absolute;left:20%;bottom:20%;width:14%;height:60%}
.sim .person .head{position:absolute;left:35%;top:0;width:30%;padding-top:30%;border-radius:50%;background:#1F2430}
.sim .person .body{position:absolute;left:10%;top:28%;width:80%;height:72%;background:linear-gradient(180deg,#DDE6F6,#B9C8E6);border-radius:40% 40% 8px 8px;animation:sway 4s ease-in-out infinite}
@keyframes sway{0%,100%{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}
.sim .light{position:absolute;inset:0;background:radial-gradient(60% 50% at 25% 30%,rgba(255,255,255,.25),transparent 70%);animation:drift 12s ease-in-out infinite alternate}
@keyframes drift{from{transform:translateX(0)}to{transform:translateX(6%)}}
.vbg .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,22,58,.82) 0%,rgba(7,22,58,.55) 45%,rgba(7,22,58,.15) 100%);z-index:1}
.s1 .wrap{z-index:2}
.s1 .badge{position:absolute;right:40px;bottom:130px;z-index:2;display:flex;align-items:center;gap:10px;color:#fff;font-size:13px;font-weight:700;background:rgba(0,0,0,.35);padding:8px 14px;border-radius:999px;backdrop-filter:blur(6px)}
.s1 .badge b{width:8px;height:8px;border-radius:50%;background:#E53935;animation:blink 1.6s infinite}
@media(max-width:900px){.sim{animation:none}.s1 .badge{display:none}}
@media(prefers-reduced-motion:reduce){.sim,.sim *{animation:none!important}}


/* 히어로 우측 아트: 콘텐츠 폭(1360) 안으로 정렬 */
.art{right:max(24px,calc((100% - 1360px)/2 + 24px));width:46%;max-width:600px}
.art svg{right:0;height:auto;width:100%;max-height:88%}
.s3 .art svg{width:100%;height:auto;max-height:none;top:50%;transform:translateY(-50%)}
@media(max-width:900px){.art{right:0;width:100%;max-width:none}}

/* controls */
.dots{position:absolute;left:50%;bottom:118px;transform:translateX(-50%);display:flex;gap:8px;z-index:3}
.dots button{width:36px;height:4px;border:0;border-radius:2px;background:rgba(255,255,255,.35);cursor:pointer;padding:0;transition:background .3s}
.dots button.on{background:#fff}
.s3 ~ .dots button,.hero[data-light] .dots button{background:rgba(13,46,110,.25)}
.hero[data-light] .dots button.on{background:var(--navy)}
.arr{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.18);color:#fff;font-size:22px;cursor:pointer;backdrop-filter:blur(4px)}
.arr:hover{background:rgba(255,255,255,.32)}
.arr.l{left:24px}.arr.r{right:24px}
.hero[data-light] .arr{background:rgba(13,46,110,.12);color:var(--navy)}
.arr:focus-visible,.dots button:focus-visible,.cta a:focus-visible{outline:3px solid var(--kakao);outline-offset:2px}

/* USP bar */
.usp{position:relative;z-index:4;margin:-64px auto 0;max-width:1360px;padding:0 24px}
.usp ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);background:var(--bg);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 40px rgba(13,46,110,.12);overflow:hidden}
.usp li{display:flex;align-items:center;gap:14px;padding:26px 28px;border-left:1px solid var(--line);font-weight:800;font-size:18px}.usp li a{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none}.usp li:hover a{color:var(--blue)}
.usp li:first-child{border-left:0}
.usp li svg{width:34px;height:34px;flex:none}
.usp li small{display:block;font-weight:500;font-size:13px;color:var(--mute);margin-top:2px}

@media(max-width:900px){.usp ul{grid-template-columns:1fr 1fr}.usp li{padding:18px;font-size:15px;border-top:1px solid var(--line)}.usp li:nth-child(odd){border-left:0}}


/* ===== page sections ===== */
section.sec{padding:88px 0}
.sec h2{font-size:32px;font-weight:900;letter-spacing:-1px;margin:0 0 8px}
.sec .lead{color:var(--mute);margin:0 0 36px;font-size:16px}
.sec-h{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:36px}.sec-h h2{margin:0}.sec-h .lead{margin:0}
.more{color:var(--blue);font-weight:700;text-decoration:none;font-size:15px}
/* quick */
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:56px}
.quick a{display:block;padding:28px;border-radius:16px;text-decoration:none;color:var(--ink);background:var(--bg2);border:1px solid var(--line);transition:transform .2s}
.quick a:hover{transform:translateY(-3px)}
.quick small{display:block;color:var(--mute);font-size:14px;margin-bottom:6px}.quick strong{font-size:22px;font-weight:900;display:block}
.quick .go{display:inline-block;margin-top:18px;font-size:14px;font-weight:700;color:var(--blue)}
.quick .q1{background:#EAF1FF}.quick .q2{background:#FFF8D6}.quick .q3{background:#FFEFE8}.quick .q4{background:#EAF7EE}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .quick a{background:var(--bg2)}}
@media(max-width:900px){.quick{grid-template-columns:1fr 1fr;gap:12px}.quick a{padding:20px}.quick strong{font-size:18px}}
/* cards */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:1000px){.grid3{grid-template-columns:1fr 1fr}}@media(max-width:600px){.grid3{grid-template-columns:1fr}}
.card{position:relative;background:var(--bg);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.card .badge{position:absolute;left:16px;top:16px;background:var(--blue);color:#fff;font-style:normal;font-weight:800;font-size:12px;padding:6px 10px;border-radius:6px;z-index:1}
.card .ph{background:#fff;height:320px;display:flex;align-items:center;justify-content:center;padding:14px}/* CARD_V2 */
.card .ph img{max-width:100%;max-height:100%;object-fit:contain}
.card .cb{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1}
.card small{color:var(--mute);font-size:13px;font-weight:600}
.card h3{font-size:19px;font-weight:800;margin:4px 0 8px;letter-spacing:-.3px}
.card .price{margin:0 0 4px;font-size:15px;color:var(--mute)}.card .price b{font-size:28px;font-weight:900;color:var(--blue)}
.card .sp{margin:0 0 14px;font-size:14px;color:var(--mute)}
.card .tiers{list-style:none;padding:12px 0 0;margin:0 0 18px;border-top:1px solid var(--line);font-size:14px}
.card .tiers li{display:flex;justify-content:space-between;padding:5px 0}.card .tiers b{font-weight:700}
.card .ca{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}
.card .ca a{text-align:center;padding:12px;border-radius:8px;font-weight:800;font-size:14px;text-decoration:none}
.card .ca .p{background:var(--blue);color:#fff}.card .ca .g{background:var(--bg2);color:var(--ink)}
/* services */
.svc{background:var(--bg2)}
.svc .grid6{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 40px}
@media(max-width:700px){.svc .grid6{grid-template-columns:1fr 1fr;gap:20px}}
.svc .it{display:flex;gap:18px;align-items:flex-start}
.svc .ic{width:56px;height:56px;border-radius:14px;background:var(--bg);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex:none;color:var(--blue)}
.svc .ic svg{width:28px;height:28px}
.svc h3{margin:6px 0 4px;font-size:18px}.svc p{margin:0;color:var(--mute);font-size:14px;line-height:1.5}
/* status + inquiry */
.two{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:start}.two>form.inq textarea{height:110px}
@media(max-width:900px){.two{grid-template-columns:1fr}}
.tbl{width:100%;border-collapse:collapse;font-size:15px}
.tbl th{text-align:left;color:var(--mute);font-weight:600;padding:12px 10px;border-bottom:2px solid var(--line);font-size:13px}
.tbl td{padding:15px 10px;border-bottom:1px solid var(--line)}
.st{display:inline-block;padding:4px 9px;border-radius:5px;font-size:12px;font-weight:800;color:#fff;background:var(--blue)}.st.w{background:var(--red)}
.tabs{display:flex;gap:8px;margin-bottom:18px}.tabs button{border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:8px 16px;border-radius:999px;font-weight:700;cursor:pointer;font-family:inherit}.tabs button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.inq{background:var(--bg2);border-radius:16px;padding:32px}
.inq h3{margin:0 0 6px;font-size:22px}.inq p{margin:0 0 20px;color:var(--mute);font-size:14px}
.inq .seg{display:flex;gap:6px;margin-bottom:14px}.inq .seg label{flex:1;text-align:center;padding:10px;border-radius:8px;background:var(--bg);border:1px solid var(--line);font-size:14px;font-weight:700;cursor:pointer}
.inq .seg input{display:none}.inq .seg input:checked+span{color:var(--blue)}
.inq .seg label:has(input:checked){border-color:var(--blue);color:var(--blue)}
.inq input[type=text],.inq input[type=tel],.inq textarea{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:15px;margin-bottom:10px;background:var(--bg);color:var(--ink)}
.inq textarea{height:96px;resize:vertical}
.inq .agree{font-size:13px;color:var(--mute);display:flex;gap:8px;align-items:center;margin:4px 0 14px}
.inq .btn{width:100%;padding:16px;border:0;border-radius:10px;font:inherit;font-weight:900;font-size:16px;cursor:pointer;margin-bottom:8px}
.inq .b1{background:var(--blue);color:#fff}.inq .b2{background:var(--kakao);color:#1F2430}
/* reviews */
.rv{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media(max-width:900px){.rv{grid-template-columns:1fr 1fr}}
.rv .r{border-radius:14px;overflow:hidden;background:var(--bg2);border:1px solid var(--line)}
.rv .img{aspect-ratio:4/3;background:linear-gradient(135deg,#DCE6F8,#B9C8E6);display:flex;align-items:center;justify-content:center;color:var(--navy);font-weight:700;font-size:13px;overflow:hidden}.rv .img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.rv .r:hover .img img{transform:scale(1.05)}
.rv .t{padding:16px}.rv .t small{color:var(--mute);font-size:12px}.rv .t strong{display:block;font-size:15px;margin-top:4px;line-height:1.4}
/* centers */
.ctr{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:stretch}
@media(max-width:900px){.ctr{grid-template-columns:1fr}}
.map{border-radius:16px;background:var(--bg2);border:1px solid var(--line);min-height:440px;height:100%;display:flex;align-items:center;justify-content:center;color:var(--mute);font-size:14px;overflow:hidden}.clist .c:hover{border-color:var(--blue)}
.clist{display:grid;gap:12px}
.clist .c{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border:1px solid var(--line);border-radius:12px;gap:16px}
.clist .c b{display:block;font-size:16px}.clist .c span{color:var(--mute);font-size:14px}
.clist .c a{flex:none;padding:10px 14px;border-radius:8px;background:var(--bg2);color:var(--ink);font-weight:700;font-size:13px;text-decoration:none}
/* footer */
footer{background:var(--navy);color:#fff;padding:64px 0 40px;margin-top:40px}
.ft{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px}
@media(max-width:900px){.ft{grid-template-columns:1fr 1fr}}
.ft h4{margin:0 0 14px;font-size:15px;opacity:.7}.ft a{display:block;color:#fff;text-decoration:none;font-size:14px;margin-bottom:8px;opacity:.9}
.ft .co{font-size:13px;line-height:1.8;opacity:.75}.ft .tel{font-size:30px;font-weight:900;margin:0 0 4px}
.copy{border-top:1px solid rgba(255,255,255,.15);margin-top:40px;padding-top:24px;font-size:12px;opacity:.55}

/* notes */
.notes{padding:64px 0 96px}
.notes h2{font-size:22px;margin:0 0 12px}
.notes table{border-collapse:collapse;width:100%;font-size:14px}
.notes th,.notes td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.notes th{color:var(--mute);font-weight:600;white-space:nowrap}
@media(prefers-reduced-motion:reduce){.slide{transition:none}}

/* 첨부 */
.att{margin:0 0 10px}
.att-drop{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1.5px dashed #B9C8E6;border-radius:10px;background:var(--bg);cursor:pointer;transition:.2s;position:relative}
.att-drop:hover,.att.over .att-drop{border-color:var(--blue);background:#EAF1FF}
.att-drop svg{width:34px;height:34px;color:var(--blue);flex:none}.att-drop b{display:block;font-size:14px}.att-drop span{display:block;font-size:12px;color:var(--mute);line-height:1.4}
.att-drop{padding-right:52px}.att-cnt{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-style:normal;font-size:12px;font-weight:800;color:var(--blue);background:#EAF1FF;padding:4px 8px;border-radius:999px}.att-cnt:empty{display:none}.att.busy .att-drop{opacity:.6}.att.busy .att-drop b:after{content:" · 사진 최적화 중…";font-weight:500;color:var(--mute)}
.att-list{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.att-list:empty{display:none}
.att-it{position:relative;width:72px;height:72px;border-radius:8px;overflow:hidden;background:#111;border:1px solid var(--line)}.att-it img,.att-it video{width:100%;height:100%;object-fit:cover;display:block}
.att-it small{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.55);color:#fff;font-size:10px;text-align:center;padding:2px 0}.att-it button{position:absolute;right:2px;top:2px;width:20px;height:20px;border:0;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:14px;line-height:1;cursor:pointer}.att-v{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:18px;text-shadow:0 1px 4px #000}
.two>form.inq textarea{height:96px}

/* 첨부 미니(배지형) */
.att-mini .att-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.att-chip{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;border:1.5px solid var(--blue);color:var(--blue);background:var(--bg);font-size:13px;font-weight:800;cursor:pointer;transition:.2s;position:relative}
.att-chip:hover,.att.over .att-chip{background:#EAF1FF}.att-chip svg{width:16px;height:16px}
.att-mini .att-cnt{position:static;transform:none;margin-left:4px;background:var(--blue);color:#fff;padding:2px 7px;font-size:11px}
.att-hint{font-size:12px;color:var(--mute)}
.att.busy .att-chip{opacity:.6}.att.busy .att-chip:after{content:" 최적화 중…";font-weight:500}
.att-mini .att-list{margin-top:10px}

/* 첨부 슬롯형 (사진3 + 동영상1, 한 줄) */
.att-slots .att-list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 12px}.att-slots .att-list:empty{display:grid}
.att-slot{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--bg);border:1.5px dashed #B9C8E6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--mute);font:inherit;font-size:12px;font-weight:700;cursor:pointer;padding:0;transition:.2s}
.att-slot.empty:hover,.att.over .att-slot.empty{border-color:var(--blue);color:var(--blue);background:#EAF1FF}.att-slot.empty svg{width:26px;height:26px}
.att-slot.filled{border:1px solid var(--line);background:#111;cursor:default}.att-slot.filled img,.att-slot.filled video{width:100%;height:100%;object-fit:cover;display:block}
.att-slot small{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.55);color:#fff;font-size:10px;text-align:center;padding:2px 0}
.att-slot b{position:absolute;right:4px;top:4px;width:20px;height:20px;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;font-size:14px;line-height:20px;text-align:center;cursor:pointer}
.att-slot .att-v{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-style:normal;font-size:18px;text-shadow:0 1px 4px #000}
.att.busy .att-slot.empty{opacity:.5}

/* 개인정보 펼침 */
.agree a.pp-t{color:var(--blue);font-weight:700;text-decoration:underline;cursor:pointer}
.pp-wrap{display:none;margin:0 0 14px;max-height:0;overflow:hidden;transition:max-height .35s ease}.pp-wrap.on{display:block;max-height:420px;overflow:auto}
.pp{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:14px 16px;font-size:12.5px;line-height:1.55;color:var(--ink)}
.pp>b{display:block;font-size:13px;margin-bottom:8px}.pp table{width:100%;border-collapse:collapse}.pp th{width:72px;text-align:left;color:var(--mute);font-weight:700;padding:5px 8px 5px 0;vertical-align:top;font-size:12px}.pp td{padding:5px 0;border-bottom:1px solid var(--line)}.pp tr:last-child td{border-bottom:0}.pp p{margin:8px 0 0;color:var(--mute);font-size:11.5px}

/* CARD_V2 */.card .sp{margin-bottom:18px}.card .ph img{transition:transform .25s}.card:hover .ph img{transform:scale(1.04)}@media(max-width:640px){.card .ph{height:240px}}

/* RADIUS_MIN — 사이트 전체 모서리 최소화 (4px). 되돌리려면 이 블록 삭제 */
.card,.card .ph,.card .badge,.card .ca a,.btn,.b1,.b2,.p,.k,.w,.g,.rm,.kk,.more,.pill,.pills button,.seg label span,.seg label,.frm,.frm input,.frm textarea,.frm select,
input,textarea,select,button,.att-slots>*,.att-list>*,.st,.usp,.usp>*,.hero .tag,.hero span,.r,.r .img,.c,.ctr .map,.clist .c a,.qa,.qa>*,.ic,.svc>*,
.sd,.sd-h img,.sd-steps span,.sd-att a,.sd-att video,.sd-adm button,.cxm,.cxm-card,.cxm-in,.cxm-btn,.cxm-drv,.cxm-drv .ic,.cxm-chips button,.dl-row,.dl-row .ic,.dl-row .ac a,.dl-row .ac button,
.addr button.addr-btn,.st-th,.st-att,.st-new,.ag-chk,.tbl,.pager button,.srch input,.srch button{border-radius:4px!important}
.st-badge,.ag-best,.sd-x,.cxm-steps i,.ag-chk{border-radius:50%!important}