/*
Theme Name: YH ENTERTIANMENT
Author: Fivement
Author URI: https://www.fivement.com/
Description: A wordpress theme for YH Entertainment Corp.
Version: 1.0.0
Text Domain: yh-ent
*/

@import url('https://fonts.googleapis.com/css2?family=Zalando+Sans+Expanded:ital,wght@0,200..900;1,200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

/*--- Reset ---*/

:root {
	--black: #151515;
	--gray: #353535;
	--light-gray: #e7e7e7;
	--lightest-gray: rgba(0,0,0,0.04);
	--white: #f4f5f7;
	--orange: #ff5f14;
	
	--padding-xl: calc(var(--padding-m) * 2);
	--padding-l: calc(var(--padding-s) * 2);
	--padding-m: 30px;
	--padding-s: 20px; 
	--padding-xs: 12px;
	--padding-auto: max(calc(((100vw - 1200px) / 2) + var(--padding-s)), var(--padding-m));
	
	--wall-size: 12px;
	--corner-size: 4px;
	--headline-font: 'Zalando Sans Expanded', sans-serif;
	
	--gray-line: 1px solid var(--gray);
	--black-line: 1px solid var(--black);
	
	--header-height: 80px;
	--footer-height: 40px;
	--full-height: calc(100vh - var(--header-height) - 80px);
	
	--ease-in: cubic-bezier(0.11, 0, 0.5, 0);
	--ease-out: cubic-bezier(0.25, 1, 0.5, 1);
	--ease-in-out: cubic-bezier(0.45, 0, 0.55, 1);
	--ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
	
	--wp--preset--color--cyan-bluish-gray: var(--gray);
}

@media (max-width: 780px) {
	:root {
		--padding-m: 20px;
		--padding-s: 12px;
		--padding-auto: max(calc((100vw - 1200px) / 2), calc(var(--wall-size) - 2px));
		
		--wall-size: 12px;

		--header-height: 54px;
		--footer-height: var(--wall-size);
		--full-height: calc(100vh - var(--header-height) - 100px);
	}
}

* {
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
		box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
		box-sizing: border-box;
}

html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, p, fieldset, input, textarea, abbr, article, figure, button { 
	margin: 0; 
	padding: 0; 
}
html, body {
	width: 100%;
}
body {
	background-color: var(--black);
	color: var(--white);
	font-size: 17px;
	font-family: 'Pretendard', sans-serif;
	font-weight: 400;
	line-height: 1.428;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

a,
button,
.submit-wrap input[type="button"] {
	background-color: transparent;
	border: none;
	color: inherit;
	cursor: pointer;
	outline: none;
	font-family: 'Outfit', 'Noto Sans KR', sans-serif;
	font-size: inherit;
	position: relative;
	text-decoration: none;
}

li {
	list-style: none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--headline-font);
	text-transform: uppercase;
	word-break: keep-all;
}
h1 {
	color: var(--orange);
	font-size: 80px;
	line-height: 1.1;
}
h2 {
	color: var(--orange);
	font-size: 30px;
}
h3 {
	font-size: 24px;
}
h4,
h5 {
	font-size: 20px;
}
h6 {
	font-size: 16px;
}
p {
	margin-bottom: var(--padding-s);
	line-height: 1.8;
}

@media (max-width: 1000px) {
	h1 {
		font-size: 60px;
	}
	h2 {
		font-size: 24px;
	}
}

@media (max-width: 780px) {
	body {
		font-size: 14px;
	}
	h1 {
		font-size: 32px;
	}
	h2, h3 {
		font-size: 20px;
	}
	h4 {
		font-size: 16px;
	} 
	h5, h6 {
		font-size: 14px;
	}
}

.animate {
	opacity: 0;
	transform: translate3d(0,10px,0);
}
.animated {
	opacity: 1;
	transform: translate3d(0,0,0);
	transition: opacity 0.8s linear, transform 1.2s cubic-bezier(0.25,1,0.5,1);
}

/* .block--links {
	border: 1px solid var(--white);
	border-radius: var(--corner-size);
	display: inline-flex;
	gap: var(--padding-s);
	padding: var(--padding-xs) var(--padding-s);
	--icon-size: 40px;
} 
.block--links a {
	color: var(--white);
	display: flex;
	align-items: center;
} */

.block--links {
	display: inline-flex;
	gap: var(--padding-xs);
	margin-top: var(--padding-s);
	--icon-size: 30px;
}
.block--links a {
	border: 1px solid var(--gray);
	border-radius: calc(var(--icon-size) * 0.5 + 4px);
	color: var(--white);
	display: flex;
	align-items: center;
	position: relative;
	padding: 4px 6px;
	transition: border-color 0.3s var(--ease-out);
}
.block--links a:hover {
	border-color: var(--light-gray); 
}
.block--links a .icon {
	background-image: url('images/link-sprite.png');
	background-size: calc(var(--icon-size) * 20) var(--icon-size);
	background-position: -500% 0;
	display: block;
	width: var(--icon-size);
	height: var(--icon-size);

}
.block--links a[href*="instagram"] .icon {
	background-position-x: 0;
}
.block--links a[href*="twitter"] .icon,
.block--links a[href*="x.com"] .icon {
	background-position-x: -100%;
}
.block--links a[href*="facebook"] .icon {
	background-position-x: -200%;
}
.block--links a[href*="tiktok"] .icon,
.block--links a[href*="douyin"] .icon {
	background-position-x: -300%;
}
.block--links a[href*="cafe"] .icon{
	background-position-x: -400%;
}
.block--links a[href*="youtube"] .icon {
	background-position-x: -500%;
}
.block--links a[href*="vlive"] .icon {
	background-position-x: -600%;
}
.block--links a[href*="post.naver"] .icon {
	background-position-x: -700%;
}
.block--links a[href*="weibo"] .icon {
	background-position-x: -800%;
}
.block--links a[href*="giphy"] .icon {
	background-position-x: -900%;
}
.block--links a[href*="snapchat"] .icon {
	background-position-x: -1000%;
}
.block--links a[href*="melon"] .icon {
	background-position-x: -1100%;
}
.block--links a[href*="vibe.naver"] .icon {
	background-position-x: -1200%;
}
.block--links a[href*="bugs"] .icon {
	background-position-x: -1300%;
}
.block--links a[href*="genie"] .icon {
	background-position-x: -1400%;
}
.block--links a[href*="music-flo"] .icon {
	background-position-x: -1500%;
}
.block--links a[href*="music.apple"] .icon {
	background-position-x: -1600%;
}
.block--links a[href*="spotify"] .icon {
	background-position-x: -1700%;
}
.block--links a[href*="soribada"] .icon {
	background-position-x: -1800%;
}
.block--links a[href*="music.youtube"] .icon {
	background-position-x: -1900%;
}
.block--links a .tip {
	font-size: 11px;
	padding-right: 8px;
}


/*--- Site Header ---*/

.site-header {
	color: var(--black);
	font-family: var(--headline-font);
	font-weight: 600;
	text-transform: uppercase;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	transition: padding 0.3s cubic-bezier(0.33,1,0.68,1);
	--logo-width: 280px;
}

.site-header .header-container {
	background-color: var(--orange);
	padding: 0 var(--padding-m);
}

.site-header .header-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	position: relative;
	height: var(--header-height);
}

