/* lnb */
#lnb br{ display: none; }

/* common */
@media screen and (max-width: 900px){
	/* radius-tab */
	.radius-tab ul li{ height: 45px; padding: 0 15px; }
}

/* 검색창 */
.search-box .selectric-box{ width: 200px !important; }


/* Concert - Concert Schedule */
#schedule .concert .table table td ul li{ position: relative; }
#schedule .concert .table table td ul li::after{ content: "/"; position: absolute; top: 0; right: -10px; }
#schedule .concert .table table td ul li:not(:first-of-type)::after{ display: none; }


/* Concert - How to Book - Ticket Package */
/* 리스트 */
#package .reserve-list li dl dt{ width: 100px; }
#package .reserve-list li dl dd{ width: calc(100% - 100px); }

/* 상세 */
#view.package .reserve-title .info .dl dl dt{ width: 100px; }
#view.package .reserve-title .info .dl dl dd{ width: calc(100% - 100px); }

@media screen and (max-width: 1280px){
	#package .reserve-list li dl dt{ width: 90px; }
	#package .reserve-list li dl dd{ width: calc(100% - 90px); }

	#view.package .reserve-title .info .dl dl dt{ width: 90px; }
	#view.package .reserve-title .info .dl dl dd{ width: calc(100% - 90px); }
}


/* Music in PyeongChang - About  */
#mpyc h3{ font-family: var(--engFont); }

#mpyc .introduce br.none{ display: block; }
#mpyc .introduce ul li .text h2{ line-height: 1; }
#mpyc .introduce ul li .text h2 span{ font-size: 4rem; }

#mpyc .location .table-box table td p{ line-height: 1.6; }

@media screen and (max-width: 1700px){
	#mpyc .introduce ul li .text h2 span{ font-size: 3.5rem; }
}

@media screen and (max-width: 1450px){
	#mpyc br{ display: none; }
}

@media screen and (max-width: 1280px){
	#mpyc .introduce ul li .text h2{ line-height: 1.2; }
	#mpyc .introduce ul li .text h2 span{ font-size: 3rem; }
}

@media screen and (max-width: 900px){
	#mpyc .introduce ul li .text h2 span{ font-size: 2.5rem; }
}


/* Music in PyeongChang - Artistic Director  */
#director .intro .name h2{ font-size: 5rem; }

@media screen and (max-width: 1700px){
	#director .intro .name{ width: 350px; }
	#director .intro .name h2{ font-size: 4rem; }

	#director .intro .content{ width: calc(100% - 350px); }
}

@media screen and (max-width: 1280px){
	#director .intro .name{ width: 300px; }
	#director .intro .name h2{ font-size: 3.5rem; }

	#director .intro .content{ width: calc(100% - 300px); }
}

@media screen and (max-width: 1200px){
	#director .intro .name{ width: 100%; }
	#director .intro .content{ width: 100%; }
}

@media screen and (max-width: 900px){
	#director .intro .name h2{ font-size: 3rem; }
}


/* Music in PyeongChang - Staff  */
#organ .table .table-box{ overflow-x: auto; }
#organ .table .table-box table{ width: 100%; }


/* Music in PyeongChang - Contact  */
#benefit .intro .img-bg{ background: url("/img/sub/mpyc/benefit_img.jpg") no-repeat center center / cover; padding-bottom: 36%; }

#benefit .table .flex{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 40px; gap: 20px 100px; }
#benefit .table .flex h4{ margin-bottom: 0; margin-right: auto; }
#benefit .table .flex ul{ display: flex; flex-wrap: wrap; gap: 10px; }
#benefit .table .flex ul li{ background: var(--mainColor); border-radius: 50px; font-size: 1.8rem; font-weight: 300; color: #fff; letter-spacing: -0.02em; padding: 15px 20px; }
#benefit .table .flex ul li span{ display: inline-block; font-weight: 700; margin-right: 10px; }

@media screen and (max-width: 1700px){
	#benefit .table .flex ul li{ font-size: 1.7rem; padding: 13px 20px; }
}

@media screen and (max-width: 1280px){
	#benefit .table .flex{ margin-bottom: 20px; }
	#benefit .table .flex ul li{ font-size: 1.6rem; }
}

@media screen and (max-width: 900px){
	#benefit .table .flex{ flex-direction: column; align-items: flex-end; margin-bottom: 10px; }
}

/* login */
#login .btns button{ padding: 0 20px; }