@charset "utf-8";
.pcbr{display:none;}
.tbbr{display:none;}
.mbbr{display:block;}
.dn{display:none;}

html{overflow-x:hidden;overflow-y:auto;}

/* visual — MAIN 812px (Figma 4258:5595) */
#visual{
	overflow:hidden;
	position:relative;
	display:flex;
	flex-direction:column;
	width:100%;box-sizing:border-box;
	margin-top:75px;
	border-top:1px solid #333;border-bottom:1px solid #333;
}
#visual .txt{
	position:relative;z-index:100;
	width:100%;
	padding:0 26px;
	aspect-ratio:2434/1369;
}
#visual .txt picture{
	display:block;
	position:absolute;left:50%;top:50%;
	transform:translate(-50%, -50%);
	width:130%;height:auto;
	aspect-ratio:2434/1369;
}
#visual .txt img{
	display:block;
	width:100%;
	object-fit:cover;
}



/* sec2 — VD */
.sec2{
	overflow:hidden;
	position:relative;
	padding:100px 16px;
}
.sec2 .innerWrap{
	width:100%;
	max-width:none;
	padding:0;
}
.sec2 .vod{
	position:relative;
	width:100%;
	aspect-ratio:1/1;
	margin:0;
}
.sec2 .vod iframe{
	width:100%;
	height:100%;
	object-fit:cover;
}
.sec2 .vod::after{
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	width:96px;
	height:96px;
	transform:translate(-50%,-50%);
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96' fill='none'%3E%3Ccircle cx='48' cy='48' r='47' stroke='white' stroke-width='2' fill='rgba(255,255,255,0.25)'/%3E%3Cpath d='M40 32l28 16-28 16V32z' fill='white'/%3E%3C/svg%3E") no-repeat center / contain;
	pointer-events:none;
}

