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



/* visual */
#visual{
	overflow:hidden;
	width:100%;
	padding:25vh 0 21vh;
	position:relative;
}
#visual .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
}
#visual .bg video{width:100%;height:100%;object-fit:cover;}
#visual .txt{
	position:relative;z-index:100;
	max-width:1600px;width:96%;aspect-ratio:800/297;
	margin:0 auto;
}
#visual .txt picture{display:block;width:100%;}
#visual .txt img{width:100%;height:auto;}
#visual .visualFooter{
	display:flex;justify-content:space-between;align-items:center;
	position:absolute;left:50%;bottom:38px;z-index:100;
	transform:translateX(-50%);
	width:96%;max-width:1800px;
	padding:17px 0;
	border-top:1px solid #000;border-bottom:1px solid #000;
}
#visual .visualFooter .companyInfo{
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	gap:48px;
}
#visual .visualFooter .companyInfo__col{
	font-family:"pretendard",sans-serif;
	font-size:var(--font-size-15);
	color:#262626;
	letter-spacing:-0.02em;
	line-height:1.5;
	font-weight:500;
}
#visual .visualFooter .companyInfo__col p{
	font-family:"pretendard",sans-serif;
	font-size:var(--font-size-15);
	color:#262626;
	letter-spacing:-0.02em;
	line-height:1.5;
	font-weight:500;	
}
#visual .visualFooter .logoImg img{width:250px;}





/* sec1 */
.sec1{padding:160px 0;}
.sec1>div{
	display:flex;justify-content:space-between;flex-wrap:wrap;
}
.sec1>div .txtWrap{width:calc(100% - 584px);}
.sec1>div .txtWrap h3{
	font-family: "pretendard";font-size:var(--font-size-94);letter-spacing: -0.01em;font-weight:600;line-height:110%;color:#000;
}
.sec1>div .txtWrap>div{
	display:flex;align-items:flex-end;justify-content:space-between;
	max-width:742px;
	margin-top:75px;
}
.sec1>div .txtWrap>div p{
	font-family: "pretendard";font-size:var(--font-size-22);line-height:140%;color:#262626;
}
.sec1>div .txtWrap>div a{width:147px;}
.sec1>div .img{width:584px;}





/* sec2 */
.sec2{padding:160px 0 160px 0;}
.sec2 .titleArea{text-align:center;}
.sec2 .titleArea h3{font-family: "pretendard";font-size:var(--font-size-56);letter-spacing: -0.01em;font-weight:700;color:#000;}
.sec2 .titleArea p{margin-top:8px;font-family: "pretendard";font-size:var(--font-size-22);letter-spacing: -0.02em;color:#262626;}
.sec2 .vod{
	width:100%;
	aspect-ratio:1800/906;
	margin:60px 0 0;
}
.sec2 .vod iframe{width:100%;height:100%;object-fit:cover;}





/* sec3 */
.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;
}
/* venue 2장 롤링 전용: 좌·우 슬라이드 (일반 호버는 위 페이드+스케일 유지) */
.sec3 .bg.is-roll .bg__layer{
	transition:opacity 0.75s cubic-bezier(0.4, 0, 0.2, 1),
		transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}
.sec3 .bg.is-roll .bg__layer.roll-from-right{
	opacity:0;
	transform:translateX(11%) scale(1.02);
}
.sec3 .bg.is-roll .bg__layer.roll-from-left{
	opacity:0;
	transform:translateX(-11%) scale(1.02);
}
.sec3 .bg.is-roll .bg__layer.is-visible{
	opacity:1;
	transform:translateX(0) scale(1);
}
.sec3 .bg.is-roll .bg__layer:not(.is-visible):not(.roll-from-right):not(.roll-from-left){
	opacity:0;
	transform:translateX(0) scale(1.02);
}
@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%;
	/* min-height:100%; */
	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-56);
	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-156);
	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 */
