@charset "utf-8";
#inc02{position:relative;width:100%;height:100vh;background:linear-gradient(to bottom, #144a60 0%, #144a60 60%, #357d9a 100%)}
#inc02 .tit{opacity:0;transform:translateY(60px);transition:all 1.2s;padding-top:8%;text-align:center}
#inc02 .tit .section_cate{color:#fff}
#inc02 .tit h2{margin-top:25px;font-size:48px;color:#fff}
#inc02 .inc02_slide{opacity:0;transform:translateY(60px);transition:all 1.2s;position:relative;margin-top:70px;padding-top:20px;padding-bottom:200px;width:80%}
#inc02 .inc02_slide li{position:relative}
#inc02 .inc02_slide li a{display:block;margin:auto;width:max-content;text-align:center;transform:translateY(70px);transition:all .3s}
#inc02 .inc02_slide li.on a{transform:translateY(0px)}
#inc02 .inc02_slide li img{width:230px;transition:all .3s}
#inc02 .inc02_slide li.on img{width:285px}
#inc02 .inc02_slide li .txt{margin-top:30px;font-size:20px;font-weight:700;color:#fff}
#inc02 .inc02_slide li .bg{opacity:0;overflow:hidden;position:absolute;z-index:-1;top:30%;left:50%;transform:translateX(-50%);width:550px;height:490px;box-shadow:8px 8px 30px rgba(0, 0, 0, 0.15);transition:all .5s;background-color:var(--primary)}
#inc02 .inc02_slide li .bg::after{content:"";position:absolute;bottom:-80px;left:-40px;width:270px;height:270px;border-radius:30px;transform:rotate(45deg);background-color:rgb(255, 255, 255, 0.2)}
#inc02 .inc02_slide li .bg::before{content:"";position:absolute;bottom:-110px;right:-45px;width:380px;height:380px;border-radius:40px;transform:rotate(45deg);background-color:rgb(93 ,215 ,255, 0.2)}
#inc02 .inc02_slide li.on .bg{opacity:1}
#inc02 .inc02_slide li.empty{text-align:center;color:#fff}
#inc02 .nav_container{display:flex;justify-content:space-between;position:absolute;top:55%;left:50%;transform:translate(-50%, -50%);width:88%}
#inc02 .nav_container div{display:flex;justify-content:center;align-items:center;width:62px;height:62px;border-radius:50%;transition:all .3s;background-color:#fff;cursor:pointer}
#inc02 .nav_container div svg{width:20px;height:20px;transition:all .3s;color:#144a60}
.idx02.active #inc02 .tit{opacity:1;transform:translateY(0px)}
.idx02.active #inc02 .inc02_slide{opacity:1;transform:translateY(0px)}

/* 반응형 [s] */
@media (hover:hover){
#inc02 .inc02_slide li a:hover{transform:translateY(50px)}
#inc02 .inc02_slide li.on a:hover{transform:translateY(-20px)}
#inc02 .nav_container div:hover{background-color:var(--primary)}
#inc02 .nav_container div:hover svg{color:#fff}
}
@media (max-width:1980px){
#inc02 .tit{padding-top:7%}
#inc02 .tit h2{font-size:42px}
#inc02 .inc02_slide{margin-top:50px;padding-bottom:120px}
#inc02 .inc02_slide li img{width:190px}
#inc02 .inc02_slide li.on img{width:235px}
#inc02 .inc02_slide li .bg{width:450px;height:390px}
#inc02 .inc02_slide li .bg::after{width:220px;height:220px}
#inc02 .inc02_slide li .bg::before{width:330px;height:330px}
#inc02 .nav_container div{width:52px;height:52px}
}
@media (max-width:1380px){
#inc02 .tit h2{font-size:38px}
#inc02 .inc02_slide{padding-bottom:70px;width:90%}
#inc02 .inc02_slide li img{width:160px}
#inc02 .inc02_slide li.on img{width:200px}
#inc02 .inc02_slide li .bg{width:375px;height:325px}
#inc02 .inc02_slide li .bg::after{width:200px;height:200px}
#inc02 .inc02_slide li .bg::before{width:300px;height:300px}
#inc02 .inc02_slide li .txt{font-size:18px}
#inc02 .nav_container{width:95%}
}
@media (max-width:1024px){
#inc02{overflow:hidden;padding:100px 0 150px;height:auto}
#inc02 .tit{opacity:1;transform:translateY(0px);padding-top:0px}
#inc02 .tit h2{margin-top:20px;font-size:32px}
#inc02 .inc02_slide{opacity:1;transform:translateY(0px);padding-bottom:0px;width:80%;transform:translateY(0px)}
#inc02 .inc02_slide ul{align-items:center}
#inc02 .inc02_slide li a{transform:translateY(0px)}
#inc02 .inc02_slide li img{width:190px}
#inc02 .inc02_slide li.on img{width:190px}
#inc02 .inc02_slide li .bg{display:none}
#inc02 .inc02_slide li .txt{font-size:16px}
#inc02 .nav_container div{width:50px;height:50px}
#inc02 .nav_container div svg{width:18px;height:18px}
#inc02 .inc02_slide li a:hover{transform:translateY(-20px)}
#inc02 .inc02_slide li.on a:hover{transform:translateY(-20px)}
}
@media (max-width:768px){
#inc02{padding:90px 0 130px}
#inc02 .tit h2{margin-top:15px;font-size:28px}
#inc02 .inc02_slide{width:95%}
#inc02 .inc02_slide li img{width:170px}
#inc02 .inc02_slide li.on img{width:170px}
#inc02 .nav_container{display:none}
}
@media (max-width:580px){
#inc02 .inc02_slide li img{width:210px}
#inc02 .inc02_slide li.on img{width:210px}
}
@media (max-width:480px){
#inc02{padding:80px 0 120px}
#inc02 .tit h2{margin-top:12px;font-size:25px}
#inc02 .inc02_slide{margin-top:40px}
#inc02 .inc02_slide li img{width:170px}
#inc02 .inc02_slide li.on img{width:170px}
#inc02 .inc02_slide li .txt{margin-top:22px;font-size:15px}
}
@media (max-width:390px){
#inc02 .tit h2{margin-top:10px;font-size:23px}
#inc02 .inc02_slide{margin-top:30px}
#inc02 .inc02_slide li img{width:150px}
#inc02 .inc02_slide li.on img{width:150px}
#inc02 .inc02_slide li .txt{margin-top:18px;font-size:14px}
}
/* 반응형 [e] */