@charset "utf-8";

#atc02{position:relative;z-index:2;background:url(./img/inc02_bg.jpg) no-repeat center top}

/*txt_area*/
#atc02 .inner{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:120px 0 282px;color:#fff}
#atc02 .inner:after{content:'';position:absolute;right:-360px;top:0;width:360px;height:100%;background-color:rgb(0,0,0,.08)}

#atc02 .inner:before{content:'';position:absolute;left:0;top:0;width:1px;height:100%;margin-left:-80px;background-color:rgba(239,239,239,.12)}
#atc02 .inner .txt_all{padding:0 40px 52px}
#atc02 .inner .stit{margin-bottom:32px;font-size:17px;font-weight:700;letter-spacing:0;line-height:17px;font-family:'Philosopher'}
#atc02 .inner .tit_area{overflow:hidden}
#atc02 .inner .tit_area .tit{float:left;width:415px;margin-right:120px;font-size:35px;line-height:48px;white-space:pre-line;letter-spacing:-1px;font-family:'Noto Sans KR';font-weight:100}
#atc02 .inner .tit_area .tit b{font-weight:normal;font-family:'Noto Sans KR';font-weight:700}
#atc02 .inner .txt_area{float:left;letter-spacing:-.5px}
#atc02 .inner .txt_area .sub_tit{margin-bottom:10px;font-size:16px;line-height:22px;font-family:'Noto Sans KR';font-weight:500}
#atc02 .inner .txt_area .txt{font-size:15px;line-height:25px;white-space:pre-line;color:rgba(255,255,255,.6)}

/*slide*/
#atc02 #slide_box{overflow:inherit;position:absolute;left:0;bottom:-160px;width:130%;max-width:130% !important}
#atc02 .pager_dot{position:absolute;left:-45px;bottom:34px}
#atc02 .pager_dot span{display:block;width:8px;height:8px;margin-bottom:18px;background-color:rgba(255,255,255,.2);border-radius:50%;text-indent:9999px;opacity:1;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#atc02 .pager_dot .swiper-pagination-bullet-active{background-color:rgba(255,255,255,1)}
#atc02 .slide{opacity:0;left:100px}

/*slide_img*/
#atc02 .slide li{width:100% !important;height:440px;background:no-repeat center;background-size: cover; border-radius:15px 0 0 15px}
#atc02 .slide .img01{background-image:url(./img/inc02_img-01.jpg)}
#atc02 .slide .img02{background-image:url(./img/inc02_img-02.jpg)}

/*animation*/
#atc02 .slide.active{opacity:1;left:0;-webkit-transition:all 1.5s .1s;-ms-transition:all 1.5s .1s;transition:all 1.5s .1s}

/* 반응형 [s] */
@media (max-width:1350px){
#atc02 .pager_dot{bottom:inherit;left:inherit;right:30px;top:120px}
#atc02 .pager_dot span{display:inline-block;margin:0 0 0 10px}
}

@media (max-width:1230px){
#atc02 .inner .txt_all{padding-left:30px}
#atc02 .inner .tit_area .tit{width:50%;margin-right:0;font-size:29px;line-height:43px}
#atc02 .inner .txt_area .txt{white-space:normal;word-break:keep-all}
#atc02 .inner .txt_area{width:50%}
#atc02 #slide_box{left:0;width:100%;padding:0 30px}
#atc02 .slide li{border-radius:15px}
}

@media (max-width:1024px){
#atc02 #slide_box{bottom:-70px}
#atc02 .slide li{height:340px}
}

@media (max-width:768px){
#atc02 .inner{padding-top:70px}
#atc02 .inner .txt_all{text-align:center;padding-bottom:40px}
#atc02 .inner .stit{margin-bottom:15px;font-size:15px}
#atc02 .inner .txt_area{width:100%}
#atc02 .inner .tit_area .tit{width:100%;font-size:28px}
#atc02 .inner .txt_area .sub_tit{margin:60px 0 10px}
#atc02 .inner .txt_area .txt{width:90%;margin:0 auto}
#atc02 .pager_dot{right:inherit;left:50%;top:207px;transform:translateX(-50%)}
#atc02 .pager_dot span:first-child{margin-left:0}
#atc02 #slide_box{bottom:0}
#atc02 .slide li{height:270px}
}

@media (max-width:480px){
#atc02 .inner{padding-bottom:155px}
#atc02 .inner .txt_all{padding:0 15px 40px}
#atc02 .inner .tit_area .tit{font-size:25px;line-height:37px}
#atc02 .inner .txt_area .sub_tit{font-size:15px}
#atc02 .inner .txt_area .txt{width:100%}
#atc02 .pager_dot{top:200px}
#atc02 #slide_box{bottom:-50px;padding:0 15px}
#atc02 .slide li{height:205px}
}

@media (max-width:380px){
#atc02 .inner .tit_area .tit{font-size:24px}
}
/* 반응형 [e] */