@charset "utf-8";.siloWrap .siloListWrap ~ .siloListWrap{margin-top:50px}
.siloListWrap .titWrap{margin-bottom:30px}
.siloListWrap .siloSlideWrap{position:relative}
.siloListWrap .siloSwiper{overflow:hidden;position:relative;max-width:1120px}
.siloListWrap .swiper-wrapper{z-index:1;position:relative;width:100%;height:100%;display:flex;transition-property:transform;box-sizing:content-box;transform:translate3d(0,0,0)}
.siloListWrap .swiper-wrapper::after{content:none}
.siloListWrap .swiper-wrapper li{position:relative;margin-right:32px;width:calc(33.304% - 21px);height:100%;flex-shrink:0}
.siloListWrap .swiper-wrapper li a{overflow:hidden;position:relative;display:flex;align-items:flex-end;aspect-ratio:22 / 15;width:100%;text-decoration:none}
.siloListWrap .swiper-wrapper li a .icBadgeNew,.siloListWrap .swiper-wrapper li a .icBadgePromotion,.siloListWrap .swiper-wrapper li a .icBadgeUpcoming{z-index:6;position:absolute;left:10px;top:10px;padding:0 8px;display:block;min-width:80px;line-height:20px;color:#fff;text-align:center;font-size:12px;font-family:'HyundaiMedium','KanitMedium'}
.siloListWrap .swiper-wrapper li a .icBadgeNew{background-color:#00aad2}
.siloListWrap .swiper-wrapper li a .icBadgePromotion{background-color:#002c5f}
.siloListWrap .swiper-wrapper li a .icBadgeUpcoming{background-color:#999}
.siloListWrap .swiper-wrapper li a .textArea{z-index:5;position:relative;padding:16px 20px}
.siloListWrap .swiper-wrapper li a .textArea .stit,.siloListWrap .swiper-wrapper li a .textArea .btnMore{transition:transform .5s;font-family:'HyundaiMedium','KanitMedium'}
.siloListWrap .swiper-wrapper li a .textArea .stit{font-size:24px;line-height:1.25;letter-spacing:.48px;transform:translateY(32px)}
.siloListWrap .swiper-wrapper li a .textArea .btnMore{margin-top:10px;padding-right:17px;display:inline-block;font-size:18px;line-height:1.56;letter-spacing:.36px;transform:translateY(40px);background-position:right center;background-repeat:no-repeat;background-size:7px}
.siloListWrap .swiper-wrapper li a .textArea.txt_white .btnMore{background-image:url('../../../images/common/ico_arrow_right_white.png')}
.siloListWrap .swiper-wrapper li a .textArea.txt_black .btnMore{background-image:url('../../../images/common/ico_arr_next-s.png')}
.siloListWrap .swiper-wrapper li a .textArea.txt_gray .btnMore{background-image:url('../../../images/common/ico_arrow_step.png')}
.siloListWrap .swiper-wrapper li a .imgArea{overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:8px}
.siloListWrap .swiper-wrapper li a:hover .textArea .stit,.siloListWrap .swiper-wrapper li a:hover .textArea .btnMore{transform:translateY(0)}
.siloListWrap .swiper-wrapper li a .imgArea img{width:100%;height:100%;object-fit:cover}
.siloListWrap .swiper-arrow{z-index:2;overflow:hidden;position:absolute;width:44px;height:44px;background-repeat:no-repeat;background-size:100%;cursor:pointer;border-radius:3px}
.siloListWrap .swiper-button-next{right:0;background-image:url('../../../images/common/btn_next.png')}
.siloListWrap .swiper-button-prev{left:0;background-image:url('../../../images/common/btn_prev.png')}
.siloListWrap .swiper-button-disabled{display:none}
.siloListWrap .swiper-pagination{margin-top:30px;display:flex;justify-content:center}
.siloListWrap .swiper-pagination .swiper-pagination-bullet{margin:0 5px;width:12px;height:12px;border:1px solid #999;border-radius:50%;background-color:#fff}
.siloListWrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color:#00aad2;background-color:#00aad2}
@media screen and (max-width:1024px){.siloWrap .siloListWrap ~ .siloListWrap{margin-top:30px}
.siloListWrap .titWrap{margin-bottom:20px}
.siloListWrap .swiper-wrapper li{margin-right:15px;width:calc(33.334% - 10px)}
.siloListWrap .swiper-wrapper li a .textArea{padding:15px}
.siloListWrap .swiper-wrapper li a .icBadgeNew,.siloListWrap .swiper-wrapper li a .icBadgePromotion,.siloListWrap .swiper-wrapper li a .icBadgeUpcoming{padding:0 4px;min-width:56px;line-height:14px;font-size:9px}
.siloListWrap .swiper-wrapper li a .textArea .stit{font-size:16px;line-height:1.38;letter-spacing:.32px;transform:translateY(0)}
.siloListWrap .swiper-wrapper li a .textArea .btnMore{margin-top:7px;padding-right:15px;font-size:15px;line-height:1;letter-spacing:.3px;transform:translateY(0);background-size:6px auto}
}
@media screen and (max-width:767px){.siloListWrap .titWrap .subTitM{margin-top:0 !important}
.siloListWrap .swiper-wrapper li{margin-right:0;width:100%}
.siloListWrap .swiper-wrapper li a .textArea{padding:30px 15px}
.siloListWrap .swiper-arrow{border:solid 1px #707070}
.siloListWrap .swiper-pagination{margin-top:16px}
.siloListWrap .swiper-pagination .swiper-pagination-bullet{width:9px;height:9px}
}