@charset "utf-8";
/* common */
#content_wrap *,
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{font-family: 'ptd', 'SUIT', 'Helvetica', 'Apple SD Gothic Neo', 'AppleGothic', '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '굴림', Gulim, Helvetica, sans-serif;}
body{padding-top: env(safe-area-inset-top);}
.contentArea *{line-height:1;}
.contentArea a{display: inline-block;}
.hdtop_wrap{opacity: 0;visibility: hidden;transition: background-color 0.5s linear,opacity 0.2s linear;background-color: transparent;position: fixed;}
.hdtop_wrap.fxd_op0{opacity: 1;visibility: visible;}
.floating button.gotop.hidden{bottom: 15px;}
/* .hdtop_wrap .hd > a.ctg_fixed{top: 50%;transform: translateY(-50%);width: 68px;height: 25px;background-position: -1px -1px;} */
/* .hdtop_wrap .hd > a.ctg_fixed.back{background-position: -290px -1px;width: 18px;height: 15px;top: 17px;transform: unset;} */
.bgEnt{
    display: inline-block;
    width: auto;
    height: 20px;
    overflow: hidden;
    line-height: 999px;
    vertical-align: top;
    background-image: url('//tkfile.yes24.com/imgNew/mob/common/icon.png');
    background-size: 500px auto;
}
.floating button.refresh{display: none;}
.floating button.gotop{bottom: 80px;}
/* .floating button.gotop.fixed */
.main_wrap,
.genre_area ul.genre_list,
.cbn_area img,
.ytb_area .con-wrap{margin: 0 auto;position: relative;transition: all .2s linear;}
.perf_area{padding: 40px 0px;}
.perf_area.pick_area{padding-bottom: 0;}
.ytb_area{padding-top: 40px;}
.perf_area_line{
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    background-color: #f8f8f8;
    padding-top: 40px;
}
.perf_area h2{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
}
.rank_area h2{margin-left: 15px;margin-right: 15px;}
.swiper.list_Swiper{padding: 20px 0;}
.main_wrap .swiper-wrapper{overflow-y: hidden;overflow-x: auto;overscroll-behavior-x: contain;-webkit-overflow-scrolling: auto;/*min-height: 283px;*/max-height: 303px;}
.perf_area .swiper-wrapper div.swiper-slide{margin-left: 15px;}
/* .perf_area .swiper-wrapper a.swiper-slide{margin-left: 0;} */
.perf_area .swiper-wrapper div.swiper-slide:last-child{padding-right: 15px;}
.perf_area .btn_more{
    border: 1px solid #dcdcdc;
    background-color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    margin: 30px auto 0;
}
/* 메인 공연 리스트 4개 이하일때 센터 정렬(태블릿 .slidecenter) */
.perf_area .swiper-wrapper.slidecenter{justify-content: center;}
.perf_area .swiper-wrapper.slidecenter div.swiper-slide:first-child{margin-right: 0;margin-left: 0;}
.perf_area .swiper-wrapper.slidecenter div.swiper-slide:last-child{padding-right: 0;}

.perf_area .btn_more a{padding: 14px 0;width: 100%;display: inline-block;}
.rank_area .btn_more{margin: 15px 15px 0;}
/* 말줄임 */
.topbn_area .topbn_Swiper .topbn_info .topbn_tit,
.topbn_area .topbn_Swiper .topbn_info .topbn_txt_btt > div,
.rank_area .swiper.rank_conts .pf_info div.tit, .rank_area .swiper.rank_conts .pf_info div.venue,
.list_wrap .open_list .pfOpen_info span,
.perf_area h2,
.theme_area h2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.rank_area .swiper.rank_conts .pf_info div.venue,
.topbn_area .topbn_Swiper .topbn_info .topbn_txt_btt > div,
.list_wrap .open_list .pfOpen_info span.info_txt03,.perf_area h2{-webkit-line-clamp: 1;}
.topbn_area .topbn_Swiper .topbn_info .topbn_tit{-webkit-line-clamp: 3;}

/* Top Banner */
.topbn_area{width: 100%;height: 455px;height: 121.333vw;position: relative;}
/* 메인 배너 텍스트 효과 */
.topbn_area .topbn_Swiper .swiper-slide .topbn_info{will-change: opacity, font-weight;opacity: 0;transition: opacity .5s ease-in-out .6s;}
.topbn_area .topbn_Swiper .swiper-slide-active .topbn_info{opacity: 1;}
.topbn_area .topbn_Swiper .topbn_info{position: absolute;bottom: 35px;left: 30px;bottom: 9.33vw;left: 8.000vw;z-index: 10;width: calc(100% - 16vw);}
.topbn_area .topbn_Swiper .topbn_info div{color: #fff;letter-spacing: 0;font-weight: 400;}
.topbn_area .topbn_Swiper .topbn_info .topbn_tit{font-size: 37px;font-weight: 700;line-height: 45px;position: relative;top: 6px;}
.topbn_area .topbn_Swiper .topbn_info .topbn_txt_btt{
    padding-top: 18px;;padding-top: 6.667vw;padding-top: 4.8vw;
    /* max-height: calc(11.73vw * 2); */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 7px;gap: 4.267vw;gap: 1.87vw;
}
.topbn_area .topbn_Swiper .topbn_info div.clrwht{color: #fff;} /*배너 텍스트 컬러 흰색*/
.topbn_area .topbn_Swiper .topbn_info .txc_3{color: #333;} /*배너 텍스트 컬러 검정색*/
.topbn_area .topbn_Swiper .topbn_info .topbn_txt_btt > div{max-height: 13.33vw;}
.topbn_area .topbn_Swiper .topbn_info .topbn_date{font-size: 14px;padding: 26px 0 16px;line-height: 14px;}
.topbn_area .topbn_Swiper .topbn_info .topbn_txt{font-size: 14px;}
.topbn_area .topbn_Swiper .topbn_info .topbn_tit{font-size: 9.867vw;line-height: 12.000vw;top: 0.8vw;word-break: keep-all;letter-spacing: -0.2px;}
.topbn_area .topbn_Swiper .topbn_info .topbn_date{font-size: 3.733vw;padding: 0;line-height: 4.53vw;}
.topbn_area .topbn_Swiper .topbn_info .topbn_txt{font-size: 3.733vw;line-height: 4.53vw;}
#main_header{width: 100%;height: 427px;height: 113.867vw;height: calc(env(safe-area-inset-top) + 113.867vw);background-color: #000;/*transition: background-color 0.8s ease-in-out;transition-delay: .3s;*/}
.topbn_area .topbn_date:empty, .topbn_area .topbn_txt:empty{display: none;}

.swiper.bn_area{
    width: 100%;
    height: 405px;
    height: 108.000vw;
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
}
.bn_area .swiper-wrapper{transition: all 0s;}
.bn_area .swiper-wrapper .swiper-slide{margin-left: 4vw;}
.swiper.bn_area .swiper-slide{
    width: 340px;
    width: 90.667vw;
    height: 385px;
    height: 102.667vw;
    height: 108.000vw;
    top: 50%;
    transform: translateY(-50%);
}
.swiper.bn_area .swiper-slide::after{
    content: none;
    position: absolute;
    left: 0;bottom: 0;
    background: url('//tkfile.yes24.com/imgNew/mob/main/topbn_shadow.png') no-repeat;
    background-size: cover;
    width: 100%;height: 243px;
}
.swiper.bn_area .swiper-slide-prev{height: 102.667vw;}
.swiper.bn_area .swiper-slide-next{height: 102.667vw;}
.swiper.bn_area .swiper-slide-active{height: 405px;height: 108.000vw;}
/* swiper custom */
.topbn_area .swiper-pagination{
    width: 35px;
    height: 18px;
    width: 9.333vw;height: 4.800vw;
    line-height: 4.800vw;
    background: rgb(0 0 0 / 30%);
    color: #fff;
    font-size: 11px;font-size: 2.933vw;
    font-weight: 300;
    box-sizing: border-box;
    border-radius: 9px;
    border-radius: 2.4vw;
    left: calc(340px - 44px);
    left: unset;
    right: 70px;right: 11.73vw;
    bottom: 15px;bottom: 4vw;
}
/* genre */
.genre_area{margin: 23px auto;margin: 6vw auto;}
.genre_area + div {border-top:1px solid #dcdcdc;}
.genre_area + .cbn_area{padding-top:40px;}
.cbn_area + .theme_area{margin-top:40px;}
.theme_area + .cbn_area{margin-top:40px;}
#conts_wrap .cbn_area + .cbn_area{margin-top: 40px}
.venue_area + .recomm_area{padding-top: 0;}
.open_area + .venue_area{padding-top: 0;}
.open_area + .perf_area{padding-top: 0;}
.perf_area + .ytb_area{padding-top: 0;}

.genre_area ul.genre_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px 5px;gap: 2.667vw 0;
    max-width: 375px;
    max-width: 175.467vw;
    width: calc(100% - 12.267vw);
}
.genre_area ul.genre_list li{
    border: 1px solid #e5e5e5;
    width: 71px;height: 71px;
    width: 18.933vw;height: 18.933vw;
    border-radius: 100px;
    border-radius: 26.667vw;
    position: relative;
}
.genre_area ul.genre_list li a{width: 100%;height: 100%;}
.genre_area .genre_list li span{
    position: absolute;left: 0;bottom: 16px;bottom: 4.27vw;
    width: 100%;
    text-align: center;
    font-size: 12px;font-size: 3.200vw;
    color: #666;
    font-weight: 400;
}
.genre_area .genre_list li span.gr_icon.bgEnt{width: 27px;height: 26px;top: 12px;left: 23px;}
.genre_area .genre_list li.gr01 .gr_icon{background-position: 0px -84px;}
.genre_area .genre_list li.gr02 .gr_icon{background-position: -50px -83px;}
.genre_area .genre_list li.gr03 .gr_icon{background-position: -98px -83px;}
.genre_area .genre_list li.gr04 .gr_icon{background-position: -146px -84px;}
.genre_area .genre_list li.gr05 .gr_icon{background-position: -199px -82px;}
.genre_area .genre_list li.gr06 .gr_icon{background-position: -250px -85px;}
.genre_area .genre_list li.gr07 .gr_icon{background-position: -297px -83px;}
.genre_area .genre_list li.gr08 .gr_icon{background-position: -348px -82px;}

.genre_area .genre_list li span.gr_icon.bgEnt{width: 7.200vw;height: 6.933vw;top: 3.200vw;left: 6.133vw;background-size: 133.333vw auto;}
.genre_area .genre_list li.gr01 .gr_icon{background-position: 0.000vw -22.400vw;}
.genre_area .genre_list li.gr02 .gr_icon{background-position: -13.333vw -22.133vw;}
.genre_area .genre_list li.gr03 .gr_icon{background-position: -26.133vw -22.133vw;}
.genre_area .genre_list li.gr04 .gr_icon{background-position: -38.933vw -22.400vw;}
.genre_area .genre_list li.gr05 .gr_icon{background-position: -53.067vw -21.867vw;}
.genre_area .genre_list li.gr06 .gr_icon{background-position: -66.667vw -22.667vw;}
.genre_area .genre_list li.gr07 .gr_icon{background-position: -79.200vw -22.133vw;}
.genre_area .genre_list li.gr08 .gr_icon{background-position: -92.8vw -21.867vw;}

/* Ranking */
.rank_area .rank_conts .slide_wrap:last-child{margin-right: 15px;}
.rank_list{
    text-transform: uppercase;
}
.rank_list > div[class*='list_tabmn']{
    overflow-x: auto;
    white-space: nowrap;
    padding-right: 15px;
    margin-right: 8px;
    padding-bottom: 20px;
}
.rank_conts_wrap{background-color: #f8f8f8;}
.pick_conts_wrap{background-color: #fff;}
.rank_list > div[class*='list_tabmn']:last-child{margin-right: 0;}
.rank_area .rank_conts .poster{position: relative;background-color:#ddd;height:203px;}
.rank_area .rank_conts_wrap .rank_conts .poster::after{
    content: '';
    position: absolute;
    left: 0;bottom: 0;
    background: url('//tkfile.yes24.com/imgNew/mob/main/poster_shadow.png') no-repeat;
    background-size: cover;
    width: 100%;height: 142px;
    background: linear-gradient(30deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 45%);
    height: 100%;
}
.rank_area .rank_conts .poster .rank_num{
    position: absolute;
    left: 10px;
    bottom: 10px;
    color: #fff;
    font-size: 35px;
    font-weight: 800;
    letter-spacing: -0.03em;
    z-index: 5;
    text-shadow: 0 0 7px rgba(0, 0, 0, 0.19);
}
.rank_area .rank_conts_wrap .rank_conts div.swiper-slide:nth-child(1) .poster .rank_num{color: #e74224;}
.rank_area .rank_conts .poster .rank_num.percent_num{
    font-size: 18px;
    letter-spacing: -0.05em;
    font-weight: 600;
    color: #fff;
    text-align: center;
    left: 0;bottom: 0;
    background-color: #e74224;
    width: 55px;height: 30px;
    padding: 0px 5px;
    line-height: 30px;
    overflow: hidden;
    white-space: break-spaces;
    box-sizing: border-box;
}

.rank_area .swiper.rank_conts div.swiper-slide{width: 145px;}
.rank_area .swiper.rank_conts div.swiper-slide a{width: 100%;}
.rank_area .swiper.rank_conts .pf_info div{font-size: 13px;line-height: 18px;color: #888;letter-spacing: -0.01em;font-weight: 400;}
.rank_area .swiper.rank_conts .pf_info div.date{letter-spacing: -0.055em;height: 18px;overflow: hidden;}
.rank_area .swiper.rank_conts .pf_info div.tit{font-size: 16px;line-height: 21px;color: #101010;letter-spacing: -0.03em;font-weight: 600;margin-bottom: 8px;margin-top: 12px;}
.pick_conts_wrap .swiper.rank_conts .rank_num.percent_num,
.pick_conts_wrap .swiper.rank_conts .pf_info .date,
.pick_conts_wrap .swiper.rank_conts .pf_info .venue{display: none;}
/* 탭 */
.rkgr_list, .rank_conts_wrap .rank_conts,
.pick_conts_wrap .rank_conts{display: none;}
/* Ticket Open */
.open_area{padding-right: 15px;padding-left: 15px;}

.list_wrap .open_list:last-child{margin-bottom: 0;}
.list_wrap .open_list:last-child{margin-bottom: 0;}
/* Banner */
/* .sch_Swiper .cbn_area{overflow: unset;} */
.dc_area + .cbn_area_n2{margin-top: 40px;}
/* 지금 가능한 공연은? */
.theme_area{
    padding: 40px 0 50px;
    background-position: center 0;
    background-size: contain;
    background-repeat: no-repeat;
    min-height: 478px;
    max-width: 750px;
    margin: 0 auto;
    box-sizing: border-box;
}
.theme_area.main_wrap{padding: 0;background: none;min-height: unset;box-sizing: unset;}
.theme_area h2{
    font-size: 22px;
    line-height: 28px;
    margin: 0 24px;
    color: #fff;
    font-weight: 700;
    text-align: center;
}
.theme_area .theme_perf{
    margin: 25px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    gap: 2.67vw;
    max-width: 100%;
}
.theme_area .theme_perf div{border-radius: 10px;width: 35.7333vw;display: inline-block;overflow: hidden;position: relative;}
.theme_area .theme_perf .ltop{height: 187px;height: 49.8667vw;}
.theme_area .theme_perf .rtop{height: 138px;height: 36.8vw;}
.theme_perf a:nth-child(3) > div.ltop, .theme_area .theme_perf .lbtt{height: 137px;height: 36.53vw;}
.theme_perf a:nth-child(4) > div.rtop, .theme_area .theme_perf .rbtt{height: 187px;height: 49.87vw;position: relative;bottom: 50px;bottom: 13.33vw;margin-bottom: -50px;}
.theme_area .theme_perf div img{
    position: absolute;
    top: 50%;left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
/* YOUTUBE */
.ytb_area{margin-bottom: 40px;}
.ytb_area .con-wrap{width: 100%;height: 56vw;}
.ytb_area iframe{width: 100%;height: 56vw;} /* 영상 */
.ytb_area #playerFocusOn{width: 100%;height: 56vw;}
.ytb_area .con-img{position: absolute; top: 0; left: 0; width: 100%;}
.ytb_area .con-img a{display: block;}
.ytb_area .con-img a:after {
    content: "";display: block;width: 51px;height: 60px;
    background: url('//tkfile.yes24.com/imgNew/mob/common/icon.png')no-repeat;
    background-size: 500px auto;
    background-position: -440px 0px;
    position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);
}
.ytb_area .con-img a img{width: 100%;}
.ytb_area .ytb_perf{
    position: absolute;
    bottom: 18px;
    left: 20px;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    width: calc(100% - 40px);
}
.ytb_area .ytb_perf span{line-height: 27px;letter-spacing: -0.03em;display: none;}
#sch_conts_wrap{overflow-y: scroll;}
@media screen and (min-width: 650px){
    #main_header{height: 427px;}
    .topbn_area{height: 455px;width: 100%;}
    .swiper.bn_area{height: 405px;max-width: 1080px;}
    .swiper.bn_area .swiper-wrapper{margin-left: -15px;}
    .swiper.bn_area .swiper-slide{width: 340px;height: 405px;}
    .swiper.bn_area .swiper-slide-prev{height: 385px;}
    .swiper.bn_area .swiper-slide-next{height: 385px;margin-left: 20px;}
    .swiper.bn_area .swiper-slide-active{height: 405px;}
    .bn_area .swiper-wrapper .swiper-slide{margin-left: 30px;}
    .topbn_area .topbn_Swiper .topbn_info{bottom: 45px;left: 30px;width: calc(100% - 50px);}
    .topbn_area .topbn_Swiper .swiper-slide .topbn_info{opacity: 1;transition-duration: .2s;transition-delay: .4s;}
    .topbn_area .topbn_Swiper .swiper-slide-active .topbn_info{opacity: 1;transition-delay: 0s;}
    .topbn_area .topbn_Swiper .topbn_info .topbn_tit{font-size: 37px;line-height: 45px;top: 6px;}
    .topbn_area .topbn_Swiper .topbn_info .topbn_txt_btt > div{max-height: 50px;}
    .topbn_area .topbn_Swiper .topbn_info .topbn_date{font-size: 14px;line-height: 17px;padding: 0;margin: 0;}
    .topbn_area .topbn_Swiper .topbn_info .topbn_txt{font-size: 14px;line-height: 17px;}
    .topbn_area .topbn_Swiper .topbn_info .topbn_txt_btt{padding-top: 18px;gap: 7px;}
    .topbn_area .swiper-pagination{width: 35px;height: 18px;line-height: 18px;font-size: 11px;bottom: 20px;right: calc(50% - 175px);transform: translateX(-50%);}

    .topbn_area .topbn_Swiper .swiper-slide-prev .topbn_info .topbn_tit,
    .topbn_area .topbn_Swiper .swiper-slide-next .topbn_info .topbn_tit{font-weight: 200;}
    .topbn_area .topbn_Swiper .swiper-slide-prev .topbn_info .topbn_date,
    .topbn_area .topbn_Swiper .swiper-slide-next .topbn_info .topbn_date,
    .topbn_area .topbn_Swiper .swiper-slide-prev .topbn_info .topbn_txt,
    .topbn_area .topbn_Swiper .swiper-slide-next .topbn_info .topbn_txt{font-weight: 200;}

    .list_wrap{width: 100%;display: grid;grid-template-columns: repeat(auto-fill, minmax(calc((100% - 20px) / 3), 1fr));gap: 10px;}
    .list_wrap:has(.open_list:nth-child(3)) {
        grid-template-columns: repeat(2, 1fr);
    }
    .list_wrap:has(.open_list:nth-child(2)):not(:has(.open_list:nth-child(3))) {
        grid-template-columns: repeat(2, 1fr);
    }
    .list_wrap:has(.open_list:nth-child(1)):not(:has(.open_list:nth-child(2))) {
        grid-template-columns: 1fr;
    }

    .genre_area ul.genre_list{max-width: max-content;width: auto;gap: 20px 10px;justify-content: center;}
    .genre_area ul.genre_list li{width: 70px;height: 70px;border-radius: 100px;}
    .genre_area .genre_list li span.gr_icon.bgEnt{width: 27px;height: 27px;top: 12px;left: 23px;background-size: 500px auto;}
    .genre_area .genre_list li.gr01 .gr_icon{background-position: 0px -84px;}
    .genre_area .genre_list li.gr02 .gr_icon{background-position: -50px -83px;}
    .genre_area .genre_list li.gr03 .gr_icon{background-position: -98px -83px;}
    .genre_area .genre_list li.gr04 .gr_icon{background-position: -146px -84px;}
    .genre_area .genre_list li.gr05 .gr_icon{background-position: -199px -82px;}
    .genre_area .genre_list li.gr06 .gr_icon{background-position: -250px -85px;}
    .genre_area .genre_list li.gr07 .gr_icon{background-position: -297px -83px;}
    .genre_area .genre_list li.gr08 .gr_icon{background-position: -348px -82px;}
    .genre_area .genre_list li span{bottom: 16px;font-size: 12px;}
    .rank_conts{position: relative;}
    .rank_list > div[class*='list_tabmn']{text-align: center;padding-right: 0;}
    .rank_list .rkgr_list:first-child{margin-left: 0;}

    .perf_area .swiper-wrapper div.swiper-slide:first-child{margin-left: 30px;}
    .perf_area .swiper-wrapper div.swiper-slide:last-child{padding-right: 30px;}
    .rank_area .btn_more{margin: 25px 30px 0;}
    .perf_area .btn_more{max-width: 500px;margin: 25px auto 0;}
    .open_area{padding-right: 30px;padding-left: 30px;}

    .theme_area{background-position: center 0;background-size: auto;}
    .theme_area .theme_perf{margin: 25px auto 0;justify-content: center;gap: 10px;max-width: 375px;}
    .theme_area .theme_perf div{width: 134px;}
    .theme_area .theme_perf .ltop{height: 187px;}
    .theme_area .theme_perf .rtop{height: 138px;}
    .theme_perf a:nth-child(3) > div.ltop, .theme_area .theme_perf .lbtt{height: 137px;}
    .theme_perf a:nth-child(4) > div.rtop, .theme_area .theme_perf .rbtt{height: 187px;bottom: 50px;}
}

@media screen and (min-width: 1024px) {
    .ytb_area .con-wrap, .ytb_area iframe{width: 750px;height: 422px;}
    .ytb_area #playerFocusOn{width: 750px;height: 422px;}
    /* .ytb_area .con-img a img{width: auto;} */
    .genre_area{margin: 46px auto;}
    .perf_area .main_wrap{max-width: 750px;margin: 0 auto;}
    .list_wrap{max-width: 750px;margin: 0 auto;}
    .perf_area .swiper-wrapper div.swiper-slide:first-child{margin-left: 0px;}
    .perf_area .rank_conts::before, .perf_area .rank_conts::after{content: '';position: absolute;top: 0;width: 15px;height: 100%;z-index: 5;}
    .perf_area .rank_conts::before{left: 0;background: linear-gradient(to right, #fff 0%, transparent 100%);content: none;}
    .perf_area .rank_conts::after{right: -2px;background: linear-gradient(to left, #fff 0%, transparent 100%);}
    .perf_area_line .rank_conts::before{background: linear-gradient(to right, #f8f8f8 0%, transparent 100%);}
    .perf_area_line .rank_conts::after{background: linear-gradient(to left, #f8f8f8 0%, transparent 100%);}
    .rank_conts.hide-after::before, .rank_conts.hide-after::after{content: none;}
}

@media screen and (min-width: 1180px) {
    .bn_area .swiper-wrapper .swiper-slide:first-child{margin-left: 15px;}
    .swiper.bn_area .swiper-slide:last-child{margin-right: 40px;}
    .genre_area ul.genre_list{gap: 20px;}
}