.site-header .site-logo {
	display: flex;
	align-items: center;
	gap: 12px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%,-50%,0);
}
.site-header .site-logo .logo {
	display: block;
	width: var(--logo-width);
}
.site-header .site-logo .logo img {
	width: 100%;
	height: auto;
}
.site-header .header-button {
	cursor: pointer;
	font-size: 14px;
}

.home .header-content {
	height: var(--header-height);
	transition: height 0.8s var(--ease-in-out);
}
/* .home.loading .header-content {
	height: 100vh;
}
.home .site-header .site-logo .logo {
	transition: width 0.8s var(--ease-in-out);
}
.home.loading .site-header .site-logo .logo {
	width: 80vw;
}
.home .site-header .header-button {
	opacity: 1;
	transition: opacity 0.3s var(--ease-out) 0.6s;
}
.home.loading .site-header .header-button {
	opacity: 0;
} */

@media (max-width: 780px) {
	.site-header .header-content {
		justify-content: flex-end;
	}
	.site-header .site-logo {
		left: 0;
		transform: translate3d(0,-50%,0);
	}
	.site-header .header-button {
		font-size: 12px;
		width: 64px;
		text-align: right;
	}
	/* .home .site-header .site-logo {
		left: 0;
		transform: translate3d(0,-50%,0);
		transition: all 0.8s var(--ease-in-out);
	}
	.home.loading .site-header .site-logo {
		left: 50%;
		transform: translate3d(-50%,-50%,0);
	} */
}

