@charset "utf-8";
#inc02{overflow:hidden;position:relative;display:flex;align-items:center;margin-left:auto;padding:0 0 150px;width:95%}
#inc02 .bg{position:absolute;z-index:-1;top:28%;left:-15%;transform:translateY(-50%);width:540px;height:540px;border-radius:70px;transform:rotate(45deg);background-color:rgb(20,74,96, 0.03)}
#inc02 .tit{transform:translateY(60px);transition:all 1.2s}
#inc02 .tit h2{margin:30px 0 110px;line-height:1.4;font-size:35px;color:#fff}
#inc02 .tit h2 div{font-weight:200;word-break:keep-all}
#inc02 .inc02_slide{transform:translateX(150px);transition:all 1.2s;width:78%}
#inc02 .inc02_slide li .img_cont{overflow:hidden;width:100%;height:400px}
#inc02 .inc02_slide li img{width:100%;height:100%;object-fit:cover;transition:all .3s}
#inc02 .inc02_slide li .txt div{margin:25px 0 18px;font-size:23px;font-weight:700;transition:all .3s}
#inc02 .inc02_slide li .txt p{margin-right:5%;font-size:18px;font-weight:400;color:#777}
#inc02 .inc02_slide .controller{display:flex;align-items:center;gap:50px;margin-top:50px}
#inc02 .inc02_slide .nav_container{display:flex;gap:10px}
#inc02 .inc02_slide .nav_container div{display:flex;justify-content:center;align-items:center;width:60px;height:60px;border:1px solid rgb(255, 255, 255, 0.1);border-radius:50%;transition:all .3s;cursor:pointer}
#inc02 .inc02_slide .nav_container div svg{width:18px;height:18px;color:#fff}
#inc02 .inc02_slide .nav_container div img{opacity:0.1;transition:0.2s}
#inc02 .inc02_slide .pager{position:relative;width:74%;height:3px;background:rgba(255, 255, 255, 0.1)}
#inc02 .inc02_slide .pager span{background-color:#fff}
.idx02.active #inc02 .tit{opacity:1;transform:translateY(0px)}
.idx02.active #inc02 .inc02_slide{opacity:1;transform:translateX(0px)}

/* 반응형 [s] */
@media (hover:hover){
#inc02 .inc02_slide li a:hover img{transform:scale(1.15);filter:brightness(0.5)}
#inc02 .inc02_slide li a:hover .txt div{color:var(--primary)}
#inc02 .inc02_slide .nav_container div:hover{border:1px solid #fff}
#inc02 .inc02_slide .nav_container div:hover img{opacity:1}
}
@media(max-width:1980px){
#inc02 .bg{top:25%;width:470px;height:470px}
#inc02 .inc02_slide li a .img_cont{height:330px}
#inc02 .inc02_slide li .txt div{font-size:20px}
#inc02 .inc02_slide li .txt p{font-size:16px}
#inc02 .inc02_slide .nav_container div{width:50px;height:50px}
}
@media (max-width:1380px){
#inc02 .bg{width:400px;height:400px}
#inc02{width:95%;gap:20px}
#inc02 .inc02_slide li .txt div{font-size:18px}
#inc02 .inc02_slide li .txt p{font-size:15px}
}
@media (max-width:1024px){
#inc02{overflow:hidden;flex-direction:column;gap:0px;padding:0 2.5%;margin:100px auto 120px;width:100%;height:auto}
#inc02 .bg{top:10%;right:-18%;left:auto;width:300px;height:300px;border-radius:50px}
#inc02 .tit{opacity:1;transform:translateY(0px);width:100%}
#inc02 .tit h2{margin:25px 0 50px}
#inc02 .inc02_slide{opacity:1;transform:translateX(0px);margin-top:0;width:100%}
#inc02 .inc02_slide li a .img_cont{height:250px}
#inc02 .inc02_slide li .txt div{margin:23px 0 12px;font-size:17px}
#inc02 .inc02_slide .controller{gap:30px}
#inc02 .inc02_slide .pager{width:calc(100% - 50px)}
}
@media (max-width:768px){
#inc02{margin:90px auto 110px}
#inc02 .bg{right:-20%;width:250px;height:250px;border-radius:40px}
#inc02 .tit{display:flex;flex-direction:column;align-items:center;text-align:center}
#inc02 .tit h2{margin:18px 0 40px;font-size:30px}
#inc02 .inc02_slide li a .img_cont{height:240px}
#inc02 .inc02_slide .txt{text-align:center}
#inc02 .inc02_slide li .txt div{margin:22px 0 10px}
#inc02 .inc02_slide li .txt p{margin:auto;width:85%}
#inc02 .inc02_slide .controller{gap:0px;margin-top:70px}
#inc02 .inc02_slide .nav_container{display:none}
#inc02 .inc02_slide .pager{width:100%}
#inc02 .inc02_slide li.empty{text-align:center}
}
@media (max-width:480px){   
#inc02{padding:0px;margin:80px auto 100px;width:100%}
#inc02 .bg{display:none}
#inc02 .tit h2{margin:15px 0 28px;font-size:25px}
#inc02 .inc02_slide li a .img_cont{height:290px}
#inc02 .inc02_slide .controller{margin-top:60px}
#inc02 .inc02_slide .pager{margin:auto;width:95%}
}
@media (max-width:390px){
#inc02{margin:70px auto 90px}
#inc02 .tit h2{margin:12px 0 25px;font-size:23px}
#inc02 .inc02_slide li a .img_cont{height:250px}
#inc02 .inc02_slide li .txt div{margin:20px 0 10px;font-size:16px}
#inc02 .inc02_slide li .txt p{font-size:14px}
#inc02 .inc02_slide .controller{margin-top:50px}
}
/* 반응형 [e] */