/* yjkimlab 공통 추가 스타일 — data/*.js 목록을 그릴 때 쓰는 모양
   (RapidWeaver Stacks가 만들던 모양을 그대로 옮긴 것) */

/* ---------- Publications ---------- */
.pub-out { display: flow-root; }
.pub { margin: 16px; padding: 0 10px 30px 30px; }
.pub.pub-old { margin: 0; }
.pub::after { content: ""; display: table; clear: both; }
.pub-num, .pub-body { float: left; display: inline; }
.pub-num { width: 10%; }
.pub-num > div { padding: 0 10px 0 0; }
.pub-num span { font-size: 120%; }
.pub-body { width: 90%; }
.pub-body > div { padding: 0 0 0 10px; }
.pub-cite { font-size: 17px; }
.pub-press { font-family: "Nanum Gothic", sans-serif; font-size: 120%; color: #800080; font-weight: bold;
  line-height: 1.2em; letter-spacing: 0; text-align: left; }
.pub-press p { margin: 1em 0; }
.pub-press a { color: #124a7a; text-decoration: none; }
.pub-img { padding: 10px; }
.pub-img .wrap { display: block; margin: 0 auto 0 0; max-width: 250px; overflow: hidden; }
.pub-img img { display: block; width: 100%; max-width: 250px; height: auto; margin: 0 auto 0 0;
  transition: transform .5s ease; }
.pub-img img:hover { transform: scale(1.1); }
.pub-img img { cursor: pointer; }
@media only screen and (max-width: 480px) {
  .pub-num, .pub-body { width: 100%; }
  .pub-num > div { padding: 0 0 20px 0; }
  .pub-body > div { padding: 0; }
}