미디어위키:Common.css: 두 판 사이의 차이

2025년 10월 5일 (일) 20:10 판

/* ---- Portal cards ---- */
.kdmw-wrap { max-width: 1280px; margin: 0 auto; padding: 12px 16px; }
.kdmw-h2 { font-size: 1.6rem; font-weight: 800; margin: 18px 0 8px; }
.kdmw-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
@media (max-width: 1100px){ .kdmw-grid{ grid-template-columns: repeat(3,1fr);} }
@media (max-width: 800px){ .kdmw-grid{ grid-template-columns: repeat(2,1fr);} }
@media (max-width: 520px){ .kdmw-grid{ grid-template-columns: 1fr;} }
.kdmw-card { background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 3px 10px rgba(0,0,0,.08); transition:.2s; }
.kdmw-card:hover{ transform: translateY(-3px); }
.kdmw-thumb { width:100%; height:160px; object-fit:cover; display:block; }
.kdmw-body { padding:10px 12px; }
.kdmw-title { font-weight:700; font-size:1rem; line-height:1.25; margin-bottom:6px; }
.kdmw-meta { color:#666; font-size:.85rem; }

/* ---- 3열 가로 리스트 (뉴스·Q&A) ---- */
.kdmw-3col { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.kdmw-list-item{ background:#fff; border-radius:10px; padding:10px 12px; box-shadow:0 2px 8px rgba(0,0,0,.06); }
.kdmw-list-item a{ font-weight:700; }


/* 연구 50년 3단 섹션 스타일 */
.research-50-container {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin: 40px auto;
  max-width: 1200px;
}

.research-50-column {
  flex: 1;
  background-color: #f8f9fa;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  transition: transform 0.3s;
}

.research-50-column:hover {
  transform: translateY(-5px);
}

.research-50-title {
  font-size: 1.4em;
  font-weight: bold;
  color: #004080;
  margin-bottom: 10px;
  border-bottom: 2px solid #004080;
  padding-bottom: 5px;
}

.research-50-image {
  width: 100%;
  height: auto;
  border-radius: 8px;
  margin-bottom: 10px;
}

.research-50-text {
  font-size: 0.95em;
  color: #333;
  line-height: 1.5em;
}