@charset "utf-8";

#atc03{position:relative;padding-top:185px}

#atc03 .tit_area{margin-bottom:120px;text-align:center;color:#111}
#atc03 .tit_area .s_tit{font-size:15px;font-weight:700;letter-spacing:0;font-family:'Poppins',sans-serif}
#atc03 .tit_area .tit{margin:10px 0;font-size:40px;font-family:'notokr-bold'}

/* 슬라이드 이미지 */
#atc03 .gall_area{position:relative}
#atc03 .gall_area ul{position:relative;width:100%;height:340px;overflow:hidden}
#atc03 .gall_area ul li{display:inline;position:absolute;width:420px;height:340px;overflow:hidden}
#atc03 .gall_area ul li:nth-child(even){width:420px;height:280px}
#atc03 .gall_area ul li .img{display:table;height:290px;position:absolute;left:0;right:0;top:0;bottom:0;z-index:0;transition:all 0.3s}
#atc03 .gall_area ul li .img:after{display:block;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background-color:#000;opacity:0.3;content:'';transition:all 0.3s}
#atc03 .gall_area ul li .img img{display:table-cell;min-height:340px;height:auto!important}
#atc03 .gall_area ul li a{display:block;height:100%}
#atc03 .gall_area ul li:hover .img{transform:scale(1.05,1.05)}
#atc03 .gall_area ul li:hover .img:after{opacity:0}

#atc03 .ft_info{position:relative;font-size:13px;color:#777;background:#111}
#atc03 .ft_info:after{position:absolute;content:'';z-index:-1;top:-200px;width:100%;height:200px;background:#111}
#atc03 .f_nav_wrap{display:flex;max-width:1680px;margin:0 auto;padding:130px 50px 90px;justify-content:space-between}
#atc03 .f_nav_wrap .menu{display:flex;font-size:13px}
#atc03 .f_nav_wrap .ft_menu+.ft_menu{margin-left:50px}
#atc03 .f_nav_wrap .ft_menu>a{display:inline-block;margin-bottom:5px;font-weight:700;color:#fff;letter-spacing:0;font-family:'Poppins'}
#atc03 .f_nav_wrap .ft_smenu li{line-height:2}
#atc03 .f_nav_wrap .ft_smenu a{color:#777;transition:all .3s}
#atc03 .f_nav_wrap .ft_smenu a:hover{color:#fff;text-decoration:underline}
#atc03 .f_nav_wrap .info{display:flex}
#atc03 .f_nav_wrap .info li+li{margin-left:110px}
#atc03 .f_nav_wrap .info .e_txt{font-size:13px;font-weight:700;color:#fff;letter-spacing:0;font-family:'Poppins'}
#atc03 .f_nav_wrap .info .t_txt{font-size:30px;font-weight:700;color:#fff;letter-spacing:0;font-family:'Poppins'}

@media(max-width:1300px){
#atc03 .f_nav_wrap{gap:50px;padding:130px 20px 90px}
#atc03 .f_nav_wrap .menu{width:100%}
#atc03 .f_nav_wrap .info{flex-wrap:wrap}
#atc03 .f_nav_wrap .info li{width:100%}
#atc03 .f_nav_wrap .info li+li{margin-left:0;margin-top:50px}
}
@media(max-width:1024px){
#atc03 .f_nav_wrap{flex-wrap:wrap}
#atc03 .f_nav_wrap .menu{flex-wrap:wrap;gap:50px;width:calc(60% - 25px)}
#atc03 .f_nav_wrap .ft_menu+.ft_menu{margin-left:0}
#atc03 .f_nav_wrap .info{width:calc(40% - 25px)}
}
@media(max-width:768px){
#atc03 .tit_area{padding:0 20px}
#atc03 .tit_area .tit{font-size:35px;line-height:45px}
#atc03 .gall_area ul{height:290px}
#atc03 .gall_area ul li{width:240px;height:200px}
#atc03 .gall_area ul li:nth-child(even){width:240px;height:160px}
#atc03 .gall_area ul li a{width:100%}
#atc03 .gall_area ul li .img{width:100%;height:auto}
#atc03 .gall_area ul li .img img{max-width:100%!important;min-height:200px}
#atc03 .f_nav_wrap .menu{gap:20px;width:100%}
#atc03 .f_nav_wrap .menu .ft_menu{width:calc(100% / 3 - 14px);text-align:center}
#atc03 .f_nav_wrap .info{width:100%;text-align:center}
#atc03 .f_nav_wrap .info .t_txt{font-size:25px}
}
@media(max-width:480px){
#atc03{padding-top:140px}
#atc03 .gall_area ul{height:240px}
#atc03 .ft_info:after{top:-150px;height:150px}
#atc03 .tit_area .tit{font-size:30px;line-height:40px}
}