@charset "utf-8";

/*텍스트*/
#atc02 {overflow:hidden;position:relative}
#atc02:before{position:absolute;left:0;top:0;height:390px;width:100%;background-color:#768177;content:'';z-index: -1}
#atc02 .inner{overflow:hidden;position:relative;left:50%;margin-left:-600px}
#atc02 .inner .txt_area{opacity:0;position:absolute;top:0;left:0;width:415px;height:390px;padding:235px 0 0 93px;background-color:rgba(93,105,93,.9);color:#fff;z-index:2;-webkit-animation-delay:.6s;animation-delay:.6s}
#atc02 .inner .txt_area .num{margin:0 0 7px 4px;font-weight:700;font-size:14px}
#atc02 .inner .txt_area .tit{font-weight:800;font-size:32px}

/*이미지*/
#atc02 .inc02{opacity:0;position:relative;height:932px;width:100%;-webkit-transform:translate(20px,20px);-ms-transform:translate(20px,20px);transform:translate(20px,20px)}
#atc02 .inc02 li p{height:100%;width:100%}
#atc02 .inc02 li{background-repeat: no-repeat;background-position: left}
#atc02 .inc02 .box01{background-image:url(./img/atc02_slide-01.png)}
#atc02 .inc02 .box02{background-image:url(./img/atc02_slide-02.png)}
#atc02 .inc02 .box03{background-image:url(./img/atc02_slide-03.png)}

#atc02 .inner .pager{position: absolute;z-index: 3;top:10px;top:65px;left: 93px}
#atc02 .inner .pager span{margin:0 10px;width:5px;height:5px;background-color: #fff}
#atc02 .inner .pager span:first-child{margin-left:0px}

/* 반응형 [s] */
@media (max-width:1070px){
#atc02 .inner .txt_area{padding: 235px 0 0 120px}
#atc02 .inner .pager{left: 120px}
}
@media (max-width:1024px){
#atc02 .inner{margin-left:0px;left:unset}
#atc02 .inner .txt_area{display:flex;flex-direction: column;position:absolute;top: 0px;left:0px;padding:2.5% 0 0 2.5%;width:270px;height: 200px}
#atc02 .inner .txt_area .tit{font-size:24px}
#atc02 .inner .pager{top:29%;left:3%}
#atc02 .inc02{height:480px}
#atc02 .inc02 li{background-position:center;background-size:cover}
}
@media (max-width:768px){
#atc02 .inner .txt_area{width:230px;height:170px}
#atc02 .inner .txt_area .tit{font-size:21px}
#atc02 .inner .pager{top: 27%}
#atc02 .inc02{height:420px}
}
@media (max-width:480px){
#atc02 .inner .txt_area{width:180px;height: 130px}
#atc02 .inner .txt_area .num{font-size: 13px}
#atc02 .inner .txt_area .tit{font-size:18px}
#atc02 .inner .pager{top:26%}
#atc02 .inc02{height:340px}
}
@media (max-width:380px){
#atc02 .inner .txt_area{width:160px;height: 110px}
#atc02 .inner .txt_area .num{margin: 0 0 4px 4px}
#atc02 .inner .txt_area .tit{font-size:16px}
#atc02 .inner .pager{top: 25%}
#atc02 .inc02{height:300px}
}
/* 반응형 [e] */