@charset "utf-8";

#atc04{overflow:hidden;padding:125px 0 75px;background:url(./img/inc04_bg.jpg) no-repeat center bottom #f5f5f5 }
#atc04 .inner{width:100%;max-width:1200px;margin:0 auto;text-align:center}
#atc04 .inner .stit{margin-bottom:40px;font-size:17px;font-weight:700;line-height:15px;letter-spacing:0;color:#2e7cae;font-family:'Philosopher'}
#atc04 .inner .tit_area{position:relative;padding:0 40px}
#atc04 .inner .tit_area:after{display:block;clear:both;content:''}
#atc04 .inner .tit_area .tit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:35px;line-height:35px;color:#222;letter-spacing:-1px;font-family:'Noto Sans KR';font-weight:100}
#atc04 .inner .tit_area .tit b{font-family:'Noto Sans KR';font-weight:700}

/*slide btn*/
#atc04 .prev{float:left;padding-left:30px}
#atc04 .prev:after{left:0}
#atc04 .prev:before{left:10px}
#atc04 .prev:before, #atc04 .prev:after{content:"\f177"}
#atc04 .next{float:right;padding-right:30px}
#atc04 .next:after{right:0}
#atc04 .next:before{right:10px}
#atc04 .next:before, #atc04 .next:after{content:"\f178"}

/*slide btn all*/
#atc04 .contols{cursor:pointer;position:relative;z-index:10;font-size:15px;font-weight:700;color:#2d3c46;letter-spacing:0;font-family:'Philosopher'}
#atc04 .contols:before{opacity:0}
#atc04 .contols:before, #atc04 .contols:after{display:block;position:absolute;top:1px;transition:all .3s;font-weight:normal;font-family:'fontawesome'}

/*slid*/
#atc04 .gallery_box{margin-top:72px}
#atc04 .gallery_box .gall li{width:380px}
#atc04 .gallery_box .gall li a{display:block}
#atc04 .gallery_box .gall li .thum{overflow:hidden;height:300px;margin-bottom:26px;border-radius:15px;background-size:cover}
#atc04 .gallery_box .gall li .gall_tit{width:100%;padding-left:38px;font-size:16px;letter-spacing:-0.5px;color:#fff;transition:all .3s;font-family:'Noto Sans KR';font-weight:500}
#atc04 .gallery_box .more_gall{display:block;position:relative;width:250px;height:65px;margin:75px auto 0;border:1px solid rgba(255,255,255,.2);border-radius:34px;font-size:15px;letter-spacing:-0.5px;text-align:center;line-height:65px;color:#fff;transition:all .3s;font-weight:700;font-family:'Philosopher'}
#atc04 .gallery_box .more_gall i{position:relative;bottom:0;font-size:13px;margin-right:15px}

/* 모바일 호버 X */
@media (hover: hover) {
#atc04 .prev:hover:before{left:0}
#atc04 .prev:hover:after{left:-10px}
#atc04 .next:hover:before{right:0}
#atc04 .next:hover:after{right:-10px}
#atc04 .contols:hover:before{opacity:1;-webkit-transition-delay:.1s;transition-delay:.1s}
#atc04 .contols:hover:after{opacity:0}
#atc04 .gallery_box .more_gall:hover{border:1px solid rgba(255,255,255,.5)}
}

/* 반응형 [s] */
@media (max-width:1230px){
#atc04{padding:90px 0}
#atc04 .inner .tit_area .tit{width:100%;font-size:30px;word-break:keep-all}
#atc04 .inner .tit_area{padding:0 30px}
#atc04 .gallery_box .gall li .gall_tit{padding-left:20px}
}

@media (max-width:768px){
#atc04{padding:70px 0}
#atc04 .inner .stit{margin-bottom:54px;font-size:15px}
#atc04 .inner .tit_area .tit{width:65%;font-size:28px;line-height:38px}
#atc04 .contols{font-size:13px}
#atc04 .gallery_box .gall li .gall_tit{font-size:15px}
#atc04 .gallery_box .more_gall{margin-top:50px;font-size:13px}
}

@media (max-width:480px){
#atc04 .inner .tit_area{padding:0 15px}
#atc04 .inner .tit_area .tit{font-size:25px;line-height:35px}
#atc04 .contols{font-size:0}
#atc04 .contols:before, #atc04 .contols:after{font-size:15px}
}

@media (max-width:380px){
#atc04{background-size:1560px}
#atc04 .gallery_box{padding:0 15px}
#atc04 .gallery_box .gall li{width:100%}
#atc04 .gallery_box .gall li .thum{height:230px}
#atc04 .gallery_box .gall li .gall_tit{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#atc04 .gallery_box .more_gall{width:100%;height:60px;line-height:60px}
}
/* 반응형 [e] */