@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%;
	height:812px;
	min-height:812px;
	padding:72px 0 0;
	box-sizing:border-box;
	background:#d0d7dd;
}
#visual .bg{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#d0d7dd;
}
#visual .bg video{width:100%;height:100%;object-fit:cover;}
#visual .txt{
	position:relative;
	z-index:100;
	flex:1;
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	min-height:0;
	margin:0;
	padding:0 26px;
}
#visual .txt picture{
	display:block;
	width:100%;
	max-width:323px;
}
#visual .txt img{
	display:block;
	width:100%;
	height:auto;
	aspect-ratio:323/428;
	object-fit:cover;
}
#visual .visualFooter{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:center;
	flex-shrink:0;
	position:relative;
	left:auto;
	bottom:auto;
	transform:none;
	z-index:100;
	width:100%;
	max-width:none;
	height:242px;
	min-height:242px;
	gap:0;
	margin-top:0;
	padding:30px 16px;
	box-sizing:border-box;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
#visual .visualFooter .companyInfo{
	display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
	gap:0;
	width:100%;
}
#visual .visualFooter .companyInfo__col{
	font-family:"pretendard",sans-serif;
	font-size:11px;
	color:#262626;
	letter-spacing:-0.22px;
	line-height:1.5;
	font-weight:400;
}
#visual .visualFooter .companyInfo__col p{
	font-family:"pretendard",sans-serif;
	font-size:11px;
	color:#262626;
	letter-spacing:-0.22px;
	line-height:1.5;
	font-weight:400;
	margin:0;
}
#visual .visualFooter .logoImg{
	margin-top:10px;
}
#visual .visualFooter .logoImg img{width:160px;}

/* 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;}
.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);
}
@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:9vw;
	white-space:nowrap;
}
.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:20vw;
	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{
	width:100%;
	max-width:none;
	padding:0;
}
.sec4 .titleArea{text-align:center;}
.sec4 .titleArea h3{
	font-family:"pretendard",sans-serif;
	font-size:36px;
	letter-spacing:-0.04em;
	font-weight:700;
	color:#000;
}
.sec4 .titleArea h3 sup{
	display:inline-block;
	vertical-align:top;
	margin:-4px 0 0 4px;
	font-size:18px;
	color:#a0a1a1;
	font-weight:500;
}
.sec4 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{
	aspect-ratio:1/1;
	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:700;
	color:#000;
}
.sec4 .btnMore{
	display:block;
	width:100%;
	margin-top:40px;
}
.sec4 .btnMore:has(.front):has(.back) .front,
.sec4 .btnMore:has(.front):has(.back) .back{
	padding:12px 6px;
	font-size:12px;
	letter-spacing:-0.04em;
}

/* sec5 — ARTIST */
.sec5{
	overflow:hidden;
	position:relative;
	padding:0 16px 40px;
}
.sec5 .innerWrap{
	width:100%;
	max-width:none;
	padding:0;
}
.sec5 .titleArea{text-align:center;}
.sec5 .titleArea h3{
	font-family:"pretendard",sans-serif;
	font-size:36px;
	letter-spacing:-0.04em;
	font-weight:700;
	color:#000;
}
.sec5 .titleArea h3 sup{
	display:inline-block;
	vertical-align:top;
	margin:-4px 0 0 4px;
	font-size:18px;
	color:#a0a1a1;
	font-weight:500;
}
.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:16px;
	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:700;
	color:#000;
}
.sec5 .innerWrap>.btnMore{
	display:block;
	width:100%;
	margin-top:40px;
}
.sec5 .btnMore:has(.front):has(.back) .front,
.sec5 .btnMore:has(.front):has(.back) .back{
	padding:12px 6px;
	font-size:12px;
}

/* sec6 — NEWS */
.sec6{
	overflow:hidden;
	position:relative;
	background:#eaebec;
	padding:100px 16px;
}
.sec6 .innerWrap{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	gap:60px;
	width:100%;
	max-width:none;
	padding:0;
}
.sec6 .newsLead{flex-shrink:0;}
.sec6 .newsLead__title{
	margin:0;
	font-family:"pretendard",sans-serif;
	font-size:35px;
	font-weight:700;
	letter-spacing:-0.02em;
	line-height:normal;
	color:#000;
}
.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;
}
.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__empty{
	padding:20px 0;
	font-family:"pretendard",sans-serif;
	font-size:var(--font-size-14);
	font-weight:400;
	color:#666;
}
.sec6 .newsList__item--fill{background:transparent;}
.sec6 .newsList__item:hover{background:transparent;}

/* footer — m_footer_new */
#footer .foot{padding:40px 16px;}
#footer .foot .innerWrap{max-width:none;}
#footer .foot__bar{padding:0 0 24px 0;}
#footer .foot__row{
	flex-direction:column;
	align-items:flex-start;
	gap:24px;
}
#footer .foot__left{
	flex-direction:column;
	gap:24px;
	width:100%;
}
#footer .foot__famDetails{width:100%;max-width:none;}
#footer .foot__famSummary{
	font-size: var(--font-size-22);
	letter-spacing:-0.02em;
	padding:8px 18px;
}
#footer .foot__contact p,
#footer .foot__contact a{
	font-size:14px;
	letter-spacing:-0.02em;
	line-height:1.5;
}
#footer .foot__right{
	align-items:flex-start;
	min-height:0;
	width:100%;
	gap:12px;
}
#footer .foot__logo img{
	max-width:160px;
	height:23px;
	object-position:left center;
}
#footer .foot__copy{
	font-size:14px;
	text-align:left;
}