@charset "utf-8";

#atc01{position:relative}
#atc01::after{content:"";display:block;position:absolute;bottom:-328px;width:100%;height:726px;z-index:-1;background:url(./img/inc01_bg.jpg) center bottom;background-size:cover}
#atc01 .pl{white-space:pre-line}
#atc01 .inner{display:flex;align-items:flex-start;justify-content:space-between;max-width:1400px;margin:150px auto 80px auto}
#atc01 .left{flex-shrink:0;width:700px;padding-right:63px}
#atc01 .left .tit b{font-size:15px;color:#111;font-family:'Poppins'}
#atc01 .left .tit p{padding:35px 0 30px 0;font-size:42px;color:#111;font-family:'notokr-bold'}
#atc01 .left .tit p > span{font-size:42px;color:var(--primary);font-family:'notokr-bold'}
#atc01 .left .tit span{font-size:16px}
#atc01 .left .gall .swiper-slide a{width:100%;height:100%}
#atc01 .left .gall .swiper-slide .img_area{width:100%;background-size:cover;background-position:center}
#atc01 .left .gall .swiper-slide .img_area img{width:100%}
#atc01 .left .gall .swiper-slide .txt{display:flex;align-items:center;justify-content:center;position:relative;top:-160px;left:202px;width:435px;padding:35px 55px;color:#fff;text-align:left;background:var(--primary)}
#atc01 .left .gall .swiper-slide .txt .desc p{font-size:25px;font-family:'notokr-bold'}
#atc01 .left .gall .swiper-slide .txt .desc .cont{color:rgba(225, 225, 225, 0.5)}
#atc01 .left .gall .empty{background:#fff}
#atc01 .right{flex-grow:1;display:flex;flex-wrap:wrap;justify-content:right;row-gap:45px;column-gap:40px}
#atc01 .right li{position:relative;width:307px}
#atc01 .right li .img_area{width:100%;background-size:cover;background-position:center}
#atc01 .right li .img_area img{width:100%}
#atc01 .right li.empty{display:flex;align-items:center;justify-content:center;width:307px;height:379px;border:1px solid #e1e1e1}
#atc01 .right li:nth-child(2n){position:relative;top:110px}
#atc01 .right .info{display:flex;flex-direction:column;align-items:flex-start;justify-content:end;position:absolute;top:0;width:100%;height:100%;padding:45px;background:rgba(0, 0, 0, 0.6);color:#fff;opacity:0;transition:0.33s}
#atc01 .right .info .subject{padding-bottom:15px;font-size:17px;font-family:'notokr-bold'}
#atc01 .right .info .cont{font-size:15px;color:#fff}

#atc01 .control{display:flex;position:relative;width:75px;margin:40px 0 55px 0}
#atc01 .control:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1px;height:21px;background:#e1e1e1}
#atc01 .control > span{display:flex;align-items:center;width:50%;cursor:pointer}
#atc01 .control > span.next .feather{margin-left:auto;color:#111}
#atc01 .control > span.prev .feather{color:#111}

/* 모바일 호버 X */
@media (hover:hover){
#atc01 .right .info:hover{opacity:1}
}

/* 반응형 [s] */
@media (max-width:1460px){
#atc01 .inner{max-width:none;padding:0 30px}
#atc01 .left{width:60%;padding-right:3%}
#atc01 .left .gall .swiper-slide .txt{left:calc(100% - 435px)}
#atc01 .right_box{width:40%}
#atc01 .right{justify-content:space-between;row-gap:30px;column-gap:20px}
#atc01 .right li{width:calc(100%/2 - 10px)}
#atc01 .right .info{padding:45px 30px}
#atc01 .right .info .subject{overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}
}
@media (max-width:1230px){
#atc01 .inner{margin:120px auto 0 auto}
#atc01 .control{margin:40px 0}
#atc01 .left .tit p{font-size:35px}
#atc01 .left .tit p > span{font-size:35px}
#atc01 .left .gall .swiper-slide .txt{padding:35px 40px}
#atc01 .left .gall .swiper-slide .txt .desc p{font-size:20px}
}
@media (max-width:1024px){
#atc01::after{bottom:0;height:67%}
#atc01 .inner{display:block;margin:80px auto 0;padding-bottom:80px}
#atc01 .left{width:100%;padding-right:0}
#atc01 .left .tit p{font-size:33px}
#atc01 .left .tit p > span{font-size:33px}
#atc01 .right_box{width:100%;margin-top:-80px}
#atc01 .right{padding-bottom:50px}
#atc01 .right li:nth-child(2n){top:50px}
#atc01 .right .info{opacity:1}
}
@media (max-width:768px){
#atc01 .inner{margin-top:60px;padding:0 15px 60px}
#atc01 .left .tit span{font-size:15px}
#atc01 .left .tit p{font-size:30px}
#atc01 .left .tit p > span{font-size:30px}
#atc01 .left .gall .swiper-slide .txt{left:20%;width:80%;padding:30px 25px}
#atc01 .left .gall .swiper-slide .txt .desc p{font-size:18px}
#atc01 .right_box{top:-100px}
#atc01 .right{row-gap:15px;column-gap:15px}
#atc01 .right li{width:calc(100%/2 - 7.5px)}
#atc01 .right .info{opacity:1;padding:45px 25px}
#atc01 .right .info .subject{font-size:16px}
#atc01 .right .info .cont{font-size:14px}
}
@media (max-width:480px){
#atc01 .inner{margin-top:50px;padding-bottom:50px}
#atc01 .control{margin:35px 0 30px}
#atc01 .control:before{height:15px}
#atc01 .control > span .feather{height:20px}
#atc01 .left .tit b{font-size:13px}
#atc01 .left .tit span{font-size:14px;line-height:24px;word-break:keep-all}
#atc01 .left .tit p{padding:30px 0 20px;font-size:25px}
#atc01 .left .tit p > span{font-size:25px}
#atc01 .left .gall .swiper-slide .txt{position:initial;width:100%;padding:15px 25px}
#atc01 .left .gall .swiper-slide .txt .desc p{font-size:16px}
#atc01 .right_box{margin-top:50px}
#atc01 .right{display:block;padding-bottom:0}
#atc01 .right li{width:100%}
#atc01 .right li:nth-child(2n){top:0}
#atc01 .right li+li{margin-top:15px}
#atc01 .right .info .subject{font-size:15px}
}
@media (max-width:380px){
#atc01 .left .tit p{font-size:23px}
#atc01 .left .tit p > span{font-size:23px}
#atc01 .left .gall .swiper-slide .txt .desc p{font-size:15px}
}
/* 반응형 [e] */