@charset "utf-8";
#inc01{padding-top:150px}

/* 공통 */
#inc01 .group-title{display:flex;flex-direction:column;gap:24px;align-items:center;padding-bottom:125px;text-align:center}
#inc01 .group-title .main-tit{font-family:var(--main-font);font-size:48px;font-weight:700;color:#222;line-height:1.58}
#inc01 .group-title .sub-tit{font-family:var(--sub-font);font-size:22px;font-weight:500;line-height:1.27;color:#777}
#inc01 .group-cont{display:flex}
#inc01 .group-cont > *{position:relative;flex:1;padding:95px 105px 75px;border-top:1px solid #ddd}
#inc01 .group-cont .fl-l.service::after{position:absolute;content:'';width:1px;height:142px;background-color:#ddd;top:50%;right:0;transform:translateY(-50%)}
#inc01 .group-cont .cate{position:absolute;top:-37.5px;display:flex;align-items:center;justify-content:center;width:262px;height:75px;font-family:var(--main-font);font-size:24px;font-weight:700;color:#fff}
#inc01 .group-cont .fl-l.service .cate{right:0;background-color:var(--brand-color);border-radius:100px 100px 0 100px}
#inc01 .group-cont .fl-r.community .cate{left:0;background-color:#222;border-radius:100px 100px 100px 0}
#inc01 .group-cont .link-box{display:flex;justify-content:space-between}
#inc01 .group-cont .link-item{display:flex;flex-direction:column;align-items:center;gap:24px}
#inc01 .group-cont .link-item .ic-box{display:flex;align-items:center;justify-content:center;width:133px;aspect-ratio:1;border-radius:var(--radius);background-color:#f5f5f5;transition:background-color .2s}
#inc01 .group-cont .link-item .ic-box .ic--program{width:48px}
#inc01 .group-cont .link-item .ic-box .ic--rental{width:52px}
#inc01 .group-cont .link-item .ic-box .ic--calendar{width:53px}
#inc01 .group-cont .link-item .ic-box .ic--info{width:51px}
#inc01 .group-cont .link-item .ic-box .ic--consult{width:52px}
#inc01 .group-cont .link-item .ic-box .ic--doc{width:49px}
#inc01 .group-cont .link-item .ic-box .ic--record{width:60px}
#inc01 .group-cont .link-item .ic-box .ic--qna{width:45px}
#inc01 .group-cont .link-item .name{font-family:var(--main-font);font-size:20px;font-weight:700;color:#222;transition:color .2s}
#inc01 .group-cont .link-item:hover .ic-box{background-color:#f5f7ff}
#inc01 .group-cont .link-item:hover .name{color:var(--brand-color)}

@media (max-width:1700px){
#inc01 .group-cont > *{padding:95px 70px 75px}
}