.mainTitleBox {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 36px;
}
.mainTitleBox .titleBox {
    flex: 0 1 70%;
}
.mainTitleBox .viewBox {
    flex: 0 1 30%;
    display: flex;
    justify-content : right;
    align-items : center;
}
.mainTitleBox h2 {
    font-family: 'Paperlogy-8ExtraBold';
    color: black;
    font-size: 40px;
    white-space:nowrap;
}
.mainTitleBox .subTitle {
    font-family: 'Paperlogy-5Medium';
    color: #ffb88f;
    font-size: 16px;
}
.mainTitleBox h6 {
    font-family: 'Paperlogy-2ExtraLight';
    color: black;
    font-size: 0.8rem;
    margin-top: 10px;
}
.mainTitleBox h6 span {
    display: inline-block;
}
.mainTitleBox h6 span svg {
    width: 18px;
    height: 18px;
}
@media screen and (max-width:767px) {
    .mainTitleBox {
        margin-bottom: 24px;
    }
    .mainTitleBox h2 {
        font-size: 22px;
    }
    .mainTitleBox .subTitle {
        font-size: 12px;
    }
    .mainTitleBox h6 {
        font-size: 0.6rem;
    }
    .mainTitleBox h6 span svg {
        width: 14px;
        height: 14px;
    }
}






/* best program */
.swiper.bestslide {
    width: 100%;
    max-width: 1920px;  /* 최대 너비 1920px */
    margin: 0 auto;  /* 가운데 정렬 */
    padding-left: 5%;  /* 첫 번째 슬라이드 왼쪽 여백 */
    padding-right: 5%; /* 마지막 슬라이드 오른쪽 여백 */
}
/* 슬라이드 항목 */
.bestslide .swiper-wrapper {
    display: flex;
    justify-content: space-between;
}
/* 개별 슬라이드 */
.bestslide .swiper-slide {
    flex: 0 0 auto;
    width: calc(100% - 10%);  /* 슬라이드 항목을 화면에서 가로로 확장 */
}

.bestslide .slideImg {
    overflow: hidden;        
    border-radius: 20px;
    width: fit-content;
}
.bestslide .slideImg img {
    display: block;
    max-width: 400px; width: 100%; height: auto;
    transition: all 0.25s linear;
}
.bestslide h4 {
    font-family: 'Paperlogy-6SemiBold';
    margin-top: 12px;
    margin-left: 8px;
}
.bestslide span {
    margin-left: 8px;
}
.bestslide a {
    display: block;      
}
.bestslide a:hover img {
    transform: scale(1.1);
}

.bestslide a:hover .underline-effect::after {
    width: 100%; /* hover 시 밑줄이 전체 너비로 확장 */
} 
.bestslide a .underline-effect {
    position: relative;
    text-decoration: none; /* 기본 밑줄 제거 */
    display: inline-block; /* 텍스트를 블록처럼 취급 */
}
.bestslide a .underline-effect::after {
    content: ''; /* 가상 요소 내용 */
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px; /* 밑줄의 두께 */
    background-color: #EE7B38; /* 밑줄 색 */
    transition: width 0.3s ease; /* width를 부드럽게 변화 */
}
.bestslide .slideCom {
    font-size: 1rem;
}
.bestslide .slideBox {
    position: relative;
}
.bestslide .slideNum {
    position: absolute;
    top: 15px;
    left: 16px;
    /* background: #8d8d8d7c; */
    background: #f8a57181;
    padding: 2px 14px 1px 14px;
    border-radius: 50px;
    color: white;
    font-size: 0.8rem;
}
@media screen and (max-width: 767px) {
    .bestslide .slideCom {
        font-size: 0.8rem;
    }
}