@charset "UTF-8";

/* 2024 webzine shared styling (aligned with 2025 baseline) */
.webzine-2024 .webzine_tit_wrap {
	left: 12.5%;
	top: 56.5%;
	transform: translateY(-50%);
	text-align: left;
}

.webzine-2024 .kv_tit { text-align: left; }

.webzine-2024 .seah-header,
.webzine-2024 .with-seah {
	font-family: acumin-pro,sans-serif;
	font-size: 70px;
	font-weight: 700;
	line-height: 1;
	color: #ffffff;
	text-align: left;
	text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);
	letter-spacing: -.02em;
	display: inline-block;
}

.webzine-2024 .title-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
}

.webzine-2024 .overview_desc {
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.webzine-2024 .overview_desc p,
.webzine-2024 .sub-header {
	font-weight: 400;
	font-size: 24px;
	line-height: 1.75;
	letter-spacing: -.02em;
	margin-bottom: 4px;
	color: #333333;
}
.webzine-2024 .overview_desc .sub_tit,
.webzine-2024 .sub-title {
	font-size: 65px;
}
.webzine-2024 .grid-header { display: grid; gap: 10px; }

.webzine-2024 .slide_wrap > .slide_cont > ul li .webzine_cont .essay_area .sub_tit,
.webzine-2024 .slide_wrap > .slide_cont > ul li .webzine_cont .essay_area .txt .desc p {
	color: #fff;
}

.webzine-2024 .underLine { text-decoration: underline; }

@media (max-width: 768px) {
	.webzine-2024 .webzine_tit_wrap {
		left: 50%;
		top: 56%;
		transform: translate(-50%, -50%);
		text-align: center;
	}
	.webzine-2024 .webzine_tit_wrap .obj { margin: 0 auto 20px; }
	.webzine-2024 .kv_tit { text-align: center; }
	.webzine-2024 .seah-header,
	.webzine-2024 .with-seah {
		text-align: center;
		font-size: 9.26vw;
	}
	.webzine-2024 .overview_desc {
		align-items: center;
	}
	.webzine-2024 .overview_desc p,
	.webzine-2024 .sub-header { font-size: 3.5vw !important; margin-bottom: 2vw; }
	.webzine-2024 .overview_desc .sub_tit,
	.webzine-2024 .sub-title { font-size: 8.86vw; line-height: 1; }
}

@media (max-width: 320px) {
	.webzine-2024 .seah-header,
	.webzine-2024 .with-seah { font-size: 30px; }
}

/* Month-specific KV backgrounds */
.webzine-jan-feb .kv_area { background-image: url('/resources/images/pr/webzine/2024/jan-feb/webzine_kv_2402.jpg'); }
.webzine-mar-apr .kv_area { background-image: url('/resources/images/pr/webzine/2024/mar-apr/webzine_kv_2403.jpg'); }
.webzine-may-jun .kv_area { background-image: url('/resources/images/pr/webzine/2024/may-jun/PC_main_kv.jpg'); }
.webzine-jul-aug .kv_area { background-image: url('/resources/images/pr/webzine/2024/jul-aug/PC_main_kv.jpg'); }
.webzine-sep-oct .kv_area { background-image: url('/resources/images/pr/webzine/2024/sep-oct/PC_main_kv.jpg'); }
.webzine-nov-dec .kv_area { background-image: url('/resources/images/pr/webzine/2024/nov-dec/PC_main_kv.jpg'); }

@media (max-width: 768px) {
	.webzine-jan-feb .kv_area { background-image: url('/resources/images/pr/webzine/2024/jan-feb/webzine_kv_2402-m.jpg'); }
	.webzine-mar-apr .kv_area { background-image: url('/resources/images/pr/webzine/2024/mar-apr/webzine_kv_2403-m.jpg'); }
	.webzine-may-jun .kv_area { background-image: url('/resources/images/pr/webzine/2024/may-jun/MO_main_kv.jpg'); }
	.webzine-jul-aug .kv_area { background-image: url('/resources/images/pr/webzine/2024/jul-aug/MO_main_kv.jpg'); }
	.webzine-sep-oct .kv_area { background-image: url('/resources/images/pr/webzine/2024/sep-oct/MO_main_kv.jpg'); }
	.webzine-nov-dec .kv_area { background-image: url('/resources/images/pr/webzine/2024/nov-dec/MO_main_kv.jpg'); }

	.webzine-2024 .overview_desc p,
	.webzine-2024 .sub-header { font-size: 3.5vw !important; margin-bottom: 2vw; }
}

/* Typography tweaks used in 일부 호 */
.webzine-2024 .myfont p { font-size: 13px !important; }
.webzine-2024 .myfont h2 { font-size: 34px !important; }
.webzine-2024 .myfont .sub_tit { font-size: 20px !important; }
.webzine-2024 .customBottom { bottom: 8% !important; }

@media (max-width: 1024px) {
	.webzine-2024 .customBottom { bottom: 6% !important; }
	.webzine-2024 .myfont p { font-size: 11px !important; }
}

@media (max-width: 768px) {
	.webzine-2024 .customBottom { bottom: 20% !important; }
	.webzine-2024 .myfont h2 { font-size: 3vw !important; }
	.webzine-2024 .myfont p { font-size: 1.3vw !important; }
	.webzine-2024 .myfont.mobile_little_big p { font-size: 1.8vw !important; }
}