.site-header .header-corners {
	position: relative;
}
.site-header .header-corners::before,
.site-header .header-corners::after {
	background-size: contain;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	width: var(--corner-size);
	height: var(--corner-size);
}
.site-header .header-corners::before {
	background-image: url('images/corner-top-left.svg');
	left: var(--wall-size);
}
.site-header .header-corners::after {
	background-image: url('images/corner-top-right.svg');
	right: var(--wall-size);
}


.site-header .site-nav {
	display: flex;
	justify-content: space-between;
	height: 0;
	overflow: hidden;
	transition: height 0.5s var(--ease-out);
}
.menu-opened .site-header .site-nav {
	height: 240px;
}

.site-header .site-nav a {
	font-family: var(--headline-font);
}
.site-header .site-nav .menu {
	margin-top: var(--padding-l);
}

.site-header .language-menu .menu {
	display: flex;
	flex-direction: column;
	font-size: 14px;
	gap: 12px;
}
.site-header .language-menu .menu .current-lang {
	font-weight: 700;
}

.site-header .site-menu .menu {
	display: flex;
	justify-content: space-between;
	gap: var(--padding-xl);
	text-align: center;
}
.site-header .site-menu .menu .menu-item {
	position: relative;
}
.site-header .site-menu .menu .menu-item a {
	display: block;
	padding: 6px;
	text-transform: uppercase;
}
.site-header .site-menu .menu .menu-item-has-children .sub-menu {
	font-size: 13px;
	margin-top: var(--padding-s);
}

/* .site-header .site-menu .menu .current-menu-item a,
.site-header .site-menu .menu .current-page-ancestor a {
	font-weight: 700;
} */

@media (max-width: 780px) {
	.site-header {
		--logo-width: 200px;
	}
	.site-header .site-nav {
		flex-direction: row-reverse;
		position: relative;
	}
	.menu-opened .site-header .site-nav {
		height: 440px;
	}
	.site-header .site-menu .menu {
		flex-direction: column;
		gap: var(--padding-m);
		text-align: left;
	}
	.site-header .site-menu .menu .menu-item a {
		padding: 4px 0;
	}
	.site-header .site-menu .menu .menu-item-has-children .sub-menu {
		font-size: 12px;
		margin-top: 4px;
	}
	.site-header .language-menu .menu {
		font-size: 12px;
		gap: 8px;
	}
	.site-header .social-media-menu {
		position: absolute;
		top: 180px;
		right: 0;
	}
}

.site-menu-curtain {
	background-color: var(--black);
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: translate3d(-100%,0,0);
	transition: opacity 0.3s ease-out, transform 0s linear 0.3s;
	z-index: 8;
}
.menu-opened .site-menu-curtain {
	opacity: 0.2;
	transform: translate3d(0,0,0);
	transition: opacity 0.3s ease-out;
}

/*--- Main ---*/

.site-main {
	padding: var(--header-height) var(--wall-size) var(--footer-height);
}

.outer-margin {
	margin: 0 auto;
}

.page-cover {
	height: calc(100vh - var(--header-height));
	overflow: hidden;
	position: relative;
}
.page-cover img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: translate3d(-50%,-50%,0);
}
.page-nav {
	padding-top: var(--padding-xl);
}
.page-nav .page-header {
	width: 100%;
	max-width: 1200px;
	padding: var(--padding-xl) var(--padding-xl) 0;
	margin: 0 auto;
}
.artist .page-nav .page-header h1 {
	text-transform: none;
}

.page-cover + .page-nav .page-header,
.page-cover + .page-nav + .page-content .section-container:first-child {
	padding-top: 0;
}

