@charset "utf-8";
/* #inc04{overflow:hidden;width:100%}
#inc04 .inc04_wrap{position:relative;margin:200px auto;width:90%}
#inc04 .inc04_wrap .inc04_slide{position:relative;width:100%;padding-top:100px;margin-top:80px}
#inc04 .inc04_wrap .inc04_slide ul{}
#inc04 .inc04_wrap .inc04_slide ul .item{margin-top:80px;transition:all .3s; width: 600px;}
#inc04 .inc04_wrap .inc04_slide ul .item.on{margin-top:0px; width: 600px;}
#inc04 .inc04_wrap .inc04_slide ul .item a{display:block;width:100%;height:100%; width: 600px;}
#inc04 .inc04_wrap .inc04_slide ul .item .img_cont{overflow:hidden;position:relative;border-radius:12px;background-color:#000; width: 100%;}
#inc04 .inc04_wrap .inc04_slide ul .item .img_cont img{width:100%;height:550px;transform:scale(65%);object-fit:cover;transition:all .3s;background-color:#000}
#inc04 .inc04_wrap .inc04_slide ul .item.on .img_cont:after{content:"";position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);width:110%;height:50%;border-radius:0 0 10px 10px;transition:all .3s;background:linear-gradient(to bottom, transparent 25%, #111)}
#inc04 .inc04_wrap .inc04_slide ul .item h3{opacity:0;margin-top:50px;transform:translateY(20px);transition:all .3s;font-size:20px;font-weight:700;text-align:center;color:#fff;word-break:keep-all;}
#inc04 .inc04_wrap .inc04_slide ul .item.on h3{opacity:1;transform:translateY(0px)}
#inc04 .inc04_wrap .inc04_slide .nav_container{display:flex;gap:50px;position:absolute;z-index:2;top:0px;left:50%;transform:translateX(-50%)}
#inc04 .inc04_wrap .inc04_slide .nav_container:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:.5px;height:70%;background-color:rgb(255, 255, 255, 0.5)}
#inc04 .inc04_wrap .inc04_slide .nav_container div{height:24px;cursor:pointer;transition:all .3s;color:#fff}



@media (hover:hover){
#inc04 .inc04_wrap ul .item a:hover .img_cont img{transform:scale(65%)}
#inc04 .inc04_wrap ul .item a:hover h3{color:var(--primary)}
#inc04 .inc04_wrap .inc04_slide .nav_container .prev_nav:hover{transform:translateX(-7px);color:var(--primary)}
#inc04 .inc04_wrap .inc04_slide .nav_container .next_nav:hover{transform:translateX(7px);color:var(--primary)}
}    
@media(max-width:1980px){
#inc04 .inc04_wrap .inc04_slide ul .item .img_cont img{height:450px}
}
@media (max-width:1380px){
#inc04 .inc04_wrap{margin:150px auto;}
#inc04 .inc04_wrap .inc04_slide ul .item .img_cont img{height:380px}
#inc04 .inc04_wrap .inc04_slide ul .item h3{margin-top:35px;font-size:18px}
}
@media (max-width:1024px){
#inc04 .inc04_wrap{margin:200px auto 0;width:95%}
#inc04 .inc04_wrap .inc04_slide{padding-top:90px;margin-top:60px}
}
@media (max-width:768px){
#inc04 .inc04_wrap{margin:200px auto 0;width:100%}
#inc04 .inc04_wrap .tit{margin:auto;width:95%}
#inc04 .inc04_wrap .inc04_slide{padding-top:80px;margin-top:50px}
#inc04 .inc04_wrap .inc04_slide .nav_container div svg{width:22px}
#inc04 .inc04_wrap .inc04_slide .nav_container .prev_nav:hover{transform:translateX(0px);color:var(--primary)}
#inc04 .inc04_wrap .inc04_slide .nav_container .next_nav:hover{transform:translateX(0px);color:var(--primary)}
#inc04 .inc04_wrap .inc04_slide ul .item{margin-top:60px}
#inc04 .inc04_wrap .inc04_slide ul .item .img_cont img{height:330px}
#inc04 .inc04_wrap .inc04_slide ul .item h3{margin-top:25px;font-size:16px}
}
@media (max-width:480px){
#inc04 .inc04_wrap{margin:130px auto 0}
#inc04 .inc04_wrap .inc04_slide .nav_container{gap:45px}
#inc04 .inc04_wrap .inc04_slide .nav_container div svg{width:21px}
#inc04 .inc04_wrap .inc04_slide{padding-top:70px;margin-top:40px}
#inc04 .inc04_wrap .inc04_slide ul .item{margin-top:40px}
#inc04 .inc04_wrap .inc04_slide ul .item .img_cont img{height:285px;transform:scale(105%) !important}
#inc04 .inc04_wrap .inc04_slide ul .item h3{margin-top:20px;font-size:15px;color:var(--primary)}
}
@media (max-width:380px){
#inc04 .inc04_wrap .inc04_slide{padding-top:65px;margin-top:35px}
#inc04 .inc04_wrap .inc04_slide .nav_container{gap:40px}
#inc04 .inc04_wrap .inc04_slide .nav_container div svg{width:20px}
#inc04 .inc04_wrap .inc04_slide ul .item .img_cont img{height:250px}
#inc04 .inc04_wrap .inc04_slide ul .item h3{margin-top:15px;font-size:14px}
} */





