@charset "utf-8";
#inc03 .inc03_wrap{position:relative;margin:200px auto 0;width:88%}
#inc03 .inc03_wrap .tit{display:flex;flex-direction:column;align-items:center;text-align:center}

#inc03 .inc03_slide{position:relative;margin-top:70px;padding-top:130px;width:100%}
#inc03 .inc03_slide ul li{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;height:100%;cursor:pointer}
#inc03 .inc03_slide ul li img{width:100%;height:55vh;object-fit:cover;border-radius:30px}
#inc03 .inc03_slide ul li .txt h3{margin:40px 0 10px;font-size:22px;font-weight:700;word-break:keep-all}
#inc03 .inc03_slide ul li .txt p{font-size:16px;font-weight:400;color:rgb(0, 0, 0, 0.5)}
#inc03 .inc03_slide ul li a{opacity:0;display:flex;justify-content:center;align-items:center;position:absolute;z-index:2;top:calc(55vh - (0% + 110px));right:5%;width:110px;height:110px;font-size:16px;font-weight:700;border-radius:50%;transition:all .3s;color:#fff;background-color:var(--primary)}
#inc03 .nav_container{display:flex;position:absolute;top:0px;left:50%;transform:translateX(-50%)}
#inc03 .nav_container div{cursor:pointer}
#inc03 .nav_container div.prev_nav{position:relative;padding-right:10px}
#inc03 .nav_container div.prev_nav:after{content:"";position:absolute;top:44%;right:0px;transform:translateY(-50%);width:1px;height:62%;background-color:#e1e1e1}
#inc03 .nav_container div.next_nav{padding-left:10px}

/* 반응형 [s] */
@media (hover:hover){
#inc03 .inc03_slide ul li:hover a{opacity:1;top:calc(55vh - (5% + 110px))}
#inc03 .inc03_slide ul li a:hover{color:var(--primary);background-color:#fff}
}
@media (max-width:1380px){
#inc03 .inc03_wrap{margin-top:180px;width:95%}
}
@media (max-width:1024px){
#inc03 .inc03_wrap{margin-top:120px}
#inc03 .inc03_slide{margin-top:50px;padding-top:100px}
#inc03 .inc03_slide ul li img{height:410px}
#inc03 .inc03_slide ul li a{top:calc(410px - (0% + 90px) );width:90px;height:90px;font-size:14px}
#inc03 .inc03_slide ul li:hover a{top:calc(410px - (5% + 90px))}
#inc03 .inc03_slide ul li .txt h3{margin:30px 0 7px;font-size:19px}
#inc03 .inc03_slide ul li .txt p{font-size:15px}
}
@media (max-width:768px){
#inc03 .inc03_wrap{margin-top:100px}
#inc03 .inc03_slide{margin-top:30px;padding-top:70px}
#inc03 .inc03_slide ul li img{height:380px;border-radius:25px}
#inc03 .inc03_slide ul li a{opacity:1 !important;top:calc(380px - (5% + 80px)) !important;width:80px;height:80px;font-size:13px;white-space:pre-line !important}
#inc03 .inc03_slide ul li .txt h3{margin:25px 0 5px;font-size:17px}
}
@media (max-width:480px){
#inc03 .inc03_wrap{margin-top:90px}
#inc03 .inc03_slide{margin-top:30px;padding-top:60px}
#inc03 .inc03_slide ul li img{height:310px;border-radius:20px}
#inc03 .inc03_slide ul li a{right:2.5%;top:calc(310px - (5% + 75px)) !important;width:75px;height:75px}
#inc03 .nav_container div svg{width:22px}
#inc03 .nav_container div.prev_nav:after{height:58%}
}
@media (max-width:380px){
#inc03 .inc03_wrap{margin-top:70px}
#inc03 .inc03_slide{margin-top:35px;padding-top:70px}
#inc03 .inc03_slide ul li img{height:280px;border-radius:15px}
#inc03 .inc03_slide ul li .txt h3{margin:20px 0 3px;font-size:16px}
#inc03 .inc03_slide ul li .txt p{font-size:14px}
#inc03 .inc03_slide ul li a{right:2.5%;top:calc(280px - (5% + 70px)) !important;width:70px;height:70px;font-size:12px}
}
/* 반응형 [e] */