@charset "utf-8";
#inc01 .inc01_wrap{display:flex;flex-direction:column;margin:200px auto 0;width:88%}
#inc01 .inc01_wrap .tit{display:flex;flex-direction:column;align-items:center;text-align:center}
#inc01 .inc01_wrap .cont{display:flex;gap:40px;margin-top:100px;height:50vh}
#inc01 .inc01_wrap .cont li{overflow:hidden;position:relative;width:calc(100% / 3 - 20px);height:100%;border-radius:30px;background-repeat:no-repeat;background-position:center;background-size:cover;cursor:pointer}
#inc01 .inc01_wrap .cont li img{position:absolute;top:0px;left:0px;width:100%;height:100%;object-fit:cover;transition:all .3s}
#inc01 .inc01_wrap .cont li .txt{opacity:0;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%;height:100%;transition:all .3s}
#inc01 .inc01_wrap .cont li .txt h3{font-size:32px;font-weight:700;font-family:var(--e-font);color:#fff}
#inc01 .inc01_wrap .cont li .txt p{margin-top:20px;font-size:18px;font-weight:400;color:rgb(255, 255, 255, 0.6)}
#inc01 .inc01_wrap .cont li.on{width:55%;transition:all .3s}
#inc01 .inc01_wrap .cont li.on img{filter:brightness(0.4);transition:all .3s}
#inc01 .inc01_wrap .cont li.on .txt{opacity:1;transition:all .3s}


/* 반응형 [s] */
@media (max-width:1380px){
#inc01 .inc01_wrap{margin:180px auto 0;width:95%}
#inc01 .inc01_wrap .cont{margin-top:90px;gap:30px}
#inc01 .inc01_wrap .cont li{width:calc(100% / 3 - 15px)}
#inc01 .inc01_wrap .cont li.on{width:80%}
#inc01 .inc01_wrap .cont li .txt h3{font-size:28px}
#inc01 .inc01_wrap .cont li .txt p{font-size:17px}
}
@media (max-width:1024px){
#inc01 .inc01_wrap{margin-top:120px}
#inc01 .inc01_wrap .cont{margin-top:80px;gap:16px;height:430px}
#inc01 .inc01_wrap .cont li{width:calc(100% / 3 - 8px)}
#inc01 .inc01_wrap .cont li.on{width:100%}
#inc01 .inc01_wrap .cont li .txt h3{font-size:25px}
#inc01 .inc01_wrap .cont li .txt p{margin-top:15px;font-size:16px}
}
@media (max-width:768px){
#inc01 .inc01_wrap{margin-top:100px}
#inc01 .inc01_wrap .cont{flex-wrap:wrap;margin-top:60px;height:auto}
#inc01 .inc01_wrap .cont li{height:400px;border-radius:25px}
#inc01 .inc01_wrap .cont li:nth-child(-n+2){width:calc(50% - 8px) !important}
#inc01 .inc01_wrap .cont li:last-child{width:100% !important}
#inc01 .inc01_wrap .cont li.on{width:55%;transition:all .3s}
#inc01 .inc01_wrap .cont li img{filter:brightness(0.4) !important}
#inc01 .inc01_wrap .cont li .txt{opacity:1 !important;margin:auto;width:95%}
#inc01 .inc01_wrap .cont li .txt h3{font-size:23px}
#inc01 .inc01_wrap .cont li .txt p{margin:15px auto 0;width:90%;font-size:15px}
}
@media (max-width:480px){
#inc01 .inc01_wrap{margin-top:90px}
#inc01 .inc01_wrap .cont{flex-direction:column;margin-top:50px;gap:12px}
#inc01 .inc01_wrap .cont li{height:300px;border-radius:20px}
#inc01 .inc01_wrap .cont li:nth-child(-n+2){width:100%!important}
#inc01 .inc01_wrap .cont li .txt h3{font-size:21px}
#inc01 .inc01_wrap .cont li .txt p{font-size:14px}
}
@media (max-width:380px){
#inc01 .inc01_wrap{margin-top:70px}
#inc01 .inc01_wrap .cont{margin-top:45px;gap:9px}
#inc01 .inc01_wrap .cont li{height:270px;border-radius:15px}
#inc01 .inc01_wrap .cont li .txt h3{font-size:19px}
#inc01 .inc01_wrap .cont li .txt p{margin:10px auto 0;font-size:13px}
}
/* 반응형 [e] */
