@charset "utf-8";

.main_gallwrap { position: relative; padding: 0 80px; }

.gall_slick .gall_slick { position: relative; left: 50%; transform: translateX(-50%); margin: -13px; }
.gall_slick .slick-slide { padding: 13px; }
.gall_slick .slick-slide .gall_a { position: relative; display: block; overflow: hidden; height: 270px; }
.gall_slick .slick-slide .gall_a img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 130%; }

.main_gallwrap .gall_arrow { z-index: 1; position: absolute; top: 50%; transform: translateY(-50%); width: 55px; height: 55px; border: 1px solid #d5d5d5; cursor: pointer; transition: background-color 0.3s; }
.main_gallwrap .gall_arrow:hover { background-color: rgba(52, 155, 170, 0.2);}
.main_gallwrap .gall_arrow img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 9px; }
.main_gallwrap .arrow_left { left: 0; }
.main_gallwrap .arrow_right { right: 0; }

@media (max-width: 1820px) {
    .gall_slick .slick-slide .gall_a { height: 14.8352vw; }
}
@media (max-width: 1535px) {
    .main_gallwrap { padding: 0 70px; }
    .main_gallwrap .gall_arrow { width: 50px; height: 50px; }
    .gall_slick .slick-slide .gall_a { height: 14.1586vw; }
}
@media (max-width: 1400px) {
    .main_gallwrap { padding: 0 60px; }
    .gall_slick .slick-slide .gall_a { height: 14.2524vw; }
    .main_gallwrap .gall_arrow { width: 40px; height: 40px; }
}
@media (max-width: 1279px) {
    .gall_slick .gall_slick { margin: -8px; }
    .gall_slick .slick-slide { padding: 8px; }
    .gall_slick .slick-slide .gall_a { height: 14.4408vw; }
    .main_gallwrap .gall_arrow { width: 40px; height: 40px; }
}
@media (max-width: 1023px) {
    .main_gallwrap { padding: 0 40px; }
    .gall_slick .slick-slide .gall_a { height: 19.7222vw; }
    .main_gallwrap .gall_arrow { width: 35px; height: 35px; }
}
@media (max-width: 767px) {
    .gall_slick .slick-slide .gall_a { height: 28.8193vw; }
    .main_gallwrap .gall_arrow { width: 32px; height: 32px; }
}
@media (max-width: 560px) {
    .main_gallwrap { padding: 0; }
    .gall_slick .slick-slide .gall_a { height: 30.9949vw; }
    .main_gallwrap .gall_arrow { display: none; }
}
@media (max-width: 460px) {
    .gall_slick .slick-slide .gall_a { height: 31.2828vw; }
}
@media (max-width: 360px) {
    .main_gallwrap { padding: 0 35px; }
    .gall_slick .slick-slide .gall_a { height: 48.2143vw; }
    .main_gallwrap .gall_arrow { display: block; width: 27px; height: 27px; }
}