/*#temporary_inext{
	border:1px solid red;
}
*/
@font-face {
    font-family: 'Noto Sans SC';
    font-weight: 400;
    src: url('/wp-content/themes/seoulfesta/temporary/assets/fonts/noto-sans-sc-v40-chinese-simplified_latin-regular.woff2') format('woff2')
}
@font-face {
    font-family: 'Noto Sans SC';
    font-weight: 600;
    src: url('/wp-content/themes/seoulfesta/temporary/assets/fonts/noto-sans-sc-v40-chinese-simplified_latin-600.woff2') format('woff2')
}



@font-face {
    font-family: 'Noto Sans JP';
    font-weight: 400;
    src: url('/wp-content/themes/seoulfesta/temporary/assets/fonts/noto-sans-jp-v56-japanese_latin-regular.woff2') format('woff2')
}
@font-face {
    font-family: 'Noto Sans JP';
    font-weight: 600;
    src: url('/wp-content/themes/seoulfesta/temporary/assets/fonts/noto-sans-jp-v56-japanese_latin-600.woff2') format('woff2')
}








header{
	position: absolute;
	top: 0;
	z-index: 10;
}
.btn-lang{
	top: 4.2rem
}
.btn-lang.lang_2026 ul li{
	display: inline;
}
.btn-lang.lang_2026 ul li.active>a{
	color: #000;
}
@media screen and (max-width: 768px){
	header{
		position: fixed;
		top: 0;
		z-index: 10;
		width: 100%;
	}
	.btn-lang{
		position:fixed;
		right: 0;
		font-weight: 600;
		z-index: 11;
		top: 1.6rem
	}
}






.page-2026 section.intro img{
	width: 100%;
}

.page-2026 section.intro .key-visual{
	position: relative;
	background-color: #FFF;
	overflow: hidden;
}
.page-2026 section.intro .key-visual .logo{
	position: relative;
	z-index: 2;
	max-width: 1233px;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 13.281vw;
	padding-top: 14.375vw;
}


