@charset "utf-8";

#inc01{position:relative;max-width:1299px;margin:100px auto 200px}
#inc01 .tit_area{font-size:20px;color:#222;text-align:center}
#inc01 .tit_area span{display:flex;justify-content:center;align-items:flex-end;font-family:'notokr-bold'}
#inc01 .tit_area .tit{font-size:42px;font-family:'notokr-bold'}
#inc01 .img_slider{width:100%;height:585px;margin:60px auto 0;padding-bottom:70px}
#inc01 .img_slider ul li{position:relative;width:100%}
#inc01 .img_slider ul li .img{width:878px;margin:0 auto}
#inc01 .img_slider ul li .txt_box{position:absolute;left:50%;bottom:0;width:428px;height:328px;margin-left:-650px;font-size:15px;background-color:#1d2228}
#inc01 .img_slider ul li .txt_box p{white-space:pre-line}
#inc01 .img_slider ul li .txt_box a{display:block;height:100%;padding:80px 40px;color:rgba(255,255,255,.7)}
#inc01 .img_slider ul li .txt_box a .tit{padding-bottom:22px;font-size:25px;color:#fff;font-family:notokr-bold}
#inc01 .img_slider ul li .txt_box a .tit b{color:#ff7a9c}
#inc01 .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}
#inc01 .img_slider ul li .img{width:878px;height:100%;margin:0 auto;background-size:cover;background-position:center;background-repeat:no-repeat}
#inc01 .img_slider ul .s01{background-image:url(/sh_img/include/inc01/img/img1.jpg)}
#inc01 .img_slider ul .s02{background-image:url(/sh_img/include/inc01/img/img2.jpg)}
#inc01 .img_slider ul .s03{background-image:url(/sh_img/include/inc01/img/img3.jpg)}
#inc01 .img_slider ul .s04{background-image:url(/sh_img/include/inc01/img/img4.jpg)}
#inc01 .swiper-button-next::after,#inc01 .swiper-button-prev::after{display:none}
#inc01 .next_btn,#inc01 .prev_btn{margin-top:-222px}
#inc01 .next_btn{right:14px}
#inc01 .prev_btn{left:14px}
#inc01 .swiper-pager{position:absolute;bottom:0;height:27px;text-align:center}
#inc01 .swiper-pagination-bullet{position:relative;margin:0 12px;width:6px;height:6px}
#inc01 .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}
#inc01 .swiper-pagination-bullet-active{background-color:#ff5a2b}
#inc01 .swiper-pagination-bullet-active:after{opacity:1}
#inc01 .preview_img{right:0;bottom:70px;top:auto;width:211px;height:210px;background-color:#000;background-size:cover;background-repeat:no-repeat;background-position:center;filter:grayscale(100%);transition:all .5s}
 
#inc01 .img_slider ul li .txt_box a span:before,#inc01 .img_slider ul li .txt_box a span:after{position:absolute;bottom:0px;width:100%;height:2px;content:'';background-color:#fff;transition:all .2s}
#inc01 .img_slider ul li .txt_box a span:before{left:0}
#inc01 .img_slider ul li .txt_box a span:after{left:-100%;opacity:0} 
#inc01 .img_slider ul li .txt_box:hover span:before{left:100%;opacity:0;transition-delay:0s}
#inc01 .img_slider ul li .txt_box:hover span:after{left:0;opacity:1;transition-delay:.2s}  

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

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

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