@charset "utf-8";

.mp_wrap { position: relative; margin: -20px; }
.mp_wrap .mp_slick { position: relative; }
.mp_wrap .mp_slick .mp_cont { position: relative; padding: 20px; }
.mp_wrap .mp_slick .mp_cont .mp_a { position: relative; padding: 40px 25px; text-align: center; display: block; background-color: #fff; box-shadow: 0 0 10px rgba(201, 201, 201, 0.75); border: 1px solid transparent; }
.mp_wrap .mp_slick .mp_cont .mp_a .imgwrap { position: relative; text-align: center; overflow: hidden; height: 250px; }
.mp_wrap .mp_slick .mp_cont .mp_a .imgwrap img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: inline-block; width: auto; height: auto; min-width: 100%; } 
.mp_wrap .mp_slick .mp_cont .mp_a .scrwrap { text-align: left;}
.mp_wrap .mp_slick .mp_cont .mp_a .scrwrap .scr1 { margin-top: 40px; font-weight: 700; font-size: 24px; color: #1c1c1c; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mp_wrap .mp_slick .mp_cont .mp_a .scrwrap .scr2 { margin-top: 22px; font-size: 18px; color: #7d7d7d; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mp_wrap .mp_slick .mp_cont .mp_a .scrwrap .scr2 br { display: none !important; }

.mp_wrap .mp_arrow { z-index: 5; position: absolute; top: 50%; transform: translateY(-50%); width: 55px; height: 55px; border: 2px solid #d5d5d5; cursor: pointer; transition: background-color 0.3s; }
.mp_wrap .mp_arrow:hover { background-color: rgba(0, 0, 0, 0.1); }
.mp_wrap .mp_arrow img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 9px; display: inline-block; }
.mp_wrap .arrow_left { left: -80px; }
.mp_wrap .arrow_right { right: -80px; }

@media (max-width: 1535px) {
    .mp_wrap { padding: 0 60px; }
    .mp_wrap .mp_slick .mp_cont .mp_a { padding: 35px 20px; }    
    .mp_wrap .mp_slick .mp_cont .mp_a .imgwrap { height: 14.9103vw; }

    
    .mp_wrap .mp_arrow { width: 40px; height: 40px; }
    .mp_wrap .arrow_left { left: 0; }
    .mp_wrap .arrow_right { right: 0; }
}
@media (max-width: 1279px) {
    .mp_wrap { margin: -17px; }
    .mp_wrap .mp_slick .mp_cont { padding: 17px; }
    .mp_wrap .mp_slick .mp_cont .mp_a { padding: 30px 15px; }
    .mp_wrap .mp_slick .mp_cont .mp_a .imgwrap { height: 16.4631vw; }
}
@media (max-width: 924px) {
    .mp_wrap { margin: -14px; padding: 0 50px; }
    .mp_wrap .mp_slick .mp_cont { padding: 14px; }
    .mp_wrap .mp_slick .mp_cont .mp_a { padding: 25px 15px; box-shadow: 0 0 7px rgba(201, 201, 201, 0.75); }
    .mp_wrap .mp_slick .mp_cont .mp_a .imgwrap { height: 15.0905vw; }

    .mp_wrap .mp_arrow { width: 35px; height: 35px; }
}
@media (max-width: 823px) {
    .mp_wrap { margin: -10px; }
    .mp_wrap .mp_slick .mp_cont { padding: 10px; }
    .mp_wrap .mp_slick .mp_cont .mp_a .imgwrap { height: 23.9591vw; }
}
@media (max-width: 623px) {
    .mp_wrap { margin: -10px; padding: 0 40px; }
    .mp_wrap .mp_slick .mp_cont { padding: 10px; }
    .mp_wrap .mp_slick .mp_cont .mp_a .imgwrap { height: 22.6076vw; }

    .mp_wrap .mp_arrow { width: 30px; height: 30px; }
}
@media (max-width: 523px) {
    .mp_wrap { padding: 0; }
    .mp_wrap .mp_slick .mp_cont .mp_a { box-shadow: 0 0 5px rgba(201, 201, 201, 0.75); }
    .mp_wrap .mp_slick .mp_cont .mp_a .imgwrap { height: 25.5837vw; }

    .mp_wrap .mp_arrow { display: none; }
}
@media (max-width: 380px) {
    .mp_wrap { padding: 0 40px; }
    .mp_wrap .mp_arrow { display: block; }
    .mp_wrap .mp_slick .mp_cont .mp_a .imgwrap { height: 42.2535vw; }
}