@media (orientation: landscape) {
	.page-cover + .page-nav {
		position: absolute;
		bottom: calc(var(--footer-height) + var(--padding-xl));
		left: 0;
		right: 0;
	}
	.album .page-cover img {
		width: 40vw;
		height: 40vw;
	}
}

@media (orientation: portrait) {
	.page-cover {
		height: 0;
		padding-top: 65%;
	}
	.album .page-cover img {
		width: 50vw;
		height: 50vw;
	}
}

@media (max-width: 780px) {
	.page-nav {
		padding-top: var(--padding-xl);
	}
	.page-cover + .page-nav {
		padding-top: var(--wall-size);
	}
	.page-nav .page-header {
		padding: 0 var(--padding-l);
	}
}

.page-main {
	display: flex;
	width: 100%;
	max-width: 1200px;
	padding: calc(var(--padding-xl) * 2) var(--padding-xl);
	margin: 0 auto;
}

.page-main .artist-label {
	flex-basis: 25%;	
}
.page-main .artist-label h3 {
	color: var(--orange);
	text-transform: uppercase;
}
.page-main .artist-list {
	display: flex;
	flex-direction: column;
	flex-basis: 75%;
	gap: var(--padding-xl);
}

.page-main .artist-list .item .profile-image {
	border-radius: var(--corner-size);
	position: relative;
	width: 100%;
	padding-top: 65%;
	overflow: hidden;
}
.page-main .artist-list .item .profile-image img {
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transition: transform 0.6s var(--ease-out);
}
.page-main .artist-list .item:hover .profile-image img {
	transform: scale(1.02);
}
.page-main .artist-list .item .profile-info {
	margin-top: var(--padding-s);
	padding: 0 var(--wall-size);
}
.page-main .artist-list .item .profile-info .name {
	text-transform: none;
}

@media (max-width: 780px) {
	.page-main {
		flex-direction: column;
		padding: 0;
	}
	.page-main .artist-label {
		padding: 0 var(--padding-l) var(--padding-m);
	}
	.page-main .artist-list {
		padding: var(--padding-l);
	}
}


.pswp .pswp__bg {
	background-color: var(--black);
}
.pswp .pswp__button,
.pswp .pswp__share-modal,
.pswp .pswp__top-bar .pswp__counter {
	display: none;
}
.pswp .pswp__top-bar {
	position: absolute;
	bottom: var(--padding-xl);
	left: 0;
	width: 100%;
	display: flex;
	justify-content: center;
}
.pswp .pswp__top-bar .pswp__button--close {
	background-color: transparent;
	border: 1px solid rgba(255,255,255,0.3);
	border-radius: 20px;
	display: block;
	outline: none;
	padding: 10px 12px;
	font-family: var(--headline-font);
	font-size: 13px;
	color: var(--white);
	text-transform: uppercase;
	transition: border-color 0.3s var(--ease-out);
}
.pswp .pswp__top-bar .pswp__button--close:hover {
	border-color: var(--white);
}


/*--- Site Footer ---*/

.site-footer {
	background-color: var(--orange);
	color: var(--black);
	display: flex;
	align-items: center;
	font-family: var(--headline-font);
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: var(--footer-height);
	display: flex;
	justify-content: center;
	z-index: 9;
}
.site-footer::before,
.site-footer::after {
	background-size: contain;
	content: '';
	display: block;
	position: absolute;
	top: calc(var(--corner-size) * -1);
	width: var(--corner-size);
	height: var(--corner-size);
}
.site-footer::before {
	background-image: url('images/corner-bottom-left.svg');
	left: var(--wall-size);
}
.site-footer::after {
	background-image: url('images/corner-bottom-right.svg');
	right: var(--wall-size);
}

@media (max-width: 780px) {
	.site-footer {
		flex-direction: column;
		font-size: 0;
		padding: calc(var(--wall-size) / 2);
	}
}

.site-wall {
	background-color: var(--orange);
	position: fixed;
	top: 0;
	bottom: 0;
	width: var(--wall-size);
	z-index: 9;
}
.site-wall-left {
	left: 0;
}
.site-wall-right {
	right: 0;
}






