

.new_webzine{
  --paper:#F2F8F5;
  --card:#FFFFFF;
  --ink:#22302B;
  --sub:#5D6E67;
  --board:#2F5D50;
  --chalk:#F7F4E9;
  --tteok:#E5472F;
  --tteok-soft:#FDE8E3;
  --valley:#2D6FA3;
  --valley-soft:#E3EEF7;
  --tag:#FFE494;
  --line:#DCE7E1;
  --red:#D6342B;
  --green:#2E7D5B;
  --display:'Gowun Batang', serif;
  --body:'Noto Sans KR', sans-serif;
  margin:0;
  padding:0 0 80px;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--body);
  line-height:1.8;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
}




.new_webzine,
.new_webzine *{
  box-sizing:border-box;
}

.new_webzine *{
  font-family:inherit;
  color:inherit;
}

.new_webzine span,
.new_webzine em{
  font-size:inherit;
  line-height:inherit;
}

.new_webzine img{
  max-width:100%;
  display:block;
}

.new_webzine a{
  color:inherit;
}

.new_webzine .wrap{
  max-width:720px;
  margin:0 auto;
  padding:0 20px;
}

/* ── 상단 채널 바 ─────────────────────── */
.new_webzine .topbar{
  background:#FFFFFF;
  border-bottom:1px solid var(--line);
  padding:14px 0;
}
.new_webzine .topbar .wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.new_webzine .brand img{
  height:26px;
}
.new_webzine .issue{
  font-size:13px;
  font-weight:600;
  color:var(--sub);
  letter-spacing:.05em;
}

/* ── 표지 ─────────────────────────────── */
.new_webzine .cover{
  padding:64px 0 12px;
  text-align:center;
}
.new_webzine .issue-badge{
  display:inline-block;
  font-size:12px;
  font-weight:800;
  letter-spacing:.28em;
  color:var(--valley);
  border:1.5px solid currentColor;
  border-radius:999px;
  padding:7px 18px 6px;
  margin-bottom:28px;
}
.new_webzine .name-tag{
  display:inline-block;
  background:var(--tag);
  color:#5A4713;
  font-weight:800;
  font-size:15px;
  letter-spacing:.04em;
  padding:8px 22px;
  border-radius:3px;
  transform:rotate(-1.6deg);
  box-shadow:inset 0 0 0 3px #FFFFFF, inset 0 0 0 4.5px #E4BE4C, 0 2px 6px rgba(90,71,19,.18);
  margin-bottom:16px;
}
.new_webzine .big-title{
  font-family:var(--display);
  font-weight:700;
  font-size:clamp(32px, 6.4vw, 46px);
  line-height:1.35;
  margin:6px 0 28px;
}
.new_webzine .big-title .accent{
  color:var(--board);
}
.new_webzine .quote{
  max-width:560px;
  margin:0 auto;
  background:var(--card);
  background-image:repeating-linear-gradient(to bottom, transparent 0, transparent 31px, var(--line) 31px, var(--line) 32px);
  border:1px solid var(--line);
  border-radius:14px;
  padding:22px 28px 26px;
  font-size:16px;
  line-height:32px;
  box-shadow:0 6px 18px rgba(34,48,43,.05);
}

/* ── 인트로 ───────────────────────────── */
.new_webzine .intro{
  padding:40px 0 4px;
  text-align:center;
}
.new_webzine .lede{
  max-width:600px;
  margin:0 auto;
  color:#3C4A44;
}

/* ── 교시(챕터) 칠판 헤더 ─────────────── */
.new_webzine .period{
  padding:48px 0 8px;
}
.new_webzine .period-board{
  background:var(--board);
  color:var(--chalk);
  border-radius:18px;
  padding:30px 24px 26px;
  text-align:center;
  box-shadow:inset 0 0 0 2px rgba(247,244,233,.28), inset 0 0 0 7px var(--board), 0 10px 24px rgba(47,93,80,.18);
}
.new_webzine .period-num{
  display:inline-block;
  font-size:12px;
  font-weight:800;
  letter-spacing:.3em;
  padding:5px 15px 4px;
  border:1.5px dashed rgba(247,244,233,.55);
  border-radius:999px;
  margin-bottom:12px;
}
.new_webzine .period-title{
  font-family:var(--display);
  font-size:clamp(22px, 4.4vw, 30px);
  font-weight:700;
  margin:0;
}
.new_webzine .period-desc{
  font-size:14px;
  opacity:.85;
  margin:10px 0 0;
}

/* ── 영상 블록 ────────────────────────── */
.new_webzine .video-block{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:18px;
  padding:26px;
  margin-top:26px;
  text-align:center;
  box-shadow:0 8px 20px rgba(34,48,43,.05);
}
.new_webzine .video-thumb{
  position:relative;
  border-radius:12px;
  overflow:hidden;
  margin-bottom:20px;
}
.new_webzine .video-thumb img{
  width:100%;
}
.new_webzine .play-icon{
  position:absolute;
  top:50%;
  left:50%;
  width:64px;
  height:64px;
  margin:-32px 0 0 -32px;
  background:rgba(214,52,43,.92);
  border-radius:50%;
}
.new_webzine .play-icon::after{
  content:"";
  position:absolute;
  top:50%;
  left:54%;
  transform:translate(-50%,-50%);
  border-style:solid;
  border-width:11px 0 11px 18px;
  border-color:transparent transparent transparent #FFFFFF;
}
.new_webzine .video-kicker{
  font-size:12px;
  font-weight:800;
  letter-spacing:.22em;
  margin-bottom:8px;
}
.new_webzine .p1 .video-kicker{ color:var(--tteok); }
.new_webzine .p2 .video-kicker{ color:var(--valley); }
.new_webzine .video-title{
  font-family:var(--display);
  font-size:22px;
  font-weight:700;
  line-height:1.45;
  margin:0 0 12px;
}
.new_webzine .video-meta{
  font-size:14px;
  color:var(--sub);
  max-width:520px;
  margin:0 auto 20px;
}

