/* 서비스 안내(intro.html) 밝은 톤 (2026-10-27 상무님: 본 화면과 같게). cp-intro-pro.css 뒤에 붙인다. 빼면 남색 톤. 인쇄는 그대로. */
@media screen {
:root{--bg:#F7F9FC;--raise:#F2F5F9;--line:#E5E8EB;--ink:#191F28;--ink2:#4E5968;--ink3:#8B95A1;--gold:#F5B800;--goldtx:#8A6100;--dark:#1B2B4B}
body{background:linear-gradient(180deg,#FFFDF4 0,#F7F9FC 420px,#F7F9FC 100%)}
.top{background:rgba(255,255,255,.96);border-bottom:1px solid #E5E8EB;box-shadow:0 2px 12px rgba(25,31,40,.05)}
.brand,.brand b{color:#191F28}.brand b i{color:#C28A00}.brand small{color:#8B95A1}
.top nav a{color:#4E5968}
.top nav a:hover{color:#191F28;background:#F2F5F9}
.top nav a.gn-btn,.cta{background:#FFD43B;color:#191F28;box-shadow:0 6px 16px rgba(245,184,0,.25)}
.hero{background:radial-gradient(900px 420px at 85% 0%,rgba(255,212,59,.25),transparent 62%),linear-gradient(135deg,#FFFBEA,#EEF5FF);border:1px solid #E5E8EB;color:#191F28;box-shadow:0 12px 30px rgba(27,43,75,.06)}
.kicker{color:#C28A00}
.hero h1{color:#191F28}.hero h1 em{color:#191F28;background:linear-gradient(transparent 62%,rgba(255,212,59,.6) 62%)}
.lead{color:#4E5968}
.card{border-top:3px solid #FFD43B;box-shadow:0 8px 24px rgba(25,31,40,.06)}
.ic{background:#FFF6CC;color:#8A6100}
h2{border-left-color:#FFD43B}
.prod-main{border-color:#FFD43B}
.prod-main .tag{background:#FFF6CC;color:#8A6100}
.price{color:#1B2B4B}
.note{background:#EEF5FF}
table.info th{background:#EEF5FF;color:#1B2B4B}
footer{background:#F2F4F6;color:#4E5968;border-top:1px solid #E5E8EB}footer b{color:#191F28}footer a{color:#8A6100}
}