@charset "utf-8";

#inc01{position:relative;padding:148px 0 170px}
#inc01::before{position:absolute;content:'';inset:0%;width:100%;height:100%;background-image:url(./img/inc01_bg.jpg);background-repeat:no-repeat;background-size:cover;opacity:0.5;pointer-events:none}

#inc01 .group-title{padding-bottom:92px}
#inc01 .group-cont .curriculum-list{display:flex;gap:40px}
#inc01 .group-cont .curriculum-list li .link-curriculum{display:flex;flex-direction:column;gap:38px}
#inc01 .group-cont .curriculum-list li .link-curriculum .thumb-box{width:100%;aspect-ratio:680 / 447;border-radius:4px;overflow:hidden}
#inc01 .group-cont .curriculum-list li .link-curriculum .thumb-box img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s}
#inc01 .group-cont .curriculum-list li .link-curriculum .text-box{padding:0 23px}
#inc01 .group-cont .curriculum-list li .link-curriculum .text-box .link__tit{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:25px}
#inc01 .group-cont .curriculum-list li .link-curriculum .text-box .link__tit h4{font-family:var(--batang-font);font-size:26px;font-weight:700;line-height:1.3;color:#333;transition:color 0.3s}
#inc01 .group-cont .curriculum-list li .link-curriculum .text-box .link__tit .cate{font-family:var(--batang-font);font-size:16px;font-weight:700;color:var(--primary)}
#inc01 .group-cont .curriculum-list li .link-curriculum .text-box .desc{padding-bottom:66px;font-size:16px;font-weight:500;line-height:1.4;color:#666;word-break:keep-all}
#inc01 .group-cont .curriculum-list li .link-curriculum .text-box .btn--primary:hover{background-color:var(--primary);color:#fff}

@media (hover:hover){
#inc01 .group-cont .curriculum-list li .link-curriculum:hover .text-box .link__tit h4{color:var(--primary)}
#inc01 .group-cont .curriculum-list li .link-curriculum:hover .text-box .btn--primary{background-color:#fff;color:var(--primary)}
#inc01 .group-cont .curriculum-list li .link-curriculum:hover .thumb-box img{transform:scale(1.05)}
}

/* 반응형 [s] */
@media (max-width:1600px){
#inc01{padding:120px 0 150px}
#inc01 .group-title{padding-bottom:70px}
}
@media (max-width:1400px){
#inc01{padding:100px 20px 130px}
#inc01 .group-title{padding-bottom:60px}
#inc01 .group-cont .curriculum-list li .link-curriculum{gap:34px}
#inc01 .group-cont .curriculum-list li .link-curriculum .text-box .link__tit h4{font-size:24px}
#inc01 .group-cont .curriculum-list li .link-curriculum .text-box .desc{padding-bottom:52px}
}
@media (max-width:1200px){
#inc01{padding:90px 20px 110px}
#inc01 .group-cont .curriculum-list{gap:24px}
#inc01 .group-cont .curriculum-list li .link-curriculum{gap:28px}
#inc01 .group-cont .curriculum-list li .link-curriculum .text-box{padding:0 15px}
#inc01 .group-cont .curriculum-list li .link-curriculum .text-box .link__tit{padding-bottom:20px}
#inc01 .group-cont .curriculum-list li .link-curriculum .text-box .link__tit h4{font-size:22px}
#inc01 .group-cont .curriculum-list li .link-curriculum .text-box .link__tit .cate{font-size:15px}
#inc01 .group-cont .curriculum-list li .link-curriculum .text-box .desc{padding-bottom:45px}
}
@media (max-width:1024px){
#inc01{padding:80px 20px 100px}
#inc01 .group-title{padding-bottom:45px}
#inc01 .group-cont .curriculum-list{gap:18px}
#inc01 .group-cont .curriculum-list li .link-curriculum{gap:22px}
#inc01 .group-cont .curriculum-list li .link-curriculum .text-box{padding:0}
#inc01 .group-cont .curriculum-list li .link-curriculum .text-box .link__tit{flex-direction:column-reverse;gap:10px;padding-bottom:16px}
#inc01 .group-cont .curriculum-list li .link-curriculum .text-box .link__tit h4{font-size:20px}
#inc01 .group-cont .curriculum-list li .link-curriculum .text-box .link__tit .cate{font-size:14px}
#inc01 .group-cont .curriculum-list li .link-curriculum .text-box .desc{padding-bottom:35px;font-size:15px;text-align:center;white-space:pre-line}
}
@media (max-width:768px){
#inc01{padding:60px 20px 80px}
#inc01 .group-title{padding-bottom:40px}
#inc01 .group-cont .curriculum-list{gap:14px}
#inc01 .group-cont .curriculum-list li .link-curriculum{gap:18px}
#inc01 .group-cont .curriculum-list li .link-curriculum .text-box .link__tit h4{font-size:17px}
#inc01 .group-cont .curriculum-list li .link-curriculum .text-box .desc{padding-bottom:26px}
}
@media(max-width:560px){
#inc01 .group-title{padding-bottom:30px}
#inc01 .group-cont .curriculum-list{flex-direction:column;gap:30px}
#inc01 .group-cont .curriculum-list li .link-curriculum .thumb-box{aspect-ratio:680 / 330}
}
@media (max-width:480px){
#inc01{padding:50px 20px 70px}
#inc01 .group-cont .curriculum-list li .link-curriculum .text-box .link__tit{padding-bottom:11px}
#inc01 .group-cont .curriculum-list li .link-curriculum .text-box .link__tit h4{font-size:15px}
#inc01 .group-cont .curriculum-list li .link-curriculum .text-box .desc{padding-bottom:22px;font-size:14px}
}
/* 반응형 [e] */