/* BASIC css start */
#contentWrapper{padding-left:0; padding-top:0 !important}

/* 섹션 공통 */
.section{margin-bottom: 90px;padding-left:208px}
.sec_inner{width: 1530px; margin: 0 auto;}
.tit_sec{margin-bottom:80px}
.section h2{font-family: 'Montserrat', sans-serif; margin-bottom:20px;text-align: center; font-size: 40px; color: #000; font-weight: 300; }
.section h2 a{float: right; line-height:40px;}
.section h2 a img{}
.section h3{color:#888; font-size:18px; font-family: 'Noto Sans KR', sans-serif;  font-weight:400; text-align:center}
        
.more_items{display: flex; align-items: center; justify-content: center; margin: 50px 0 120px;}
.more_items a{display: inline-block; background-color: #f3f3f3; text-align: center; padding: 14px 50px; border-radius: 30px; color: #7e7e7e;font-family: 'NanumSquareRound',sans-serif; font-size: 15px; }
.more_items button{    background: transparent; color: #7e7e7e;font-family: 'NanumSquareRound',sans-serif; font-size: 15px; }

#sec1 .swiper {
    position: relative; /* 부모 기준점 */
    width: 100%;}

/* 텍스트 영역 배치 */
#sec1 .text {
    position: absolute;
    top: 30%;         /* 세로 중앙 */
    left: 10%;        /* 왼쪽 여백 (중앙 정렬을 원하면 50%) */
    transform: translateY(-50%); /* 세로축 보정 */
    z-index: 10;      /* 이미지보다 위로 오도록 설정 */
    text-align: left; /* 왼쪽 정렬 */
    pointer-events: none; /* 슬라이드 드래그 방해 금지 */}

/* 버튼은 클릭이 되어야 하므로 다시 이벤트 허용 */
/* 부모 박스는 정렬만 담당 */
#sec1 .text .btns {
    pointer-events: auto;
    margin-top: 15px;
}

/* 실제 버튼 크기 조절 */
#sec1 .text .btns .btn-details {
    display: inline-block;
    width: 130px !important;    /* 가로 길이 */
    padding: 10px 0 !important; /* 세로 여백 */
    font-size: 15px !important; /* 글자 크기 */
    line-height: 1;             /* 줄간격 초기화 */
}

#sec1 .tit {
    display: block;
    font-size: 50px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 25px;}

#sec1 .desc {
    font-size: 35px;
    margin-bottom: 40px;}

/* 이미지 스타일 */
#sec1 .swiper-slide img {
    width: 100%;
    display: block;}
/* 기본 상태: 투명하고 약간 아래에 위치 */
#sec1 .text {
    opacity: 0;
    transition: all 0.8s ease;
    transform: translateY(-40%);}

/* 활성화된 슬라이드의 텍스트: 선명하게 제자리로 */
#sec1 .swiper-slide-active .text {
    opacity: 1;
    transform: translateY(-50%);}

/* 버튼 공통 스타일 */


.btn {
    display: inline-block;
    padding: 6px 12px;   /* 상하 10px -> 6px, 좌우 35px -> 20px로 축소 */
    font-size: 14px;     /* 글자 크기도 살짝 줄이면 더 작아 보입니다 */
    text-decoration: none;
    text-align: center;
    transition: 0.3s;
    cursor: pointer;
    border: none;
}

/* 검정색 테마 */
.btn-dark {
    background-color: #000;
    color: #fff;
}

/* 둥근 모양 */
.btn-round {
    border-radius: 30px; /* 캡슐 형태 */
}

/* 마우스 올렸을 때 효과 */
.btn-dark:hover {
    background-color: #333;
}




#sec1{width: 100%;padding-left:0}
#sec1 .swiper{}
#sec1 .swiper ul{width: 100%;}
#sec1 .swiper ul li{width: 100%;}
#sec1 .swiper ul li a{display: block;width: 100%;}
#sec1 .swiper ul li a img{width: 100%;}
#sec1 .swiper-pagination{bottom: 60px; padding-left:20px}
#sec1 .swiper-pagination-bullet{width: 80px; height: 3px; border-radius: 0; background-color: #fff; opacity: 1; margin: 0;}
#sec1 .swiper-pagination-bullet-active{background-color: #000;}


#sec2{}
#sec2 .sec2_top{}
#sec2 .sec2_top .sec_inner{}
#sec2 .sec2_top .sec_inner p.main_tit{font-family: 'NanumSquareRound',sans-serif; font-size: 32px; color: #000; font-weight: 500; text-align: center; padding-bottom: 120px; position: relative;}
#sec2 .sec2_top .sec_inner p.main_tit::after{content: ""; display: block; position: absolute; width: 1px; height: 60px; background-color: #ddd; left: 50%; transform: translateX(-50%); bottom: 30px;}
#sec2 .sec2_top .sec_inner p.sub_tit{line-height: 1.6; font-family: 'Noto Sans KR', sans-serif; color: #888; font-size: 16px; font-weight: 400;text-align: center;margin-bottom: 80px;}
#sec2 .sec2_bottom{width: 100%;}
#sec2 .sec2_bottom a{display: block;width: 100%;}
#sec2 .sec2_bottom a img{width: 100%;}





#sec6 h2{margin-bottom:70px}



/* pc더보기 버튼 추가 영역 */

/* BASIC css end */