@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#202329;--muted:#7a818b;--line:#e8eaed;--red:#ed4c32;--bg:#f7f8fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans','Noto Sans KR',sans-serif;background:#fff;word-break:keep-all}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.skip{position:absolute;top:-100px;left:10px;background:#222;color:white;padding:10px;z-index:20}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid #ef735f;outline-offset:3px}.header{height:76px;background:white;border-bottom:1px solid #eee}.header-inner{height:100%;display:flex;align-items:center;gap:80px}.brand{font-size:21px;font-weight:900;letter-spacing:-1.2px;white-space:nowrap}.brand-mark{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:9px;background:var(--red);color:white;font-size:11px;vertical-align:2px;margin-right:6px}.brand-sub{font-size:9px;letter-spacing:1px;color:#a1a5aa;margin-left:10px;vertical-align:3px}.header nav{display:flex;gap:34px;font-size:13px;font-weight:700;color:#656b72}.header nav a:hover{color:var(--red)}.header-cta{margin-left:auto;font-size:12px;font-weight:700;border:1px solid #e5e6e8;padding:11px 15px;border-radius:7px}.header-cta span{margin-left:12px;color:var(--red)}.hero{background:#f7f8fa;overflow:hidden}.hero-inner{min-height:463px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;padding-top:28px}.hero-copy{padding:45px 0 55px}.eyebrow,.section-label{font-size:10px;letter-spacing:1.6px;font-weight:800;color:#8b9098}.pulse{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px #f9dfdb}.hero h1{font-size:clamp(36px,4.4vw,59px);line-height:1.27;letter-spacing:-3.4px;margin:22px 0 17px;font-weight:900}.hero h1 em{color:var(--red);font-style:normal}.hero-copy>p{font-size:15px;line-height:1.8;color:#777e88;margin:0 0 30px}.search{display:flex;align-items:center;background:white;border:1px solid #e6e8eb;border-radius:9px;padding:6px 6px 6px 17px;max-width:530px;box-shadow:0 8px 25px #1b26380a}.search>span{font-size:29px;line-height:1;color:#9ba0a7;transform:rotate(-20deg)}.search input{min-width:0;flex:1;border:0;outline:0;padding:12px;color:#222;background:transparent;font-size:14px}.search input::placeholder{color:#b2b6bc}.search button{border:0;border-radius:6px;background:var(--red);color:white;padding:14px 18px;font-size:12px;font-weight:800}.search button span{margin-left:16px}.quick{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:17px}.quick>span{font-size:11px;font-weight:700;color:#9399a1;margin-right:5px}.quick button{background:#fff;border:1px solid #eceef0;border-radius:5px;color:#7a8088;font-size:11px;padding:6px 10px}.quick button:hover{color:var(--red);border-color:var(--red)}.hero-art{height:335px;position:relative}.art-grid{position:absolute;inset:5px 0;background-image:radial-gradient(#d8dce2 1px,transparent 1px);background-size:17px 17px;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.art-card{position:absolute;border-radius:16px;box-shadow:0 20px 50px #39475b1c}.art-back{width:230px;height:200px;right:12px;top:20px;background:#e4e9ef;transform:rotate(9deg);padding:20px;color:#99a3b0;font-size:9px;letter-spacing:1.5px}.bars{display:flex;gap:8px;align-items:end;height:110px}.bars i{width:17px;background:#c8d2dc;border-radius:4px;height:35%}.bars i:nth-child(2){height:66%}.bars i:nth-child(3){height:44%}.bars i:nth-child(4){height:85%}.bars i:nth-child(5){height:55%}.art-main{width:290px;height:225px;top:55px;right:90px;background:#252d38;color:white;padding:21px 23px;transform:rotate(-5deg)}.art-top{display:flex;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:1.3px;color:#a5adb7}.live-dot{color:#ff8878;font-size:9px}.play{height:101px;display:grid;place-items:center;color:white;font-size:17px}.play::first-letter{background:var(--red);border-radius:50%;padding:17px 19px}.art-bottom{display:flex;justify-content:space-between;align-items:end}.art-bottom strong{font-size:16px;line-height:1.5;letter-spacing:-.5px}.art-bottom span{font-size:9px;color:#aab3bf}.art-label{position:absolute;right:35px;bottom:20px;background:white;border-radius:8px;padding:14px 17px;font-size:11px;font-weight:800;box-shadow:0 12px 35px #26324318}.art-label span{display:inline-grid;place-items:center;background:#fff0ed;color:var(--red);width:26px;height:26px;border-radius:50%;margin-right:8px}.hero-bottom{border-top:1px solid #e6e9ed;display:flex;align-items:center;gap:24px;height:60px;font-size:11px;color:#9298a1}.hero-bottom span+span:before{content:'·';margin-right:24px;color:#c4c9ce}.hero-bottom b{color:var(--red)}.hero-bottom a{margin-left:auto;font-weight:700;color:#5f666f}.section{padding:91px 0 100px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-label span{color:var(--red);margin-right:12px}.section h2,.schedule-section h2,.about h2{font-size:30px;letter-spacing:-1.5px;line-height:1.35;margin:15px 0 9px}.accent{color:var(--red)}.section-heading p{font-size:13px;color:#9298a1;margin:0}.heading-meta{font-size:9px;font-weight:700;letter-spacing:1px;color:#b2b6bc}.heading-meta span{color:var(--red);font-size:14px;margin-left:8px}.filters{display:flex;gap:7px;overflow-x:auto;margin:36px 0 25px;padding-bottom:3px}.filter{white-space:nowrap;border:1px solid #e8eaed;border-radius:6px;background:white;color:#858b93;padding:10px 16px;font-size:12px;font-weight:700}.filter.active{background:#282e37;border-color:#282e37;color:white}.filter span{color:#ff9180;margin-left:5px}.result-line{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#a4a9af;margin-bottom:13px}.result-line p{margin:0;color:#868c94}.result-line strong{color:var(--red)}.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.channel-card{min-width:0;border:1px solid #e9ebee;border-radius:10px;padding:19px;background:white;transition:transform .18s,box-shadow .18s,border-color .18s}.channel-card:hover{transform:translateY(-3px);border-color:#f0b4a9;box-shadow:0 10px 25px #202b3b0a}.card-top{display:flex;justify-content:space-between;align-items:start}.channel-icon{width:54px;height:54px;border-radius:12px;display:grid;place-items:center;background:#eef3fa;color:#3d5d89;font-weight:900;font-size:13px;letter-spacing:-.7px}.icon-1{background:#fef0ea;color:#dc6846}.icon-2{background:#eaf5f3;color:#3a887c}.icon-3{background:#f3eefb;color:#8060a6}.icon-4{background:#fdf2e6;color:#bd8242}.icon-5{background:#eef0f5;color:#5c6b85}.card-number{font-size:10px;color:#c1c5ca}.card-content{margin-top:22px;min-height:98px}.category{font-size:10px;color:#a1a7ae;font-weight:700}.card-content h3{font-size:17px;margin:7px 0 8px;letter-spacing:-.6px}.card-content p{font-size:11px;color:#9298a1;line-height:1.6;margin:0;min-height:34px}.card-actions{border-top:1px solid #f0f1f3;padding-top:14px;display:flex;align-items:center;gap:14px;font-size:11px;font-weight:700}.card-actions a span:first-child{margin-left:3px}.live-link{color:var(--red)}.schedule-link{color:#727983}.schedule-unavailable{color:#b5bac0;font-weight:400}.empty{border:1px solid var(--line);text-align:center;padding:60px}.empty p{color:var(--muted);font-size:13px}.empty button{border:0;background:none;color:var(--red);font-weight:700}.schedule-section{background:#f7f8fa;padding:85px 0 87px}.schedule-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:35px}.schedule-grid a{background:white;border:1px solid #ebedf0;border-radius:8px;display:flex;justify-content:space-between;align-items:center;padding:19px;min-height:85px}.schedule-grid a:hover{border-color:#ed4c32}.schedule-grid small{display:block;color:#a7adb4;font-size:10px;margin-bottom:7px}.schedule-grid strong{font-size:13px}.schedule-arrow{display:grid;place-items:center;color:#aeb4bb;background:#f7f8fa;width:28px;height:28px;border-radius:50%}.schedule-note{font-size:11px;color:#a1a7af;margin:19px 0 0}.about{padding:95px 0;display:grid;grid-template-columns:1fr 1fr;gap:70px}.about h2{font-size:28px}.about-text{font-size:13px;line-height:1.9;color:#858c95}.about-text p:first-child{color:#555d67;font-weight:700;margin-top:0}.about-tag{display:inline-block;background:#fff2ef;color:#df6957;font-size:11px;font-weight:700;padding:8px 12px;border-radius:5px;margin-top:10px}footer{background:#252b33;color:#9ba2ab;padding:37px 0}.footer-inner{display:grid;grid-template-columns:1fr 2fr auto;gap:30px;align-items:start}.footer-brand{color:white;font-size:17px}.footer-brand .brand-mark{width:25px;height:25px;font-size:9px}.footer-inner p{font-size:10px;line-height:1.7;margin:9px 0}.top-link{font-size:11px;color:#c3c8cf}
@media(max-width:900px){.header-inner{gap:35px}.brand-sub{display:none}.hero-art{transform:scale(.85);transform-origin:right center}.channel-grid{grid-template-columns:repeat(3,1fr)}.schedule-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.wrap{width:min(100% - 36px,1180px)}.header{height:65px}.header-inner{gap:0}.brand{font-size:19px}.header nav{margin-left:auto;gap:17px;font-size:11px}.header nav a:last-child,.header-cta{display:none}.hero-inner{display:block;min-height:0;padding-top:0}.hero-copy{padding:65px 0 42px}.hero h1{font-size:39px;letter-spacing:-2.3px}.hero-copy>p{font-size:13px}.hero-art{display:none}.hero-bottom{height:auto;padding:16px 0;gap:13px;flex-wrap:wrap;font-size:10px}.hero-bottom span+span:before{margin-right:13px}.hero-bottom a{display:none}.section{padding:68px 0}.section h2,.schedule-section h2{font-size:25px}.section-heading p{line-height:1.7}.heading-meta{display:none}.filters{margin-top:27px}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.channel-card{padding:14px}.channel-icon{width:47px;height:47px;font-size:11px}.card-content{margin-top:17px;min-height:105px}.card-content h3{font-size:15px}.card-content p{font-size:10px}.card-actions{gap:9px;font-size:10px;flex-wrap:wrap}.schedule-section{padding:65px 0}.schedule-grid{grid-template-columns:repeat(2,1fr);gap:8px}.schedule-grid a{padding:15px}.about{padding:68px 0;grid-template-columns:1fr;gap:18px}.about h2{font-size:25px}.footer-inner{grid-template-columns:1fr auto;gap:12px}.footer-inner>div:nth-child(2){grid-column:1/-1;grid-row:2}.footer-inner .top-link{grid-column:2;grid-row:1}}