@charset "utf-8";

#atc01{position:relative;padding: 160px 0;border-bottom: 1px solid #e1e1e1}
#atc01 .pl{white-space:pre-line}
#atc01 .txt_area{position:relative;width:100%;max-width:1500px;margin:0 auto}
#atc01 .txt_area:after{position:absolute;content:'business';top:8px;right: 0;color:rgb(0,0,0,0.05);font-size:150px;font-weight:700;text-transform:uppercase}
#atc01 .txt_area span{color:var(--primary);font-weight:700;font-size:15px}
#atc01 .txt_area .tit{padding:50px 0 40px 0;line-height:1.2;color:#111;font-size: 54px;font-weight:200}
#atc01 .txt_area .txt{letter-spacing:-.3px;font-family:'Pretendard'}
#atc01 b{font-weight:700;text-transform:uppercase}
#atc01 .gall_slide{position:relative;max-width:1500px;margin:100px auto 0}
#atc01 .gall_slide ul{display:grid;grid-template-columns:repeat(2, 1fr);row-gap:40px;column-gap:30px}
#atc01 .gall_slide ul li{position:relative;width:100%;height:350px}
#atc01 .gall_slide ul li:nth-child(1){background:url(./img/img01.jpg) no-repeat center / cover}
#atc01 .gall_slide ul li:nth-child(2){background:url(./img/img02.jpg) no-repeat center / cover}
#atc01 .gall_slide ul li:nth-child(3){background:url(./img/img03.jpg) no-repeat center / cover}
#atc01 .gall_slide ul li:nth-child(4){background:url(./img/img04.jpg) no-repeat center / cover}
#atc01 .gall_slide ul li:nth-child(5){background:url(./img/img05.jpg) no-repeat center / cover}
#atc01 .gall_slide ul li:nth-child(6){background:url(./img/img06.jpg) no-repeat center / cover}
#atc01 .gall_slide ul li:nth-child(7){background:url(./img/img07.jpg) no-repeat center / cover}
#atc01 .gall_slide ul li img{width:100%}
#atc01 .gall_slide ul li .txt_box{position:absolute;width:100%;left:50px;top:55px;letter-spacing:-.3px;color:rgba(255, 255, 255, 0.8);font-size:16px;transition:all 0.3s}
#atc01 .gall_slide ul li .txt_box h3{margin-bottom:20px;color:#fff;letter-spacing:-.2px;font-size:30px;font-weight:700}
#atc01 .gall_slide .more{position:absolute;right:40px;bottom:40px;margin-top:40px}
#atc01 .gall_slide .more a{display:inline-block;padding:0 50px;line-height:55px;color:#111;background:#fff;border-radius:50px;font-size:15px;font-weight:600;transition:all 0.2s}
#atc01 .gall_slide .more a:hover{color:#fff !important;background:var(--primary)}

/* 반응형 [s] */
@media(hover:hover){
#atc01 .gall_slide .slide_box .item:hover .img img{-webkit-transform:scale(1.15);transform:scale(1.15)}
#atc01 .gall_slide .slide_box .item:hover .img::after{-webkit-transition-delay:0.2s;transition-delay:0.2s}
}
@media (max-width:1400px){
#atc01 .txt_area:after{font-size:130px}
#atc01 .gall_slide ul{column-gap:20px}
}
@media (max-width:1000px){
#atc01 .gall_slide ul li{text-align:center}
#atc01 .gall_slide ul li .txt_box{padding:0 !important}
#atc01 .gall_slide .more{left:50%;transform:translateX(-50%)}
#atc01 .gall_slide .more a{width:max-content;padding:0 40px;line-height:50px}
}
@media (max-width:1024px){
#atc01{overflow:hidden;padding:119px 0px}
#atc01:after{width:100%}
#atc01 .txt_area{padding-left:25px}
#atc01 .txt_area:after{top:30px;right:0px;font-size:85px}
#atc01 .txt_area .tit{font-size:38px}
#atc01 .gall_slide{position:static;max-width:none;margin-top:80px}
#atc01 .gall_slide .slide_box{width:100%}
#atc01 .gall_slide .slide_box .item{height:350px}
#atc01 .main_pg{top:36%;right:2%}
#atc01 .gall_slide .arrow .pager{padding-right:0px}
#atc01 .main_pg .swiper-progress-bar.active .slide_progress-bar{width:75%}
#atc01 .gall_slide ul li{height:300px}
#atc01 .gall_slide ul li .txt_box{left:0;bottom:0;padding:30px;word-break:keep-all}
#atc01 .gall_slide ul li .txt_box h3{margin-bottom:10px;font-size:22px}
#atc01 .gall_slide .slide_box .swiper-slide.swiper-slide-next .img{height:350px}
#atc01 .gall_slide .swiper-slide.swiper-slide-next img{filter:brightness(50%)}
#atc01 .gall_slide .slide_box img{bottom:auto;width:100%;height:100%;object-fit:cover;filter:brightness(50%)}
#atc01 .gall_slide .swiper-slide.swiper-slide-next .txt_box{opacity:0}
#atc01 .gall_slide .swiper-slide.swiper-slide-active .txt_box{opacity:1!important}
}
@media (max-width:768px){
#atc01{padding:85px 0px 80px 0px}
#atc01:after{height:235px}
#atc01 .txt_area{width:95%;padding:0px;text-align:center}
#atc01 .txt_area:after{display:none}
#atc01 .txt_area .tit{padding:22px 0px;font-size:34px;white-space:normal;word-break:keep-all}
#atc01 .txt_area .txt{white-space:normal;word-break:keep-all}
#atc01 .gall_slide{margin-top:50px}
#atc01 .gall_slide .arrow .pager{text-align:center;left:50%;transform:translateX(-50%);margin-top:15px}
#atc01 .gall_slide .slide_box .item{height:365px}
#atc01 .gall_slide .slide_box img{width:100%;height:100%}
#atc01 .gall_slide ul{grid-template-columns:repeat(1, 1fr);row-gap:20px}
#atc01 .gall_slide ul li .txt_box{font-size:15px}
#atc01 .gall_slide ul li .txt_box h3{font-size:22px}
#atc01 .gall_slide .more a{padding:0 30px;font-size:13px}
}
@media (max-width:480px){
#atc01{padding:50px 0px}
#atc01:after{height:220px}
#atc01 .txt_area{padding:0px;text-align:center}
#atc01 .txt_area .txt{white-space:normal;word-break:keep-all}
#atc01 .txt_area .tit{padding:13px 0px;font-size:28px}
#atc01 .main_pg .swiper-progress-bar{display:none}
#atc01 .main_pg .swiper-pagination-fraction{display:none}
#atc01 .gall_slide{margin-top:30px}
#atc01 .gall_slide .slide_box .item{height:270px}
#atc01 .gall_slide .slide_box .img{height:100%;transition:none}
#atc01 .gall_slide .slide_box img{opacity:0}
#atc01 .gall_slide .slide_box .swiper-slide.swiper-slide-next img{bottom:0}
#atc01 .gall_slide ul li{height:260px}
#atc01 .gall_slide ul li .txt_box{left: 0;bottom:20px;opacity:1}
}
@media (max-width:380px){
#atc01:after{height:190px}
#atc01 .txt_area .tit{font-size:25px}
#atc01 .txt_area .txt{font-size:15px}
#atc01 .gall_slide{margin-top:55px}
#atc01 .gall_slide .slide_box .item{height:230px}
#atc01 .gall_slide ul li .txt_box{font-size:14px}
#atc01 .gall_slide ul li .txt_box h3{margin-bottom:5px;font-size:18px}
}
/* 반응형 [e] */