@charset "utf-8";

#inc02{position:relative;width:100%;height:310px;background:url(/sh_img/include/inc02/bg.png) #f7f7f7 left no-repeat}
#inc02 .inc02_cont{position:relative;width:1200px;margin:0 auto}
#inc02 .inc02_tit_area{position:absolute;z-index:60;padding-top:110px;line-height:38px}

#inc02 .inc02_tit_area .inc02_tit{font-size:30px;color:#333;font-family:'notokr-light'}
#inc02 .inc02_tit_area p{font-size:40px;color:#333;font-family:'notokr-bold'}
#inc02 .inc02_tit_area p span{color:var(--primary)}

#inc02 .swiper{padding-top:75px}
#slides{overflow:hidden;position:relative;width:100%;height:380px}
#slides li{width:100%;height:380px}
#slides li.sli01{background:url(/sh_img/include/inc02/sli01.jpg) no-repeat right}
#slides li.sli02{background:url(/sh_img/include/inc02/sli02.jpg) no-repeat right}
#slides li.sli03{background:url(/sh_img/include/inc02/sli03.jpg) no-repeat right}

#slides:after{position:absolute;z-index:-1;bottom:0;left:0;content:'';width:430px;height:215px;background:#fff}
#slides .swiper-slide-active a{opacity:1}
#slides a{display:block;position:absolute;top:165px;left:0;z-index:2;width:430px;height:215px;padding:62px 55px;opacity:0}
#slides p{font-size:18px;color:#222;font-family:'notokr-bold'}
#slides p span{display:inline-block;width:18px;margin-right:10px;font-weight:700;font-size:14px;color:var(--primary);letter-spacing:0;font-family:'Poppins'}
#slides div{margin-top:5px;padding-left:30px;color:#777}

#inc02 .navigation{display:flex;z-index:999;position:absolute;top:240px;left:370px}
#inc02 .navigation p{width:60px;height:60px;text-indent:-9999px;cursor:pointer}
#inc02 .navigation p.prev{background:var(--primary) url(/sh_img/include/inc02/prev.png) no-repeat center}
#inc02 .navigation p.next{background:#fff url(/sh_img/include/inc02/next.png) no-repeat center}

@media (max-width:1240px){
#inc02 .inc02_cont{width:100%;padding:0 20px}
#slides a{width:calc(100% / 3);height:auto;padding:55px 45px}
#slides li{background-size:calc(100% / 3 * 2)!important;background-position:right bottom !important}
#inc02 .navigation{left:calc(100% / 3 - 52px)}
}
@media (max-width:1024px){
#inc02 .inc02_cont{padding:0 15px}
#slides:after{width:calc(100% / 2)}
#slides a{width:calc(100% / 2)}
#slides li{background-size:calc(100% / 2)!important}
#inc02 .navigation{left:calc(100% / 2 - 60px)}
}
@media (max-width:900px){
#inc02{height:auto;padding:15px 0 50px;background-size:cover}
#inc02 .inc02_tit_area{position:initial;padding-top:50px;text-align:center}
#inc02 .swiper{padding-top:50px}
#inc02 .navigation{top:auto;left:auto;right:15px;bottom:0}
#slides{height:auto;background-color:#fff}
#slides:after{height:196px}
#slides li{height:auto;background-image:none!important}
#slides a{position:initial;width:100%;height:auto;background-size:contain!important;background-color:#fff!important}
#slides li.sli01 a{background:url(/sh_img/include/inc02/sli01.jpg) no-repeat right}
#slides li.sli02 a{background:url(/sh_img/include/inc02/sli02.jpg) no-repeat right}
#slides li.sli03 a{background:url(/sh_img/include/inc02/sli03.jpg) no-repeat right}
}
@media (max-width:750px){
#inc02 .inc02_tit_area .inc02_tit{font-size:25px}
#inc02 .inc02_tit_area p{font-size:35px}
#slides li a{background-position:140%!important}
}
@media (max-width:650px){
#slides li a{background-image:none!important;padding:40px 35px 80px}
}