.exhibition_box {
    width: 100%;
    padding-top: calc(5px + 5rem);
    padding-bottom: calc(4px + 3rem);
}

.exhibition {
    max-width: 1550px;
    width: 85%;
    margin: auto;
}

.exhibition .p1 {
    font-family: Source_Han_Regular;
    font-weight: 400;
    font-size: calc(8px + 2rem);
    color: #333333;
    line-height: calc(10px + 3rem);
    text-align: center;
}

.exhibition .p2 {
    font-family: Source_Han_normal;
    font-weight: 350;
    font-size: calc(8px + 0.5rem);
    color: #666666;
    line-height: calc(6px + 1rem);
    text-align: center;
    margin-top: calc(10px + 0.5rem);
}

.exhibition_main {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: calc(4px + 2rem);
}

.exhibition_main .exhibition_swiper {
    width: 89.0323%;
    height: calc(150px + 30rem);
}

.exhibition_main .exhibition_swiper .exhibitionSwiper {
    width: 100%;
    height: 100%;
}

.exhibition_main .exhibition_swiper .exhibitionSwiper.swiper-slide {
    width: 100%;
    height: 100%;
}

.exhibition_main .exhibition_swiper .exhibitionSwiper.swiper-slide .exhibition_pic {
    width: 100%;
    height: 100%;
}

.exhibition_main .exhibition_swiper .exhibitionSwiper.swiper-slide .exhibition_pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.exhibition_nav_box {
    padding: 0 calc(5px + 4rem);
    margin: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: calc(7px + 0.5rem);
    flex-wrap: wrap;
    row-gap: calc(10px + 1rem);
    margin-top: calc(10px + 1rem);
}

.exhibition_nav_item {
    width: 15.3522%;
    height: calc(17px + 5rem);
    border: 1px solid transparent;
    cursor: pointer;
}

.exhibition_nav_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.exhibition_nav_item_act {
    border: 1px solid #000000;
}

.exhibition_main .ex_prev {
    width: calc(2px + 2rem);
    height: calc(2px + 2rem);
    background: #000000;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.exhibition_main .ex_next {
    width: calc(2px + 2rem);
    height: calc(2px + 2rem);
    background: #A22124;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (max-width: 1100px){
    .exhibition .p1{
        font-size: calc(16px + 1rem);
    }
    .exhibition .p2{
        font-size: calc(10px + 1rem);
        line-height: 1.5;
    }
    .exhibition_main .ex_prev{
        display: none;
    }
    .exhibition_main .ex_next{
        display: none;
    }
    .exhibition_main .exhibition_swiper{
        width: 100%;
    }
    

.exhibition_nav_item {
    width: 30.3522%;
    height: calc(28px + 5rem);
    border: 1px solid transparent;
    cursor: pointer;
}
}