@charset "utf-8";
#inc01{padding:150px 20px 0}
#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;word-break:keep-all}
#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;gap:20px}
#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;line-height:1.4;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)}

/* 반응형 [s] */
@media (max-width:1700px){
#inc01 .group-cont > *{padding:95px 70px 75px}
}
@media (max-width:1500px){
#inc01{padding:120px 20px 0}
#inc01 .group-title{gap:22px;padding-bottom:115px}
#inc01 .group-title .main-tit{font-size:38px}
#inc01 .group-title .sub-tit{font-size:20px}
#inc01 .group-cont > *{padding:95px 60px 75px}
#inc01 .group-cont .cate{top:-35.5px;width:245px;height:67px;font-size:20px}
#inc01 .group-cont .link-list{max-width:110px;width:100%}
#inc01 .group-cont .link-item .ic-box{width:100%}
#inc01 .group-cont .link-item .ic-box .ic--program{width:clamp(30px, 2.667vw, 40px) }
#inc01 .group-cont .link-item .ic-box .ic--rental{width:clamp(34px, 2.933vw, 44px) }
#inc01 .group-cont .link-item .ic-box .ic--calendar{width:clamp(35px, 3vw, 45px) }
#inc01 .group-cont .link-item .ic-box .ic--info{width:clamp(33px, 2.867vw, 43px) }
#inc01 .group-cont .link-item .ic-box .ic--consult{width:clamp(34px, 2.933vw, 44px) }
#inc01 .group-cont .link-item .ic-box .ic--doc{width:clamp(31px, 2.733vw, 41px) }
#inc01 .group-cont .link-item .ic-box .ic--record{width:clamp(42px, 3.467vw, 52px) }
#inc01 .group-cont .link-item .ic-box .ic--qna{width:clamp(27px, 2.467vw, 37px) }
#inc01 .group-cont .link-item .name{font-size:clamp(16px, 1.2vw, 18px);word-break:keep-all;text-align:center}
}
@media (max-width:1200px){
#inc01 .group-title{padding-bottom:100px}
#inc01 .group-title .main-tit{font-size:34px}
#inc01 .group-title .sub-tit{font-size:18px}
#inc01 .group-cont > *{padding:70px 30px 50px}
#inc01 .group-cont .cate{top:-30px;width:220px;height:60px;font-size:18px}
#inc01 .group-cont .link-box{gap:14px}
#inc01 .group-cont .link-list{max-width:100px}
#inc01 .group-cont .link-item .ic-box{border-radius:18px}
#inc01 .group-cont .link-item .ic-box .ic--program{width:30px}
#inc01 .group-cont .link-item .ic-box .ic--rental{width:34px}
#inc01 .group-cont .link-item .ic-box .ic--calendar{width:35px}
#inc01 .group-cont .link-item .ic-box .ic--info{width:33px}
#inc01 .group-cont .link-item .ic-box .ic--consult{width:34px}
#inc01 .group-cont .link-item .ic-box .ic--doc{width:31px}
#inc01 .group-cont .link-item .ic-box .ic--record{width:42px}
#inc01 .group-cont .link-item .ic-box .ic--qna{width:27px}
#inc01 .group-cont .link-item .name{font-size:16px}
}
@media (max-width:1024px){
#inc01{padding:100px 20px 0}
#inc01 .group-title{padding-bottom:80px}
#inc01 .group-title .main-tit{font-size:32px}
#inc01 .group-title .sub-tit{font-size:16px}
#inc01 .group-cont .cate{top:-25.5px;width:180px;height:52px;font-size:17px}
#inc01 .group-cont > *{padding:60px 20px 40px}
#inc01 .group-cont .link-box{gap:14px}
#inc01 .group-cont .link-item .ic-box .ic--program{ width:clamp(20px, 2.930vw, 30px)} 
#inc01 .group-cont .link-item .ic-box .ic--rental{ width:clamp(24px, 3.320vw, 34px)}
#inc01 .group-cont .link-item .ic-box .ic--calendar{ width:clamp(25px, 3.418vw, 35px)} 
#inc01 .group-cont .link-item .ic-box .ic--info{ width:clamp(23px, 3.223vw, 33px)} 
#inc01 .group-cont .link-item .ic-box .ic--consult{ width:clamp(26px, 3.320vw, 34px)} 
#inc01 .group-cont .link-item .ic-box .ic--doc{ width:clamp(21px, 3.027vw, 31px)} 
#inc01 .group-cont .link-item .ic-box .ic--record{ width:clamp(30px, 4.102vw, 42px)} 
#inc01 .group-cont .link-item .ic-box .ic--qna{ width:clamp(17px, 2.637vw, 27px)} 
#inc01 .group-cont .link-item .name{font-size:clamp(14px, 1.46vw, 15px)}
}
@media (max-width:768px){
#inc01{padding:80px 20px 0}
#inc01 .group-title{gap:14px;padding-bottom:70px}
#inc01 .group-title .main-tit{font-size:28px}
#inc01 .group-cont .link-list{max-width:none}
#inc01 .group-cont .link-box{display:grid;grid-template-columns:repeat(2,1fr);justify-items:center;gap:20px 14px}
#inc01 .group-cont .link-item{gap:14px}
#inc01 .group-cont .link-item .ic-box{border-radius:10px}
#inc01 .group-cont .link-item .ic-box .ic--program{ width:clamp(26px, 3.906vw, 30px)}
#inc01 .group-cont .link-item .ic-box .ic--rental{ width:clamp(28px, 4.427vw, 34px)}
#inc01 .group-cont .link-item .ic-box .ic--calendar{ width:clamp(29px, 4.557vw, 35px)}
#inc01 .group-cont .link-item .ic-box .ic--info{ width:clamp(27px, 4.297vw, 33px)}
#inc01 .group-cont .link-item .ic-box .ic--consult{ width:clamp(30px, 4.427vw, 34px)}
#inc01 .group-cont .link-item .ic-box .ic--doc{ width:clamp(26px, 4.036vw, 31px)}
#inc01 .group-cont .link-item .ic-box .ic--record{ width:clamp(32px, 5.469vw, 42px)}
#inc01 .group-cont .link-item .ic-box .ic--qna{ width:clamp(22px, 3.516vw, 27px)}
#inc01 .group-cont .link-item .name{font-size:clamp(13px, 1.95vw, 15px)}
}
@media (max-width:480px){
#inc01{padding:60px 15px}
#inc01 .group-title{padding-bottom:40px}
#inc01 .group-title .main-tit{font-size:24px}
#inc01 .group-cont{flex-direction:column;gap:40px}
#inc01 .group-cont > *{display:flex;flex-direction:column;align-items:center;gap:15px;padding:0;border-top:none}
#inc01 .group-cont .cate{position:static;width:155px;height:47px;font-size:16px}
#inc01 .group-cont .fl-l.service::after{display:none}
#inc01 .group-cont .link-box{width:100%;min-width:130px}
#inc01 .group-cont .link-item .ic-box .ic--program{width:clamp(26px, 10vw, 48px)}
#inc01 .group-cont .link-item .ic-box .ic--rental{width:clamp(28px, 10.83vw, 52px)}
#inc01 .group-cont .link-item .ic-box .ic--calendar{width:clamp(29px, 11.042vw, 53px)}
#inc01 .group-cont .link-item .ic-box .ic--info{width:clamp(27px, 10.625vw, 51px)}
#inc01 .group-cont .link-item .ic-box .ic--consult{width:clamp(30px, 10.833vw, 52px)}
#inc01 .group-cont .link-item .ic-box .ic--doc{width:clamp(26px, 10.208vw, 49px)}
#inc01 .group-cont .link-item .ic-box .ic--record{width:clamp(32px, 12.5vw, 60px)}
#inc01 .group-cont .link-item .ic-box .ic--qna{width:clamp(22px, 9.375vw, 45px)}
#inc01 .group-cont .link-item .name{font-size:clamp(14px, 3.125vw, 15px)}
}
/* 반응형 [e] */