/* ============================================= */
/*      메인페이지                                */
/* ============================================= */
/* 최상단 슬라이더 */
.main-banner {position: relative; margin: 3rem auto; height: 48.2rem;}
.main-banner-swiper {width: 100%; height: 45rem; overflow: hidden;}
.main-banner-swiper .swiper-wrapper {align-items: center;}
.main-banner-slide {width: 80rem; height: 45rem; opacity: .3; transition: opacity .3s;}
.main-banner-slide.swiper-slide-active {opacity: 1;}
.main-banner-content {position: relative; display: block; width: 100%; height: 100%; overflow: hidden;}
.main-banner-thumb {position: absolute; inset: 0;}
.main-banner-thumb img {width: 100%; height: 100%; object-fit: cover;}
.main-banner-content::after {content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 18rem; background: linear-gradient(0deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0)); pointer-events: none;}
.main-banner-label {position: absolute; top: 0; left: 0; z-index: 1; padding: 0 .8rem; background-color: #1c1e25; color: #fff; font-size: 1.6rem; line-height: 1.8;}
.main-banner-content h3 {position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; margin: 0; padding: 1.6rem 3.2rem; border: none; font-size: 1.8rem; font-weight: 500; line-height: 2.7rem; color: #fff; text-align: center;}
.main-banner-pagination {position: absolute; bottom: .8rem; left: 0; width: 100%; display: flex; align-items: center; justify-content: center; gap: .8rem; z-index: 2;}
.main-banner-pagination .swiper-pagination-bullet {width: .8rem; height: .8rem; margin: 0; border-radius: 50%; background-color: rgba(0, 0, 0, .2); opacity: 1; cursor: pointer;}
.main-banner-pagination .swiper-pagination-bullet-active {background-color: #1c1e25;}
.main-banner-arrow {position: absolute; top: 0; width: 8rem; height: 100%; background: transparent; z-index: 2; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.main-banner-arrow-prev {left: 0;}
.main-banner-arrow-next {right: 0;}
/* 메인페이지 섹션 공통 타이틀 */
.home-col-title {display: flex; flex-direction: column; align-items: center; margin: 0 0 1.6rem; padding: 0; border: none; text-align: center;}
.home-col-title span {font-size: 1.2rem; font-weight: 700; line-height: 1.8rem; color: #83151b;}
.home-col-title strong {font-size: 2.4rem; font-weight: 700; line-height: 3.6rem; color: #000;}
.home-col-title-white span {color: #fff;}
.home-col-title-white strong {color: #fff;}
/* 메인페이지 카드형 콘텐츠 공통 */
.home-card {display: block; color: inherit;}
.home-card-thumb {position: relative; width: 100%; aspect-ratio: 391 / 220; overflow: hidden;}
.home-card-thumb img {width: 100%; height: 100%; object-fit: cover;}
.home-card-label {position: absolute; top: 0; left: 0; z-index: 1; padding: 0 0.8rem; background-color: #1c1e25; color: #fff; font-size: 1.8rem; font-weight: 400; line-height: 1.8;}
.home-card h3 {height: 5.4rem; margin: 0.8rem 0; padding: 0; border: none; font-size: 1.8rem; font-weight: 400; line-height: 2.7rem; color: #000; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.home-card-desc {height: 4.2rem; margin: 0; font-size: 1.4rem; font-weight: 400; line-height: 2.1rem; color: #676767; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.home-card-time {display: block; margin-top: 0.4rem; font-size: 1.2rem; font-weight: 400; color: #83151b;}
/* 메인페이지 소형 텍스트 링크 */
.home-small-item {display: block; color: inherit;}
.home-small-item h3 {margin: 0; padding: 0; border: none; font-size: 1.6rem; font-weight: 400; line-height: 2.4rem; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.home-small-item time {display: block; margin-top: 0.2rem; font-size: 1.2rem; font-weight: 400; color: #83151b;}
/* 메인페이지 더보기 버튼 */
.home-more-wrap {display: flex; justify-content: center; margin-top: 3.2rem;}
.home-more-btn {display: flex; align-items: center; justify-content: center; width: 24rem; height: 4rem; background-color: #83151b; color: #fff; font-size: 1.6rem; font-weight: 700;}
.home-more-btn-inverse {background-color: #fff; color: #83151b;}
/* 섹션1 : 娛樂/科技/BUZZING TOP5 3단 컬럼 */
.home-columns-wrap {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4rem 2.4rem; margin: 8rem auto;}
.home-columns-wrap .home-card-desc {height: 2.2rem;}
.home-article-list {display: flex; flex-direction: column; gap: 0.8rem;}
.home-col-buzzing .buzzing-thumb {width: 100%; height: auto; aspect-ratio: 391 / 220;}
.home-col-buzzing .buzzing-top5 {padding: 1.6rem;}
.home-col-buzzing .buzzing-item-title {font-size: 1.5rem;}
/* 섹션2 : Hot Articles 가로형 그리드 */
.home-hot-articles-wrap {margin: 8rem auto;}
.home-hot-articles-grid {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4rem 2.4rem; margin-top: 1.6rem;}
/* 섹션3 : 熱門 해시태그+슬라이더 (마룬 풀블리드 배경) */
.home-trend-band {width: 100%; background-color: #83151b; padding: 4.8rem 0; margin: 8rem auto;}
.home-trend-flex {display: flex; gap: 2.4rem; margin-top: 1.6rem;}
.home-trend-tags {display: grid; grid-template-columns: repeat(2, 9.2rem); grid-template-rows: repeat(4, 4.2rem); gap: 1.6rem; flex-shrink: 0;}
.home-trend-tags a {display: flex; align-items: center; justify-content: center; border: 1px solid #fff; font-size: 1.5rem; font-weight: 700; color: #fff; text-align: center; transition: 0.2s;}
.home-trend-tags a:hover {background-color: #fff; color: #83151b;}
.home-trend-slider-wrap {position: relative; flex: 1; min-width: 0; padding: 0 3.2rem;}
.home-trend-slider {width: 100%; overflow: hidden;}
.home-trend-slider .swiper-slide {width: 28rem;}
.home-trend-card {display: block; color: inherit;}
.home-trend-card-thumb {width: 100%; aspect-ratio: 4 / 3; overflow: hidden;}
.home-trend-card-thumb img {width: 100%; height: 100%; object-fit: cover;}
.home-trend-card h3 {margin: 1rem 0 0; padding: 0; border: none; font-size: 1.5rem; font-weight: 700; line-height: 2.25rem; color: #fff; text-align: left;}
.home-trend-arrow {position: absolute; top: 0; width: 3.2rem; height: 100%; background: transparent; z-index: 2; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.home-trend-arrow-prev {left: 0;}
.home-trend-arrow-next {right: 0;}
/* 섹션4 : 生活 가로형 카드 리스트 */
.home-lifestyle-wrap {margin: 8rem auto;}
.home-lifestyle-list {display: flex; flex-direction: column; gap: 4.8rem; margin-top: 1.6rem;}
.home-lifestyle-card {display: grid; grid-template-columns: 36.5rem 1fr; color: inherit;}
.home-lifestyle-card-thumb {position: relative; width: 100%; height: 100%; aspect-ratio: 365 / 205; overflow: hidden;}
.home-lifestyle-card-thumb img {width: 100%; height: 100%; object-fit: cover;}
.home-lifestyle-card-info {position: relative; display: flex; flex-direction: column; justify-content: center; margin-left: 3rem; padding: 3.2rem 0 3.2rem 4rem;}
.home-lifestyle-card-info::before, .home-lifestyle-card-info::after {content: ""; position: absolute; left: 0; z-index: 2; width: 0.8rem; height: 50.1%; background-color: #83151b; transition: 0.2s;}
.home-lifestyle-card-info::before {top: 0; transform: skewX(0deg);}
.home-lifestyle-card-info::after {bottom: 0; transform: skewX(0deg);}
.home-lifestyle-card:hover .home-lifestyle-card-info::before {width: 1.2rem; transform: skewX(-8deg);}
.home-lifestyle-card:hover .home-lifestyle-card-info::after {width: 1.2rem; transform: skewX(8deg);}
.home-lifestyle-card-info h3 {margin: 0 0 1.6rem; padding: 0; border: none; font-size: 2.2rem; font-weight: 700; line-height: 3.3rem; color: #83151b; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.home-lifestyle-card-info p {margin: 0; font-size: 1.6rem; font-weight: 400; line-height: 2.4rem; color: #000; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.home-lifestyle-card-layer {position: absolute; inset: 0; z-index: 1; opacity: 0; visibility: hidden; background: linear-gradient(90deg, #fff, transparent); transition: 0.2s;}
.home-lifestyle-card-layer::after {content: "READ MORE"; display: flex; align-items: center; height: 100%; padding-left: 4rem; font-size: 1.6rem; font-weight: 700; letter-spacing: 0.05rem; color: #83151b;}
.home-lifestyle-card:hover .home-lifestyle-card-layer {opacity: 1; visibility: visible;}
/* 섹션5 : 財經 3단 그리드 */
.home-economy-wrap {margin: 8rem auto;}
.home-economy-grid {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4rem 2.4rem; margin-top: 1.6rem;}
/* 섹션6 : 美食 가로형 슬라이더 */
.home-food-wrap {margin: 8rem auto;}
.home-food-slider {width: 100%; overflow: hidden; margin-top: 1.6rem;}
.home-food-card {display: block; color: inherit;}
.home-food-card-thumb {width: 100%; aspect-ratio: 332 / 187; overflow: hidden;}
.home-food-card-thumb img {width: 100%; height: 100%; object-fit: cover;}
.home-food-card h3 {margin: 1.6rem 0 0; padding: 0; border: none; font-size: 1.8rem; font-weight: 400; line-height: 2.7rem; color: #000; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/* ============================================= */
/*      반응형 (2026-08-12)                       */
/* ============================================= */
@media screen and (max-width: 1024px) {
	.home-columns-wrap {grid-template-columns: repeat(2, minmax(0, 1fr));}
	.home-hot-articles-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
	.home-economy-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media screen and (max-width: 767px) {
	/* 최상단 슬라이더 */
	.main-banner {height: auto; margin: 2rem auto;}
	.main-banner-swiper {height: 30rem;}
	.main-banner-slide {width: 90%; max-width: 34rem; height: 30rem;}
	.main-banner-content h3 {padding: 1.2rem 1.6rem; font-size: 1.5rem; line-height: 2.1rem;}
	.main-banner-arrow {width: 5rem;}
	/* 메인페이지 섹션 공통 타이틀 */
	.home-col-title strong {font-size: 2rem; line-height: 3rem;}
	/* 섹션1 : 娛樂/科技/BUZZING TOP5 3단 컬럼 */
	.home-columns-wrap {grid-template-columns: 1fr; gap: 4.8rem; margin: 4.8rem auto;}
	/* 섹션2 : Hot Articles 가로형 그리드 */
	.home-hot-articles-wrap {margin: 4.8rem auto;}
	.home-hot-articles-grid {grid-template-columns: 1fr; gap: 3.2rem;}
	/* 섹션3 : 熱門 해시태그+슬라이더 */
	.home-trend-band {padding: 3.2rem 0; margin: 4.8rem auto;}
	.home-trend-flex {flex-direction: column; gap: 2.4rem;}
	.home-trend-tags {grid-template-columns: repeat(2, 1fr); max-width: 90%; width: 100%; margin: 0 auto;}
	.home-trend-slider-wrap {width: 100%; padding: 0 3.2rem;}
	.home-trend-slider .swiper-slide {width: 22rem;}
	/* 섹션4 : 生活 가로형 카드 리스트 */
	.home-lifestyle-wrap {margin: 4.8rem auto;}
	.home-lifestyle-list {gap: 2.4rem;}
	.home-lifestyle-card {grid-template-columns: 1fr; grid-template-rows: auto auto;}
	.home-lifestyle-card-info {margin-left: 0; padding: 0.5rem 0 1.6rem 0;}
	.home-lifestyle-card-info::before, .home-lifestyle-card-info::after {content: none;}
	.home-lifestyle-card-info h3 {font-size: 1.8rem; line-height: 2.7rem;}
	.home-lifestyle-card-info p {font-size: 1.4rem; line-height: 2.1rem;}
	/* 섹션5 : 財經 3단 그리드 */
	.home-economy-wrap {margin: 4.8rem auto;}
	.home-economy-grid {grid-template-columns: 1fr; gap: 3.2rem;}
	/* 섹션6 : 美食 가로형 슬라이더 */
	.home-food-wrap {margin: 4.8rem auto;}
	/* 더보기 버튼 */
	.home-more-btn {width: 100%; max-width: 24rem;}
}