/*!
 * SLUR CSS
 * Copyright (c) 2016–2026 SLUR
 * Licensed under the MIT License
 */
/* page.css
 * Page-specific rules only.
 * Defines page-scoped layout adjustments and visual context.
 * Applies styles tied to a single page or route.
 *
 * 페이지 단위 전용 스타일 파일입니다.
 * 특정 페이지 맥락에서 필요한 레이아웃 보정과 표현을 정의합니다.
 * 단일 페이지 또는 라우트에 종속된 스타일만 적용합니다.
 */

.page_main .p_sec_01 {display: flex; height: calc(100vh - 56px); padding: 0 24px 56px; flex-direction: column; justify-content: center; align-items: flex-start; background: url(../images/main_visual_mo_1.jpg) center no-repeat; background-size: cover;}
.page_main .p_sec_01 .p_title {margin-bottom: 24px; font-size: 30px; font-weight: 600; line-height: 1.4;}
.page_main .p_sec_01 .p_desc {margin-bottom: 24px; font-size: 20px; font-weight: 500; color: var(--color-text-secondary);}

.page_main .p_sec_02 {padding: 60px 24px;}
.page_main .p_sec_02 .p_title {margin-bottom: 24px; font-size: 30px; font-weight: 600; line-height: 1.4;}
.page_main .p_sec_02 .p_desc {margin-bottom: 24px; font-size: 20px; font-weight: 500; color: var(--color-text-secondary);}
.page_main .p_sec_02 .swiper {padding-bottom: 60px;}
.page_main .p_sec_02 .swiper .swiper-pagination-fraction {color: var(--color-text-secondary);}
.page_main .p_sec_02 .swiper :is(.swiper-button-prev,.swiper-button-next) {display: flex; width: 40px; height: 40px; border-radius: 40px; background-color: var(--color-primary); top: auto; bottom: 0; z-index: 15;}
.page_main .p_sec_02 .swiper :is(.swiper-button-prev,.swiper-button-next)::after{font-size: 14px; color: #fff;}
.page_main .p_sec_02 .swiper .swiper-slide img {width: 100%;}

.page_main .p_sec_03 {padding: 60px 24px; text-align: center;}
.page_main .p_sec_03 .p_title {margin-bottom: 80px; font-size: 30px; font-weight: 600; line-height: 1.3;}
.page_main .p_sec_03 .p_list li + li {margin-top: 48px;}
.page_main .p_sec_03 .p_list li {display: flex; gap: 20px; flex-direction: column; justify-content: center; align-items: center;}
.page_main .p_sec_03 .p_list li .p_ico {display: inline-flex; width: 70px; height: 70px; border-radius: 70px; align-items: center; justify-content: center;}
.page_main .p_sec_03 .p_list li .p_tit {font-size: 28px; font-weight: 600;}
.page_main .p_sec_03 .p_list li .p_desc {font-size: 20px; color: var(--color-text-secondary);}
.page_main .p_sec_03 .p_list li:nth-child(1) .p_ico {background-color: rgba(45, 45, 163, 0.5);}
.page_main .p_sec_03 .p_list li:nth-child(2) .p_ico {background-color: rgba(240, 64, 55, 0.15);}
.page_main .p_sec_03 .p_list li:nth-child(3) .p_ico {background-color: rgba(254, 221, 90, 0.1);}

.page_main .p_sec_04 {display: flex; padding: 140px 24px; gap: 40px; align-items: center; justify-content: center; flex-direction: column; background: url(../images/main_bgx1.jpg) center no-repeat; background-size: cover;}
.page_main .p_sec_04 .p_title {font-size: 30px; font-weight: 600; line-height: 1.4; text-align: center;}