@charset "utf-8";

#inc01{position:relative;padding:110px 0 130px;border-bottom:1px solid #e1e1e1;overflow:hidden}
#inc01 .group-tit{padding-bottom:88px}
#inc01 .group-cont ul{display:flex;justify-content:center;gap:30px}
#inc01 .group-cont ul li{position:relative;max-width:447px;width:100%;aspect-ratio:447 / 422}
#inc01 .group-cont ul li .thumb-box{width:100%;height:100%;overflow:hidden;border-radius:2px}
#inc01 .group-cont ul li .thumb-box img{width:100%;height:100%;object-fit:cover}
#inc01 .group-cont ul li .text-box{opacity:0;visibility:hidden;position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;width:100%;height:100%;padding:20px;background-color:rgba(0, 0, 0, 0.5);color:#fff;text-align:center;transition:opacity 0.3s ease, visibility 0.3s ease}
#inc01 .group-cont ul li .text-box h4{font-size:24px;font-weight:700;line-height:1.25}
#inc01 .group-cont ul li .text-box .dot{width:3px;aspect-ratio:1;background-color:#fff;border-radius:40px}
#inc01 .group-cont ul li .text-box p.desc{font-size:15px;line-height:1.6;white-space:pre-line;word-break:keep-all}

#inc01 .group-cont ul li.on .text-box{opacity:1;visibility:visible}

#inc01 .bg{position:absolute;top:93px;right:-16px;z-index:-1}
#inc01 .bg img{width:554px}

/* 반응형 [s] */
@media (max-width:1800px){
#inc01 .bg{right:-50px}
#inc01 .bg img{width:485px}
}
@media (max-width:1600px){
#inc01 .group-tit{padding-bottom:60px}
#inc01 .group-cont ul{gap:20px}
#inc01 .group-cont ul li{max-width:420px}
#inc01 .bg{top:50px;right:-30px}
#inc01 .bg img{width:415px}
}
@media (max-width:1400px){
#inc01{padding:100px 20px 110px}
#inc01 .group-tit{padding-bottom:50px}
#inc01 .group-cont ul li{max-width:390px}
#inc01 .group-cont ul li .text-box{gap:20px}
#inc01 .group-cont ul li .text-box h4{font-size:22px}
#inc01 .bg{top:48px;right:-50px}
#inc01 .bg img{width:390px}
}
@media (max-width:1200px){
#inc01{padding:90px 20px 100px}
#inc01 .bg{top:32px;right:-40px}
#inc01 .bg img{width:320px}
#inc01 .group-tit{padding-bottom:40px}
#inc01 .group-cont ul{gap:14px}
#inc01 .group-cont ul li .text-box{gap:15px}
#inc01 .group-cont ul li .text-box h4{font-size:18px}
}
@media (max-width:1024px){
#inc01{padding:80px 20px 90px}
#inc01 .bg{top:25px}
#inc01 .bg img{width:270px}
#inc01 .group-cont ul li .text-box{gap:10px}
#inc01 .group-cont ul li .text-box h4{font-size:16px}
#inc01 .group-cont ul li .text-box p.desc{font-size:14px}
}
@media (max-width:768px){
#inc01{padding:65px 20px 75px}
#inc01 .bg{top:15px;right:-36px}
#inc01 .bg img{width:220px}
#inc01 .group-cont ul{flex-direction:column}
#inc01 .group-cont ul li{max-width:none;height:210px;aspect-ratio:unset}
#inc01 .group-cont ul li .text-box{opacity:1;visibility:visible}
}
@media (max-width:640px){
#inc01 .bg{top:7px;right:-34px;opacity:0.6}
#inc01 .bg img{width:200px}
}
@media (max-width:480px){
#inc01{padding:65px 20px 40px}
#inc01 .bg img{width:164px}
#inc01 .group-tit{padding-bottom:30px}
}
/* 반응형 [e] */