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



/* visual */
#visual{
	overflow:hidden;
	width:100%;margin-top:76px;
	position:relative;
	display:flex;align-items:center;justify-content:center;
	border-top:1px solid #333;border-bottom:1px solid #333;	
}
#visual .txt{
	position:relative;z-index:100;
	max-width:1220px;width:96%;height:100%;
	margin:0 auto;
}
#visual .txt picture{display:block;width:100%;aspect-ratio:2434/1369;}
#visual .txt img{width:100%;height:auto;}






/* sec2 */
.sec2{padding:160px 0 160px 0;}
.sec2 .vod{
	width:100%;
	aspect-ratio:1800/906;
}
.sec2 .vod iframe{width:100%;height:100%;object-fit:cover;}





/* sec3 */
.sec3-mobileBar{display:none;}
.sec3{
	overflow:hidden;
	position:relative;
	width:100%;
	min-height:980px;
	height:100vh;
}
.sec3 .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	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;
}
@media (prefers-reduced-motion:reduce){
	.sec3 .bg__layer{
		transition-duration:0.01ms;
		transform:none !important;
	}
	.sec3 .bg__layer.is-pulsing{
		animation:none;
	}
}
@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:center;
	height:100%;
	max-width:1920px;
	width:100%;
	margin:0 auto;
	padding:0 60px;
	box-sizing:border-box;
}
.sec3 .innerWrap>div{
	position:relative;
	width:100%;
	max-width:1220px;
	margin:0 auto;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
/* .sec3 .innerWrap>div .sec3-venueList{
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	width:42vw;
	z-index:1;
} */
.sec3 .innerWrap>div ul li{padding:5px 0;transition:opacity 0.4s;}
.sec3 .innerWrap>div ul li a{
	font-family:"pretendard",sans-serif;
	font-size:var(--font-size-50);
	color:#fff;
	font-weight:700;
	letter-spacing:-0.01em;
	opacity:0.55;
	transition:opacity 0.4s;
	display:inline-block;
}
.sec3 .innerWrap>div ul li.is-active a,
.sec3 .innerWrap>div ul li:hover a{opacity:1;}
/* .sec3 .innerWrap>div .titleArea{
	position:absolute;
	left:calc(50% + min(377px, 19.6vw));
	top:66.2%;
	transform:translateY(-50%);
	text-align:left;
	margin:0;
} */
.sec3 .innerWrap>div .titleArea h3{
	font-family:"pretendard",sans-serif;
	font-size:var(--font-size-140);
	letter-spacing:-0.01em;
	font-weight:700;
	color:#fff;
	line-height:1;
}
.sec3 .innerWrap>div .titleArea p{font-family: "pretendard";font-size:var(--font-size-22);letter-spacing: -0.02em;color:#fff;}





/* sec4 — Figma 6268:17444 */
.sec4{
	overflow:hidden;
	position:relative;
	padding:160px 0;
}
.sec4 .innerWrap{
	max-width:1220px;
	margin:0 auto;
}
.sec4 .secHead,
.sec5 .secHead{
	border-top:1px solid #767671;
	padding-top:24px;
}
.sec4 .secHead + ul{
	display:flex;
	justify-content:space-between;
	gap:24px;
	margin-top:60px;
}
.sec4 ul li{flex:1;}
.sec4 ul li .img{
	height:249px;
	overflow:hidden;
	background:#000;
}
.sec4 ul li .img img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.sec4 ul li .tit{
	margin-top:30px;
	font-family:"pretendard",sans-serif;
	font-size:var(--font-size-22);
	color:#000;
	font-weight:600;
	letter-spacing:-0.04em;
}





/* sec5 — Figma 6268:17465 */
.sec5{
	overflow:hidden;
	position:relative;
	padding:0 0 160px 0;
}
.sec5 .innerWrap{
	max-width:1220px;
	margin:0 auto;
}
.sec5 .artist{
	position:relative;
	margin-top:60px;
}
.sec5 .artist .swiper-container{overflow:hidden;}
.sec5 .artist .swiper-slide{width:224px;}
.sec5 .artistCard{
	display:block;
	text-decoration:none;
	color:inherit;
}
.sec5 .artistCard:hover{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:30px;
	display:flex;
	flex-direction:column;
	gap:8px;
	max-width:none;
}
.sec5 .artistCard__en{
	font-family:"pretendard",sans-serif;
	font-size:var(--font-size-15);
	letter-spacing:-0.04em;
	color:#a7a8aa;
	text-transform:uppercase;
}
.sec5 .artistCard__ko{
	font-family:"pretendard",sans-serif;
	font-size:var(--font-size-22);
	letter-spacing:-0.04em;
	font-weight:600;
	color:#000;
}
.sec5 .artistCard__desc{
	font-family:"pretendard",sans-serif;
	font-size:var(--font-size-22);
	letter-spacing:-0.04em;
	font-weight:400;
	color:#a7a8aa;
	line-height:1.35;
}
.sec5 .artistNav{
	position:absolute;top:38%;
	z-index:2;
	width:52px;
	height:52px;
	margin:0;
	padding:0;
	display:flex;
	align-items:center;
	justify-content:center;
	border:0;
	border-radius:100px;
	cursor:pointer;
	color:#000;
	background:linear-gradient(rgba(255,255,255,0.3),rgba(255,255,255,0.3)),linear-gradient(rgba(0,0,0,0.12),rgba(0,0,0,0.12));
	backdrop-filter:blur(15px);
	-webkit-backdrop-filter:blur(15px);
	transform:translateY(-50%);
	transition:opacity 0.3s ease;
}
.sec5 .artistNav--prev{left:12px;}
.sec5 .artistNav--next{right:12px;}
.sec5 .artistNav.swiper-button-disabled{
	opacity:0.35;
	cursor:default;
	pointer-events:none;
}
.sec5 .artistNav img{width:16px;height:16px;}





/* sec6 — Figma 6268:17504 */
.sec6{
	overflow:hidden;
	position:relative;
	background:#e2e2d8;
	padding:160px 0;
}
.sec6 .innerWrap{
	display:flex;
	justify-content:space-between;
	gap:60px;
	max-width:1220px;
	margin:0 auto;
}
.sec6 .newsLead{	
	width:393px;
}
.sec6 .newsLead .secHead--news{height:100%;border-bottom:1px solid #767671;}
.sec6 .newsLead .secHead--news .newsLead__top{
	display:flex;flex-wrap:wrap;align-content:space-between;height:100%;
	padding:0 0 60px;
}
.sec6 .newsBlock{
	display:flex;
	flex-direction:column;
	gap:32px;
	align-items:flex-start;
	flex:1;
	min-width:0;
}
.sec6 .newsBlock__tabs{
	display:flex;
	align-items:center;
	gap:32px;
}
.sec6 .newsBlock__tab{
	margin:0;
	padding:0;
	border:0;
	background:none;
	cursor:pointer;
	font-family:"pretendard",sans-serif;
	font-size:var(--font-size-24);
	font-weight:600;
	color:#000;
	line-height:normal;
	opacity:0.2;
	transition:opacity 0.25s ease;
}
.sec6 .newsBlock__tab.is-active{opacity:1;}
.sec6 .newsBlock__tab:hover{opacity:0.7;}
.sec6 .newsBlock__tab.is-active:hover{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__item:hover{background:#ecece3;}
.sec6 .newsList__link{
	display:flex;
	align-items:center;
	gap:24px;
	padding:16px 24px;
	text-decoration:none;
	color:inherit;
}
.sec6 .newsList__link:hover{opacity:0.85;}
.sec6 .newsList__meta{
	flex-shrink:0;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:18px;
	color:#231f20;
}
.sec6 .newsList__day{
	font-family:"pretendard",sans-serif;
	font-size:var(--font-size-42);
	font-weight:600;
	letter-spacing:-0.04em;
	line-height:1;
}
.sec6 .newsList__ym{
	font-family:"pretendard",sans-serif;
	font-size:var(--font-size-18);
	font-weight:400;
	letter-spacing:-0.04em;
	line-height:1;
	color:#5e5e56;
}
.sec6 .newsList__body{
	flex:1;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:24px;
	min-width:0;
}
.sec6 .newsList__subj{
	font-family:"pretendard",sans-serif;
	font-size:var(--font-size-22);
	font-weight:600;
	line-height:1.35;
	color:#231f20;
	flex:1;
	min-width:0;
}
.sec6 .newsList__arrow{
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
	width:32px;
	height:32px;
	color:#231f20;
}