@charset "utf-8";


/*성공사례 단독 리스트*/
.success_list_area{width:100%;display:flex;flex-wrap:wrap;}
.success_list_area .success_list{width:23.5%;margin-right:2%;border:1px solid #ddd;transition:all .3s;}
.success_list_area .success_list:nth-child(4n){margin-right:0}
.success_list_area .success_list:nth-child(n+5){margin-top:2%}

.success_list_area .success_list a{display:block;width:100%;height:100%;position:relative}
.success_list_area .success_list a label{position:absolute;top:.5rem;left:.5rem}
.success_list_area .success_list .list_cont_box{padding:3rem;overflow:hidden}
.success_list_area .success_list .s_tit{display:inline-block;margin-bottom:1rem;padding:.5rem 1.5rem;border-radius:3rem;background:#052538;font-weight:500;font-size:1.6rem;color:#fff;transition:all .3s}
.success_list_area .success_list .b_tit{padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px dashed #ddd;width:100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight:500;font-size:2rem;color:#333;transition:all .3s}
.success_list_area .success_list .b_txt{height:12rem;font-size:1.6rem;line-height:2.8rem;color:#666;overflow:hidden;transition:all .3s;word-break:break-all !important}
.success_list_area .success_list .more_btn{font-weight:500;font-size:1.5rem;color:#333;float:right;position:absolute;bottom:2rem;right:2rem;transition:all .3s;font-family:'Poppins'}
.success_list_area .success_list .more_btn:before{content:'';width:0;height:2px;background:#fff;position:absolute;bottom:-.5rem;left:50%;transform:translateX(-50%);transition:all .3s}

.success_list_area .success_list:hover{background:#274c6d}
.success_list_area .success_list:hover .s_tit{background:rgba(255,255,255,.1)}
.success_list_area .success_list:hover .b_tit{color:#fff}
.success_list_area .success_list:hover .b_txt{color:rgba(255,255,255,.6)}
.success_list_area .success_list:hover .more_btn{color:#fff}
.success_list_area .success_list:hover .more_btn:before{width:100%}


@media(max-width:1280px){
.success_list_area .success_list .list_cont_box{padding:3rem 2rem}
.success_list_area .success_list .b_tit{font-size:1.8rem}
}

@media(max-width:1024px){
.success_list_area .success_list{width:32%}
.success_list_area .success_list:nth-child(4n){margin-right:2%}
.success_list_area .success_list:nth-child(3n){margin-right:0}
.success_list_area .success_list:nth-child(n+4){margin-top:2%}
}


@media(max-width:767px){
.success_list_area .success_list{width:49%}
.success_list_area .success_list:nth-child(3n){margin-right:2%}
.success_list_area .success_list:nth-child(2n){margin-right:0}
.success_list_area .success_list:nth-child(n+3){margin-top:2%}
}

@media(max-width:480px){
.success_list_area .success_list .b_txt{width:100%;height:auto;margin-bottom:2rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
}

@media(max-width:360px){
.success_list_area .success_list{width:100%;margin-right:0}
.success_list_area .success_list:nth-child(3n){margin-right:0}
.success_list_area .success_list:nth-child(n+2){margin-top:2%}
}