/* 프리드라이프가입 변수 설정 (CSS Variables) */
:root {
--primary-color: #2c3e50;
--secondary-color: #3b82f6;
--accent-color: #f59e0b;
--success-color: #10b981;
--danger-color: #e74c3c;
--text-color: #333;
--light-text: #6b7280;
--background: #ffffff;
--light-background: #f9f9f9;
--border-color: #e5e7eb;
}

/* 기본 설정 (Base Styles) */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: 'Pretendard', 'Noto Sans KR', 'Apple SD Gothic Neo', sans-serif;
font-size: 16px;
line-height: 1.7;
color: var(--text-color);
background-color: var(--background);
padding: 20px;
overflow-x: hidden;
max-width: 1200px;
margin: 0 auto;
}

/* 타이포그래피 (Typography) */
h1, h2, h3, h4, h5, h6 {
font-weight: 700;
line-height: 1.3;
margin-bottom: 0.8em;
color: var(--primary-color);
font-family: 'Pretendard', 'Noto Sans KR', sans-serif;
}

h2.main-title {
font-size: 2.6rem;
padding: 15px;
background: white;
border-radius: 10px;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
margin-top: 1.5em;
border-left: 5px solid var(--secondary-color);
padding-left: 20px;
}

h3.box-title {
font-size: 2.0rem;
margin-top: 20px;
color: var(--secondary-color);
display: inline-block;
position: relative;
background-color: #f0f8ff;
border-left: 6px solid var(--secondary-color);
padding: 12px;
font-weight: bold;
font-size: 18px;
margin-top: 40px;
margin-bottom: 10px;
border-radius: 4px;
}

h4.sub-title {
font-size: 1.8rem;
margin-top: 20px;
color: var(--secondary-color);
display: inline-block;
position: relative;
}

p {
margin-bottom: 1.2em;
font-size: 1rem;
}

/* 링크 스타일 (Link Styles) */
a {
color: var(--secondary-color);
text-decoration: none;
transition: color 0.2s;
}

a:hover {
color: var(--primary-color);
text-decoration: underline;
}

/* 컨테이너 및 박스 (Containers and Boxes) */
.content {
padding: 20px;
margin: 20px 0;
background-color: var(--light-background);
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.summary-box {
border: 2px solid #e0e0e0;
padding: 15px;
border-radius: 7px;
margin-bottom: 20px;
background-color: var(--background);
}

.summary-box p {
font-size: 1.1em;
line-height: 1.5;
color: #555;
margin: 5px 0;
}

.news-report {
background-color: #f2f2f2;
padding: 15px;
border-radius: 5px;
margin-top: 20px;
}

.shaded-routine {
background-color: #f9fbfd;
border: 1px solid #dbe8f3;
padding: 16px;
border-radius: 6px;
margin: 20px 0;
}

.highlight-block {
background-color: var(--light-background);
border-left: 4px solid var(--accent-color);
padding: 1.5em;
margin: 1.5em 0;
border-radius: 0 8px 8px 0;
}

.highlight-block h4 {
color: var(--accent-color);
margin-bottom: 0.8em;
font-size: 1.2rem;
}

.conclusion {
margin: 2em 0;
padding: 1.5em;
background-color: var(--light-background);
border-radius: 8px;
border: 1px solid var(--border-color);
}

.conclusion h2 {
margin-top: 0;
color: var(--primary-color);
}

/* 텍스트 스타일링 (Text Styling) */
.highlight {
font-weight: bold;
color: var(--danger-color);
background-color: var(--light-background);
padding: 2px 4px;
}

.box-title {
background-color: #f0f8ff;
border-left: 6px solid var(--secondary-color);
padding: 12px;
font-weight: bold;
font-size: 18px;
margin-top: 40px;
margin-bottom: 10px;
border-radius: 4px;
}

.disclaimer {
font-size: 0.9rem;
color: var(--light-text);
margin-top: 2em;
padding: 1em;
background-color: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 8px;
}

/* 주식 관련 컴포넌트 (Stock Components) */
.stock-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 2em;
background-color: var(--light-background);
padding: 1.5em;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.stock-title {
flex: 2;
}

.stock-info {
flex: 1;
text-align: right;
}

.stock-code {
font-size: 0.9rem;
color: var(--light-text);
margin-bottom: 0.5em;
}

.stock-price {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 0.3em;
}

.price-change {
font-size: 1rem;
font-weight: 500;
padding: 0.25em 0.75em;
border-radius: 20px;
display: inline-block;
}

.price-up {
background-color: rgba(239, 68, 68, 0.1);
color: var(--danger-color);
}

.price-down {
background-color: rgba(37, 99, 235, 0.1);
color: #2563eb;
}

/* 차트 및 이미지 (Charts and Images) */
.chart-image, .chart-img {
max-width: 100%;
height: auto;
display: block;
margin: 20px auto;
프리드라이프가입 border: 1px solid var(--border-color);
border-radius: 5px;
}

.chart-container {
margin: 2em 0;
border: 1px solid var(--border-color);
border-radius: 8px;
overflow: hidden;
}

.chart-caption {
background-color: var(--light-background);
padding: 1em;
font-size: 0.9rem;
color: var(--light-text);
text-align: center;
border-top: 1px solid var(--border-color);
}

/* 테이블 스타일 (Table Styles) */
.data-table {
width: 100%;
border-collapse: collapse;
margin: 1.5em 0;
font-size: 0.95rem;
}

.data-table th {
background-color: var(--primary-color);
color: white;
text-align: left;
padding: 0.8em;
}

.data-table td {
padding: 0.8em;
border-bottom: 1px solid var(--border-color);
}

.data-table tr:nth-child(even) {
background-color: var(--light-background);
}

.data-table .highlight {
font-weight: 700;
background-color: rgba(245, 158, 11, 0.1);
}

/* 패턴 및 신호 (Patterns and Signals) */
.pattern-block {
padding: 1.2em;
margin: 1.5em 0;
border-radius: 8px;
position: relative;
}

.pattern-block::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: currentColor;
opacity: 0.1;
border-radius: 8px;
z-index: -1;
}

