@charset "utf-8";
/* =====================================================
   행사소개 — about/css/intro.css (intro.png 시안)
   ===================================================== */

/* 스크롤 등장 */
.reveal {opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .7s ease;}
.reveal.on {opacity:1; transform:none;}

/* ── 데스크탑 (1200px~) ── */
@media screen and (min-width: 1200px), print {

	
	/* 일정표 */
	.sched-table .col-time {width:120px; background:var(--bg2);color:#666; white-space:nowrap;}
	.sched-table thead th span {display:block; margin-top:4px; font-size:var(--fs12); font-weight:500; color:#888;}
	/* .sched-table td {height:56px;} */
	.sched-table td.hi {background:#fff5f2; color:var(--c_base1); font-weight:700; line-height:1.35;}

	/* 찾아오시는 길 */
	.location-wrap {display:flex; gap:24px;}
	.loc-map {flex:1 1 120%;  border-radius:14px; overflow:hidden;}
	/* .loc-floor {flex:1 1 38%; border:1px solid var(--border1); border-radius:14px; padding:26px 28px; background:var(--bg1);} */
}



/* 섹션2 : 취지 비주얼 */
.intro-visual {aspect-ratio:2.5/1;  border-radius:10px; overflow:hidden; background:#000; position:relative;}
/* .intro-visual .iv-img {flex:1 1 46%; background:url('https://images.unsplash.com/photo-1470229722913-7c0e2dbbafd3?w=1200&q=80') center/cover no-repeat, #111;} */
.intro-visual .iv-txt {color:#fff; padding:80px 100px; gap:30px; display:flex; flex-direction:column; justify-content:center; position:relative;}
.intro-visual .iv-txt h3 {font-size:var(--fs36); font-weight:800; line-height:1.3; letter-spacing:-.02em;}
.intro-visual img {
	position:absolute; left:0; top:0;
	width:100%; height:100%; object-fit:cover; opacity:.8;
}
.intro-visual .iv-txt p {font-size:var(--fs18); line-height:2; color:rgba(255,255,255,.88);}



/* 행사안내 */
.sec-info {display:flex;}
.sec-info .sec-tit-left {width:360px;}
.sec-info-inner {}
.sec-info-dl {display: grid;grid-template-columns:100px auto; gap:10px 0;}
.sec-info-dl dt {color: #111;font-size: var(--fs20); font-weight: 600; line-height: 140%;}
.sec-info-dl dd {color: #333;font-size: var(--fs20);font-weight: 400;line-height: 140%;}
.sec-host-line {}
.sec-host-line {display:flex; flex-wrap:wrap; gap:14px 40px; align-items:center; padding:26px 0 0;}
.sec-host-line .item {display:flex; align-items:center; gap:12px;}
.sec-host-line .item .lb {flex: 0 0 auto;min-width: 34px;font-size: var(--fs20);font-weight: 700;color: #000;}
.sec-host-line .item .org {font-size:var(--fs15); font-weight:600; color:#333;}



/* 포스터 카드 */
.poster-card {display: grid;grid-template-columns: repeat(5, 1fr);gap: 20px;}
.poster-card .item {overflow:hidden; box-shadow:0 8px 24px rgba(0,0,0,.08); background:#fff; transition:transform .25s;}
.poster-card .item img {width:100%; height:100%; object-fit:cover;}
.poster-card .item:hover {transform:translateY(-6px);}

/* 지도 */
/* .loc-map iframe {width:100%; height:100%; border:0; display:block;} */
.loc-map {}
.loc-map .root_daum_roughmap .cont {display:none;}
.loc-map .root_daum_roughmap .wrap_controllers {display:none;}
.loc-map .root_daum_roughmap {width:100%;}
.loc-map .root_daum_roughmap .wrap_map {height:450px;}

/* 층별 안내 */
.floor-head {display:flex; align-items:baseline; justify-content:space-between; padding-bottom:16px; border-bottom:2px solid var(--c_base1);}
.floor-head span {font-size:var(--fs16); font-weight:700; color:#333;}
.floor-head b {font-size:var(--fs32); font-weight:800; color:var(--c_base1);}
.floor-map {display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr; gap:10px; margin:20px 0; height:220px;}
.floor-map .fm-room {display:flex; align-items:center; justify-content:center; border:1px solid var(--border1); border-radius:10px; background:#fff; font-size:var(--fs14); font-weight:600; color:#555; text-align:center;}
.floor-map .fm-room.r4 {grid-column:1 / 3;}
.floor-legend {display:flex; flex-wrap:wrap; gap:12px 20px;}
.floor-legend li {display:flex; align-items:center; gap:8px; font-size:var(--fs13); color:#777;}
.floor-legend .dot {width:10px; height:10px; border-radius:50%; display:inline-block;}
.floor-legend .d1 {background:var(--c_base1);} .floor-legend .d2 {background:#111;}
.floor-legend .d3 {background:#35659e;} .floor-legend .d4 {background:#aaa;}

.loc-addr {margin-top:24px; padding:22px 26px; background:var(--bg2); border-radius:12px;}
.loc-addr .addr {font-size:var(--fs18); color:#555;}
.loc-addr .addr + .addr {margin-top:8px;}
.loc-addr .addr b {display:inline-block; min-width:52px; color:var(--c_base1); font-weight:700; }

/* ── 태블릿 (~1199px) ── */
@media screen and (max-width: 1199px) {
	.sec-tit {margin-bottom:30px;}
	.sec-tit .kor {margin-top:0;}
	.sec-info {flex-direction:column;}
	
	.intro-visual {aspect-ratio:auto;}
	.intro-visual .iv-txt {padding:100px 80px}
	.poster-card {grid-template-columns:repeat(3, 1fr)}
	.location-wrap {display:flex; flex-direction:column; gap:20px;}
	.loc-map { border-radius:14px; overflow:hidden;}
	.loc-map .root_daum_roughmap .cont {display:none;}
	.loc-map .root_daum_roughmap .wrap_controllers {display:none;}
	.loc-map .root_daum_roughmap {width:100%;}
	.loc-map .root_daum_roughmap .wrap_map {height:400px;}
	/* .loc-floor {border:1px solid var(--border1); border-radius:14px; padding:26px; background:var(--bg1);} */
}

/* ── 모바일 (~767px) ── */
@media screen and (max-width: 767px) {
	.sec-tit {margin-bottom:20px;}
	
	.intro-visual {background:transparent; border-radius:0;}
	.intro-visual img {position:static;border-radius:10px; aspect-ratio: 2 / 1; opacity:1;}
	.intro-visual .iv-txt {padding:20px 0 0; gap:10px;}
	.intro-visual .iv-txt h3 {color:#222;}
	.intro-visual .iv-txt p {color:#222;}
	
	.poster-card {padding:16px 0; grid-template-columns:repeat(2, 1fr)}
	.poster-card .pt-sub {}
	.loc-map {}
	.loc-map .root_daum_roughmap .wrap_map {height:300px;}
	.floor-map {height:180px;}
	.loc-addr {padding:18px 20px;}
	.loc-addr .addr b {display:block;}
}