.section-container {
	overflow: hidden;
	padding: var(--padding-xl) 0;
	position: relative;
}
.section-container:nth-child(even) {
	background-color: var(--orange);
}
.section-container:nth-child(even) * {
	color: var(--black);
}

.section {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.section .wp-block-columns {
	padding: var(--padding-xl);
}
.section h5 {
	margin-bottom: var(--padding-m);
}
.section ul {
	margin-bottom: var(--padding-m);
}
.section ul li {
	position: relative;
}
.section ul li::before {
	content: '·';
	position: absolute;
	top: 0;
	left: -14px;
}
.section ul li + li {
	margin-top: 8px;
}

@media (max-width: 780px) {
	.section-container {
		padding: 0;
	}
	.section .wp-block-columns {
		padding: var(--padding-l);
	}
	.section h5 {
		margin-bottom: var(--padding-m);
		transform: none;
	}
}

/* .section h4 {
	color: var(--orange);
	margin-top: var(--padding-l);
}
.section h5 {
	margin: var(--padding-l) 0;
} */

.block--filmos {
	margin-top: var(--padding-s);
	margin-bottom: var(--padding-xl);
}
.block--filmo {
	border-bottom: var(--gray-line);
	display: flex;
	padding: var(--padding-s) 0;
}
.block--filmo .filmo-year {
	flex-basis: 20%;
}
.block--filmo .filmo-title {
	flex-basis: 40%;
}
.block--filmo .filmo-role {
	flex-basis: 40%;
	text-align: right;
}

.block--photos {
	margin-bottom: var(--padding-xl);
}
.block--photo {
	width: auto;
	transform: translate3d(var(--padding-auto),0,0) !important;
}
.block--photo .photo {
	padding-left: var(--padding-m);
}
.block--photo:last-child .photo {
	padding-right: calc(var(--padding-auto) + var(--padding-xl));
}
.block--photo .photo img {
	border-radius: var(--corner-size);
	width: auto;
	height: 60vh;
}

@media (max-width: 780px) {
	.block--photo .photo img {
		height: 40vh;
	}
}

.block--videos {
	margin-bottom: var(--padding-xl);
}
.block--video {
	width: auto;
	transform: translate3d(var(--padding-auto),0,0) !important;
	--video-width: 45vw;
}
.block--video .video {
	padding-left: var(--padding-m);
}
.block--video:last-child .video {
	padding-right: calc(var(--padding-auto) + var(--padding-xl));
}
.block--video .video-wrapper {
	border-radius: var(--corner-size);
	width: var(--video-width);
	overflow: hidden;
	padding-top: calc(var(--video-width) * 0.5625);
	position: relative;
}
.block--video .video-wrapper iframe,
.block--video .video-wrapper .video-cover,
.block--video .video-wrapper .video-cover .cover-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.block--video .video-wrapper iframe {
	z-index: 1;
	transform: translate3d(0,0,0);
}
.block--video .video-wrapper .video-cover {
	z-index: 2;
	transition: opacity 0.3s ease, visibility 0.3s ease;
	transform: translate3d(0,0,1px);
}
.block--video .video-wrapper .video-cover.hidden {
	opacity: 0 !important;
	visibility: hidden;
	pointer-events: none;
}
.block--video.is-playing .video-wrapper .video-cover {
	opacity: 0 !important;
	visibility: hidden;
	pointer-events: none;
}
.block--video .video-wrapper .video-cover .cover-image {
	object-fit: cover;
}
.block--video .video-wrapper .video-cover .play-button {
	background-image: url('images/play-button.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%,-50%,0);
	z-index: 3;
	width: 60px;
	height: 60px;
	cursor: pointer;
}
.block--video .video-title {
	padding: var(--padding-s) var(--wall-size);
	width: var(--video-width)
}

@media (max-width: 780px) {
	.block--video {
		--video-width: 75vw;
	}
}

.block--album-list {
	margin-bottom: var(--padding-xl);
}
.block--album {
	width: auto;
	transform: translate3d(var(--padding-auto),0,0) !important;
}
.block--album .album {
	display: block;
	padding-left: var(--padding-m);
}
.block--album:last-child .album {
	padding-right: calc(var(--padding-auto) + var(--padding-xl));
}
.block--album .album .album-cover img {
	border-radius: var(--corner-size);
	width: 35vw;
	height: auto;
}
.block--album .album .album-info {
	margin-top: var(--padding-s);
}

.other-discography .section {
	padding: var(--padding-xl);
}
.other-discography .block--album .album .album-cover img {
	width: 20vw;
}


.block--members {
	display: flex;
	flex-direction: column;
	gap: var(--padding-m);
}
.block--member {
	display: flex;
}
.block--member .member-info {
	flex-basis: 30%;
}
.block--member .member-info .member-name {
	margin-bottom: var(--padding-xs);
}
.block--member .member-image {
	flex-basis: 70%;
}
.block--member .member-image img {
	border-radius: var(--corner-size);
	width: 100%;
	height: auto;
}


.block--tour {
	border-bottom: var(--gray-line);
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto auto;
	gap: 4px;
	padding: var(--padding-l) 0;
}
.block--tours .block--tour:first-child {
	padding-top: 0;
}
.block--tour .tour-period {
	grid-column: 1;
	grid-row: 1;
}
.block--tour .tour-title {
	font-family: var(--headline-font);
	grid-column: 1;
	grid-row: 2;
}
.block--tour .tour-venue {
	grid-column: 2;
	grid-row: 1;
	text-align: right;
}
.block--tour .tour-city {
	grid-column: 2;
	grid-row: 2;
	text-align: right;
}

@media (max-width: 780px) {
	.block--tour {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}
	.block--tour .tour-period {
		grid-column: 1;
		grid-row: 1;
	}
	.block--tour .tour-title {
		grid-column: 1;
		grid-row: 2;
	}
	.block--tour .tour-venue {
		margin-top: var(--padding-s);
		font-size: 13px;
		grid-column: 1;
		grid-row: 3;
		text-align: left;
	}
	.block--tour .tour-city {
		font-size: 13px;
		grid-column: 1;
		grid-row: 4;
		text-align: left;
	}
}

.block--tracklist {
	margin-bottom: var(--padding-m);
}
.block--track {
	border-bottom: var(--gray-line);
	display: flex;
	padding: var(--padding-s) 0;
}
.block--track .track-index {
	flex-basis: 10%;
}
.block--track .track-title {
	flex-basis: 70%;
}
.block--track .track-length {
	flex-basis: 20%;
	text-align: right;
}
.block--tracklist .block--track:first-child {
	padding-top: 0;
}


/*--- Contact ---*/

.contact .map {
	background-color: rgba(255,255,255,0.1);
	border-radius: var(--corner-size);
	width: 100%;
	overflow: hidden;
	padding-top: 65%;
	position: relative;
	margin-bottom: var(--padding-m);
}
.contact .map iframe {
	border: none;
	outline: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*--- Audition ---*/

.audition .audition-description {
	padding-top: var(--padding-m);
	padding-bottom: 0;
}
.audition .audition-description h4 {
	color: var(--orange);
	margin-top: var(--padding-m);
}
.audition .audition-description p {
	border: 1px solid var(--orange);
	border-radius: var(--corner-size);
	padding: var(--padding-m);
}

.audition .wp-block-buttons {
	display: flex;
	gap: var(--padding-s);
	width: 100%;
}
.audition .wp-block-button {
	flex: 1;
}
.audition .wp-block-button__link {
	background-color: var(--orange);
	border-radius: var(--corner-size);
	color: var(--black);
	font-weight: 700;
	text-align: center;
	padding: var(--padding-s) 0;
}

.audition .audition-apply p {
	text-align: right;
	color: var(--orange);
	margin-top: var(--padding-m);
}
.audition .audition-follow .wp-block-buttons {
	margin-top: var(--padding-l);
}

.audition .audition-follow .wp-block-button__link {
	background-color: var(--white);
	color: var(--orange);
}

.wpforms-container {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto !important;
	padding: var(--padding-xl) !important;
}
.wpforms-container form {
	border: var(--gray-line);
	border-radius: var(--corner-size);
	padding: var(--padding-m);
}

.wpforms-container .wpforms-field .wpforms-field-label {
	color: var(--orange);
	font-weight: 600;
	margin-bottom: var(--padding-xs);
}
.wpforms-container .wpforms-field .wpforms-field-label .wpforms-required-label {
	display: none;
}
.wpforms-container .wpforms-field .wpforms-field-description {
	margin-top: var(--padding-s);
}
.wpforms-container .wpforms-field-divider {
	padding-bottom: 0;
}
.wpforms-container .wpforms-field-divider h3 {
	font-family: 'Pretendard', sans-serif;
	font-size: 16px;
	color: var(--orange);
}

.wpforms-container .wpforms-field input[type="text"],
.wpforms-container .wpforms-field input[type="email"],
.wpforms-container .wpforms-field input[type="number"],
.wpforms-container .wpforms-field input[type="tel"],
.wpforms-container .wpforms-field textarea {
	background-color: transparent;
	border: var(--gray-line);
	border-radius: var(--corner-size);
	font-size: 15px;
	color: var(--white);
	padding: 16px 20px;
	outline: none;
	max-width: 100%;
}
.wpforms-container .wpforms-field input[type="text"]:focus,
.wpforms-container .wpforms-field input[type="email"]:focus,
.wpforms-container .wpforms-field input[type="number"]:focus,
.wpforms-container .wpforms-field input[type="tel"]:focus,
.wpforms-container .wpforms-field textarea:focus {
	border-color: var(--orange);
}
.wpforms-container .wpforms-field fieldset ul {
	display: flex;
	gap: var(--padding-s);
}
.wpforms-container .wpforms-field fieldset ul li {
	padding-top: var(--padding-xs);
}

.wpforms-container .wpforms-field input[type="radio"],
.wpforms-container .wpforms-field input[type="checkbox"] {
	display: none;
}

.wpforms-container .wpforms-field input[type="radio"] + label,
.wpforms-container .wpforms-field input[type="checkbox"] + label {
	padding-left: 30px;
	position: relative;
}
.wpforms-container .wpforms-field input[type="radio"] + label::before,
.wpforms-container .wpforms-field input[type="checkbox"] + label::before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid var(--gray);
}
.wpforms-container .wpforms-field input[type="radio"] + label::before {
	border-radius: 50%;
}
.wpforms-container .wpforms-field input[type="checkbox"] + label::before {
	border-radius: 4px;
}
.wpforms-container .wpforms-field input[type="radio"]:checked + label::after,
.wpforms-container .wpforms-field input[type="checkbox"]:checked + label::after {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 4px;
	left: 4px;
	background-color: var(--orange);
}
.wpforms-container .wpforms-field input[type="radio"]:checked + label::after {
	border-radius: 50%;
}
.wpforms-container .wpforms-field input[type="checkbox"]:checked + label::after {
	border-radius: 2px;
}
.wpforms-container label.wpforms-error,
.wpforms-container em.wpforms-error {
	color: var(--orange);
	font-size: 13px;
	margin-top: 8px;
	opacity: 0.6;
}


.archive {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: var(--padding-xl);
}
.archive .post-item {
	border-bottom: var(--gray-line);
}
.archive .post-item:first-child {
	border-top: var(--gray-line);
}
.archive .post-item .post-header {
	cursor: pointer;
	display: flex;
	align-items: center;
	padding: var(--padding-m) 4px;
}
.archive .post-item .post-header .post-date {
	display: block;
	flex-basis: 20%;
}
.archive .post-item .post-header .post-title {
	font-family: 'Pretendard', sans-serif;
}
.archive .post-item .post-content {
	display: none;
}
.archive .post-item.is-active .post-content {
	display: block;
	padding-left: 20%;
	padding-top: var(--padding-s);
	padding-bottom: var(--padding-l);
}

.archive .post-item .post-content .wp-block-separator {
	border-top: var(--gray-line);
	margin: var(--padding-m) 0;
}

/* Main Slider */
.main-slider-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.main-slider,
.main-slider .swiper-slide {
	width: 100%;
	height: 100%;
}

.main-slider .slide-image {
	width: 100%;
	height: 100%;
	position: relative;
}

.main-slider .slide-image img {
	object-fit: cover;
	object-position: center;
	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}