@charset "utf-8";
/* =====================================================
   공통 디자인 패턴 — 2개 이상 페이지에서 재사용 (서브페이지 공통)
   2026 대구글로벌오페라마켓
   ===================================================== */

/* ── 서브비주얼 배경 (depClass별 — lnb.css .sub-visual 보다 높은 명시도) ── */
.sub-visual.about,
.sub-visual.program,
.sub-visual.meeting,
.sub-visual.archive {background: #fff;}

/* ── 페이지 상단 타이틀 (Overview + 대메뉴명, 중앙) ── */
.page-head {text-align:center; padding:60px 0 30px;}
.page-head .eng {display:inline-block; font-size:var(--fs14); font-weight:700; letter-spacing:.15em; text-transform:uppercase; color:#111;}
.page-head .kor {margin-top:6px; font-size:var(--fs36); font-weight:800; color:#1a1a1a; letter-spacing:-.02em;}

/* ── 섹션 타이틀 (중앙 정렬 : eng label + kor) ── */
.sec-tit {text-align:center; margin-bottom:40px;}
.sec-tit .eng {display:block; font-weight:700; letter-spacing:.08em; color:var(--c_base1); text-transform:uppercase;}
.sec-tit .kor {display:block; margin-top:8px; font-size:var(--fs36); font-weight:800; color:#1a1a1a; letter-spacing:-.02em;}
.sec-tit p {margin-top:14px; font-size:var(--fs16); color:#666;}

/* ── 섹션 타이틀 (좌측 정렬 : 빨간 바 + 제목) ── */
.sec-tit-left {position:relative; padding-top:24px; margin-bottom:34px;}
.sec-tit-left::before {content:''; position:absolute; left:0; top:0; width:44px; height:4px; background:var(--c_base1);}
.sec-tit-left h3 {font-size:var(--fs32); font-weight:800; color:#1a1a1a; letter-spacing:-.02em;}

/* ── 버튼 ── */
.btn {display:inline-flex; align-items:center; justify-content:center; gap:8px; height:52px; padding:0 34px; border-radius:10px; font-size:var(--fs16); font-weight:600; transition:all .25s;}
.btn.primary {background:var(--c_base1); color:#fff;}
.btn.primary:hover {background:#111;}
.btn.line {border:1px solid var(--border1); background:#fff; color:#333;}
.btn.line:hover {border-color:var(--c_base1); color:var(--c_base1);}
.btn.gold {background:#111; color:#fff;}
.btn.sm {height:40px; padding:0 20px; font-size:var(--fs14);}
.btn.full {width:100%;}

/* ── 정보 정의 표 (행사안내 : dl 형태) ── */
.info-dl {border-top:2px solid var(--c_base1);}
.info-dl .row {display:flex; border-bottom:1px solid var(--border1);}
.info-dl .row dt {flex:0 0 180px; padding:20px 24px; background:var(--bg1); font-size:var(--fs17); font-weight:700; color:#1a1a1a;}
.info-dl .row dd {flex:1; padding:20px 28px; font-size:var(--fs16); color:#555;}

/* ── 데이터 표 (일정/발제/패널 등 — 사이트 공통 표 디자인) ── */
.data-table {width:100%; border-collapse:collapse; border-top:2px solid #111; border-left:1px solid var(--border1);}
.data-table thead > *  {color:#000;}
.data-table th {padding:16px 14px; background:var(--bg2); border-bottom:1px solid var(--border1); border-right:1px solid var(--border1); font-weight:700; color:#1a1a1a; text-align:center;}
.data-table td {padding:16px 14px; border-bottom:1px solid var(--border1); border-right:1px solid var(--border1); color:#555; text-align:center; vertical-align:middle; font-weight: 700;}
/* .data-table th:last-child, .data-table td:last-child {border-right:0;} */
.data-table td.left {text-align:left;}
.data-table td.hi-a {background:#ddeaff ; color:#222; font-weight:700;}
.data-table td.hi-b {background:#e7fff3; color:#222; font-weight:700;}
.data-table td.hi-c {background:#f9effd; color:#222; font-weight:700;}
.data-table td.total {padding:0;}
.data-table td.total div {display:flex; flex-direction:column;}
.data-table td.total p {display: flex;align-items: center;justify-content: center;}
.data-table td.total p.col-2 {height:auto; padding:50px 14px; border-top:1px solid var(--border1); border-bottom:1px solid var(--border1);}
.data-table td.total p.col-1 {padding:10px 14px;}
/* .data-table tbody tr:hover td {background:#faf9f7;} */

/* 공통 (뷰포트 무관) */
.sched-scroll {width:100%; overflow-x:auto;}
.sched-table {min-width:900px;}

/* ── 비어있는 콘텐츠 자리 (추후 입력 예정) ── */
.empty-box {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; min-height:220px; border:1px dashed var(--border1); border-radius:12px; background:var(--bg1); color:#aaa; text-align:center;}
.empty-box .ico {font-size:var(--fs32);}
.empty-box p {font-size:var(--fs15); color:#999;}

/* ── 서브 인트로 개요 배너 (프로그램/미팅 개요 박스) ── */
.ov-card {position:relative; overflow:hidden; border-radius:16px; background:linear-gradient(120deg, #111, var(--c_base1)); color:#fff; padding:56px 60px;}
.ov-card .tag {display:inline-block; padding:6px 16px; border:1px solid rgba(255,255,255,.5); border-radius:20px; font-size:var(--fs13); font-weight:600; letter-spacing:.04em;}
.ov-card h3 {margin-top:18px; font-size:var(--fs36); font-weight:800; line-height:1.25; letter-spacing:-.02em;}
.ov-card p {margin-top:16px; font-size:var(--fs16); line-height:1.7; color:rgba(255,255,255,.9); max-width:820px;}
.ov-card .meta {margin-top:26px; display:flex; flex-wrap:wrap; gap:12px;}
.ov-card .meta span {display:inline-flex; align-items:center; gap:8px; padding:10px 18px; background:rgba(255,255,255,.12); border-radius:10px; font-size:var(--fs15); font-weight:500;}
.ov-card .meta span b {font-weight:700; color:#fff;}

/* ── 주최/주관/후원 로고 라인 ── */
.host-line {display:flex; flex-wrap:wrap; gap:14px 40px; align-items:center; padding:26px 0 0;}
.host-line .item {display:flex; align-items:center; gap:12px;}
.host-line .item .lb {font-size:var(--fs14); font-weight:700; color:var(--c_base1); padding-right:12px; border-right:1px solid var(--border1);}
.host-line .item .org {font-size:var(--fs15); font-weight:600; color:#333;}

/* ── 포스터/카드 리스트 ── */
.poster-list {display:grid; grid-template-columns:repeat(5, 1fr); gap:20px;}
.poster-list .item {border-radius:12px; overflow:hidden; box-shadow:0 8px 24px rgba(0,0,0,.08); background:#fff; transition:transform .25s;}
.poster-list .item:hover {transform:translateY(-6px);}
.poster-list .item .thumb {position:relative; aspect-ratio:3/4; overflow:hidden;}
.poster-list .item .thumb img {width:100%; height:100%; object-fit:cover;}
.poster-list .item .cap {padding:14px 16px; font-size:var(--fs15); font-weight:700; color:#1a1a1a; text-align:center;}



/* ── 태블릿 (~1199px) ── */
@media screen and (max-width: 1199px) {
	.ov-card {padding:40px 34px;}
	.sec-tit {margin-bottom:0;}
	.poster-list {grid-template-columns:repeat(3, 1fr);}
	.info-dl .row dt {flex-basis:140px; padding:16px;}
	.info-dl .row dd {padding:16px 18px;}
}

/* ── 모바일 (~767px) ── */
@media screen and (max-width: 767px) {
	.sec-tit {}
	.sec-tit .eng {}
	.sec-tit .kor {}
	.sec-tit p {}
	.page-head {padding:40px 0 20px;}
	.ov-card {padding:32px 22px; border-radius:12px;}
	.ov-card .meta {gap:8px;}
	.poster-list {grid-template-columns:repeat(2, 1fr); gap:12px;}
	.info-dl .row {flex-direction:column;}
	.info-dl .row dt {flex-basis:auto; padding:12px 16px;}
	.info-dl .row dd {padding:12px 16px;}
	.host-line {gap:12px 20px;}
	.data-table {font-size:var(--fs13);}
	.data-table th, .data-table td {padding:10px 8px;}
	
	
	

}