/* sec3 — VENUE 812px */
.sec3{
	overflow:hidden;
	position:relative;
	width:100%;
	min-height:812px;
	height:812px;
	background:#000;
}
.sec3>.bg{
	position:absolute;
	inset:0;
	transform:none;
	z-index:0;
}
.sec3 .bg__layer--a{
	--sec3-venue-img:url(/images/main/sec3_bg1.jpg);
}
.sec3 .bg__layer{
	position:absolute;
	inset:0;
	overflow:hidden;
	background:#000;
	opacity:0;
	transform:scale(1.08);
	transition:opacity 1s cubic-bezier(0.4, 0, 0.2, 1),
		transform 1.35s cubic-bezier(0.25, 0.1, 0.25, 1);
	will-change:opacity, transform;
	pointer-events:none;
}
.sec3 .bg__layer::before{
	content:"";
	position:absolute;
	inset:0;
	z-index:0;
	background-image:var(--sec3-venue-img, none);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:cover;
	opacity:0.83;
}
.sec3 .bg__layer::after{
	content:"";
	position:absolute;
	inset:0;
	z-index:1;
	pointer-events:none;
	background-image:
		linear-gradient(-90deg, rgba(0, 0, 0, 0) 33.44%, rgba(0, 0, 0, 0.17) 100.73%),
		linear-gradient(-90deg, rgba(0, 0, 0, 0) 53.1%, rgba(0, 0, 0, 0.32) 109.43%);
}
.sec3 .bg__layer.is-visible{opacity:1;transform:scale(1);}
.sec3 .bg__layer.is-pulsing{animation:sec3BgPulse 0.55s ease-out;}
@keyframes sec3BgPulse{
	0%{transform:scale(1);}
	45%{transform:scale(1.03);}
	100%{transform:scale(1);}
}
.sec3 .innerWrap{
	position:relative;
	z-index:100;
	display:flex;
	align-items:stretch;
	height:100%;
	max-width:none;
	width:100%;
	margin:0 auto;
	padding:0 16px;
	box-sizing:border-box;
}
.sec3 .innerWrap>div{
	position:relative;
	width:100%;
	min-height:812px;
}
.sec3 .innerWrap>div .sec3-venueList{
	position:absolute;
	left:50%;
	top:140px;
	transform:translateX(-50%);
	width:auto;
	max-width:calc(100% - 32px);
	z-index:1;
}
.sec3 .innerWrap>div ul li{padding:0;}
.sec3 .innerWrap>div ul li:not(.is-active){
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	white-space:nowrap;
	border:0;
}
.sec3 .innerWrap>div ul li a{
	font-family:"pretendard",sans-serif;
	color:#fff;
	font-weight:700;
	letter-spacing:-0.01em;
	opacity:1;
	display:inline-block;
	transition:none;
}
.sec3 .innerWrap>div ul li.is-active a{
	font-size:8vw;
	white-space:nowrap;
	text-align:center;
}
.sec3 .innerWrap>div .titleArea{
	position:absolute;
	left:50%;
	top:auto;
	bottom:85px;
	transform:translateX(-50%);
	text-align:center;
	margin:0;
}
.sec3 .innerWrap>div .titleArea h3{
	font-family:"pretendard",sans-serif;
	font-size:18vw;
	letter-spacing:-0.01em;
	font-weight:700;
	color:#fff;
	line-height:1;
	white-space:nowrap;
}
.sec3-mobileBar{
	display:block;
	position:absolute;
	left:16px;
	right:16px;
	bottom:40px;
	z-index:110;
}
.sec3-mobileBar__line{
	height:1px;
	background:#fff;
	opacity:0.35;
}
.sec3-mobileBar__row{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-top:16px;
}
.sec3-mobileBar__count{
	margin:0;
	font-family:"pretendard",sans-serif;
	font-size:14px;
	font-weight:500;
	color:#fff;
	letter-spacing:-0.04em;
	line-height:1.2;
}
.sec3-mobileBar__current{color:#fff;}
.sec3-mobileBar__total{color:rgba(255,255,255,0.5);}
.sec3-mobileBar__next{
	margin:0;
	padding:0;
	border:0;
	background:none;
	font-family:"pretendard",sans-serif;
	font-size:14px;
	font-weight:500;
	color:#fff;
	cursor:pointer;
}

/* sec4 — PROGRAM */
.sec4{
	overflow:hidden;
	position:relative;
	padding:40px 16px;
}
.sec4 .innerWrap,
.sec5 .innerWrap{
	width:100%;
	max-width:none;
	padding:0;
}
.sec4 .secHead,
.sec5 .secHead{
	border-top:1px solid #767671;
	padding-top:24px;
}
.sec4 .secHead + ul{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	gap:24px;
	margin-top:40px;
}
.sec4 ul li{flex:none;}
.sec4 ul li a{
	display:block;
	text-decoration:none;
	color:inherit;
}
.sec4 ul li .img{
	width:100%;
	aspect-ratio:390/249;
	overflow:hidden;
	background:#000;
}
.sec4 ul li .img img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.sec4 ul li .tit{
	margin-top:16px;
	font-family:"pretendard",sans-serif;
	font-size:16px;
	letter-spacing:-0.04em;
	font-weight:600;
	color:#000;
}
.secHead__tit{font-size:36px;}
.newsLead__title{font-size:35px;}
.newsLead__top{gap:40px;}
.secHead__line{margin-top:40px;}
.secHead--news{padding-top:24px;}

/* sec5 — ARTIST */
.sec5{
	overflow:hidden;
	position:relative;
	padding:0 16px 40px;
}
.sec5 .titleArea{display:none;}
.sec5 .artist{
	position:relative;
	margin-top:40px;
}
.sec5 .artist .swiper-container{overflow:visible;}
.sec5 .artist .swiper-wrapper{
	flex-direction:column !important;
	transform:none !important;
	gap:24px;
	height:auto !important;
}
.sec5 .artist .swiper-slide{
	width:100% !important;
	height:auto !important;
}
.sec5 .artistNav{display:none;}
.sec5 .artistCard{
	display:block;
	text-decoration:none;
	color:inherit;
}
.sec5 .artistCard__media{display:block;}
.sec5 .artistCard__img{
	display:block;
	position:relative;
	aspect-ratio:1/1;
	overflow:hidden;
	background:#000;
}
.sec5 .artistCard__img img{
	width:100%;
	height:100%;
	object-fit:cover;
	vertical-align:top;
}
.sec5 .artistCard__body{
	margin-top:18px;
	display:flex;
	flex-direction:column;
	gap:6px;
	max-width:none;
}
.sec5 .artistCard__en{
	font-family:"pretendard",sans-serif;
	font-size:12px;
	letter-spacing:-0.04em;
	font-weight:700;
	color:#a7a8aa;
	text-transform:uppercase;
}
.sec5 .artistCard__ko{
	font-family:"pretendard",sans-serif;
	font-size:16px;
	letter-spacing:-0.04em;
	font-weight:600;
	color:#000;
}

/* sec6 — NEWS */
.sec6{
	overflow:hidden;
	position:relative;
	background:#e2e2d8;
	padding:100px 16px;
}
.sec6 .innerWrap{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	gap:40px;
	width:100%;
	max-width:none;
	padding:0;
}
.sec6 .newsLead{width:100%;}
.newsLead__top{display:flex;flex-direction:row;justify-content:space-between;gap:48px;width:100%;}

@media (max-width: 400px) {
	.newsLead__top{flex-direction:column;}
}

.sec6 .newsLead__title{font-size:35px;}
.sec6 .newsBlock{
	display:flex;
	flex-direction:column;
	gap:30px;
	align-items:flex-start;
	flex:1;
	min-width:0;
	max-width:none;
	width:100%;
}
.sec6 .newsBlock__tabs{
	display:flex;
	align-items:center;
	gap:24px;
}
.sec6 .newsBlock__tab{
	margin:0;
	padding:0;
	border:0;
	background:none;
	cursor:pointer;
	font-family:"pretendard",sans-serif;
	font-size:16px;
	font-weight:700;
	color:#000;
	line-height:normal;
	opacity:0.2;
	transition:opacity 0.25s ease;
}
.sec6 .newsBlock__tab.is-active{opacity:1;}
.sec6 .newsList{
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}
.sec6 .newsList__item{
	border-bottom:1px solid #111;
}
.sec6 .newsList__item:first-child{
	border-top:1px solid #111;
	background:#ecece3;
}
.sec6 .newsList__link{
	display:flex;
	align-items:center;
	gap:16px;
	padding:18px 16px;
	text-decoration:none;
	color:inherit;
}
.sec6 .newsList__meta{
	flex-shrink:0;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:12px;
	width:39px;
	padding-left:0;
	box-sizing:content-box;
	color:#000;
}
.sec6 .newsList__day{
	font-family:"pretendard",sans-serif;
	font-size:32px;
	font-weight:700;
	letter-spacing:-0.04em;
	line-height:1;
}
.sec6 .newsList__ym{
	font-family:"pretendard",sans-serif;
	font-size:11px;
	font-weight:400;
	letter-spacing:-0.04em;
	line-height:1;
}
.sec6 .newsList__body{
	flex:1;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:0;
	min-width:0;
	padding-right:0;
}
.sec6 .newsList__subj{
	font-family:"pretendard",sans-serif;
	font-size:16px;
	font-weight:700;
	line-height:1.3;
	color:#000;
	flex:1;
	min-width:0;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.sec6 .newsList__arrow{display:none;}
.sec6 .newsList__item--fill{background:transparent;}
.sec6 .newsList__item:hover{background:transparent;}

/* footer — Figma 6268:17553 모바일 */
#footer .foot{padding:40px 0;}
#footer .foot .innerWrap{gap:32px;}
#footer .foot__top{gap:24px;}
#footer .foot__contactLine,
#footer .foot__email{font-size:14px;}
#footer .foot__famDetails{max-width:100%;}
#footer .foot__bottom{align-items:flex-start;}
#footer .foot__logo img{max-width:160px;height:23px;}