.golden-cross {
color: var(--success-color);
}

.dead-cross {
color: var(--danger-color);
}

.signal {
display: inline-block;
padding: 0.5em 1em;
border-radius: 20px;
font-weight: 700;
margin: 0.3em 0;
}

.buy-signal {
background-color: var(--success-color);
color: white;
}

.sell-signal {
background-color: var(--danger-color);
color: white;
}

.hold-signal {
background-color: var(--accent-color);
color: white;
}

/* 반응형 디자인 (Responsive Design) */
@media (max-width: 768px) {
body {
padding: 15px;
}

h2.main-title {
font-size: 2.2rem;
padding: 10px;
}

h3.box-title {
font-size: 1.8rem;
}

h4.sub-title {
font-size: 1.6rem;
}

.content {
padding: 15px;
}

.stock-header {
flex-direction: column;
}

.stock-info {
margin-top: 15px;
}
}

@media (max-width: 480px) {
h2.main-title {
font-size: 2.0rem;
padding: 8px;
}

h3.box-title {
font-size: 1.6rem;
}

h4.sub-title {
font-size: 1.4rem;
}

body {
font-size: 14px;
padding: 10px;
}

.content {
padding: 10px;
}

.box-title {
font-size: 16px;
padding: 10px;
}

.summary-box p {
font-size: 1.0em;
}
}


.another_category {
border: 1px solid #E5E5E5;
padding: 10px 10px 5px;
margin: 10px 0;
clear: both;
}

.another_category h4 {
font-size: 12px !important;
margin: 0 !important;
border-bottom: 1px solid #E5E5E5 !important;
padding: 2px 0 6px !important;
}

.another_category h4 a {
font-weight: bold !important;
}

.another_category table {
table-layout: fixed;
border-collapse: collapse;
width: 100% !important;
margin-top: 10px !important;
}

* html .another_category table {
width: auto !important;
}

*:first-child + html .another_category table {
width: auto !important;
}

.another_category th, .another_category td {
padding: 0 0 4px !important;
}

.another_category th {
text-align: left;
font-size: 12px !important;
font-weight: normal;
word-break: break-all;
overflow: hidden;
line-height: 1.5;
}

.another_category td {
text-align: right;
width: 80px;
font-size: 11px;
}

.another_category th a {
font-weight: normal;
text-decoration: none;
border: none !important;
}

.another_category th a.current {
font-weight: bold;
text-decoration: none !important;
border-bottom: 1px solid !important;
}

.another_category th span {
font-weight: normal;
text-decoration: none;
font: 10px Tahoma, Sans-serif;
border: none !important;
}

.another_category_color_gray, .another_category_color_gray h4 {
border-color: #E5E5E5 !important;
}

.another_category_color_gray * {
color: #909090 !important;
}

.another_category_color_gray th a.current {
border-color: #909090 !important;
}

.another_category_color_gray h4, .another_category_color_gray h4 a {
color: #737373 !important;
}

.another_category_color_red, .another_category_color_red h4 {
border-color: #F6D4D3 !important;
}

.another_category_color_red * {
color: #E86869 !important;
}

.another_category_color_red th a.current {
border-color: #E86869 !important;
}

.another_category_color_red h4, .another_category_color_red h4 a {
color: #ED0908 !important;
}

.another_category_color_green, .another_category_color_green h4 {
border-color: #CCE7C8 !important;
}

.another_category_color_green * {
프리드라이프가입 color: #64C05B !important;
}

.another_category_color_green th a.current {
border-color: #64C05B !important;
}

.another_category_color_green h4, .another_category_color_green h4 a {
color: #3EA731 !important;
}

.another_category_color_blue, .another_category_color_blue h4 {
border-color: #C8DAF2 !important;
}

.another_category_color_blue * {
color: #477FD6 !important;
}

.another_category_color_blue th a.current {
border-color: #477FD6 !important;
}

.another_category_color_blue h4, .another_category_color_blue h4 a {
color: #1960CA !important;
}

.another_category_color_violet, .another_category_color_violet h4 {
border-color: #E1CEEC !important;
}

.another_category_color_violet * {
color: #9D64C5 !important;
}

.another_category_color_violet th a.current {
border-color: #9D64C5 !important;
}

.another_category_color_violet h4, .another_category_color_violet h4 a {
color: #7E2CB5 !important;
}








{"@context":" 주가, 5월 22일 이동평균선 진단: 조정 시 매수 기회인가?","description":"✅ 웅진씽크빅, 현재 단기-중기 정배열로 강력한 상승 추세! ✅ 20일 &amp60일 이동평균선 모두 가파른 우상향 기울기 유지 중! ✅ 종가는 이평선 위에 멀리 있어 강한 모멘텀이지만, 단기 과열 가능성도 체크! ✅ 1630-1650원 조정 시 매수 유리, 보유자는 이평선 이탈 시 청산 고려!웅진씽크빅(095720) 주가 분석: 이동평균선으로 투자 전략 심층 해부