/* =========================== atc04 */
#inc04{overflow:hidden;width:100%}
#inc04 .inc04_wrap{position:relative;margin:200px auto;width:90%}
#inc04 .inc04_wrap .inc04_slide{position:relative;width:100%;padding-top:100px;margin-top:80px}
#inc04 .inc04_wrap .inc04_slide ul .item{margin-top:80px;transition:all .3s}
#inc04 .inc04_wrap .inc04_slide ul .item.on{margin-top:0px}
#inc04 .inc04_wrap .inc04_slide ul .item a{display:block;width:100%;height:100%}
#inc04 .inc04_wrap .inc04_slide ul .item .img_cont{overflow:hidden;position:relative;border-radius:12px;background-color:#000}
#inc04 .inc04_wrap .inc04_slide ul .item .img_cont img{width:100%;height:550px;transform:scale(105%);object-fit:cover;transition:all .3s;background-color:#000}
#inc04 .inc04_wrap .inc04_slide ul .item.on .img_cont:after{content:"";position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);width:110%;height:50%;border-radius:0 0 10px 10px;transition:all .3s;background:linear-gradient(to bottom, transparent 25%, #111)}
#inc04 .inc04_wrap .inc04_slide ul .item h3{opacity:0;margin-top:50px;transform:translateY(20px);transition:all .3s;font-size:20px;font-weight:700;text-align:center;color:#fff;word-break:keep-all;}
#inc04 .inc04_wrap .inc04_slide ul .item.on h3{opacity:1;transform:translateY(0px)}
#inc04 .inc04_wrap .inc04_slide .nav_container{display:flex;gap:50px;position:absolute;z-index:2;top:0px;left:50%;transform:translateX(-50%)}
#inc04 .inc04_wrap .inc04_slide .nav_container:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:.5px;height:70%;background-color:rgb(255, 255, 255, 0.5)}
#inc04 .inc04_wrap .inc04_slide .nav_container div{height:24px;cursor:pointer;transition:all .3s;color:#fff}


/* 반응형 [s] */
@media (hover:hover){
#inc04 .inc04_wrap ul .item a:hover .img_cont img{transform:scale(110%)}
#inc04 .inc04_wrap ul .item a:hover h3{color:var(--primary)}
#inc04 .inc04_wrap .inc04_slide .nav_container .prev_nav:hover{transform:translateX(-7px);color:var(--primary)}
#inc04 .inc04_wrap .inc04_slide .nav_container .next_nav:hover{transform:translateX(7px);color:var(--primary)}
}    
@media(max-width:1980px){
#inc04 .inc04_wrap .inc04_slide ul .item .img_cont img{height:450px}
}
@media (max-width:1380px){
#inc04 .inc04_wrap{margin:150px auto;}
#inc04 .inc04_wrap .inc04_slide ul .item .img_cont img{height:380px}
#inc04 .inc04_wrap .inc04_slide ul .item h3{margin-top:35px;font-size:18px}
}
@media (max-width:1024px){
#inc04 .inc04_wrap{margin:200px auto 0;width:95%}
#inc04 .inc04_wrap .inc04_slide{padding-top:90px;margin-top:60px}
}
@media (max-width:768px){
#inc04 .inc04_wrap{margin:200px auto 0;width:100%}
#inc04 .inc04_wrap .tit{margin:auto;width:95%}
#inc04 .inc04_wrap .inc04_slide{padding-top:80px;margin-top:50px}
#inc04 .inc04_wrap .inc04_slide .nav_container div svg{width:22px}
#inc04 .inc04_wrap .inc04_slide .nav_container .prev_nav:hover{transform:translateX(0px);color:var(--primary)}
#inc04 .inc04_wrap .inc04_slide .nav_container .next_nav:hover{transform:translateX(0px);color:var(--primary)}
#inc04 .inc04_wrap .inc04_slide ul .item{margin-top:60px}
#inc04 .inc04_wrap .inc04_slide ul .item .img_cont img{height:330px}
#inc04 .inc04_wrap .inc04_slide ul .item h3{margin-top:25px;font-size:16px}
}
@media (max-width:480px){
#inc04 .inc04_wrap{margin:130px auto 0}
#inc04 .inc04_wrap .inc04_slide .nav_container{gap:45px}
#inc04 .inc04_wrap .inc04_slide .nav_container div svg{width:21px}
#inc04 .inc04_wrap .inc04_slide{padding-top:70px;margin-top:40px}
#inc04 .inc04_wrap .inc04_slide ul .item{margin-top:40px}
#inc04 .inc04_wrap .inc04_slide ul .item .img_cont img{height:285px;transform:scale(105%) !important}
#inc04 .inc04_wrap .inc04_slide ul .item h3{margin-top:20px;font-size:15px;color:var(--primary)}
}
@media (max-width:380px){
#inc04 .inc04_wrap .inc04_slide{padding-top:65px;margin-top:35px}
#inc04 .inc04_wrap .inc04_slide .nav_container{gap:40px}
#inc04 .inc04_wrap .inc04_slide .nav_container div svg{width:20px}
#inc04 .inc04_wrap .inc04_slide ul .item .img_cont img{height:250px}
#inc04 .inc04_wrap .inc04_slide ul .item h3{margin-top:15px;font-size:14px}
}
/* 반응형 [e] */