@charset "utf-8";
#inc02{max-width:var(--main-size);margin:0 auto;padding:164px 50px 145px}

/* 타이틀 */
#inc02 .tit_area{display:flex;flex-direction:column;padding-bottom:181px;align-items:center;font-family:var(--k-font)}
#inc02 .tit_area .point{color:var(--point)}
#inc02 .tit_area .subtit{padding-bottom:23px;font-weight:700;line-height:1.4;text-align:center}
#inc02 .tit_area h2{padding-bottom:37px;font-family:var(--e-font);font-weight:400;font-size:60px;line-height:1.17;text-align:center}
#inc02 .tit_area .desc{padding-bottom:43px;font-size:18px;line-height:1.56;text-align:center}
#inc02 .tit_area .link-btn{padding:10px 23.5px;font-family:var(--e-font);font-size:15px;line-height:100%;font-weight:400;text-transform:uppercase;border-radius:5px;border:1px solid var(--point);transition:background-color .3s ease, color .3s ease}
#inc02 .tit_area .link-btn:hover{color:#fff;background-color:var(--point)}

/* 콘텐츠  리스트 */
#inc02 .service_area h3{padding-bottom:82px;font-family:var(--e-font);font-weight:400;font-size:90px;line-height:1.22;text-transform:uppercase;border-bottom:1px solid var(--point)}
#inc02 .service_area .service-list{position:relative;overflow:hidden}
#inc02 .service_area .service-item{position:relative;background-color:#F4F0EE;border-bottom:1px solid #e1e1e1}
#inc02 .service_area .service-item.planning{z-index:4}
#inc02 .service_area .service-item.design{z-index:3}
#inc02 .service_area .service-item.develop{z-index:2}
#inc02 .service_area .service-item.support{z-index:1}
#inc02 .service_area .service-item:last-child{border:none}
#inc02 .service_area .service-item .link-service{position:relative;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(1,1fr);gap:50px;padding:56px 45px}
#inc02 .service_area .service-item .service__name{font-family:var(--e-font-instrument);font-weight:400;font-size:clamp(40px, 3.07vw, 50px);line-height:1.2;letter-spacing:-2px}
#inc02 .service_area .service-item .service__text{font-family:var(--k-font);font-weight:700;line-height:1.87}
#inc02 .service_area .service-item .service__text.point{color:var(--point)}
#inc02 .service_area .service-item img{width:100%}
#inc02 .service_area .service-item .shadow{position:absolute;inset:0%;width:100%;background-image:linear-gradient(#000, #0000);pointer-events:none}

/* 반응형 [s] */
@media (max-width:1024px){
#inc02{padding:134px 15px 0}
#inc02 .tit_area{padding-bottom:100px}
#inc02 .tit_area .subtit{padding-bottom:10px}
#inc02 .tit_area h2{font-size:50px;padding-bottom:22px}
#inc02 .tit_area .desc{font-size:16px;padding-bottom:36px}
#inc02 .service_area h3{font-size:65px;padding-bottom:36px}
#inc02 .service_area .service-item .link-service{grid-template-columns:repeat(1, 1fr);grid-template-rows:auto;gap:0;padding:36px 22px}
#inc02 .service_area .service-item .service__name{font-size:42px;padding-bottom:18px}
#inc02 .service_area .service-item .service__name br{display:none}
#inc02 .service_area .service-item picture{display:none}
}
@media (max-width:768px){
#inc02{padding-bottom:0}
#inc02 .tit_area .subtit{font-size:14px}
#inc02 .tit_area h2{font-size:clamp(40px, 6.51vw, 50px);line-height:1.2}
#inc02 .tit_area .desc{font-size:15px}
#inc02 .service_area h3{font-size:clamp(50px, 8.46vw, 65px)}
#inc02 .service_area .service-item .link-service{padding:30px 15px}
#inc02 .service_area .service-item .service__name{font-size:36px}
}
@media (max-width:480px){
#inc02{padding:104px 15px 85px}
#inc02 .tit_area{gap:0 !important;padding-bottom:70px}
#inc02 .tit_area .subtit{padding-bottom:14px}
#inc02 .tit_area h2{font-size:clamp(30px,8.33vw, 40px)}
#inc02 .tit_area .desc{padding-bottom:30px}
#inc02 .service_area h3{padding-bottom:30px;font-size:clamp(35px,10.42vw,50px)}
#inc02 .service_area .service-item .link-service{padding:25px 15px}
#inc02 .service_area .service-item .service__name{padding-bottom:14px;font-size:32px;letter-spacing:-1px}
#inc02 .service_area .service-item .service__text{font-size:14px}
}
@media (max-width:390px){
#inc02{padding:60px 15px 35px}
}