@charset "utf-8";

#atc01{position:relative;height:870px;padding:170px 0;font-family:'Poppins','notokr-regular'}
#atc01:before{display:block;content:"";position:absolute;top:0;left:0;bottom:0;z-index:-1;width:19.5%;height:100%;background-color:#f3f5f7}
#atc01 .br{white-space:pre-line}

#atc01 .rot_txt{position:absolute;top:50%;left:95px;z-index:1001;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:50% 0%;-ms-transform-origin:50% 0%;transform-origin:50% 0%;font-size:14px;font-weight:500;letter-spacing:.3px;color:#222}
#atc01 .rot_txt:before{display:block;content:"";position:absolute;top:-200px;right:-15px;width:1px;height:225px;background-color:#cbcfd5}

/* 텍스트 */
#atc01 .tit_area{width:1350px;margin:0 auto;padding-top:90px}
#atc01 .tit_area .num{font-size:16px;font-weight:600;color:#222;letter-spacing:.5px}
#atc01 .tit_area p{margin:20px 0 25px;font-size:40px;font-weight:700;line-height:1.2;color:#222}
#atc01 .tit_area p br{display:none}
#atc01 .tit_area a{display:block;width:155px;margin-top:45px;padding:16px 0;border:1px solid #cbcfd5;font-size:12px;font-weight:600;letter-spacing:.2px;text-align:center;color:#222;-webkit-transition:all .3s;transition:all .3s}
#atc01 .tit_area a:hover{border-color:#282d33;color:#fff;background-color:#282d33}

/* 이미지 */
#atc01 .img_area{overflow:hidden;position:absolute;top:170px;right:0;width:60%}
#atc01 .inc01_slide{overflow:hidden}
#atc01 .inc01_slide li{float:left;position:relative;width:400px;height:530px;margin-right:10px} 
#atc01 .inc01_slide li .img{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center}
#atc01 .inc01_slide li .overlay{position:absolute;bottom:-100%;width:100%;padding:30px;font-size:16px;color:#fff;background-color:rgba(40,45,51,.9);-webkit-transition:all 1.5s ease;transition:all 1.5s ease}
#atc01 .inc01_slide li .overlay span{display:block;font-size:12px;font-weight:500;letter-spacing:1px}
#atc01 .inc01_slide li .overlay span:after{display:inline-block;content:"";vertical-align:4px;width:35px;height:1px;margin-left:10px;background-color:rgba(255,255,255,.2)}
#atc01 .inc01_slide li.active .overlay, #atc01 .inc01_slide li:hover .overlay{bottom:0;-webkit-transition:all .4s ease;transition:all .4s ease}

/* 스크롤바 */
.scrollbar{height:4px;margin-top:25px;background:#ddd}
.scrollbar .handle{width:100px;height:100%;background:#292a33;cursor:pointer}
.scrollbar .handle .mousearea{position:absolute;top:-9px;left:0;width:100%;height:20px}

@media (max-width:1750px){
#atc01 .rot_txt{left:0}	
}
@media (max-width:1575px){
#atc01 .rot_txt{display:none}
}
@media (max-width:1400px){
#atc01 .tit_area{width:100%;padding:0 30px}
#atc01 .tit_area p br{display:block}
}
@media (max-width:1024px){
#atc01{height:auto;padding:90px 15px 170px}
#atc01 .br{white-space:normal;word-break:keep-all}
#atc01 .tit_area{width:100%;padding:0;margin-bottom:40px}
#atc01 .tit_area p{margin-top:15px}
#atc01 .tit_area p br{display:none}
#atc01 .tit_area a{position:absolute;left:50%;bottom:80px;transform:translateX(-50%);margin-top:0}
#atc01 .img_area{position:inherit;top:0;width:100%}
#atc01 .inc01_slide li{height:400px;width:300px}
}
@media (max-width:768px){
#atc01 .inc01_slide li{height:350px;width:250px}
#atc01 .tit_area p{font-size:35px}
}
@media (max-width:480px){
#atc01{padding:60px 15px 130px}
#atc01 .tit_area .num{font-size:13px}
#atc01 .tit_area p{font-size:30px}
#atc01 .tit_area a{bottom:50px;padding:10px 0}
#atc01 .inc01_slide li{height:250px;width:180px}
#atc01 .inc01_slide li .overlay{padding:15px}
}
@media (max-width:350px){
#atc01 .tit_area p{font-size:28px}
#atc01 .tit_area a{bottom:50px;padding:10px 0}
#atc01 .inc01_slide li{height:250px;width:180px}
#atc01 .inc01_slide li .overlay{padding:15px}
}