사주 창업운 완전분석 — 식상·재성으로 보는 사업 성공 사주

:root {
–gold: #F39C12;
–dark-navy: #1C2833;
–gold-light: #F8C471;
–navy-mid: #2C3E50;
–bg: #FDFEFE;
–text: #1C2833;
–muted: #566573;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: ‘Noto Serif KR’, Georgia, serif;
background: var(–bg);
color: var(–text);
line-height: 1.85;
font-size: 17px;
}
header {
background: linear-gradient(135deg, var(–dark-navy) 0%, var(–navy-mid) 100%);
color: #fff;
padding: 52px 24px 42px;
text-align: center;
border-bottom: 5px solid var(–gold);
}
header .label {
display: inline-block;
background: var(–gold);
color: var(–dark-navy);
font-size: 13px;
font-weight: 700;
letter-spacing: 2px;
padding: 4px 16px;
border-radius: 20px;
margin-bottom: 18px;
}
header h1 {
font-size: clamp(22px, 4vw, 34px);
font-weight: 900;
line-height: 1.4;
margin-bottom: 14px;
}
header p.sub {
font-size: 15px;
color: var(–gold-light);
max-width: 640px;
margin: 0 auto;
}
article {
max-width: 860px;
margin: 0 auto;
padding: 48px 24px 72px;
}
h2 {
font-size: clamp(20px, 3vw, 26px);
color: var(–dark-navy);
border-left: 5px solid var(–gold);
padding-left: 16px;
margin: 52px 0 20px;
font-weight: 800;
}
h3 {
font-size: 19px;
color: var(–navy-mid);
margin: 32px 0 12px;
font-weight: 700;
}
p { margin-bottom: 18px; }
blockquote {
background: linear-gradient(90deg, #FEF9E7, #FDFEFE);
border-left: 4px solid var(–gold);
padding: 18px 24px;
margin: 24px 0;
border-radius: 0 8px 8px 0;
font-style: italic;
color: var(–navy-mid);
}
blockquote cite {
display: block;
margin-top: 10px;
font-size: 13px;
font-style: normal;
color: var(–muted);
font-weight: 700;
}
.highlight-box {
background: linear-gradient(135deg, #1C2833 0%, #2C3E50 100%);
color: #fff;
border-radius: 12px;
padding: 28px 32px;
margin: 32px 0;
}
.highlight-box h3 {
color: var(–gold);
margin-top: 0;
}
.highlight-box ul { padding-left: 20px; }
.highlight-box li { margin-bottom: 8px; color: #ECF0F1; }
.gold-box {
background: #FEF9E7;
border: 2px solid var(–gold);
border-radius: 10px;
padding: 24px 28px;
margin: 28px 0;
}
.gold-box strong { color: var(–gold); }
table {
width: 100%;
border-collapse: collapse;
margin: 28px 0;
font-size: 15px;
box-shadow: 0 2px 12px rgba(0,0,0,0.08);
border-radius: 10px;
overflow: hidden;
}
thead {
background: var(–dark-navy);
color: #fff;
}
thead th {
padding: 14px 16px;
text-align: center;
font-weight: 700;
font-size: 14px;
}
tbody tr:nth-child(even) { background: #F4F6F7; }
tbody tr:hover { background: #FEF9E7; }
tbody td {
padding: 13px 16px;
text-align: center;
border-bottom: 1px solid #D5D8DC;
font-size: 14px;
}
tbody td:first-child { text-align: left; font-weight: 600; }
.tag {
display: inline-block;
padding: 3px 10px;
border-radius: 20px;
font-size: 12px;
font-weight: 700;
}
.tag-good { background: #D5F5E3; color: #1E8449; }
.tag-bad { background: #FADBD8; color: #C0392B; }
.tag-mid { background: #FEF9E7; color: #B7770D; }
details {
border: 1px solid #D5D8DC;
border-radius: 10px;
margin: 16px 0;
overflow: hidden;
}
summary {
background: var(–dark-navy);
color: #fff;
padding: 16px 20px;
cursor: pointer;
font-weight: 700;
font-size: 15px;
list-style: none;
display: flex;
align-items: center;
gap: 10px;
}
summary::before {
content: “Q”;
background: var(–gold);
color: var(–dark-navy);
width: 24px;
height: 24px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
font-weight: 900;
flex-shrink: 0;
}
details[open] summary {
background: var(–navy-mid);
border-bottom: 2px solid var(–gold);
}
.faq-body {
padding: 20px 24px;
background: #FDFEFE;
line-height: 1.9;
color: var(–text);
}
nav.related {
background: var(–dark-navy);
border-radius: 12px;
padding: 28px 32px;
margin-top: 56px;
}
nav.related h2 {
color: var(–gold);
border-left-color: var(–gold-light);
font-size: 18px;
margin-top: 0;
margin-bottom: 18px;
}
nav.related a {
display: flex;
align-items: center;
gap: 12px;
padding: 14px 0;
border-bottom: 1px solid rgba(255,255,255,0.1);
text-decoration: none;
color: #ECF0F1;
font-size: 15px;
transition: color 0.2s;
}
nav.related a:last-child { border-bottom: none; }
nav.related a:hover { color: var(–gold); }
nav.related a::before {
content: “→”;
color: var(–gold);
font-weight: 700;
flex-shrink: 0;
}
.divider {
height: 2px;
background: linear-gradient(90deg, var(–gold), transparent);
margin: 40px 0;
}
ul, ol { padding-left: 22px; margin-bottom: 18px; }
li { margin-bottom: 8px; }
.badge-row {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 18px 0;
}
.badge {
background: var(–gold);
color: var(–dark-navy);
font-size: 13px;
font-weight: 700;
padding: 5px 14px;
border-radius: 20px;
}
@media (max-width: 600px) {
article { padding: 32px 16px 56px; }
table { font-size: 13px; }
thead th, tbody td { padding: 10px 10px; }
}