@charset "utf-8";.cmpnt-lst03{background-color:#fff}
.cmpnt-lst03__wrap{box-sizing:border-box}
.cmpnt-lst03-category{width:100%;background-color:#f8f8f8}
.cmpnt-lst03-category__wrap{display:flex;flex-wrap:wrap}
.cmpnt-lst03-category__button{border-radius:30px;background-color:#fff;border:1px solid rgba(5,20,31,0.2);font-size:14px;box-sizing:border-box}
.cmpnt-lst03-category__button:hover{border-color:rgba(5,20,31,1)}
.cmpnt-lst03-category__button.is-selected{background-color:#05141f;color:#fff}
.cmpnt-lst03__list{display:flex;flex-wrap:wrap}
.cmpnt-lst03__item{position:relative;background-color:#f8f8f8;box-sizing:border-box}
.cmpnt-lst03__item:hover{background-color:rgba(5,20,31,0.8)}
.cmpnt-lst03__item a{text-decoration:none}
.cmpnt-lst03__item a:hover{color:#fff !important}
.cmpnt-lst03__title span{display:inline-block;font-family:'kiaB';line-height:150%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;box-sizing:border-box}
.cmpnt-lst03__title:hover{color:#fff}
.cmpnt-lst03__img{position:relative;aspect-ratio:16/9}
.cmpnt-lst03__img img{aspect-ratio:16/9;width:100%;height:100%;object-fit:cover}
@media screen and (min-width:1025px) and (max-width:20000px){.cmpnt-lst03__wrap{padding:0 0 90px}
.cmpnt-lst03-category__wrap{width:1280px;margin:0 auto;gap:8px;padding:30px 0}
.cmpnt-lst03-category__button{padding:0 24px;height:42px}
.cmpnt-lst03__list{width:1280px;margin:40px auto 0;gap:40px}
.cmpnt-lst03__img{width:400px}
.cmpnt-lst03__title{width:352px;padding:24px}
.cmpnt-lst03__title span{font-size:17px;min-height:48px;max-height:48px}
}
@media screen and (min-width:1025px) and (max-width:1439px){.cmpnt-lst03-category__wrap,.cmpnt-lst03__list{max-width:calc(100% - 8vw)}
.cmpnt-lst03__list{gap:30px}
.cmpnt-lst03__item{width:calc((100% / 3) - 20px)}
.cmpnt-lst03__img{width:100%}
.cmpnt-lst03__title{width:auto}
}
@media screen and (max-width:1024px){.cmpnt-lst03__wrap{padding-bottom:60px}
.cmpnt-lst03-category__button{padding:0 16px;height:36px}
.cmpnt-lst03__title{margin:20px}
.cmpnt-lst03__title span{font-size:16px;min-height:48px;max-height:48px}
}
@media screen and (min-width:768px) and (max-width:1024px){.cmpnt-lst03__content{margin:0 38px}
.cmpnt-lst03-category__wrap{gap:6px;padding:28px 38px}
.cmpnt-lst03__list{gap:28px;margin:28px 38px 0}
.cmpnt-lst03__item{width:calc((100% / 2) - 14px)}
}
@media screen and (min-width:0) and (max-width:767px){.cmpnt-lst03__content{margin:0 20px}
.cmpnt-lst03-category__wrap{gap:6px;padding:20px}
.cmpnt-lst03__list{gap:20px;margin:20px 20px 0}
.cmpnt-lst03__item{width:100%}
}