.page-2026 section.intro .key-visual .bg_wrap{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.page-2026 section.intro .key-visual .bg_wrap>div{
	position: absolute;
}
.page-2026 section.intro .key-visual .bg_wrap .rectangle1{
	position: absolute;
	width: 15.039vw;
	height: 15.039vw;
	top: -10.759vw;
	right: 16.910vw;
	z-index: 1;
	background-color: #0094FF;
	transform: rotate(45deg);
}
.page-2026 section.intro .key-visual .bg_wrap .rectangle2{
	position: absolute;
	width: 28.385vw;
	height: 28.385vw;
	bottom: -5.729vw;
	left: -5.729vw;
	z-index: 1;
	background-color: #FF5795;
	transform: rotate(45deg);
}
.page-2026 section.intro .key-visual .bg_wrap .circle_wrap{
	position: absolute;
	right: -4.563vw;
	bottom: -5.563vw;
	z-index: 1;
	width: 31.760vw;;
	height: 24.740vw;
}
.page-2026 section.intro .key-visual .bg_wrap .circle_wrap .circle1{
	position: absolute;
	width: 24.740vw;
	height: 24.740vw;
	border-radius: 50%;
	top: 0;
	right: 0;
	z-index: 2;
	background-color: #00C376;
}
.page-2026 section.intro .key-visual .bg_wrap .circle_wrap .circle2{
	position: absolute;
	width: 9.063vw;
	height: 9.063vw;
	border-radius: 50%;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	z-index: 1;
	background-color: #FFCC26;
}
@media screen and (max-width: 1263px){
	.page-2026 section.intro .key-visual .logo{width: 90%;}
}

@media screen and (max-width: 768px){
	/*.page-2026 section.intro .key-visual .logo{padding-top: 39.063vw; padding-bottom: 52.083vw;}*/
	.page-index section.intro{margin-top: 62px;}

	.page-2026 section.intro .key-visual .bg_wrap .rectangle1{width: 24.479vw; height: 24.479vw; top: -12.479vw; right: 16.910vw;}
	.page-2026 section.intro .key-visual .bg_wrap .rectangle2{width: 48.177vw; height: 48.177vw; bottom: -15.759vw; left: -15.759vw;}
	.page-2026 section.intro .key-visual .bg_wrap .circle_wrap{width: 49.740vw; height: 39.063vw; right: -8.563vw; bottom: unset; top: 70%; transform: translateY(-50%);}
	.page-2026 section.intro .key-visual .bg_wrap .circle_wrap .circle1{width: 39.063vw; height: 39.063vw;}
	.page-2026 section.intro .key-visual .bg_wrap .circle_wrap .circle2{width: 13.021vw; height: 13.021vw;}
}


.page-index section.marquee .marquee-wrapper .marquee-item>*{
	pointer-events: none;
}












.page-2026 section.about{
	text-align: center;
}

.page-2026 section.about .tit_wrap h2{
	font-size: 8rem;
	font-weight: 900;
	color: #000;
	line-height: 1.2;
	margin-bottom: 30px;
}
.page-2026 section.about .tit_wrap h2.en{
	text-transform: uppercase;
}
.page-2026 section.about .tit_wrap .tit_info{
	font-size: 5rem;
	font-weight: 300;
	color: #000;
	line-height: 1.2;
}
.page-2026 section.about .info_wrap{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 30px;
	padding: 50px;
	margin: 55.5px auto;
	background-color: #F8F8F8;
	border-radius: 30px;
	display: inline-block;
}
.page-2026 section.about .info_wrap>dl{
	display: flex;
	gap: 20px;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1;
	color: #000;
	margin-bottom:20px;
}
.page-2026 section.about .info_wrap>dl:last-child{
	margin-bottom: 0;
}
.page-2026 section.about .info_wrap>dl>dt{
	display: block;
	width: 50px;
	color: #888;
}
.page-2026 section.about .info_wrap>dl>dt.en{
	width: 70px;
	text-align: left;
}
.page-2026 section.about .cont_wrap{
	font-size: 2.4rem;
	font-weight: 400;
	color: #000;
	line-height: 1.6;
}
.page-2026 section.about p.big_txt{
	font-size: 4rem;
	font-weight: 700;
	color: #000;
	line-height: 1.4;
	margin-top: 55.5px;
}





.page-2026 section.last_event{
	margin-bottom: 225px;
}
.page-2026 section.last_event h2{
	font-size: 4rem;
	font-weight: 700;
	color: #000;
	line-height: 1;
	margin-bottom: 50px;
}

.page-2026 section.last_event .last_event_list .con_box{
	border-radius: 30px;
	overflow: hidden;
}

.page-2026 section.last_event .last_event_list.pc_only{
	display: flex;
	gap: 16px;
	justify-content: space-between;
}
.page-2026 section.last_event .last_event_list.pc_only>div{
	width: calc(25% - 12px);
	max-width: 443px
}
.page-2026 section.last_event .last_event_list.pc_only>div>a>img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.page-2026 section.last_event .last_event_list.mo_only{
	display: none;
}
.page-2026 section.last_event .last_event_list.mo_only .con_box{
	width: 300px;
	margin-right: 16px;
	display: block;
}
.page-2026 section.last_event .btn_more{
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #000;
	box-sizing: border-box;
	margin: 0 auto;
	margin-top: 50px;
	font-size: 2rem;
	font-weight: 600;
	color: #000;
	gap: 10px;
	width: fit-content;
	padding: 25px 40px;
}







.page-2026 .back-to-top{
	display: flex !important;
}
.page-2026 .back-to-top img{
	width: 2rem;
}
@media screen and (min-width: 1990px){
	
}
@media screen and (max-width: 768px){
	.page-2026 .back-to-top{right: 1rem;}
	.page-2026 .back-to-top.active{right: 1rem}
}





@media screen and (max-width: 768px){
	.page-2026 section.about .tit_wrap h2{font-size: 4rem;}
	.page-2026 section.about .tit_wrap .tit_info{font-size: 2rem;}
	.page-2026 section.about .info_wrap{padding: 30px 20px;}
	.page-2026 section.about .info_wrap>dl{font-size: 1.8rem;}
	.page-2026 section.about .cont_wrap{font-size: 1.8rem;}
	.page-2026 section.about p.big_txt{font-size: 2.4rem;}

	.page-2026 section.last_event{margin-bottom: 20px;}
	.page-2026 section.last_event h2{font-size: 2.4rem;}
	.page-2026 section.last_event .last_event_list.pc_only{display: none;}
	.page-2026 section.last_event .last_event_list.mo_only{display: block;}
	.page-2026 section.last_event .btn_more{font-size: 1.8rem; padding: 20px 35px; margin-top: 40px;}

}



@media screen and (max-width: 500px){
	.page-2026 section.about .tit_wrap h2{font-size: 3rem; margin-bottom: 10px;}
	.page-2026 section.about .tit_wrap .tit_info{font-size: 1.8rem;}
	.page-2026 section.about .info_wrap{margin: 30px 0; width: 100%; border-radius: 20px;}
	.page-2026 section.about .info_wrap>dl{font-size: 14px; gap: 8px; flex-direction: column; text-align: center; align-items: center;}
	.page-2026 section.about .cont_wrap{font-size: 14px;}
	.page-2026 section.about p.big_txt{font-size: 2.2rem; margin-top: 30px;}

	.page-2026 section.last_event h2{font-size: 2.2rem;}
	.page-2026 section.last_event .last_event_list.mo_only .con_box{width: 230px; border-radius: 20px;}
	.page-2026 section.last_event .btn_more{font-size: 14px; padding: 15px 30px; margin-top: 20px; gap: 4px;}
	.page-2026 section.last_event .btn_more i{width: 12px;}
	.page-2026 section.last_event .btn_more i img{width: 12px;}
}












/* 중국어, 일본어 지난 서울스프링페스타 돌아보기 영역 */
.page-2026 section.main_primary .page-title .inner{
	padding-top: 8rem; 
	padding-bottom: 6rem;
}

.page-2026 section.main_primary .page-info .page-body .seoul-festa-2025 .container-inner,
.page-2026 section.main_primary .page-info .page-body .seoul-festa-archive .container-inner{
	flex-wrap:wrap;
}

.page-2026 section.main_primary .page-info .page-body .seoul-festa-2025 .container-inner .year,
.page-2026 section.main_primary .page-info .page-body .seoul-festa-archive .container-inner .year{
	width: 100%;
	margin-bottom: 2rem;
}

.page-2026 section.main_primary .page-info .page-body .seoul-festa-2025 .container-inner .image,
.page-2026 section.main_primary .page-info .page-body .seoul-festa-archive .container-inner .image{
	margin-left: 0;
	width: 25%
}
.page-2026 section.main_primary .page-info .page-body .seoul-festa-2025 .container-inner .desc,
.page-2026 section.main_primary .page-info .page-body .seoul-festa-archive .container-inner .desc{
	justify-content: center;
	gap: 20px;
}
.page-2026 section.main_primary .page-archive .photo-archive .title{
	border-top: none;
	font-size: 2.4rem;
	padding-bottom: 2rem
}
.page-2026 section.main_primary .page-archive .photo-archive .photo-archive-list-summary{
	margin: 0 -2rem;
	padding-right: 0
}
.page-2026 section.main_primary .page-archive .photo-archive .photo-archive-list-summary li{
	cursor:default;
	padding: 0 2rem;
	width: 33.3333%;
	display: flex;
	flex-direction: column;
}
.page-2026 section.main_primary .page-archive .photo-archive .photo-archive-list-summary li>.img_box{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.page-2026 section.main_primary .page-archive .photo-archive .photo-archive-list-summary li>div img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.page-2026 section.main_primary .page-archive .photo-archive .photo-archive-list-summary li .caption{
	text-align: center;
	font-size: 2rem;
}
@media screen and (max-width: 1024px){
	.page-2026 section.main_primary .page-info .page-body .seoul-festa-2025 .container-inner .desc,
	.page-2026 section.main_primary .page-info .page-body .seoul-festa-archive .container-inner .desc{width: calc(75% - 4rem)}
}

@media screen and (max-width: 768px){
	.page-2026 section.main_primary .page-archive .seoul-festa-item.pb-none{padding-bottom: 0}
	.page-2026 section.main_primary .page-title .inner{padding: 2.4rem 0 1.6rem; padding-bottom: 2.4rem}
	.page-2026 section.main_primary .page-info .page-body .seoul-festa-2025 .container-inner .image,
	.page-2026 section.main_primary .page-info .page-body .seoul-festa-archive .container-inner .image{margin: 0; width: 100%}
	.page-2026 section.main_primary .page-archive .photo-archive .title{font-size: 1.4rem}
	.page-2026 section.main_primary .page-archive .photo-archive .photo-archive-list-summary{margin: 0}
	.page-2026 section.main_primary .page-archive .photo-archive .photo-archive-list-summary li{width: 50%; padding: 0 .4rem; margin-bottom: 5rem}
	.page-2026 section.main_primary .page-archive .photo-archive .photo-archive-list-summary li .caption{font-size: 1.4rem;}
	.page-2026 section.main_primary .page-archive .photo-archive .photo-archive-list-summary li:nth-child(3),
	.page-2026 section.main_primary .page-archive .photo-archive .photo-archive-list-summary li:nth-child(4){margin-bottom: 0}
}


.cn_txt,
.cn_txt *{font-family: "Noto Sans SC" !important; font-synthesis: none; /* 가짜 굵기 합성 방지 */}
.page-2026 section.about p.big_txt.cn_txt,
.page-title .inner.cn_txt,
.page-index section.marquee .marquee-wrapper .marquee-item .cn_txt{font-weight: 600;}


.jp_txt,
.jp_txt *{font-family: "Noto Sans JP" !important; font-synthesis: none; /* 가짜 굵기 합성 방지 */}
.page-2026 section.about p.big_txt.jp_txt,
.page-title .inner.jp_txt,
.page-index section.marquee .marquee-wrapper .marquee-item .jp_txt{font-weight: 600;}

.jp .page-info .page-body .seoul-festa-2025 .container-inner .desc>div:not(.title) p span:first-child{
	width: 130px;
}
@media screen and (max-width: 768px){
	.page-2026.jp section.main_primary .page-info .page-body .seoul-festa-2025 .container-inner .desc{width: 100%;}
}
@media screen and (max-width: 500px){
	.jp .page-info .page-body .seoul-festa-2025 .container-inner .desc>div:not(.title) p span:first-child{width: 80px;}
}