:root{
  --black:#070707;
  --ink:#111827;
  --brown:#4b2416;
  --orange:#f97316;
  --amber:#f5b45b;
  --cream:#fff7ec;
  --warm:#f8ead8;
  --line:#e8dccd;
  --muted:#64748b;
  --shadow:0 28px 80px rgba(17,24,39,.16);
  --shadow2:0 16px 38px rgba(17,24,39,.09);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Pretendard","Noto Sans KR",sans-serif;color:var(--ink);background:#fff;word-break:keep-all;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img,video{max-width:100%;display:block}
.container{width:min(1520px,calc(100% - 64px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(232,220,205,.8)}
.nav{height:80px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{width:50px;height:50px;border-radius:17px;background:linear-gradient(135deg,#111,#4b2416 55%,#f97316);color:#fff;display:flex;align-items:center;justify-content:center;font-size:29px;font-weight:950;box-shadow:0 14px 30px rgba(249,115,22,.18)}
.brand-text b{display:block;font-size:23px;letter-spacing:-.06em}.brand-text em{display:block;font-style:normal;font-size:11px;font-weight:950;letter-spacing:.18em;color:#7c5540;margin-top:2px}
.menu{display:flex;align-items:center;gap:26px;font-weight:900;font-size:15px;color:#334155}.menu a{position:relative;white-space:nowrap}.menu a:after{content:"";position:absolute;left:0;bottom:-10px;width:0;height:2px;background:var(--orange);transition:.25s}.menu a:hover:after{width:100%}
.nav-actions{display:flex;gap:9px;align-items:center}.mobile-menu{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:950;transition:.24s;cursor:pointer;white-space:nowrap}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(17,24,39,.12)}
.btn.orange{background:#111;color:#fff;border-color:#111}.btn.light{background:#fff;color:#111}.btn.line{background:#fff7ec;color:#111}.btn.dark{background:#111;color:#fff}.btn.ghost{background:#fff}.btn.small{min-height:40px;padding:0 15px;font-size:14px}

.hero-v2{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 12%,rgba(249,115,22,.28),transparent 30%),linear-gradient(135deg,#130a07,#35160c 52%,#070707);color:#fff;padding:90px 0}
.hero-v2:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(90,28,14,.25) 0 12%,transparent 20% 80%,rgba(90,28,14,.25) 88% 100%);pointer-events:none}
.stage-glow{position:absolute;right:8%;top:0;width:42vw;height:42vw;border-radius:50%;background:radial-gradient(circle,rgba(255,217,154,.42),transparent 64%);mix-blend-mode:screen;animation:stageGlow 6.5s ease-in-out infinite}
@keyframes stageGlow{50%{transform:translate(-26px,18px) scale(1.05);opacity:.75}}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;width:max-content;min-height:32px;padding:0 12px;border-radius:999px;background:#fff3e7;color:#c2410c;font-size:13px;font-weight:950;letter-spacing:.07em;margin-bottom:16px}
.hero-copy h1{margin:0;font-size:78px;line-height:1.02;letter-spacing:-.08em}.hero-copy p{font-size:21px;line-height:1.75;color:#f8e5d2;font-weight:760;max-width:650px;margin:26px 0 0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.place-strip{display:grid;grid-template-columns:180px 1fr;gap:12px;margin-top:34px;max-width:760px}.place-strip a{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:18px}.place-strip b{display:block;color:#ffc693;font-size:13px;margin-bottom:5px}.place-strip span{font-weight:900;color:#fff;line-height:1.45}
.hero-stage-card{position:relative;border-radius:40px;overflow:hidden;box-shadow:var(--shadow);min-height:620px;background:#111}.stage-media img,.stage-media video{width:100%;height:620px;object-fit:cover}.stage-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.7))}
.now-ticket{position:absolute;left:28px;right:28px;bottom:28px;background:rgba(255,255,255,.95);color:#111;border-radius:26px;padding:24px}.now-ticket span{font-size:12px;font-weight:950;color:#c2410c;letter-spacing:.16em}.now-ticket strong{display:block;font-size:32px;letter-spacing:-.065em;margin:6px 0}.now-ticket p{margin:0 0 10px;color:#64748b;font-weight:850}.now-ticket a{font-weight:950;color:#c2410c}

.section{padding:96px 0}.section.warm{background:linear-gradient(180deg,#fff7ec,#fff)}.section.dark,.theater-mood{background:#071225;color:#fff}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin-bottom:34px}.section-head.center{display:block;text-align:center}.section-head.center .eyebrow{margin-left:auto;margin-right:auto}.section-head h2,.category-title h2{margin:0;font-size:48px;line-height:1.18;letter-spacing:-.07em}.section-head p{margin:14px 0 0;color:var(--muted);font-weight:760;line-height:1.75;max-width:840px}.more-link{font-weight:950;color:#c2410c}

.quick-section{padding:28px 0;background:#fff}.quick-grid{display:grid;grid-template-columns:.75fr 1.5fr 1fr;gap:14px}.quick-card{display:block;border:1px solid var(--line);border-radius:22px;padding:20px 22px;background:#fff;box-shadow:var(--shadow2)}.quick-card b{display:block;color:#c2410c;margin-bottom:6px}.quick-card span{font-weight:900;line-height:1.45}

.show-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.show-card{background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow2);transition:.25s}.show-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}
.show-image{height:260px;display:block;position:relative;overflow:hidden;background:#111}.show-image img{width:100%;height:100%;object-fit:cover;transition:.45s}.show-card:hover .show-image img{transform:scale(1.05)}.show-status{position:absolute;left:16px;top:16px;background:rgba(255,255,255,.96);border-radius:999px;padding:8px 12px;color:#c2410c;font-weight:950;font-size:12px}
.show-body{padding:22px}.show-genre{font-size:13px;font-weight:950;color:#8a5a40}.show-body h3{font-size:25px;line-height:1.28;letter-spacing:-.06em;margin:10px 0}.show-body p{color:#64748b;font-weight:760;line-height:1.68;min-height:78px}.show-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}

.theater-mood-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:38px;align-items:center}.theater-mood h2{font-size:56px;line-height:1.14;letter-spacing:-.08em;margin:0 0 18px}.theater-mood p{color:#cbd5e1;font-weight:760;line-height:1.75}.mood-gallery{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.mood-gallery img{width:100%;height:190px;object-fit:cover;border-radius:22px}.mood-gallery img:first-child{grid-row:span 2;height:394px}
.poster-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.poster-wall a{position:relative;overflow:hidden;border-radius:26px;background:#111;box-shadow:var(--shadow2)}.poster-wall img{width:100%;height:320px;object-fit:cover;opacity:.92;transition:.35s}.poster-wall a:hover img{transform:scale(1.05);opacity:1}.poster-wall span{position:absolute;left:12px;right:12px;bottom:12px;background:rgba(255,255,255,.95);border-radius:16px;padding:13px;font-size:14px;font-weight:950}
.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.visit-card{border:1px solid var(--line);border-radius:30px;padding:34px;background:#fff;box-shadow:var(--shadow2)}.visit-card.dark{background:linear-gradient(135deg,#111,#4b2416);color:#fff}.visit-card h2{font-size:40px;letter-spacing:-.07em;margin:0 0 12px}.visit-card p{color:#64748b;font-weight:760;line-height:1.72}.visit-card.dark p{color:#f4d8c5}.hours-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:22px}.hours-grid div{display:flex;justify-content:space-between;border:1px solid var(--line);border-radius:16px;padding:12px 14px;font-weight:900}.visit-card.dark .hours-grid div{border-color:rgba(255,255,255,.16)}
.sub-hero{background:linear-gradient(135deg,#130a07,#35160c);color:#fff;padding:92px 0}.sub-hero h1{font-size:62px;line-height:1.08;letter-spacing:-.075em;margin:0 0 14px}.sub-hero p{font-size:19px;color:#f2d7c4;line-height:1.75;font-weight:760;max-width:860px}

.filter-bar{display:flex;gap:8px;flex-wrap:wrap;border:1px solid var(--line);background:#fff;border-radius:24px;padding:10px;margin-bottom:28px;box-shadow:var(--shadow2)}.filter-bar button{border:0;background:#f8ead8;border-radius:999px;min-height:44px;padding:0 18px;font-weight:950;cursor:pointer}.filter-bar button.active{background:#111;color:#fff}
.program-category{margin-bottom:58px}.category-title{margin-bottom:22px}.category-title span{color:#c2410c;font-weight:950}.program-row{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.wide-card{display:grid;grid-template-columns:230px 1fr}.wide-card .show-image{height:auto;min-height:260px}.wide-card .show-body p{min-height:auto}
.split-grid,.group-grid,.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:stretch}.image-panel,.text-panel,.contact-panel,.location-panel,.hours-panel{border:1px solid var(--line);border-radius:32px;background:#fff;box-shadow:var(--shadow2);overflow:hidden}.image-panel img{width:100%;height:100%;min-height:540px;object-fit:cover}.text-panel,.contact-panel,.location-panel,.hours-panel{padding:38px}.text-panel h2,.location-panel h2{font-size:44px;line-height:1.17;letter-spacing:-.07em;margin:0 0 16px}.text-panel p,.location-panel p{color:#64748b;font-weight:760;line-height:1.78}.info-list,.location-list{display:grid;gap:8px;margin-top:24px}.info-list div,.location-list div{display:grid;grid-template-columns:96px 1fr;border-bottom:1px solid var(--line);padding:14px 0}.info-list b,.location-list b{color:#111}.info-list span,.location-list span{color:#64748b;font-weight:800;line-height:1.55}
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.value-grid article,.process-grid div{background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:var(--shadow2)}.value-grid b,.process-grid b{display:flex;width:48px;height:48px;border-radius:16px;background:#fff1e5;color:#c2410c;align-items:center;justify-content:center;margin-bottom:18px}.value-grid h3,.process-grid h3{font-size:23px;margin:0 0 10px}.value-grid p,.process-grid p{color:#64748b;font-weight:760;line-height:1.7;margin:0}
.real-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.real-gallery-grid article{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow2)}.real-gallery-grid img{width:100%;height:220px;object-fit:cover}.real-gallery-grid strong{display:flex;align-items:center;min-height:58px;padding:0 16px;font-weight:950}
.process-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}.big-contact{display:block;border:1px solid var(--line);background:#fff7ec;border-radius:22px;padding:24px;margin-top:14px}.big-contact b{display:block;color:#c2410c;margin-bottom:6px}.big-contact span{font-weight:950;line-height:1.55}.contact-panel h2{font-size:36px;letter-spacing:-.07em;margin:0 0 10px}.contact-panel p{color:#64748b;font-weight:760;line-height:1.75}
.hours-panel h3{font-size:34px;letter-spacing:-.06em;margin:0 0 18px}.hours-panel ul,.footer-hours{list-style:none;margin:0;padding:0;display:grid;gap:8px}.hours-panel li,.footer-hours li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:12px 0;font-weight:900}.map-preview{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:32px;padding:26px;box-shadow:var(--shadow2)}.map-preview img{height:360px;width:100%;object-fit:cover;border-radius:24px}.map-preview h2{font-size:38px;letter-spacing:-.06em;margin:0 0 12px}.map-preview p{color:#64748b;font-weight:760;line-height:1.75}

.detail-hero{background:linear-gradient(135deg,#130a07,#35160c);color:#fff;padding:82px 0}.detail-grid{display:grid;grid-template-columns:430px 1fr;gap:48px;align-items:center}.detail-poster{border-radius:32px;overflow:hidden;box-shadow:var(--shadow);background:#fff}.detail-poster img{width:100%;height:580px;object-fit:cover}.detail-copy h1{font-size:68px;line-height:1.05;letter-spacing:-.08em;margin:0 0 18px}.detail-tagline{font-size:23px;color:#f4d8c5;font-weight:850;line-height:1.58}.detail-info{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:30px 0}.detail-info div{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:16px}.detail-info b{display:block;color:#f6b98e;font-size:13px}.detail-info span{font-weight:900}.story-box{max-width:980px}.story-box h2{font-size:46px;letter-spacing:-.07em;margin:0 0 16px}.story-box p{font-size:20px;line-height:1.9;color:#475569;font-weight:760}

.footer{background:#071225;color:#cbd5e1;padding:48px 0}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer strong{font-size:22px;color:#fff}.footer p{line-height:1.75;font-weight:760}.footer a{color:#fff}.footer-hours{margin-top:16px;min-width:280px}.footer-hours li{border-color:rgba(255,255,255,.12);font-size:14px}.mobile-bottom-cta{display:none}

@media(max-width:1200px){
  .hero-grid,.theater-mood-grid,.split-grid,.group-grid,.location-grid,.detail-grid,.map-preview{grid-template-columns:1fr}
  .show-grid{grid-template-columns:repeat(2,1fr)}.poster-wall{grid-template-columns:repeat(3,1fr)}.value-grid,.real-gallery-grid{grid-template-columns:repeat(2,1fr)}
  .program-row{grid-template-columns:1fr}
}
@media(max-width:920px){
  body{padding-bottom:76px}.container{width:min(100%,calc(100% - 24px))}
  .nav{height:64px}.brand-mark{width:40px;height:40px;border-radius:13px;font-size:23px}.brand-text b{font-size:18px}.brand-text em{font-size:9px}.menu{display:none}.nav-actions .btn{display:none}.mobile-menu{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:950}
  body.mobile-open .menu{display:flex;position:fixed;top:76px;left:12px;right:12px;z-index:2000;flex-direction:column;background:#fff;border-radius:22px;padding:12px;box-shadow:0 26px 70px rgba(0,0,0,.25)}body.mobile-open .menu a{min-height:48px;display:flex;align-items:center;padding:0 14px;border-radius:12px}body.mobile-open:before{content:"";position:fixed;inset:0;background:rgba(7,18,37,.35);z-index:1500}.site-header{z-index:3000}
  .hero-v2{padding:28px 0 38px}.hero-grid{gap:18px}.hero-copy h1{font-size:42px}.hero-copy p{font-size:16px;line-height:1.65}.hero-actions .btn{flex:1;min-height:44px;font-size:13px;padding:0 12px}.place-strip{grid-template-columns:1fr;margin-top:18px}.place-strip a{padding:14px;border-radius:16px}.hero-stage-card{order:-1;min-height:320px;border-radius:26px}.stage-media img,.stage-media video{height:320px}.now-ticket{left:16px;right:16px;bottom:16px;padding:16px;border-radius:18px}.now-ticket strong{font-size:21px}
  .section{padding:52px 0}.section-head{display:block}.section-head h2,.category-title h2{font-size:32px}.section-head p{font-size:15px;line-height:1.65}.quick-section{padding:18px 0}.quick-grid{grid-template-columns:1fr;gap:8px}.quick-card{padding:14px 16px;border-radius:16px}
  .show-grid{grid-template-columns:1fr;gap:16px}.show-image{height:220px}.show-body{padding:18px}.show-body h3{font-size:22px}.show-body p{min-height:auto;font-size:14px}.show-actions .btn{flex:1}
  .theater-mood h2{font-size:34px}.mood-gallery{grid-template-columns:1fr 1fr}.mood-gallery img,.mood-gallery img:first-child{height:150px;grid-row:auto;border-radius:18px}
  .poster-wall{grid-template-columns:repeat(2,1fr);gap:12px}.poster-wall img{height:220px}.poster-wall span{font-size:12px}.visit-grid{grid-template-columns:1fr}.visit-card{padding:22px;border-radius:22px}.visit-card h2{font-size:28px}.hours-grid{grid-template-columns:1fr}
  .sub-hero{padding:54px 0}.sub-hero h1{font-size:40px}.sub-hero p{font-size:15px}.filter-bar{overflow-x:auto;flex-wrap:nowrap;border-radius:18px}.filter-bar button{white-space:nowrap;min-height:38px;font-size:13px}
  .wide-card{display:block}.wide-card .show-image{height:220px}.program-category{margin-bottom:36px}
  .text-panel,.contact-panel,.location-panel,.hours-panel{padding:22px;border-radius:22px}.text-panel h2,.location-panel h2{font-size:29px}.image-panel{border-radius:22px}.image-panel img{min-height:290px}.info-list div,.location-list div{grid-template-columns:72px 1fr;font-size:14px}.value-grid,.real-gallery-grid,.process-grid{grid-template-columns:1fr}.real-gallery-grid img{height:190px}.map-preview{padding:18px;border-radius:22px}.map-preview img{height:240px}.map-preview h2{font-size:28px}
  .detail-hero{padding:42px 0}.detail-poster img{height:430px}.detail-copy h1{font-size:38px}.detail-tagline{font-size:17px}.detail-info{grid-template-columns:1fr}.story-box h2{font-size:32px}.story-box p{font-size:16px;line-height:1.75}
  .footer{padding:36px 0 96px}.footer-grid{display:block}.footer-grid div+div{margin-top:16px}.footer-hours{min-width:0}.mobile-bottom-cta{position:fixed;left:10px;right:10px;bottom:10px;z-index:3000;display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-bottom-cta a{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:16px;background:#111;color:#fff;font-weight:950;box-shadow:0 14px 28px rgba(0,0,0,.18)}
}



/* ===== v3 PLAYFUL THEATER DESIGN ===== */
/* 전체 톤: 무겁고 어두운 극장형 → 톡톡 튀는 연극회사/포스터형 */

:root{
  --play-black:#101010;
  --play-cream:#fff4df;
  --play-red:#e63946;
  --play-yellow:#ffd166;
  --play-blue:#118ab2;
  --play-green:#06d6a0;
  --play-purple:#8338ec;
  --play-pink:#ff4d8d;
}

/* 헤더를 조금 더 젊고 브랜드형으로 */
.site-header{
  background:rgba(255,246,232,.94) !important;
  border-bottom:3px solid #101010 !important;
  backdrop-filter:blur(14px) !important;
}
.brand-mark{
  border:3px solid #101010 !important;
  background:var(--play-yellow) !important;
  color:#101010 !important;
  box-shadow:6px 6px 0 #101010 !important;
}
.brand-text b{
  color:#101010 !important;
}
.brand-text em{
  color:#e63946 !important;
}
.menu a{
  color:#101010 !important;
}
.menu a::after{
  height:4px !important;
  bottom:-13px !important;
  background:linear-gradient(90deg,var(--play-red),var(--play-blue),var(--play-green)) !important;
  border-radius:999px !important;
}
.nav-actions .btn.line{
  border:2px solid #101010 !important;
  background:#fff !important;
  color:#101010 !important;
}
.nav-actions .btn.orange{
  border:2px solid #101010 !important;
  background:var(--play-red) !important;
  color:#fff !important;
  box-shadow:4px 4px 0 #101010 !important;
}

/* 메인: 밝은 크림 + 포스터 그래픽 무드 */
.hero-playful{
  background:
    radial-gradient(circle at 14% 18%, rgba(255,209,102,.62), transparent 24%),
    radial-gradient(circle at 86% 18%, rgba(17,138,178,.38), transparent 25%),
    radial-gradient(circle at 76% 78%, rgba(230,57,70,.38), transparent 24%),
    linear-gradient(135deg,#fff4df 0%,#ffe8c1 48%,#fff9ef 100%) !important;
  color:#101010 !important;
  border-bottom:4px solid #101010 !important;
}
.hero-v2:before,
.stage-glow{
  display:none !important;
}
.hero-playful::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(90deg, rgba(16,16,16,.055) 1px, transparent 1px),
    linear-gradient(rgba(16,16,16,.055) 1px, transparent 1px);
  background-size:34px 34px;
  pointer-events:none;
}
.theater-doodles{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
}
.theater-doodles span{
  position:absolute;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 14px;
  border:2px solid #101010;
  border-radius:999px;
  background:#fff;
  color:#101010;
  font-size:13px;
  font-weight:950;
  box-shadow:4px 4px 0 #101010;
  animation:doodleFloat 5.5s ease-in-out infinite;
}
.theater-doodles span:nth-child(1){left:4%;top:12%;background:var(--play-green);transform:rotate(-8deg)}
.theater-doodles span:nth-child(2){right:8%;top:16%;background:var(--play-yellow);transform:rotate(7deg);animation-delay:.7s}
.theater-doodles span:nth-child(3){left:8%;bottom:12%;background:var(--play-pink);color:#fff;transform:rotate(5deg);animation-delay:1.2s}
.theater-doodles span:nth-child(4){right:18%;bottom:10%;background:var(--play-blue);color:#fff;transform:rotate(-6deg);animation-delay:1.8s}
@keyframes doodleFloat{
  0%,100%{translate:0 0}
  50%{translate:0 -10px}
}

.hero-copy{
  position:relative;
  z-index:3;
}
.hero-copy h1{
  color:#101010 !important;
  text-shadow:none !important;
}
.hero-copy p{
  color:#2c2c2c !important;
}
.sticker-red,
.hero-playful .eyebrow{
  background:var(--play-red) !important;
  color:#fff !important;
  border:2px solid #101010 !important;
  box-shadow:4px 4px 0 #101010 !important;
}
.hero-mini-labels{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:4px 0 18px;
}
.hero-mini-labels em{
  display:inline-flex;
  min-height:30px;
  padding:0 10px;
  align-items:center;
  border-radius:999px;
  border:2px solid #101010;
  background:#fff;
  color:#101010;
  font-style:normal;
  font-size:12px;
  font-weight:950;
}
.hero-mini-labels em:nth-child(1){background:var(--play-yellow)}
.hero-mini-labels em:nth-child(2){background:var(--play-blue);color:#fff}
.hero-mini-labels em:nth-child(3){background:var(--play-green)}

.hero-playful .btn.orange{
  background:var(--play-red) !important;
  color:#fff !important;
  border:3px solid #101010 !important;
  box-shadow:6px 6px 0 #101010 !important;
}
.hero-playful .btn.light{
  background:#fff !important;
  color:#101010 !important;
  border:3px solid #101010 !important;
  box-shadow:6px 6px 0 #101010 !important;
}
.place-strip a{
  background:#fff !important;
  border:3px solid #101010 !important;
  box-shadow:6px 6px 0 #101010 !important;
}
.place-strip a:nth-child(1){background:var(--play-yellow) !important}
.place-strip a:nth-child(2){background:#fff !important}
.place-strip b{
  color:#101010 !important;
}
.place-strip span{
  color:#101010 !important;
}

.hero-stage-card{
  border:4px solid #101010 !important;
  box-shadow:12px 12px 0 #101010 !important;
  transform:rotate(1.2deg);
}
.hero-stage-card:hover{
  transform:rotate(0deg) translateY(-4px);
  transition:.25s;
}
.now-ticket{
  border:3px dashed #101010 !important;
  box-shadow:6px 6px 0 #101010 !important;
}
.now-ticket::before,
.now-ticket::after{
  content:"";
  position:absolute;
  top:50%;
  width:22px;
  height:22px;
  border-radius:50%;
  background:#101010;
  transform:translateY(-50%);
}
.now-ticket::before{left:-13px}
.now-ticket::after{right:-13px}
.now-ticket span{
  background:var(--play-yellow);
  color:#101010 !important;
  border:2px solid #101010;
  border-radius:999px;
  padding:4px 8px;
  display:inline-flex;
}

/* 섹션 배경 */
.section{
  position:relative;
}
.section.warm{
  background:
    radial-gradient(circle at 10% 10%, rgba(255,209,102,.26), transparent 24%),
    radial-gradient(circle at 92% 28%, rgba(6,214,160,.16), transparent 22%),
    #fff4df !important;
}
.section-head h2,
.category-title h2{
  color:#101010 !important;
}
.section-head.center .eyebrow,
.section-head .eyebrow,
.category-title span,
.text-panel .eyebrow,
.location-panel .eyebrow,
.detail-copy .eyebrow,
.story-box .eyebrow{
  border:2px solid #101010 !important;
  box-shadow:3px 3px 0 #101010 !important;
  background:var(--play-yellow) !important;
  color:#101010 !important;
}

/* 공연 카드: 포스터+티켓형 */
.show-card{
  border:3px solid #101010 !important;
  border-radius:28px !important;
  box-shadow:8px 8px 0 #101010 !important;
  overflow:hidden !important;
  background:#fff !important;
}
.show-card:hover{
  transform:translateY(-8px) rotate(-1.2deg) !important;
  box-shadow:12px 12px 0 #101010 !important;
}
.show-image{
  border-bottom:3px solid #101010 !important;
}
.show-status{
  border:2px solid #101010 !important;
  box-shadow:3px 3px 0 #101010 !important;
  color:#101010 !important;
}
.show-card:nth-child(1) .show-status,
.poster-blue .show-status{background:var(--play-blue) !important;color:#fff !important}
.show-card:nth-child(2) .show-status,
.poster-pink .show-status{background:var(--play-pink) !important;color:#fff !important}
.show-card:nth-child(3) .show-status,
.poster-yellow .show-status{background:var(--play-yellow) !important;color:#101010 !important}
.show-card:nth-child(4) .show-status,
.poster-brown .show-status{background:#b5651d !important;color:#fff !important}
.show-card:nth-child(5) .show-status,
.poster-red .show-status{background:var(--play-red) !important;color:#fff !important}
.show-card:nth-child(6) .show-status,
.poster-green .show-status{background:var(--play-green) !important;color:#101010 !important}
.show-body{
  position:relative;
}
.show-body::before{
  content:"";
  display:block;
  height:1px;
  border-top:3px dashed #101010;
  opacity:.22;
  margin:-2px 0 18px;
}
.show-genre{
  display:inline-flex !important;
  background:#fff4df;
  border:2px solid #101010;
  border-radius:999px;
  padding:5px 9px;
  color:#101010 !important;
}
.show-actions .btn{
  border:2px solid #101010 !important;
}
.show-actions .btn.dark{
  background:#101010 !important;
}
.show-actions .btn.ghost{
  background:var(--play-yellow) !important;
  color:#101010 !important;
}

/* 바로가기 카드 */
.quick-section{
  background:#101010 !important;
}
.quick-card{
  border:3px solid #101010 !important;
  box-shadow:6px 6px 0 rgba(255,255,255,.22) !important;
}
.quick-card:nth-child(1){background:var(--play-yellow) !important}
.quick-card:nth-child(2){background:var(--play-green) !important}
.quick-card:nth-child(3){background:#fff !important}
.quick-card b,
.quick-card span{
  color:#101010 !important;
}

/* 공간 섹션도 무겁지 않게 */
.theater-mood{
  background:
    radial-gradient(circle at 18% 18%, rgba(255,209,102,.18), transparent 24%),
    radial-gradient(circle at 82% 70%, rgba(17,138,178,.22), transparent 26%),
    #101010 !important;
  border-top:4px solid #101010;
  border-bottom:4px solid #101010;
}
.mood-gallery img,
.image-panel,
.map-preview img,
.real-gallery-grid article{
  border:3px solid #101010 !important;
  box-shadow:6px 6px 0 #101010 !important;
}
.mood-gallery img:nth-child(2n){
  transform:rotate(1.4deg);
}
.mood-gallery img:nth-child(2n+1){
  transform:rotate(-1.1deg);
}

/* 포스터 월 */
.poster-wall a{
  border:3px solid #101010 !important;
  box-shadow:7px 7px 0 #101010 !important;
  transform:rotate(-1deg);
}
.poster-wall a:nth-child(2n){
  transform:rotate(1deg);
}
.poster-wall a:hover{
  transform:rotate(0deg) translateY(-6px);
}
.poster-wall span{
  border:2px solid #101010 !important;
  box-shadow:3px 3px 0 #101010 !important;
}

/* 방문/단체 카드 */
.visit-card,
.text-panel,
.contact-panel,
.location-panel,
.hours-panel,
.map-preview,
.value-grid article,
.process-grid div{
  border:3px solid #101010 !important;
  box-shadow:7px 7px 0 #101010 !important;
}
.visit-card.dark{
  background:var(--play-blue) !important;
  color:#fff !important;
}
.visit-card.dark .eyebrow{
  background:#fff !important;
  color:#101010 !important;
}
.hours-grid div,
.info-list div,
.location-list div,
.hours-panel li{
  border-color:#101010 !important;
}
.value-grid b,
.process-grid b{
  border:2px solid #101010 !important;
  background:var(--play-yellow) !important;
  color:#101010 !important;
}

/* 필터 버튼 */
.filter-bar{
  border:3px solid #101010 !important;
  box-shadow:6px 6px 0 #101010 !important;
  background:#fff4df !important;
}
.filter-bar button{
  border:2px solid #101010 !important;
  background:#fff !important;
  color:#101010 !important;
}
.filter-bar button.active{
  background:var(--play-red) !important;
  color:#fff !important;
  box-shadow:3px 3px 0 #101010;
}

/* 상세 페이지 */
.detail-hero{
  background:
    radial-gradient(circle at 12% 20%, rgba(255,209,102,.35), transparent 22%),
    radial-gradient(circle at 90% 20%, rgba(131,56,236,.26), transparent 22%),
    #101010 !important;
}
.detail-poster{
  border:4px solid #fff !important;
  box-shadow:10px 10px 0 var(--play-yellow) !important;
  transform:rotate(-1.2deg);
}
.detail-info div{
  border:2px solid rgba(255,255,255,.5) !important;
}
.story-box{
  background:#fff;
  border:3px solid #101010;
  border-radius:30px;
  box-shadow:8px 8px 0 #101010;
  padding:42px;
}

/* 푸터: 밝은 티켓형으로 완전 변경 */
.ticket-footer{
  background:#fff4df !important;
  color:#101010 !important;
  border-top:4px solid #101010 !important;
  padding:52px 0 40px !important;
}
.ticket-footer-wrap{
  position:relative;
  display:grid;
  grid-template-columns:1fr 280px;
  gap:28px;
  border:4px solid #101010;
  border-radius:34px;
  background:#fff;
  box-shadow:10px 10px 0 #101010;
  padding:30px;
  overflow:hidden;
}
.ticket-footer-wrap::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  right:300px;
  width:0;
  border-left:3px dashed #101010;
  opacity:.35;
}
.ticket-footer-main{
  display:grid;
  gap:24px;
}
.ticket-logo{
  display:flex;
  align-items:center;
  gap:16px;
}
.ticket-logo span{
  width:64px;
  height:64px;
  border:3px solid #101010;
  border-radius:20px;
  background:var(--play-yellow);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:36px;
  font-weight:950;
  box-shadow:5px 5px 0 #101010;
}
.ticket-logo strong{
  display:block;
  font-size:34px !important;
  letter-spacing:-.06em;
  color:#101010 !important;
}
.ticket-logo p{
  margin:4px 0 0 !important;
  color:#374151 !important;
  font-weight:850 !important;
}
.ticket-footer-info{
  display:grid;
  grid-template-columns:1.2fr .6fr 1.2fr;
  gap:14px;
}
.ticket-footer-info div{
  border:2px solid #101010;
  border-radius:18px;
  padding:16px;
  background:#fff9ef;
}
.ticket-footer-info b{
  display:block;
  color:#e63946;
  font-size:12px;
  letter-spacing:.12em;
  margin-bottom:6px;
}
.ticket-footer-info span,
.ticket-footer-info a{
  color:#101010 !important;
  font-weight:950;
  line-height:1.5;
}
.ticket-footer-side{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:12px;
  position:relative;
  z-index:2;
}
.footer-sticker{
  align-self:flex-start;
  display:inline-flex;
  padding:8px 13px;
  border:2px solid #101010;
  border-radius:999px;
  background:var(--play-green);
  color:#101010;
  font-weight:950;
  box-shadow:4px 4px 0 #101010;
  transform:rotate(-5deg);
}
.footer-btn{
  min-height:52px;
  border:3px solid #101010;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:950;
  box-shadow:5px 5px 0 #101010;
}
.footer-btn.call{
  background:var(--play-red);
  color:#fff;
}
.footer-btn.map{
  background:var(--play-yellow);
  color:#101010;
}

/* 모바일 */
@media(max-width:920px){
  .site-header{
    border-bottom:3px solid #101010 !important;
  }
  .mobile-menu{
    border:2px solid #101010 !important;
    box-shadow:3px 3px 0 #101010 !important;
    background:var(--play-yellow) !important;
  }
  body.mobile-open .menu{
    border:3px solid #101010 !important;
    box-shadow:8px 8px 0 #101010 !important;
    background:#fff4df !important;
  }
  .hero-playful{
    padding-top:24px !important;
  }
  .hero-copy h1{
    font-size:42px !important;
  }
  .hero-stage-card{
    transform:none !important;
    box-shadow:7px 7px 0 #101010 !important;
    border-radius:24px !important;
  }
  .theater-doodles span{
    display:none;
  }
  .hero-mini-labels{
    margin-top:8px;
  }
  .place-strip a{
    box-shadow:4px 4px 0 #101010 !important;
    border-width:2px !important;
  }
  .show-card,
  .quick-card,
  .visit-card,
  .text-panel,
  .contact-panel,
  .location-panel,
  .hours-panel,
  .map-preview,
  .real-gallery-grid article{
    box-shadow:5px 5px 0 #101010 !important;
    border-width:2px !important;
  }
  .show-card:hover{
    transform:none !important;
  }
  .ticket-footer{
    padding:36px 0 96px !important;
  }
  .ticket-footer-wrap{
    grid-template-columns:1fr;
    border-width:3px;
    border-radius:24px;
    padding:20px;
    box-shadow:6px 6px 0 #101010;
  }
  .ticket-footer-wrap::before{
    display:none;
  }
  .ticket-logo span{
    width:52px;
    height:52px;
    border-radius:16px;
    font-size:28px;
  }
  .ticket-logo strong{
    font-size:24px !important;
  }
  .ticket-footer-info{
    grid-template-columns:1fr;
  }
  .ticket-footer-side{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .footer-sticker{
    grid-column:1 / -1;
  }
  .mobile-bottom-cta a{
    border:2px solid #101010 !important;
    box-shadow:4px 4px 0 #101010 !important;
  }
  .mobile-bottom-cta a:first-child{
    background:var(--play-red) !important;
  }
  .mobile-bottom-cta a:last-child{
    background:var(--play-yellow) !important;
    color:#101010 !important;
  }
}



/* ===== v4 완성도 보강 + 모바일 최적화 ===== */

/* 메인 정보 티켓 */
.hero-info-ticket{
  display:grid;
  grid-template-columns:1.2fr .7fr 1fr;
  gap:10px;
  margin-top:16px;
  max-width:820px;
}
.hero-info-ticket div{
  border:3px solid #101010;
  border-radius:20px;
  background:#fff;
  color:#101010;
  box-shadow:5px 5px 0 #101010;
  padding:14px 16px;
}
.hero-info-ticket b{
  display:block;
  font-size:11px;
  color:#e63946;
  letter-spacing:.12em;
  margin-bottom:5px;
}
.hero-info-ticket span{
  font-weight:950;
  line-height:1.45;
}

/* 이번 주 공연 */
.week-section{
  background:
    radial-gradient(circle at 8% 10%, rgba(255,209,102,.34), transparent 24%),
    radial-gradient(circle at 90% 22%, rgba(17,138,178,.20), transparent 22%),
    #fff !important;
}
.week-show-grid{
  display:grid;
  grid-template-columns:1.25fr 1fr 1fr 1fr;
  gap:18px;
}
.week-show-card{
  position:relative;
  border:3px solid #101010;
  border-radius:28px;
  overflow:hidden;
  background:#fff;
  box-shadow:7px 7px 0 #101010;
  min-height:360px;
  transition:.25s;
}
.week-show-card:hover{
  transform:translateY(-6px) rotate(-1deg);
  box-shadow:10px 10px 0 #101010;
}
.week-show-card:first-child{
  grid-row:span 2;
  min-height:540px;
}
.week-show-card img{
  width:100%;
  height:230px;
  object-fit:cover;
  border-bottom:3px solid #101010;
}
.week-show-card:first-child img{
  height:360px;
}
.week-show-card div{
  padding:20px;
}
.week-show-card span{
  display:inline-flex;
  min-height:30px;
  align-items:center;
  padding:0 10px;
  border:2px solid #101010;
  border-radius:999px;
  background:#ffd166;
  font-size:12px;
  font-weight:950;
  box-shadow:3px 3px 0 #101010;
}
.week-sherlock span{background:#118ab2 !important;color:#fff}
.week-loveactually span{background:#ff4d8d !important;color:#fff}
.week-romance5 span{background:#ffd166 !important;color:#101010}
.week-kyungsung span{background:#06d6a0 !important;color:#101010}
.week-show-card h3{
  font-size:25px;
  line-height:1.25;
  letter-spacing:-.06em;
  margin:14px 0 8px;
}
.week-show-card p{
  color:#64748b;
  font-weight:850;
  margin:0 0 12px;
}
.week-show-card a:last-child{
  color:#e63946;
  font-weight:950;
}

/* 상세페이지 CTA */
.detail-cta-section{
  background:#fff4df !important;
}
.detail-cta-box{
  border:4px solid #101010;
  border-radius:34px;
  background:#fff;
  box-shadow:9px 9px 0 #101010;
  padding:42px;
  display:flex;
  justify-content:space-between;
  gap:28px;
  align-items:center;
}
.detail-cta-box h2{
  font-size:42px;
  line-height:1.18;
  letter-spacing:-.07em;
  margin:0 0 10px;
}
.detail-cta-box p{
  color:#64748b;
  font-weight:800;
  line-height:1.7;
  margin:0;
}
.detail-cta-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-end;
}
.detail-cta-actions .btn{
  border:3px solid #101010 !important;
  box-shadow:5px 5px 0 #101010 !important;
}
.detail-cta-actions .btn.orange{
  background:#e63946 !important;
}
.detail-cta-actions .btn.light{
  background:#ffd166 !important;
}
.detail-cta-actions .btn.ghost{
  background:#fff !important;
}

/* 오시는길 체크리스트 */
.visit-check-section{
  background:#101010 !important;
  color:#fff;
}
.visit-check-section .section-head h2,
.visit-check-section .section-head p{
  color:#fff !important;
}
.visit-check-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.visit-check-grid article{
  border:3px solid #fff;
  border-radius:28px;
  padding:28px;
  background:#1b1b1b;
  box-shadow:7px 7px 0 rgba(255,255,255,.16);
}
.visit-check-grid b{
  display:inline-flex;
  width:48px;
  height:48px;
  align-items:center;
  justify-content:center;
  border:2px solid #101010;
  border-radius:16px;
  background:#ffd166;
  color:#101010;
  font-weight:950;
  margin-bottom:18px;
}
.visit-check-grid h3{
  font-size:22px;
  margin:0 0 10px;
}
.visit-check-grid p{
  color:#d1d5db;
  font-weight:780;
  line-height:1.65;
  margin:0;
}

/* 공간 매거진형 */
.space-magazine-section{
  background:#fff !important;
}
.space-magazine{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:24px;
  align-items:stretch;
}
.magazine-main{
  border:4px solid #101010;
  border-radius:32px;
  overflow:hidden;
  box-shadow:9px 9px 0 #101010;
}
.magazine-main img{
  width:100%;
  height:100%;
  min-height:580px;
  object-fit:cover;
}
.magazine-copy{
  border:4px solid #101010;
  border-radius:32px;
  background:#fff4df;
  box-shadow:9px 9px 0 #101010;
  padding:38px;
}
.magazine-copy h2{
  font-size:44px;
  line-height:1.16;
  letter-spacing:-.07em;
  margin:0 0 16px;
}
.magazine-copy p{
  color:#475569;
  font-weight:800;
  line-height:1.75;
}
.magazine-points{
  display:grid;
  gap:10px;
  margin-top:24px;
}
.magazine-points div{
  border:2px solid #101010;
  border-radius:18px;
  background:#fff;
  padding:16px;
}
.magazine-points b{
  display:block;
  color:#e63946;
  font-size:12px;
  letter-spacing:.12em;
  margin-bottom:5px;
}
.magazine-points span{
  font-weight:950;
}
.magazine-sub-grid{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.magazine-sub-grid img{
  width:100%;
  height:220px;
  object-fit:cover;
  border:3px solid #101010;
  border-radius:24px;
  box-shadow:6px 6px 0 #101010;
}
.magazine-sub-grid img:nth-child(2n){
  transform:rotate(1.2deg);
}
.magazine-sub-grid img:nth-child(2n+1){
  transform:rotate(-1deg);
}

/* 프로그램 장르별 구분 */
.program-category{
  border:3px solid #101010;
  border-radius:34px;
  padding:28px;
  box-shadow:8px 8px 0 #101010;
  background:#fff;
}
.program-category + .program-category{
  margin-top:34px;
}
.program-category.genre-romance{background:#ffe4ef}
.program-category.genre-mystery{background:#e5f5ff}
.program-category.genre-stage{background:#fff4df}
.program-category.genre-thriller{background:#ffe3e3}
.category-title{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
}
.category-title span{
  min-height:34px;
  padding:0 13px;
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  background:#fff;
}

/* 푸터 정리 */
.ticket-footer-wrap{
  grid-template-columns:1fr 250px !important;
}
.ticket-footer-info{
  grid-template-columns:1.2fr .65fr 1.05fr !important;
}
.ticket-footer-side{
  align-content:center;
}

/* 모바일 최적화 */
@media(max-width:920px){
  /* 메인 첫 화면은 공연 이미지 → 타이틀 → 버튼 → 핵심정보 순서 */
  .hero-playful{
    padding:18px 0 34px !important;
  }
  .hero-grid{
    gap:18px !important;
  }
  .hero-stage-card{
    order:-1 !important;
    min-height:300px !important;
  }
  .stage-media img,
  .stage-media video{
    height:300px !important;
  }
  .now-ticket{
    padding:14px !important;
    border-width:2px !important;
  }
  .now-ticket strong{
    font-size:20px !important;
  }
  .hero-copy h1{
    font-size:38px !important;
    line-height:1.08 !important;
  }
  .hero-copy p{
    font-size:15px !important;
    line-height:1.6 !important;
    margin-top:16px !important;
  }
  .hero-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    margin-top:18px !important;
  }
  .hero-actions .btn{
    min-height:44px !important;
    font-size:13px !important;
    padding:0 10px !important;
    box-shadow:4px 4px 0 #101010 !important;
    border-width:2px !important;
  }
  .hero-mini-labels em:nth-child(3){
    display:none;
  }
  .hero-info-ticket{
    grid-template-columns:1fr !important;
    gap:8px !important;
    margin-top:14px !important;
  }
  .hero-info-ticket div{
    padding:12px 14px !important;
    border-width:2px !important;
    border-radius:16px !important;
    box-shadow:4px 4px 0 #101010 !important;
  }
  .place-strip{
    display:none !important;
  }

  /* 이번 주 공연 모바일 */
  .week-show-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  .week-show-card,
  .week-show-card:first-child{
    grid-row:auto !important;
    min-height:auto !important;
  }
  .week-show-card img,
  .week-show-card:first-child img{
    height:210px !important;
  }
  .week-show-card div{
    padding:16px !important;
  }
  .week-show-card h3{
    font-size:21px !important;
  }

  /* 섹션 여백/타이포 */
  .section{
    padding:46px 0 !important;
  }
  .section-head{
    margin-bottom:20px !important;
  }
  .section-head h2,
  .category-title h2{
    font-size:30px !important;
    line-height:1.24 !important;
  }
  .section-head p{
    font-size:14.5px !important;
    line-height:1.62 !important;
  }

  /* 상세 CTA */
  .detail-cta-box{
    display:block !important;
    padding:24px 18px !important;
    border-radius:24px !important;
    border-width:3px !important;
    box-shadow:6px 6px 0 #101010 !important;
  }
  .detail-cta-box h2{
    font-size:27px !important;
  }
  .detail-cta-box p{
    font-size:14px !important;
  }
  .detail-cta-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    margin-top:18px !important;
  }
  .detail-cta-actions .btn:last-child{
    grid-column:1 / -1;
  }
  .detail-cta-actions .btn{
    min-height:44px !important;
    font-size:13px !important;
    border-width:2px !important;
    box-shadow:4px 4px 0 #101010 !important;
  }

  /* 체크리스트 */
  .visit-check-grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
  .visit-check-grid article{
    padding:18px !important;
    border-radius:20px !important;
  }
  .visit-check-grid h3{
    font-size:19px !important;
  }

  /* 공간 매거진 */
  .space-magazine{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  .magazine-main,
  .magazine-copy{
    border-width:3px !important;
    border-radius:24px !important;
    box-shadow:6px 6px 0 #101010 !important;
  }
  .magazine-main img{
    min-height:auto !important;
    height:260px !important;
  }
  .magazine-copy{
    padding:22px !important;
  }
  .magazine-copy h2{
    font-size:28px !important;
  }
  .magazine-copy p{
    font-size:14.5px !important;
    line-height:1.62 !important;
  }
  .magazine-sub-grid{
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }
  .magazine-sub-grid img{
    height:140px !important;
    border-radius:16px !important;
    border-width:2px !important;
    box-shadow:4px 4px 0 #101010 !important;
    transform:none !important;
  }

  /* 프로그램 장르 */
  .program-category{
    padding:18px !important;
    border-radius:24px !important;
    border-width:2px !important;
    box-shadow:5px 5px 0 #101010 !important;
  }
  .category-title{
    display:block !important;
  }
  .category-title span{
    margin-bottom:10px !important;
  }

  /* 공연 카드 */
  .show-image{
    height:205px !important;
  }
  .show-body{
    padding:16px !important;
  }

  /* 푸터 모바일 */
  .ticket-footer-wrap{
    grid-template-columns:1fr !important;
  }
  .ticket-footer-info{
    grid-template-columns:1fr !important;
  }
  .ticket-footer-side{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
  }
}