@charset "utf-8";

#atc03{position:relative;max-width:1300px;margin:140px auto 0}

#atc03 .tit_area{font-size:20px;color:#222;text-align:center}
#atc03 .tit_area span{display:flex;justify-content:center;align-items:flex-end;font-size:20px;font-weight:800;letter-spacing:1px}
#atc03 .tit_area .tit{font-size:42px;font-family:notokr-bold}

#atc03 .icon_cont{margin-top:40px;border-top:solid 2px #000;border-bottom:solid 1px #000}
#atc03 .icon_cont:after{display:block;visibility:hidden;clear:both;content:""}
#atc03 .icon_cont li{position:relative;float:left;width:calc(100% / 3);height:348px;text-align:center;transition:all .3s}
#atc03 .icon_cont li+li:before{position:absolute;left:0;top:68px;width:1px;height:200px;content:'';background-color:#e1e1e1}
#atc03 .icon_cont li a{display:block;height:100%;padding-top:179px;color:#777;transition:all .3s}
#atc03 .icon_cont li p{padding-bottom:5px;font-size:18px;color:#222;transition:all .3s;font-family:notokr-bold}
#atc03 .icon_cont li img{position:absolute;top:68px;left:50%;margin-left:-42px;transition:all .3s}

#atc03 .lt_area{padding:80px 0 100px;overflow:hidden}
#atc03 .lt_area .tit{margin-bottom:15px;font-size:28px;font-weight:800;color:#222; text-transform:uppercase;font-family:'mulish'}

#atc03 .news{float:left;width:calc(100% - (100% / 3))}
#atc03 .news .gall_img{width:100%;height:174px;background-repeat:no-repeat;background-position:center;background-size:cover}
#atc03 .news .lt_news ul{overflow:hidden}
#atc03 .news .lt_news ul li{float:left;width:46%;height:308px;margin-right:4%}
#atc03 .news .lt_news ul li a{display:block;height:100%}
#atc03 .news .lt_news ul li .gall_tit{padding:18px 0 3px;font-size:17px;color:#222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:notokr-medium}

#atc03 .event{position:relative;float:left;width:calc(100% / 3)}
#atc03 .event .event_slider li{width:100%;height:174px;background-repeat:no-repeat;background-position:center;background-size:cover}
#atc03 .event .event_slider li a{display:block;height:100%}


#atc03 .event .event_slider li .gall_tit{opacity:0}
#atc03 .event .swiper-button-next, #atc03 .event .swiper-button-prev{width:26px;top:23px;font-size:19px;color:#999;text-align:center;transition:all .2s}
#atc03 .event .swiper-button-next{right:0}
#atc03 .event .swiper-button-next:before{position:absolute;top:18px;left:-11px;content:'';width:1px;height:10px;background-color:#ddd}
#atc03 .event .swiper-button-prev{left:auto;right:48px}
#atc03 .event .swiper-button-next:after, #atc03 .event .swiper-button-prev:after{display:none}
#atc03 .event .swiper-button-next:hover, #atc03 .event .swiper-button-prev:hover{color:#222}

/* 반응형 [s] */
@media (hover:hover) {
#atc03 .icon_cont li:hover{background-color:#ed643d;box-shadow:0 5px 24px rgba(0, 0, 0, 0.23)}
#atc03 .icon_cont li:hover a{padding-top:171px;color:rgba(255,255,255,.7)}
#atc03 .icon_cont li:hover p{color:#fff}
#atc03 .icon_cont li:hover img{bottom:212px}
}
@media (max-width:1300px){
#atc03{padding:0 20px}
#atc03 .lt_area{padding:40px 0 80px}
}
@media (max-width:1024px){
#atc03{margin:80px 0 0}
#atc03 .tit_area .tit{font-size:31px}
#atc03 .tit_area{font-size:17px}
#atc03 .icon_cont li{height:300px}
#atc03 .icon_cont li+li:before{display:none}
#atc03 .icon_cont li a{padding-top:158px}
#atc03 .icon_cont li img{top:52px}
#atc03 .news{width:49%;margin-right:2%}
#atc03 .news .lt_news ul li{width:100%}
#atc03 .news .lt_news ul li:last-child{display:none}
#atc03 .event{width:49%}
}
@media (max-width:768px){
#atc03{margin-top:50px}
#atc03 .tit_area{font-size:15px}
#atc03 .tit_area .tit{font-size:28px}
#atc03 .tit_area .cont{margin-top:10px;line-height:26px;white-space:pre-line}
#atc03 .icon_cont{margin-top:20px;border:none}
#atc03 .icon_cont li{float:none;width:100%;height:auto;margin-bottom:5px;border:solid 1px #e1e1e1;text-align:left}
#atc03 .icon_cont li a{padding:25px 0 25px 30px}
#atc03 .icon_cont li img{margin-left:auto;left:auto;top:30px;right:30px}
#atc03 .news{width:100%;margin-right:0}
#atc03 .event{width:100%}
#atc03 .lt_area .tit{font-size:23px}
}
@media (max-width:480px){
#atc03{margin:40px 0 10px}
#atc03 .tit_area p{ word-break:keep-all}
#atc03 .tit_area .tit{font-size:25px}
#atc03 .icon_cont li a{padding-left:15px}
#atc03 .icon_cont li img{max-width:61px;max-height:61px;top:41px;right:15px}
#atc03 .lt_area{padding-bottom:40px}
#inc01 .img_slider ul li .txt_box a .tit{font-size:20px}
}
@media (max-width:380px){
#atc03 .tit_area .tit{font-size:23px;line-height:32px;white-space:pre-line}
#atc03 .tit_area .cont{ white-space:normal}
#atc03 .icon_cont li img{max-width:42px;max-height:42px;top:20px}
}
/* 반응형 [e] */