.nav-new{font-size:8px;letter-spacing:.3px;background:#e5f8b9;color:#55762b;padding:3px 4px;border-radius:3px}.hero-video-link{color:#4d6637;font-size:12px;width:100%;text-underline-offset:4px;text-decoration:underline}.media-tabs{display:flex;align-items:center;gap:8px;margin:12px 0 0;padding:0 0 20px}.media-tab{display:flex;gap:8px;align-items:center;background:transparent;color:#78836d;padding:11px 18px;border-radius:8px;font-weight:600;font-size:15px}.media-tab span{font-size:11px;opacity:.7}.media-tab.active{background:#25321c;color:#fff}.media-tab:hover:not(.active){background:#eaf0e1}.media-helper{font-size:12px;margin-left:auto;color:#8b9781}.video-hero{display:grid;grid-template-columns:1fr 1.14fr;gap:40px;background:#253024;color:#f7fbee;margin:28px 0 24px;border-radius:18px;padding:44px 38px;overflow:hidden;min-height:370px;align-items:center}.video-hero .hero-eyebrow{color:#b8d389;font-size:11px;letter-spacing:1.6px}.video-hero h1{font-size:clamp(29px,3vw,43px);line-height:1.35;letter-spacing:-1.9px;margin:0 0 18px}.video-hero h1 span{color:#d8f493}.video-hero p{font-size:14px;line-height:1.9;color:#bac4b1;margin:0 0 24px;word-break:keep-all}.video-hero .hero-primary{background:#d1f27f;color:#344123;display:inline-flex;gap:13px;align-items:center;font-size:13px;padding:12px 17px}.video-hero-meta{font-size:11px;color:#aebba0;margin-top:17px}.video-hero-meta b{color:#d2dfc2}.video-hero-meta span{margin:0 7px}.motion-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;transform:rotate(-5deg);padding:12px 0}.motion-feature{height:275px;position:relative;border-radius:10px;overflow:hidden;border:1px solid #66715b;padding:0;background:#151e14;text-align:left;box-shadow:0 14px 24px #07100530}.motion-feature:nth-child(2){transform:translateY(-17px)}.motion-feature img{width:100%;height:100%;object-fit:cover;opacity:.9}.motion-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 38%,#111e11db);pointer-events:none;z-index:2}.motion-play{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);display:grid;place-content:center;width:40px;height:40px;background:#ffffff22;color:#fff;border:1px solid #ffffff60;border-radius:50%;font-size:12px;backdrop-filter:blur(3px);z-index:3}.motion-caption{position:absolute;left:13px;right:10px;bottom:18px;color:#eff9df;z-index:3;line-height:1.5}.motion-caption small{font-size:8px;letter-spacing:.6px;color:#c6d2b8}.motion-caption strong{display:block;font-size:12px;margin-top:6px;font-weight:500;word-break:keep-all}.video-toolbar{display:flex;gap:15px;justify-content:space-between;align-items:center;margin:-8px 0 22px}.video-toolbar p{font-size:11px;color:#7a8970;margin:0}.video-toolbar label{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px;color:#667b53}.video-toolbar input{accent-color:#526b32}.play-dot{color:#718e47;margin-right:5px}.video-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.video-card .card-visual{aspect-ratio:16/10}.card-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:0;z-index:1}.preview-playing .card-video{opacity:1}.card-visual .model-badge,.video-state,.card-visual .visual-action{z-index:2}.video-state{position:absolute;left:10px;bottom:10px;background:#172c20bd;color:#fff;font-size:10px;padding:5px 8px;border-radius:5px}.preview-playing .video-state{font-size:0}.preview-playing .video-state:after{content:'● 무음 미리보기';font-size:10px}.preview-loading .video-state{font-size:0}.preview-loading .video-state:after{content:'영상 불러오는 중';font-size:10px}.preview-unavailable .video-state{font-size:0}.preview-unavailable .video-state:after{content:'상세에서 재생';font-size:10px}.video-card .visual-action{bottom:43px}.preview-playing .motion-play{opacity:0}.motion-feature .card-video{z-index:1}.video-detail .detail-art{background:#192418;padding:18px}.video-detail .image-stage{min-height:280px}.detail-player{position:relative;width:100%}.detail-player video{width:100%;max-height:68dvh;min-height:260px;display:block;background:#0c120c;border-radius:8px;object-fit:contain}.player-start{position:absolute;top:calc(50% - 28px);left:50%;transform:translate(-50%,-50%);border:1px solid #ffffff65;background:#20371cd9;color:#f5ffeb;border-radius:50px;padding:14px 22px;display:flex;gap:10px;font-size:14px;white-space:nowrap}.player-start:disabled{opacity:.6}.video-instruction{font-size:11px;color:#b2c0a6;line-height:1.7;margin:13px 3px 0}.video-error{padding:12px;background:#34432c;border-radius:8px;margin-top:12px}.video-error p{color:#e3eccf;font-size:12px;line-height:1.8}.video-error .source-links a{color:#d5f5a0}.video-fallback{position:relative;width:100%;border-radius:9px;overflow:hidden;background:#26381e;color:#edf4e4}.video-fallback>img{width:100%;max-height:380px;object-fit:contain;background:#131d11;display:block}.video-fallback>div{padding:25px 20px}.video-fallback b{font-size:15px}.video-fallback p{font-size:12px;line-height:1.8;color:#bcccaa}.video-fallback .source-links a{color:#d1edaa}.video-gallery .no-image{min-height:0}
@media(max-width:1100px){.video-hero{gap:23px;padding:33px 25px}.video-hero h1{font-size:31px}.motion-feature{height:240px}.motion-caption{left:10px}.motion-caption strong{font-size:11px}.motion-strip{gap:9px}.video-gallery{gap:18px}.media-helper{font-size:11px}.video-toolbar{align-items:flex-start}.video-toolbar p{max-width:60%}}
@media(max-width:750px){.nav-new{font-size:7px}.site-header nav{gap:25px}.video-hero{grid-template-columns:1fr;padding:28px 23px;margin-top:22px;gap:30px}.video-hero h1{font-size:31px;letter-spacing:-1.5px}.video-hero p{font-size:13px}.motion-strip{transform:rotate(-4deg);gap:10px;margin:0 4px 4px}.motion-feature{height:195px}.motion-caption{left:8px;right:6px;bottom:13px}.motion-caption small{font-size:7px;letter-spacing:0}.motion-caption strong{font-size:10px;line-height:1.5}.motion-play{width:31px;height:31px;font-size:10px}.media-tabs{flex-wrap:wrap;padding-bottom:17px;margin-top:8px;gap:6px}.media-tab{font-size:13px;padding:10px 15px}.media-helper{font-size:11px;flex-basis:100%;margin:6px 0 0}.media-helper:has(+ *){display:none}.video-toolbar{flex-direction:column;gap:13px;margin-bottom:18px}.video-toolbar p{max-width:none;line-height:1.8}.video-toolbar label{font-size:11px}.video-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}.video-card .card-visual{aspect-ratio:4/3}.video-state{font-size:8px;left:7px;bottom:7px;padding:4px 5px}.video-card .visual-action{display:none}.video-detail .detail-art{padding:12px}.detail-player video{min-height:210px;max-height:48dvh}.video-detail .image-stage{min-height:230px}.video-instruction{font-size:10px}.player-start{font-size:13px;padding:12px 18px}.hero-video-link{font-size:12px}.video-fallback>img{max-height:270px}}
@media(max-width:390px){.video-hero{padding:25px 19px}.video-hero h1{font-size:27px}.motion-feature{height:173px}.motion-caption strong{font-size:9px}.video-hero-meta{font-size:10px}.site-header nav{gap:22px}.motion-strip{gap:8px}}