@charset "utf-8";

#inc06{padding:170px 0 178px;overflow:hidden;}
#inc06 .group-tit{display:flex;flex-direction:column;align-items:center;gap:40px;padding-bottom:60px}
#inc06 .group-tit .btn--primary{background-color:#111}
#inc06 .group-tit .btn--primary:hover{background-color:#2a2a2a}
 
#inc06 .group-cont{--line:0}
#inc06 .group-cont ul{position:relative;display:grid;grid-template-columns:repeat(3,1fr);max-width:1280px;width:100%;margin:0 auto}
#inc06 .group-cont ul::before{position:absolute;content:'';top:-1px;left:50%;transform:translateX(-50%);width:var(--line);height:1px;background-color:#e1e1e1;transition:width 0.3s}
#inc06 .group-cont ul::after{position:absolute;content:'';bottom:0;left:50%;transform:translateX(-50%);width:var(--line);height:1px;background-color:#e1e1e1;transition:width 0.3s}
#inc06 .group-cont ul li{position:relative}
#inc06 .group-cont ul li::before{position:absolute;content:'';top:50%;left:0;transform:translateY(-50%);width:1px;height:var(--line);background-color:#e1e1e1;transition:height 0.3s}
#inc06 .group-cont ul li:last-child::after{position:absolute;content:'';top:50%;right:0;transform:translateY(-50%);width:1px;height:var(--line);background-color:#e1e1e1;transition:height 0.3s}
#inc06 .group-cont ul li a{display:flex;flex-direction:column;align-items:center;gap:35px;padding:30px;background-color:#fff;transition:background-color 0.2s}
#inc06 .group-cont ul li a:hover{background-color:#f5f5f5}
#inc06 .group-cont ul li a .thumb-box{max-width:365px;width:100%;aspect-ratio:365 / 285}
#inc06 .group-cont ul li a .thumb-box img{width:100%;height:100%;object-fit:cover}
#inc06 .group-cont ul li a .text-box{text-align:center;font-family:var(--main-font)}
#inc06 .group-cont ul li a .text-box .subject{margin-bottom:15px;font-size:18px;font-family:var(--main-font);font-weight:400;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
#inc06 .group-cont ul li a .text-box .comment{margin-bottom:25px;font-size:16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
#inc06 .group-cont ul li a .text-box .date{font-size:14px;color:#888}

/* 반응형 [s] */
@media (max-width:1700px){
    #inc06{padding: 110px 0 120px;}
    #inc06 .group-tit{gap: 28px;}
}
@media (max-width:1400px){
    #inc06{padding: 80px 0 100px;}
    #inc06 .group-tit{gap: 22px;padding-bottom: 52px;}
    #inc06 .group-cont{padding: 0 20px;}
    #inc06 .group-cont ul li a{gap: 28px;}
    #inc06 .group-cont ul li a .text-box .subject{margin-bottom: 10px;font-size: 17px;}
    #inc06 .group-cont ul li a .text-box .comment{margin-bottom: 20px;font-size: 15px;}
}

@media (max-width:1200px){
    #inc06 .group-cont ul li a{padding: 22px;}
}
@media (max-width:1024px){
    #inc06{padding: 60px 0 80px;}
    #inc06 .group-tit{gap: 15px;padding-bottom: 44px;}
    #inc06 .group-cont ul li a{gap: 22px;padding: 14px;}
    #inc06 .group-cont ul li a .text-box .subject{margin-bottom: 6px;font-size: 15px;}
    #inc06 .group-cont ul li a .text-box .comment{margin-bottom: 15px;font-size: 14px;}
}
@media (max-width:768px){
    #inc06 .group-tit{padding-bottom: 35px;}
    #inc06 .group-cont ul{grid-template-columns: repeat(1,1fr);border-top: 1px solid #e1e1e1;}
    #inc06 .group-cont ul li{border-bottom:1px solid #e1e1e1}
    #inc06 .group-cont ul li a{flex-direction: row;}
    #inc06 .group-cont ul li a .thumb-box{max-width:185px}
    #inc06 .group-cont ul li a .text-box{text-align: left;}
    #inc06 .group-cont ul li a .text-box .date{font-size: 13px;}
    #inc06 .group-cont ul li a .text-box .comment{margin-bottom: 10px;}
    #inc06 .group-cont ul::before, #inc06 .group-cont ul li::before, #inc06 .group-cont ul::after, #inc06 .group-cont ul li:last-child::after{display: none;}
}
@media (max-width:480px){
    #inc06{padding: 45px 0;}
    #inc06 .group-tit{padding-bottom: 26px;}
    #inc06 .group-cont ul li a .thumb-box{max-width:145px;}
    #inc06 .group-cont ul li a .text-box .subject{margin-bottom: 4px;font-size: 14px;}
    #inc06 .group-cont ul li a .text-box .comment{margin-bottom: 6px;font-size: 13px;}
}
/* 반응형 [e] */