/* ── 버튼 ─────────────────────────────── */
.new_webzine .btn{
  display:inline-block;
  border-radius:999px;
  padding:13px 30px;
  font-size:15px;
  font-weight:700;
  color:#FFFFFF !important;
  text-decoration:none;
}
.new_webzine .btn.red{ background:var(--red); }
.new_webzine .btn.green{ background:var(--green); }

/* ── 식당 카드 ────────────────────────── */
.new_webzine .restaurant{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:18px;
  padding:30px 28px;
  margin-top:26px;
  text-align:center;
  box-shadow:0 8px 20px rgba(34,48,43,.05);
}
.new_webzine .rank{
  display:inline-block;
  font-size:12px;
  font-weight:800;
  letter-spacing:.18em;
  padding:5px 15px 4px;
  border:1.5px solid currentColor;
  border-radius:999px;
  margin-bottom:16px;
}
.new_webzine .p1 .rank{ color:var(--tteok); }
.new_webzine .p2 .rank{ color:var(--valley); }
.new_webzine .photo{
  border-radius:12px;
  overflow:hidden;
  margin:0 0 18px;
}
.new_webzine .ph-empty{
  border:2px dashed #B9CCC2;
  border-radius:12px;
  padding:52px 16px;
  color:#8AA096;
  font-size:13px;
  margin:0 0 18px;
}
.new_webzine .r-name{
  font-family:var(--display);
  font-size:24px;
  font-weight:700;
  margin:0 0 10px;
}
.new_webzine .menu-tag{
  display:inline-block;
  font-size:13px;
  font-weight:600;
  padding:4px 14px;
  border-radius:999px;
  margin-bottom:14px;
}
.new_webzine .p1 .menu-tag{ background:var(--tteok-soft); color:#9C2F1D; }
.new_webzine .p2 .menu-tag{ background:var(--valley-soft); color:#1E5178; }
.new_webzine .desc{
  font-size:15px;
  color:#42514A;
  max-width:540px;
  margin:0 auto 14px;
}
.new_webzine .address{
  font-size:13.5px;
  color:var(--sub);
  margin:0 0 18px;
}

/* ── 쉬는 시간(레시피) ────────────────── */
.new_webzine .break-card{
  margin-top:48px;
  background:var(--card);
  border:1.5px dashed #C7D8CF;
  border-radius:18px;
  padding:30px 26px;
  text-align:center;
}
.new_webzine .break-kicker{
  font-size:12px;
  font-weight:800;
  letter-spacing:.24em;
  color:var(--board);
  margin-bottom:10px;
}
.new_webzine .break-title{
  font-family:var(--display);
  font-size:21px;
  font-weight:700;
  margin:0 0 8px;
}
.new_webzine .break-sub{
  font-size:14px;
  color:var(--sub);
  margin:0 0 18px;
}
.new_webzine .recipe-links{
  list-style:none;
  margin:0;
  padding:0;
}
.new_webzine .recipe-links li{
  margin:10px 0;
}
.new_webzine .recipe-links a{
  font-size:15.5px;
  font-weight:700;
  color:var(--board);
  text-decoration:underline;
  text-underline-offset:4px;
}

/* ── 구독 박스 ────────────────────────── */
.new_webzine .subscribe{
  margin-top:56px;
  background:var(--valley);
  border-radius:20px;
  padding:44px 28px;
  text-align:center;
  color:#FFFFFF;
}
.new_webzine .subscribe h2{
  font-family:var(--display);
  font-size:24px;
  font-weight:700;
  color:#FFFFFF;
  margin:0 0 10px;
}
.new_webzine .subscribe p{
  margin:0 0 22px;
  font-size:14.5px;
  opacity:.92;
}
.new_webzine .btn-sub{
  display:inline-block;
  background:#FFFFFF;
  color:var(--valley) !important;
  border-radius:999px;
  padding:13px 30px;
  font-size:15px;
  font-weight:800;
  text-decoration:none;
}

/* ── 푸터 ─────────────────────────────── */
.new_webzine footer{
  margin-top:44px;
  padding-top:28px;
  border-top:1px solid var(--line);
  text-align:center;
}
.new_webzine .links{
  font-size:13.5px;
  color:var(--sub);
}
.new_webzine .links a{
  color:#4E5D56;
  text-decoration:none;
}
.new_webzine .foot-note{
  font-size:12.5px;
  color:#93A39B;
  margin-top:8px;
}

/* ── 반응형·접근성 ────────────────────── */
@media (max-width:560px){
  .new_webzine .restaurant{ padding:26px 20px; }
  .new_webzine .video-block{ padding:22px 18px; }
  .new_webzine .quote{ padding:20px 20px 24px; }
}

@media (prefers-reduced-motion: reduce){
  .new_webzine *{
    transition:none !important;
    animation:none !important;
  }
}

.new_webzine a:focus-visible,
.new_webzine .btn:focus-visible{
  outline:3px solid var(--valley);
  outline-offset:3px;
}
