@charset "utf-8";

#inc04{position:relative;max-width:1299px;margin:100px auto 200px}
#inc04 .tit_area{font-size:20px;color:#222;text-align:center}
#inc04 .tit_area span{display:flex;align-items:flex-end;justify-content:center;font-size:20px;letter-spacing:1px;color:#222;text-transform:uppercase;font-family:'notokr-bold'}
#inc04 .tit_area .tit{font-size:42px;font-family:'notokr-bold'}
#inc04 .img_slider{width:100%;height:560px;margin:60px auto 0;padding-bottom:70px}
#inc04 .img_slider ul li{position:relative;width:100%}
#inc04 .img_slider ul li .img{width:878px;margin:0 auto}
#inc04 .img_slider ul li .txt_box{position:absolute;z-index:90;left:50%;bottom:0;width:428px;height:328px;margin-left:-650px;font-size:15px;background-color:#1d2228}
#inc04 .img_slider ul li .txt_box p{white-space:pre-line}
#inc04 .img_slider ul li .txt_box a{display:block;height:100%;padding:80px 40px;color:rgba(255,255,255,.7)}
#inc04 .img_slider ul li .txt_box a .tit{padding-bottom:22px;font-size:25px;color:#fff;font-family:notokr-bold}
#inc04 .img_slider ul li .txt_box a .tit b{color:#43dbb5}
#inc04 .img_slider ul li .txt_box a span{display:inline-block;position:relative;margin-top:22px;font-size:15px;line-height:2.5;color:#fff;overflow:hidden;font-family:notokr-medium}
#inc04 .img_slider ul li .img{width:878px;height:100%;margin:0 auto;background-size:cover;background-position:center;background-repeat:no-repeat}
#inc04 .img_slider ul .s01{background-image:url(/sh_img/include/inc04/img/img1.jpg)}
#inc04 .img_slider ul .s02{background-image:url(/sh_img/include/inc04/img/img2.jpg)}
#inc04 .img_slider ul .s03{background-image:url(/sh_img/include/inc04/img/img3.jpg)}
#inc04 .img_slider ul .s04{background-image:url(/sh_img/include/inc04/img/img4.jpg)}
#inc04 .swiper-button-next::after,#inc04 .swiper-button-prev::after{display:none}
#inc04 .next_btn,#inc04 .prev_btn{margin-top:-222px}
#inc04 .next_btn{right:14px}
#inc04 .prev_btn{left:14px}
#inc04 .swiper-pager{position:absolute;bottom:0;height:27px;text-align:center}
#inc04 .swiper-pagination-bullet{position:relative;margin:0 12px;width:6px;height:6px}
#inc04 .swiper-pagination-bullet:after{position:absolute;left:-9px;top:-9px;width:24px;height:24px;border:solid 1px #ff5a2b;border-radius:50%;content:'';opacity:0;transition:all .3s}
#inc04 .swiper-pagination-bullet-active{background-color:#ff5a2b}
#inc04 .swiper-pagination-bullet-active:after{opacity:1}
#inc04 .gallery-thumbs{overflow:hidden;position:absolute;z-index:-1;right:0;bottom:70px;width:100%}
#inc04 .gallery-thumbs .preview_img{opacity:0;width:211px;height:210px;background-size:cover;background-repeat:no-repeat;background-position:center;filter:grayscale(100%);transition:all .5s}
#inc04 .gallery-thumbs .swiper-slide{display:flex;justify-content:flex-end}
#inc04 .gallery-thumbs .swiper-slide-active .preview_img{opacity:1}
#inc04 .gallery-thumbs .img01{background-image:url(/sh_img/include/inc04/img/s_img01.jpg)}
#inc04 .gallery-thumbs .img02{background-image:url(/sh_img/include/inc04/img/s_img02.jpg)}
#inc04 .gallery-thumbs .img03{background-image:url(/sh_img/include/inc04/img/s_img03.jpg)}
#inc04 .gallery-thumbs .img04{background-image:url(/sh_img/include/inc04/img/s_img04.jpg)}
 
#inc04 .img_slider ul li .txt_box a span:before,#inc04 .img_slider ul li .txt_box a span:after{position:absolute;bottom:0px;width:100%;height:2px;content:'';background-color:#fff;transition:all .2s}
#inc04 .img_slider ul li .txt_box a span:before{left:0}
#inc04 .img_slider ul li .txt_box a span:after{left:-100%;opacity:0} 
#inc04 .img_slider ul li .txt_box:hover span:before{left:100%;opacity:0;transition-delay:0s}
#inc04 .img_slider ul li .txt_box:hover span:after{left:0;opacity:1;transition-delay:.2s}  

/* 반응형 [s] */
@media (max-width:1400px){
#inc04{margin:70px auto 110px}
#inc04 .img_slider ul li .img{width:68%}
#inc04 .img_slider ul li .txt_box{width:35%;left:0;margin-left:0}
#inc04 .preview_img{width:16%}

}
@media (max-width:1024px){
#inc04{padding:0 20px;margin:80px 0}
#inc04 .tit_area .tit{font-size:31px}
#inc04 .tit_area{font-size:17px}
#inc04 .img_slider{height:680px;margin:40px auto 0} 
#inc04 .img_slider ul li .img{width:50%;height:100%;float:left}
#inc04 .img_slider ul li{height:100%}
#inc04 .img_slider ul li .txt_box{width:50%;height:100%;right:0;top:0;left:auto}
#inc04 .img_slider ul li .txt_box a{padding:62px 35px}
#inc04 .next_btn, #inc04 .prev_btn{display:none}
#inc04 .preview_img{height:43%;width:50%}
#inc02 .cont_txt span{color:#9d9d9d}
}
@media (max-width:768px){
#inc04{margin: 50px 0;}
#inc04 .tit_area{font-size:15px}
#inc04 .tit_area .tit{font-size:28px}
#inc04 .tit_area .cont{margin-top:10px;line-height:26px;white-space:pre-line}
#inc04 .img_slider{height:600px;margin-top:20px}

#inc04 .img_slider ul li .img{width:100%;height:50%}
#inc04 .img_slider ul li .txt_box{height: 270px;width:100%;top:50%}
#inc04 .img_slider ul li .txt_box a{padding:40px 35px}
#inc04 .preview_img{display:none}
}
@media (max-width:480px){
#inc04 .tit_area p{word-break:keep-all}
#inc04 .tit_area .tit{font-size:25px}
#inc04 .img_slider ul li .txt_box a{padding:40px 25px}
}
@media (max-width:380px){
#inc04 .tit_area .tit{font-size:23px;line-height:32px;white-space:pre-line}
#inc04 .img_slider ul li .txt_box p{white-space:normal}
#inc04 .img_slider ul li .txt_box a .tit{padding-bottom:12px;font-size:23px}
#inc04 .tit_area .cont{ white-space:normal}
}
/* 반응형 [e] */