@charset "utf-8";

.commuSwiper {}
.commuSwiper .swiper-slide {}
.commuSwiper .swiper-slide > a {}
.commuSwiper .swiper-slide .slide_wrap {background: #f0f0f0;border-radius: 3.0rem;padding: 3.0rem 2.0rem 2.0rem;position: relative;transition: var(--transition-custom_5);}
.commuSwiper .swiper-slide .slide_wrap .more {position: absolute;top: 2rem;right: 2rem;width: 6.5rem;aspect-ratio: 1;background: #fff url(../../../ko/asset/img/arrow_02.png) no-repeat center / contain;border-radius: 100%;transition: var(--transition-custom_5);}
.commuSwiper .swiper-slide .slide_wrap .cate {font-size: 2.0rem;font-weight: 700;transition: var(--transition-custom_5);}
.commuSwiper .swiper-slide .slide_wrap .txt_box {padding-top: 6.0rem;}
.commuSwiper .swiper-slide .slide_wrap .txt_box .txt {font-size: 2.6rem;font-weight: 500;line-height: calc(30 / 26);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: var(--transition-custom_5);min-height: 6.0rem;}
.commuSwiper .swiper-slide .slide_wrap .txt_box .date {font-size: 1.8rem;color: #959595;padding-top: 1.8rem;transition: var(--transition-custom_5);}
.commuSwiper .swiper-slide .slide_wrap .img_box {border-radius: 3.0rem;overflow: hidden;margin-top: 2.5rem;}
.commuSwiper .swiper-slide .slide_wrap .img_box .bg {}

.commuSwiper .swiper-scrollbar,
.commuSwiper .swiper-scrollbar.swiper-scrollbar-horizontal {left: 0%;bottom: 30px;z-index: 50;height: 1px;width: 100%;background: #000;}
.commuSwiper .swiper-scrollbar-drag {height: 38px;width: 100%;position: relative;background: #000;border-radius: 1.9rem;left: 2rem;top: -19px;z-index: 9;cursor: pointer;}
.commuSwiper .swiper-scrollbar-drag:before {content: '◂▸';color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 3rem;}


.commuSwiper .swiper-slide .slide_wrap:hover {background: var(--main-color);}
.commuSwiper .swiper-slide .slide_wrap:hover .cate {color: #fff;}
.commuSwiper .swiper-slide .slide_wrap:hover .txt_box .txt {color: #fff;}
.commuSwiper .swiper-slide .slide_wrap:hover .txt_box .date {color: #fff;}
.commuSwiper .swiper-slide .slide_wrap:hover .more {background: #fff url(../../../ko/asset/img/arrow_03.png) no-repeat center / contain;}