@charset "utf-8";

#inc05{padding:104px 0 130px;background-color:#F5F0E8;overflow:hidden}
#inc05 .group-tit{padding-bottom:72px}
#inc05 .group-tit .tit--ko{padding-bottom:0 !important}
#inc05 .group-cont{padding:0 62px}
#inc05 .group-cont ul{display:flex;flex-direction:column;gap:15px}
#inc05 .group-cont ul li a{display:flex;align-items:center;gap:44px;padding:35px 63px 35px 50px;background-color:#fff;border-radius:2px}
#inc05 .group-cont ul li a .cate{flex-shrink:0;display:flex;align-items:center;justify-content:center;max-width:65px;width:100%;padding:3px 0;border-radius:100px;background-color:#4A3F2F;color:#fff;font-size:14px}
#inc05 .group-cont ul li a h4{flex:1;display:flex;align-items:center;font-size:17px;font-weight:700;line-height:1.4;color:#2a231a}
#inc05 .group-cont ul li a h4::before{opacity:0;visibility:hidden;content:'';width:3px;aspect-ratio:1;border-radius:50px;background-color:#4A3F2F;transition:opacity 0.3s, visibility 0.3s}
#inc05 .group-cont ul li a h4 span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;transition:padding-left 0.3s}
#inc05 .group-cont ul li a .date{font-size:13px;font-weight:700;color:#a08a60}

#inc05 .group-cont ul li a:hover h4::before{opacity:1;visibility:visible}
#inc05 .group-cont ul li a:hover h4 span{padding-left:20px}

/* 반응형 [s] */
@media(max-width:1600px){
#inc05{padding:100px 0}
#inc05 .group-tit{padding-bottom:60px}
}
@media (max-width:1400px){
#inc05 .group-tit{padding-bottom:50px}
#inc05 .group-cont ul li a{padding:30px 50px}
#inc05 .group-cont ul li a h4{font-size:16px}
}
@media (max-width:1200px){
#inc05 .group-tit{padding-bottom:40px}
#inc05 .group-cont ul li a{gap:34px;padding:28px 30px}
}
@media (max-width:1024px){
#inc05{padding:80px 0}
#inc05 .group-tit{padding-bottom:30px}
#inc05 .group-cont{padding:0 20px}
#inc05 .group-cont ul li a{gap:28px;padding:24px 30px}
#inc05 .group-cont ul li a h4{font-size:15px}
#inc05 .group-cont ul li a .cate{max-width:60px;font-size:13px}
#inc05 .group-cont ul li a:hover h4 span{padding-left:15px}
}
@media (max-width:768px){
#inc05{padding:65px 0}
#inc05 .group-cont ul{gap:12px}
#inc05 .group-cont ul li a{gap:16px;padding:22px 25px}
#inc05 .group-cont ul li a .cate{max-width:52px;font-size:12px}
#inc05 .group-cont ul li a h4{font-size:14px}
}
@media (max-width:480px){
#inc05{padding:45px 0}
#inc05 .group-tit{padding-bottom:20px}
#inc05 .group-cont ul li a{padding:22px 20px}
}
@media (max-width:390px){
#inc05 .group-cont ul li a .date{display:none}
}
/* 반응형 [e] */