/* P8(2026-10-16): K-컬처 라운지 / 항공권 검색 / LIVE 실시간 댓글 */
.suda-kc,.suda-fl{max-width:1200px;margin:0 auto;padding:24px 16px 48px;box-sizing:border-box;min-width:0}
.suda-kc *,.suda-fl *,.suda-livechat *{box-sizing:border-box}

/* ── K-컬처 라운지 ── */
.suda-kc-hero{padding:36px 28px;border-radius:16px;background:linear-gradient(120deg,#7c3aed,#db2777);color:#fff}
.suda-kc-eyebrow{display:inline-block;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.2);font-size:12px;font-weight:700;letter-spacing:.08em}
.suda-kc-hero h1{margin:12px 0 8px;font-size:30px;line-height:1.3;font-weight:800}
.suda-kc-hero p{margin:0;font-size:15px;opacity:.9;word-break:keep-all}
.suda-kc-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.suda-kc-tabs a{padding:8px 14px;border-radius:999px;background:#fff;color:#7c3aed;font-weight:700;font-size:14px;text-decoration:none}
.suda-kc-section{margin-top:40px}
.suda-kc-title{margin:0 0 14px;font-size:22px;font-weight:800;color:#0f172a}
.suda-kc-empty,.suda-kc-desc{color:#64748b;font-size:14px;margin:0 0 12px}
.suda-kc-shorts{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.suda-kc-short{position:relative;display:block;width:100%;aspect-ratio:9/16;border:0;padding:0;border-radius:14px;overflow:hidden;background:#111;cursor:pointer;text-align:left}
.suda-kc-short-thumb{position:absolute;inset:0;background-size:cover;background-position:center}
.suda-kc-short-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px}
.suda-kc-short-title{position:absolute;left:0;right:0;bottom:0;padding:24px 10px 10px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;font-size:13px;font-weight:600;line-height:1.35}
.suda-kc-busking{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.suda-kc-busk{border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;background:#fff}
.suda-kc-busk-frame{aspect-ratio:16/9;background:#000}
.suda-kc-busk-frame iframe{width:100%;height:100%;border:0;display:block}
.suda-kc-busk-body{padding:14px}
.suda-kc-busk-body h3{margin:8px 0 4px;font-size:16px}
.suda-kc-busk-body p{margin:0;font-size:13px;color:#475569}
.suda-kc-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#e2e8f0;color:#334155}
.suda-kc-badge.is-live{background:#ef4444;color:#fff}
.suda-kc-brands{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.suda-kc-brand{border:1px solid #e2e8f0;border-radius:14px;padding:18px;background:#fff}
.suda-kc-brand img{max-width:100%;height:56px;object-fit:contain;display:block;margin-bottom:10px}
.suda-kc-brand h3{margin:0 0 6px;font-size:16px}
.suda-kc-brand p{margin:0 0 10px;font-size:13px;color:#475569;line-height:1.5}
.suda-kc-brand a{font-size:13px;font-weight:700;color:#7c3aed}
.suda-kc-inquiry{padding:24px;border-radius:16px;background:#faf5ff}
.suda-kc-sent{padding:12px 14px;border-radius:10px;background:#dcfce7;color:#166534;font-weight:700}
.suda-kc-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}
/* (2026-10-24) 입력칸·선택박스·여러 줄 입력칸·버튼은 로그인/회원가입 공통 스타일(css/gnb.css .suda-login-field--plain / .suda-join-next) */
.suda-kc-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.suda-kc-field label{font-size:14px;font-weight:600;color:var(--suda-gray-700,#374151)}
.suda-kc-field em{color:#ef4444;font-style:normal}
.suda-kc-form .is-wide{grid-column:1/-1}
.suda-kc-agree{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.5;color:#475569;cursor:pointer}
.suda-kc-agree .suda-form-check{margin-top:-1px}
.suda-kc-submit{width:100%;margin-top:4px}
/* (2026-10-24) 페이지 배경 흰색 (사이트 공통 #wrapper 회색 대신) - 제휴 문의 박스 연보라 배경은 그대로 */
/* #wrapper:has(#sudaKculture){background:#fff} - 2026-10-24: 페이지 배경은 css/default_shop.css(body·#wrapper) 한 곳에서 관리 */
.suda-kc-player{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;padding:16px}
.suda-kc-player[hidden]{display:none}
.suda-kc-player-box{position:relative;height:min(80vh,720px);aspect-ratio:9/16;max-width:100%}
.suda-kc-player-frame,.suda-kc-player-frame iframe{width:100%;height:100%;border:0;border-radius:14px;display:block;background:#000}
.suda-kc-player-close{position:absolute;top:-40px;right:0;border:0;background:none;color:#fff;font-size:32px;cursor:pointer}

/* ── 항공권 검색 ── */
.suda-fl-head h1{margin:0 0 6px;font-size:28px;font-weight:800;color:#0f172a}
.suda-fl-head p{margin:0 0 18px;color:#64748b;font-size:14px}
.suda-fl-form{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:18px;border-radius:14px;background:#f0f9ff;border:1px solid #bae6fd;align-items:end}
.suda-fl-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.suda-fl-field label{font-size:13px;font-weight:600;color:#0c4a6e}
.suda-fl-field input,.suda-fl-field select{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;background:#fff;min-width:0}
.suda-fl-opts{flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap}
.suda-fl-opts label{font-weight:400;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.suda-fl-opts select{width:auto}
.suda-fl-submit{grid-column:1/-1;padding:13px;border:0;border-radius:10px;background:#0284c7;color:#fff;font-size:16px;font-weight:700;cursor:pointer}
.suda-fl-count{margin:20px 0 10px;font-weight:700;color:#0f172a}
/* 2026-10-23: 카테고리 검색창(왕복/편도)에서 넘어온 조건 + 견적 요청 버튼 */
.suda-fl-cond{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:20px;padding:16px 20px;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb}
.suda-fl-cond p{margin:0;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:14px;color:#475569}
.suda-fl-cond b{font-size:16px;color:#0f172a}
.suda-fl-quote-btn{display:inline-flex;align-items:center;height:42px;padding:0 18px;border-radius:999px;background:var(--suda-blue,#4154ff);color:#fff !important;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}
.suda-fl-quote-btn:hover{background:var(--suda-blue-dark,#3443cc)}
.suda-fl-results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.suda-fl-item{display:grid;grid-template-columns:140px minmax(0,1.2fr) minmax(0,1.5fr) 180px;gap:12px;align-items:center;padding:16px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}
.suda-fl-airline b{display:block;font-size:16px;color:#0f172a}
.suda-fl-airline span{font-size:13px;color:#64748b}
.suda-fl-route{display:flex;align-items:center;gap:10px;font-weight:700;color:#0f172a;min-width:0}
.suda-fl-ap{display:flex;flex-direction:column;font-size:15px;overflow-wrap:anywhere}
.suda-fl-ap small{font-weight:400;color:#64748b;font-size:12px}
.suda-fl-arrow{color:#0284c7}
.suda-fl-meta{display:flex;flex-direction:column;gap:2px;font-size:13px;color:#475569;min-width:0}
.suda-fl-name{color:#94a3b8;overflow-wrap:anywhere}
.suda-fl-price{text-align:right;display:flex;flex-direction:column;gap:4px;align-items:flex-end}
.suda-fl-price b{font-size:20px;color:#0f172a}
.suda-fl-price span{font-size:12px;color:#ef4444}
.suda-fl-book{display:inline-block;padding:9px 16px;border-radius:8px;background:#0284c7;color:#fff!important;font-weight:700;font-size:14px;text-decoration:none}
.suda-fl-empty{padding:28px;text-align:center;border:1px dashed #cbd5e1;border-radius:12px;color:#64748b}
.suda-fl-note{margin-top:16px;font-size:12px;color:#94a3b8}

/* ── LIVE 실시간 댓글 ── */
.suda-livechat{margin:16px 0 32px;padding:16px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;min-width:0}
.suda-livechat-title{margin:0 0 10px;font-size:18px;font-weight:800}
.suda-livechat-list{list-style:none;margin:0 0 10px;padding:8px;height:260px;overflow-y:auto;background:#f8fafc;border-radius:10px}
.suda-livechat-msg{display:flex;flex-wrap:wrap;gap:4px 8px;padding:6px 4px;font-size:14px;border-bottom:1px solid #eef2f7;overflow-wrap:anywhere}
.suda-livechat-msg b{color:#7c3aed}
.suda-livechat-text{flex:1 1 200px;min-width:0;color:#0f172a}
.suda-livechat-msg time{color:#94a3b8;font-size:12px}
.suda-livechat-empty{color:#94a3b8;font-size:13px;padding:8px}
.suda-livechat-form{display:flex;gap:8px}
.suda-livechat-form input{flex:1;min-width:0;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px}
.suda-livechat-form button{padding:0 18px;border:0;border-radius:8px;background:#ef4444;color:#fff;font-weight:700;cursor:pointer}
.suda-livechat-status{margin:6px 0 0;font-size:13px;color:#ef4444;min-height:1em}
.suda-livechat-login a{font-weight:700;color:#2563eb}
.suda-livepage-btn.is-buy{background:#ef4444;color:#fff;border-color:#ef4444}

@media (max-width:1023px){
    .suda-fl-form{grid-template-columns:repeat(3,minmax(0,1fr))}
    .suda-fl-item{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
    .suda-fl-price{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}
}
@media (max-width:640px){
    .suda-kc-hero{padding:24px 18px}
    .suda-kc-hero h1{font-size:22px}
    .suda-kc-form{grid-template-columns:minmax(0,1fr)}
    .suda-kc-shorts{grid-template-columns:repeat(2,minmax(0,1fr))}
    .suda-kc-busking,.suda-kc-brands{grid-template-columns:minmax(0,1fr)}
    .suda-fl-form{grid-template-columns:repeat(2,minmax(0,1fr))}
    .suda-fl-item{grid-template-columns:minmax(0,1fr)}
    .suda-fl-price{flex-wrap:wrap}
}
/* SUDA CUSTOM (2026-10-24): 제휴 문의 포인트 색을 상단 배너 보라→핑크와 맞춤 (이 페이지만, 다른 페이지 버튼은 파란색 그대로)
   버튼 크기·모서리·글자 크기는 .suda-join-next(회원가입 버튼) 규격 그대로, 색만 바꾼다. 원본: css/suda_p8.css.bak.20261024b */
.suda-kc-inquiry .suda-kc-submit{background:linear-gradient(120deg,#7c3aed,#db2777);color:#fff;transition:filter .15s ease}
.suda-kc-inquiry .suda-kc-submit:hover{background:linear-gradient(120deg,#7c3aed,#db2777);filter:brightness(.9)}
.suda-kc-inquiry .suda-kc-submit:focus-visible{outline-color:rgba(124,58,237,.35)}
.suda-kc-inquiry .suda-login-field input:focus,
.suda-kc-inquiry .suda-login-field select:focus,
.suda-kc-inquiry .suda-login-field textarea:focus{border-color:#7c3aed !important}
.suda-kc-inquiry .suda-form-check:checked{background:#7c3aed;border-color:#7c3aed}
.suda-kc-inquiry .suda-kc-field em{color:#db2777}
/* SUDA CUSTOM (2026-10-24): 협력사 브랜드관 카드 이미지 비율 고정 (16:9 칸, 로고가 잘리지 않게 contain + 여백, 가운데 정렬)
   쇼핑 공통 .suda-shop-content img{height:auto}(css/suda_shop.css)가 높이를 풀어 카드 높이가 제각각이던 문제. 원본: css/suda_p8.css.bak.20261024c */
.suda-kc-brands .suda-kc-brand img{width:100%;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center;padding:14px;box-sizing:border-box;border-radius:10px;background:#f8fafc;margin-bottom:12px}
@media screen and (max-width:1024px){.suda-kc-brands .suda-kc-brand img{padding:1.37vw;border-radius:0.98vw;margin-bottom:1.17vw}}
@media screen and (max-width:768px){.suda-kc-brands .suda-kc-brand img{padding:1.82vw;border-radius:1.3vw;margin-bottom:1.56vw}}
@media screen and (max-width:480px){.suda-kc-brands .suda-kc-brand img{padding:2.92vw;border-radius:2.08vw;margin-bottom:2.5vw}}

/* SUDA CUSTOM (2026-10-25): K-엔터 협력사 브랜드관 카드 - 버스킹 라이브 카드와 같은 틀
   썸네일이 카드 위쪽을 꽉 채움(16:9, cover) / 관리자 "로고"면 여백 두고 가운데(contain) / 제목 2줄·설명 3줄 말줄임 / 같은 열 수(PC 3열·태블릿 2열·모바일 1열) */
.suda-kc-brands{ grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; }
.suda-kc-brand{ display: flex; flex-direction: column; padding: 0; overflow: hidden; }
.suda-kc-brand-thumb{ aspect-ratio: 16 / 9; overflow: hidden; background: #f1f5f9; }
.suda-kc-brands .suda-kc-brand .suda-kc-brand-thumb img{ display: block; width: 100%; height: 100%; max-width: none; margin: 0; padding: 0; border-radius: 0; background: none; aspect-ratio: auto; object-fit: cover; object-position: center; }
.suda-kc-brand.is-logo .suda-kc-brand-thumb{ background: #f8fafc; }
.suda-kc-brands .suda-kc-brand.is-logo .suda-kc-brand-thumb img{ box-sizing: border-box; padding: 8% 12%; object-fit: contain; }
.suda-kc-brand-body{ flex: 1 1 auto; display: flex; flex-direction: column; padding: 14px; }
.suda-kc-brand-body h3{ display: -webkit-box; margin: 0 0 4px; overflow: hidden; font-size: 16px; line-height: 1.4; min-height: 2.8em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.suda-kc-brand-body p{ display: -webkit-box; margin: 0 0 10px; overflow: hidden; font-size: 13px; line-height: 1.5; min-height: 4.5em; color: #475569; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.suda-kc-brand-body a{ margin-top: auto; }
@media screen and (max-width:640px){
    .suda-kc-brands{ grid-template-columns: minmax(0, 1fr); }
}