@charset "utf-8";

#atc01{padding:157px 0 0 80px}

#atc01 .txt_area{display:flex;align-items:flex-end;column-gap:122px;padding-left:60px}
#atc01 .txt_area .l_txt{position:relative;padding-left:68px;font-size:85px;line-height:1.2;font-weight:700;white-space:nowrap;font-family:'Cabin', sans-serif}
#atc01 .txt_area .l_txt:before{position:absolute;left:0;top:22px;content:'';width:17px;height:18px;background:url('./img/point_dot.png') no-repeat center}
#atc01 .txt_area .r_txt{padding:0 0 16px;font-size:16px;line-height:1.62;white-space:pre-line;color:#666}

#atc01 .gall_slide{position:relative;margin-top:86px}
#atc01 .gall_slide:before{position:absolute;right:0;top:0;content:'';z-index:-1;width:452px;height:calc(100% - 100px);background-color:var(--primary)}
#atc01 .gall_slide .txt{padding:38px 0 43px 60px;font-size:17px;font-weight:500;font-family:'Cabin', sans-serif}
#atc01 .gall_slide ul{margin-bottom:173px}
#atc01 .gall_slide ul li{width:500px}
#atc01 .gall_slide ul li .thum_img{width:100%;height:520px;background-position:center;background-size:cover;filter:grayscale(1);transition:all .3s}
#atc01 .gall_slide ul li:hover .thum_img{filter:grayscale(0)}
#atc01 .gall_slide ul li.slide01 .thum_img{background-image:url('/sh_img/include/inc01/img/slide_img01.jpg')}
#atc01 .gall_slide ul li.slide02 .thum_img{background-image:url('/sh_img/include/inc01/img/slide_img02.jpg')}
#atc01 .gall_slide ul li.slide03 .thum_img{background-image:url('/sh_img/include/inc01/img/slide_img03.jpg')}
#atc01 .gall_slide ul li.slide04 .thum_img{background-image:url('/sh_img/include/inc01/img/slide_img04.jpg')}
#atc01 .gall_slide ul li .gall_txt{padding:23px 0 0 20px;font-family:'Cabin', 'Pretendard'}
#atc01 .gall_slide ul li .gall_txt .cate_txt{font-size:15px;font-weight:500}
#atc01 .gall_slide ul li .gall_txt .subj_txt{font-size:25px;font-weight:700}
#atc01 .gall_slide .swiper-pagination{width:calc(100% - 80px);height:3px;background:rgba(000,000,000,.2)}
#atc01 .gall_slide .swiper-pagination .swiper-pagination-progressbar-fill{background:#000}

/* 반응형 [s] */
@media (max-width:1600px){
#atc01 .txt_area{column-gap:normal;justify-content:space-between;padding-right:80px}
#atc01 .txt_area .l_txt{font-size:75px}
#atc01 .txt_area .r_txt{width:50%;white-space:normal;word-break:keep-all}
}
@media (max-width:1430px){
#atc01{padding-left:50px}
#atc01 .txt_area{padding:0 50px 0 0}
#atc01 .txt_area .l_txt{font-size:67px}
#atc01 .txt_area .l_txt:before{top:16px}
#atc01 .txt_area .r_txt{font-size:15px}
#atc01 .gall_slide .txt{padding-left:68px;font-size:15px}
#atc01 .gall_slide .swiper-pagination{width:calc(100% - 50px)}
}
@media (max-width:1230px){
#atc01{padding:130px 0 0 30px}
#atc01 .txt_area{padding-right:30px}
#atc01 .txt_area .l_txt{padding-left:55px;font-size:60px}
#atc01 .txt_area .l_txt:before{top:-8px;height:calc(100% - 80px)}
#atc01 .gall_slide .txt{padding-left:55px}
#atc01 .gall_slide .swiper-pagination{width:calc(100% - 30px)}
#atc01 .gall_slide ul{margin-bottom:135px}
#atc01 .gall_slide ul li{width:400px}
#atc01 .gall_slide ul li .thum_img{height:420px}
#atc01 .gall_slide ul li .gall_txt .subj_txt{font-size:23px}
}
@media (max-width:1024px){
#atc01{padding:100px 0 0 15px}
#atc01 .txt_area{display:block;overflow:hidden;padding-right:15px}
#atc01 .txt_area .l_txt{font-size:52px}
#atc01 .txt_area .l_txt:before{top:0}
#atc01 .txt_area .r_txt{float:right;width:560px;padding:40px 0 0}
#atc01 .gall_slide{margin-top:70px}
#atc01 .gall_slide .txt{padding:33px 0 33px 55px}
#atc01 .gall_slide .swiper-pagination{width:calc(100% - 15px)}
#atc01 .gall_slide ul li{width:330px}
#atc01 .gall_slide ul li .thum_img{height:350px}
}
@media (max-width:768px){
#atc01{padding-top:85px}
#atc01 .txt_area .l_txt{font-size:45px}
#atc01 .txt_area .l_txt:before{top:6px}
#atc01 .txt_area .r_txt{float:none;width:auto;max-width:600px;padding:30px 0 0 55px}
#atc01 .gall_slide{margin-top:60px}
#atc01 .gall_slide:before{width:calc(100% - 310px);height:calc(100% - 70px)}
#atc01 .gall_slide .txt{padding:25px 0 25px 55px}
#atc01 .gall_slide ul{margin-bottom:110px}
#atc01 .gall_slide ul li .gall_txt .subj_txt{font-size:20px}
}
@media (max-width:480px){
#atc01{padding-top:75px}
#atc01 .txt_area .l_txt{padding-left:40px;font-size:33px}
#atc01 .txt_area .l_txt:before{top:8px;width:12px;height:12px;background-size:contain}
#atc01 .txt_area .r_txt{padding:23px 0 0 40px;font-size:14px}
#atc01 .gall_slide{margin-top:45px}
#atc01 .gall_slide:before{width:calc(100% - 250px);height:calc(100% - 65px)}
#atc01 .gall_slide .txt{padding:20px 0 20px 40px;font-size:13px}
#atc01 .gall_slide ul{margin-bottom:90px}
#atc01 .gall_slide ul li{width:300px}
#atc01 .gall_slide ul li .thum_img{height:320px}
#atc01 .gall_slide ul li .gall_txt .cate_txt{font-size:13px}
#atc01 .gall_slide ul li .gall_txt .subj_txt{font-size:18px}
}
@media (max-width:380px){
#atc01 .txt_area .l_txt{font-size:28px}
#atc01 .gall_slide:before{height:calc(100% - 50px)}
#atc01 .gall_slide ul{margin-bottom:70px}
#atc01 .gall_slide ul li .gall_txt .subj_txt{font-size:17px}
}
/* 반응형 [e] */