@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}
#atc01 .left .tit p{padding:15px 0 15px 0;font-size:42px;color:#111;font-family:'Noto Sans KR';font-weight:700}
#atc01 .left .tit p > span{font-size:42px;color:#49b33e;font-family:'Noto Sans KR';font-weight:700}
#atc01 .left .tit span{font-size: 16px; color: #777777; font-weight: 500;}

#atc01 .right_box .tit {padding-bottom:45px}
#atc01 .right_box .tit b{font-size:15px;color:#111}
#atc01 .right_box .tit p{padding:15px 0 15px 0;font-size:42px;color:#111;font-family:'Noto Sans KR';font-weight:700}
#atc01 .right_box .tit p > span{font-size:42px;color:#3e78b3;font-family:'Noto Sans KR';font-weight:700}
#atc01 .right_box .tit span{font-size: 16px; color: #777777; font-weight: 500;}

#atc01 .left .gall .swiper-slide a{width:100%;height:100%}
#atc01 .left .gall .swiper-slide .img_area{width:100%;height:495px;background-size:cover;background-position:center}
#atc01 .left .gall .swiper-slide .txt{display: flex; align-items: center; justify-content: center; position: relative; top: -160px; left: 202px; width: 435px; padding: 20px 35px; color: #fff; text-align: left; background: #2f7028;}
#atc01 .left .gall .swiper-slide .txt .desc p{font-size: 25px; font-family: 'Noto Sans KR'; font-weight: 500;}
#atc01 .left .gall .swiper-slide .txt .desc .cont{color: rgba(225, 225, 225, 0.9); font-size: 18px; font-weight: 300;}
#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%;height:307px;background-size:cover;background-position:center}
#atc01 .right li.empty{display:flex;align-items:center;justify-content:center;width:307px;height:307px;border:1px solid #e1e1e1}
#atc01 .right li:nth-child(2n){position:relative;top:110px}
#atc01 .right .info{display: flex; flex-direction: column; align-items: center; 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; text-align: center;}
#atc01 .right .info .subject{padding-bottom:15px;font-size:25px;font-family:'Noto Sans KR';font-weight:700}
#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 .img_area{height:480px}
#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 li .img_area{height:354px}
#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 .right_box .tit p{font-size:35px}
#atc01 .right_box .tit p > span{font-size:35px}
#atc01 .left .gall .swiper-slide .img_area{height:430px}
#atc01 .left .gall .swiper-slide .txt{padding:35px 40px}
#atc01 .left .gall .swiper-slide .txt .desc p{font-size:20px}
#atc01 .right li .img_area{height:321px}
}
@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 .tit p{font-size:33px}
#atc01 .right_box .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 li .img_area{height:250px}
#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 .right_box .tit span{font-size:15px}
#atc01 .right_box .tit p{font-size:30px}
#atc01 .right_box .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 .right_box .tit b{font-size:13px}
#atc01 .right_box .tit span{font-size:14px;line-height:24px;word-break:keep-all}
#atc01 .right_box .tit p{padding:30px 0 20px;font-size:25px}
#atc01 .right_box .tit p > span{font-size:25px}

#atc01 .left .gall .swiper-slide .img_area{height:255px}
#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 li .img_area{height:220px}
#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 .right_box .tit p{font-size:23px}
#atc01 .right_box .tit p > span{font-size:23px}
#atc01 .left .gall .swiper-slide .img_area{height:220px}
#atc01 .left .gall .swiper-slide .txt .desc p{font-size:15px}
}
/* 반응형 [e] */