@font-face{font-family:"Pretendard";src:url("../fonts/Pretendard-Light.woff2") format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Pretendard";src:url("../fonts/Pretendard-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Pretendard";src:url("../fonts/Pretendard-Medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url("../fonts/CormorantGaramond-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url("../fonts/CormorantGaramond-Medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"MaruBuri";src:url("../fonts/MaruBuri-Regular.woff2") format("woff2");font-weight:400;font-display:swap}

*{box-sizing:border-box}
html,body{margin:0;background:#f8f4ef}
body{color:#3b2922;font-family:"Pretendard",sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}
.page{width:100%;max-width:600px;margin:0 auto;overflow:hidden;background:#fffaf5}
.cn,nav a span{font-family:"PingFang SC","Source Han Sans SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif}

header{height:88px;display:flex;align-items:center;gap:12px;padding:7px 16px;position:relative;z-index:10;overflow:visible;background:rgba(255,250,245,.98);border-bottom:1px solid #eadfd7}
header>a:first-child{display:block;width:92px;height:92px;flex-shrink:0}
.logo{width:92px;height:92px;object-fit:contain;position:relative;top:12px;z-index:20;filter:drop-shadow(0 4px 8px rgba(92,57,43,.09))}
nav{display:flex;flex:1;gap:6px;min-width:0}
nav a{flex:1;min-width:0;min-height:55px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#4b332a;background:linear-gradient(145deg,#fffdfa,#f8eee7);border:1px solid #dec8bc;border-radius:5px;text-align:center;text-decoration:none;white-space:nowrap;font-family:"Cormorant Garamond","Pretendard",serif;font-size:14px;font-weight:500;line-height:1.05;box-shadow:0 3px 9px rgba(82,52,40,.035)}
nav a span{margin-top:5px;color:#9b7565;font-size:12px;font-weight:400}

.back-nav{padding:11px 18px 7px;background:#fffaf5}
.back-nav a{color:#9b705e;text-decoration:none;font-family:"Cormorant Garamond","Pretendard",serif;font-size:12px;font-weight:500;letter-spacing:1.2px}
.back-nav a:first-child::before{content:"<";display:inline-block;margin-right:6px;font-size:17px;line-height:1;vertical-align:-1px}
.back-nav span{margin:0 7px;color:#c2a497}

.detail-hero{min-height:255px;padding:31px 25px 27px;display:flex;align-items:center;background-position:62% center;background-size:cover}
.result-page .detail-hero{background-image:linear-gradient(90deg,rgba(255,250,245,.99),rgba(255,250,245,.91) 44%,rgba(255,250,245,.10) 76%),url("result.png")}
.safety-page .detail-hero{background-image:linear-gradient(90deg,rgba(255,250,245,.99),rgba(255,250,245,.91) 44%,rgba(255,250,245,.10) 76%),url("safety-recovery.png")}
.choosing-page .detail-hero{background-image:linear-gradient(90deg,rgba(255,250,245,.99),rgba(255,250,245,.91) 47%,rgba(255,250,245,.10) 78%),url("choosing-care.png")}
.aftercare-page .detail-hero{background-image:linear-gradient(90deg,rgba(255,250,245,.99),rgba(255,250,245,.91) 47%,rgba(255,250,245,.10) 78%),url("aftercare.png")}
.hero-copy{width:62%;position:relative;z-index:1}
.hero-number{color:#a7534f;font-family:"Cormorant Garamond",serif;font-size:27px;line-height:1}
.detail-hero h1{margin:5px 0 9px;color:#3a2923;font-family:"Cormorant Garamond",serif;font-size:36px;font-weight:400;line-height:.9}
.hero-ko{margin:0 0 5px;color:#3f332e;font-family:"MaruBuri",serif;font-size:18px;font-weight:400;line-height:1.45}
.hero-cn{margin:0;color:#92796e;font-size:10px;line-height:1.55}

.qa-section{padding:12px 12px 7px}
.qa-list{display:flex;flex-direction:column;gap:8px}
details{overflow:hidden;background:#fffdf9;border:1px solid #eaded6;border-radius:9px;box-shadow:0 3px 11px rgba(92,57,43,.025)}
summary{min-height:70px;padding:12px 14px;display:grid;grid-template-columns:48px 1fr 34px;gap:9px;align-items:center;cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
.q-number{color:#a5524f;font-family:"Cormorant Garamond",serif;font-size:24px}
.q-ko{color:#3b302b;font-size:12px;font-weight:400;line-height:1.45}
.q-cn{display:block;margin-top:3px;color:#998077;font-size:9px;line-height:1.4}
summary::after{content:"";width:34px;height:34px;border:1px solid #d9aaa1;border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M2 2l5 5 5-5' fill='none' stroke='%23aa5b57' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:14px 9px}
details[open] summary::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M2 7l5-5 5 5' fill='none' stroke='%23aa5b57' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.answer{padding:15px 18px 17px;border-top:1px solid #eee2da;background:#fffaf6}
.answer-ko{margin:0;color:#4a3d37;font-size:11px;line-height:1.78}
.answer-cn{margin:9px 0 0;color:#927c72;font-size:9px;line-height:1.65}

.connection{margin:11px 12px 7px;padding:18px 17px;color:#814743;border:1px solid #ead9cf;border-radius:9px;background:linear-gradient(90deg,rgba(255,247,241,.97),rgba(255,247,241,.75)),url("result.png") 78% 72%/cover no-repeat}
.connection-ko{font-family:"MaruBuri",serif;font-size:14px;line-height:1.65}
.connection-cn{margin-top:7px;color:#98786c;font-size:9px;line-height:1.6}
.notice{margin:18px 18px 24px;padding:13px 14px;background:#faf2ec;border:1px solid #ead9cf;border-radius:10px;color:#806b61;font-size:9px;line-height:1.7}

@media(max-width:430px){
header{gap:7px;padding:7px 9px}header>a:first-child{width:82px;height:82px}.logo{width:82px;height:82px;top:10px}
nav{gap:4px}nav a{min-height:53px;padding:8px 3px;font-size:12px}nav a span{font-size:11px}
.back-nav{padding:9px 12px 5px}.back-nav a{font-size:11px}
.detail-hero{min-height:230px;padding:26px 18px 23px;background-position:60% center}.hero-copy{width:67%}.hero-number{font-size:24px}.detail-hero h1{font-size:29px}.hero-ko{font-size:15px}.hero-cn{font-size:9px}
.qa-section{padding:9px 8px 5px}.qa-list{gap:6px}summary{min-height:66px;padding:10px 10px;grid-template-columns:39px 1fr 32px;gap:6px}.q-number{font-size:21px}.q-ko{font-size:11px}.q-cn{font-size:8px}summary::after{width:32px;height:32px}
.answer{padding:13px 12px 15px}.answer-ko{font-size:10px}.answer-cn{font-size:8.5px}
.connection{margin:10px 8px 5px;padding:16px 13px}.connection-ko{font-size:12px}.connection-cn{font-size:8.5px}
.notice{margin:15px 12px 21px;padding:12px;font-size:8px}
}