body {
font-family: 'Noto Sans KR', Arial, sans-serif;
margin: 0;
background: #f4f6fa;
}
.top-image-area {
width: 100%;
text-align: center;
background: #fff;
}
.top-image-area img {
width: 100%;
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
object-fit: cover;
}
.category-tabs {
display: flex;
justify-content: center;
background: #fff;
border-bottom: 2px solid #6998bd;
flex-wrap: nowrap;
overflow-x: auto;
white-space: nowrap;
scrollbar-width: thin;
box-shadow: 0 2px 6px #aecbe880;
}
.category-tab {
min-width: 120px;
flex: 1 0 auto;
padding: 15px 32px;
cursor: pointer;
font-weight: bold;
background: transparent;
color: #2d4059;
border: none;
border-bottom: 3px solid transparent;
font-size: 1.1rem;
transition: background 0.25s, color 0.25s, border-bottom 0.25s;
outline: none;
text-align: center;
}
.category-tab[data-target="industry"].active {
color: #fff;
background: #002a41;
border-bottom: 3px solid #002a41;
}
.category-tab[data-target="invest"].active {
color: #fff;
background: #6998bd;
border-bottom: 3px solid #6998bd;
}
.category-tab[data-target="ficc"].active {
color: #222;
background: #f1c647;
border-bottom: 3px solid #f1c647;
}
.category-tab[data-target="global"].active {
color: #222;
background: #efe9d5;
border-bottom: 3px solid #efe9d5;
}
.content-section {
max-width: 900px;
margin: 30px auto 0 auto;
border-radius: 14px;
box-shadow: 0 3px 18px #e0e6ed60;
padding: 30px 15px 16px 15px;
display: none;
animation: fadeIn 0.5s;
border-top: 8px solid;
background: #fff;
}
.content-section.active {
display: block;
}
#industry.content-section { border-top-color: #002a41; }
#invest.content-section { border-top-color: #6998bd; }
#ficc.content-section { border-top-color: #f1c647; }
#global.content-section { border-top-color: #efe9d5; }

#industry table thead tr { background: #002a41; color: #fff;}
#invest table thead tr { background: #6998bd; color: #fff;}
#ficc table thead tr { background: #f1c647; color: #222;}
#global table thead tr { background: #efe9d5; color: #222;}

#industry table tbody tr:nth-child(even) {background:#eaf2fe;}
#industry table tbody tr:nth-child(odd) {background: #fff;}
#invest table tbody tr:nth-child(even) {background:#e1eaf2;}
#invest table tbody tr:nth-child(odd) {background:#fff;}
#ficc table tbody tr:nth-child(even) {background:#f6ecc2;}
#ficc table tbody tr:nth-child(odd) {background: #fff;}
#global table tbody tr:nth-child(even) {background:#fdfcee;}
#global table tbody tr:nth-child(odd) {background: #fff;}

table {
width: 100%;
border-collapse: collapse;
margin-top: 12px;
font-size: 1.02rem;
background: #fff;
border-radius: 8px;
overflow: hidden;
}
thead th {
padding: 12px 8px;
font-weight: 700;
}
tbody td {
padding: 10px 7px;
text-align: center;
}
tbody td.align-left {
text-align: left;
padding-left: 14px;
}

/* ¸µÅ© Àüü ½ºÅ¸ÀÏ(¹öÆ° ÀÌ¿Ü´Â º»·¡´ë·Î) */
a:not(.pdf_btn):not(.youtube_btn) {
color: #364fc7;
text-decoration: none;
}
a:not(.pdf_btn):not(.youtube_btn):hover {text-decoration: underline;}


/* À̹ÌÁö ¹öÆ°ÀÏ °æ¿ì: »¡°£/À¯Æ©ºê ¹Ú½º ¿ÏÀü Á¦°Å! */
.pdf_btn:has(img), .youtube_btn:has(img) {
background: transparent !important;
padding: 0 !important;
border: none !important;
box-shadow: none !important;
min-width: 0 !important;
}

/* À̹ÌÁö ÀÚü¿¡µµ ¹Ú½º È¿°ú Á¦°Å ¹× »çÀÌÁ Á¶Àý */
.pdf_btn img, .youtube_btn img {
display: inline-block;
vertical-align: middle;
width: 38px;
height: 38px;
border-radius: 0 !important;
box-shadow: none !important;
background: transparent !important;
object-fit: contain;
}

/* ¹ÝÀÀÇü */
@media (max-width: 640px) {
.category-tabs {
flex-wrap: nowrap;
overflow-x: auto;
white-space: nowrap;
scrollbar-width: thin;
}
.category-tab {
padding: 10px 15px;
font-size: 1rem;
min-width: 120px;
max-width: unset;
flex: 1 0 auto;
}
.content-section {
padding: 16px 3px 7px 3px;
}
table {
font-size: 0.92rem;
}
thead th, tbody td {padding:7px 3px;}
tbody td.align-left {padding-left: 7px;}

.pdf_btn, .youtube_btn {font-size: 0.97em; padding: 6px 10px;}
.pdf_btn img, .youtube_btn img {
width: 28px;
height: 28px;
}
}
@media (max-width: 400px) {
.pdf_btn img, .youtube_btn img {
width: 24px;
height: 24px;
}
}
@keyframes fadeIn { from {opacity:0} to {opacity:1} }

.footer {
background: #fff;
text-align: center;
margin-top: 35px;
padding: 2px 0 0px 0;
border-top: 2px solid #d4dde7;
}
.footer-img {
width: 100%;
max-width: 100%;
height: auto;
object-fit: cover;
display: block;
margin: 0 auto 4px auto;
}