.sec4{
	overflow:hidden;
	position:relative;
	padding:160px 0;
}
.sec4 .titleArea{text-align:center;}
.sec4 .titleArea h3{font-family: "pretendard";font-size:var(--font-size-56);letter-spacing: -0.01em;font-weight:700;color:#000;}
.sec4 .titleArea h3 sup{
	display:inline-block;vertical-align:top;
	margin:-8px 0 0 4px;
	font-size:var(--font-size-29);color:#a0a1a1;font-weight:500;
}
.sec4 ul{display:flex;justify-content:space-between;gap:24px;margin-top:60px;}
.sec4 ul li{flex:1;}
.sec4 ul li .tit{
	margin-top:20px;
	font-family: "pretendard";font-size:var(--font-size-24);color:#000;font-weight:600;
}
.sec4 .btnMore{width:100%;margin-top:70px;}





/* sec5 */
.sec5{
	overflow:hidden;
	position:relative;
	padding:0 0 160px 0;
}
.sec5 .titleArea{text-align:center;}
.sec5 .titleArea h3{font-family: "pretendard";font-size:var(--font-size-56);letter-spacing: -0.01em;font-weight:700;color:#000;}
.sec5 .titleArea h3 sup{
	display:inline-block;vertical-align:top;
	margin:-8px 0 0 4px;
	font-size:var(--font-size-29);color:#a0a1a1;font-weight:500;
}
.sec5 .innerWrap>.btnMore{margin-top:70px;}

.sec5 .artist{
	position:relative;
	margin-top:60px;
}
.sec5 .artist .swiper-container{overflow:hidden;}
.sec5 .artist .swiper-slide{width:341px;}
.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:331px;
}
.sec5 .artistCard__en{
	font-family:"pretendard",sans-serif;
	font-size:var(--font-size-24);
	letter-spacing:-0.04em;
	font-weight:700;
	color:#a7a8aa;
	text-transform:uppercase;
}
.sec5 .artistCard__ko{
	font-family:"pretendard",sans-serif;
	font-size:var(--font-size-24);
	letter-spacing:-0.04em;
	font-weight:700;
	color:#000;
}
.sec5 .artistCard__desc{
	font-family:"pretendard",sans-serif;
	font-size:var(--font-size-24);
	letter-spacing:-0.04em;
	font-weight:400;
	color:#a7a8aa;
	line-height:1.35;
}
.sec5 .artistNav{
	position:absolute;top:145px;
	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);
	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;}
.sec5 .btnMore{width:100%;}





/* sec6 — NEWS (Figma 4117:13329) */
.sec6{
	overflow:hidden;
	position:relative;
	background:#eaebec;
	padding:160px 0;
}
.sec6 .innerWrap{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	gap:60px;
}
.sec6 .newsLead{flex-shrink:0;}
.sec6 .newsLead__title{
	margin:0;
	font-family:"pretendard",sans-serif;
	font-size:var(--font-size-56);
	font-weight:700;
	letter-spacing:-0.04em;
	line-height:normal;
	color:#000;
}
.sec6 .newsBlock{
	display:flex;
	flex-direction:column;
	gap:32px;
	align-items:flex-start;
	flex:1;
	min-width:0;
	max-width:1211px;
}
.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:700;
	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 .newsBlock__panel{display:block;width:100%;}
.sec6 .newsBlock__panel[hidden]{display:none;}
.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;}
.sec6 .newsList__item:hover{background:#f3f4f5;}
.sec6 .newsList__link{
	display:flex;
	align-items:center;
	gap:72px;
	padding:32px 0;
	text-decoration:none;
	color:inherit;
	transition:opacity 0.25s ease;
}
.sec6 .newsList__link:hover{opacity:0.85;}
.sec6 .newsList__meta{
	flex-shrink:0;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:8px;
	width:96px;
	padding-left:32px;
	box-sizing:content-box;
	color:#000;
}
.sec6 .newsList__day{
	font-family:"pretendard",sans-serif;
	font-size:var(--font-size-50);
	font-weight:700;
	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;
}
.sec6 .newsList__body{
	flex:1;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:24px;
	min-width:0;
	padding-right:32px;
}
.sec6 .newsList__subj{
	font-family:"pretendard",sans-serif;
	font-size:var(--font-size-24);
	font-weight:700;
	line-height:1.35;
	color:#000;
	flex:1;
	min-width:0;
}
.sec6 .newsList__arrow{
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
	width:32px;
	height:32px;
	color:#000;
}
.sec6 .newsList__empty{
	padding:32px 0 32px 32px;
	font-family:"pretendard",sans-serif;
	font-size:var(--font-size-18);
	font-weight:400;
	color:#666;
}