@charset "utf-8";

#atc01{position:relative;width:100%;padding:10rem 0;font-family:'SBAggroL'}
#atc01 .atc01_cont{max-width:130rem;width:100%;margin:0 auto}

/*타이틀영역*/
#atc01 .atc01_cont .cont_tit_area{margin-bottom:6.5rem;text-align:center;}
#atc01 .atc01_cont .cont_tit_area .atc_s_tit{margin-bottom:1.5rem;font-size:1.6rem;color:var(--pt-color);transition:all .3s;font-family:'SBAggroM'}
#atc01 .atc01_cont .cont_tit_area .atc_tit{font-size:3.5rem;font-weight:normal;line-height:130%;color:#333;transition:all .3s;font-family:'SBAggroL'}
#atc01 .atc01_cont .cont_tit_area .atc_txt{font-size:1.6rem;line-height:150%;color:#888;transition:all .3s}

/*내용 박스 영역*/
#atc01 .atc01_cont_list{width:100%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between}
#atc01 .atc01_cont_list li{width:23.5%}
#atc01 .atc01_cont_list li a{display:block;width:100%;height:100%}
#atc01 .atc01_cont_list li .img_box{width:100%;margin-bottom:2rem;overflow:hidden;position:relative}
#atc01 .atc01_cont_list li .img_box img{width:100%;transition:all .3s}
#atc01 .atc01_cont_list li .img_box:after{content:'';width:100%;height:100%;border:0px solid var(--pt-color);position:absolute;top:0;left:0;z-index:5;transition:all .2s}
#atc01 .atc01_cont_list li .txt_box{text-align:center}
#atc01 .atc01_cont_list li .txt_box .box_tit{margin-bottom:.5rem;font-size:2rem;color:#333}
#atc01 .atc01_cont_list li .txt_box .view_more{font-size:13px;color:#333;position:relative;transition:all .3s;font-family:'SBAggroM';}
#atc01 .atc01_cont_list li .txt_box .view_more:before{content:'';width:3rem;height:3rem;border-radius:3rem;background:var(--pt-color);position:absolute;right:1rem;top:50%;opacity:0;transform:translateY(-50%);transition:all .3s}


#atc01 .atc01_cont_list li:hover .img_box img{transform:scale(1.05,1.05)}
#atc01 .atc01_cont_list li:hover .img_box:after{border:5px solid var(--pt-color)}
#atc01 .atc01_cont_list li:hover .view_more{color:var(--pt-color)}
#atc01 .atc01_cont_list li:hover .view_more:before{right:-2rem;opacity:.1}

@media (max-width: 1300px) {
#atc01{padding:10rem 2rem}
}
@media (max-width: 1280px) {
#atc01{padding:9rem 2rem}
}
@media (max-width: 1024px) {
#atc01{padding:8rem 2rem}
}
@media (max-width: 767px) {
#atc01{padding:7rem 2rem}
#atc01 .atc01_cont .cont_tit_area{margin-bottom:3rem}
#atc01 .atc01_cont .cont_tit_area .atc_tit{margin-bottom:1rem;font-size:3.3rem}
#atc01 .atc01_cont .cont_tit_area .atc_txt br{display:none}

#atc01 .atc01_cont_list{max-width:50rem;width:100%}
#atc01 .atc01_cont_list li{width:49%}
#atc01 .atc01_cont_list li:nth-child(n + 3){margin-top:2rem}

}
@media (max-width: 480px) {
#atc01{padding:6rem 2rem}	
#atc01 .atc01_cont .cont_tit_area{margin-bottom:2rem}
#atc01 .atc01_cont .cont_tit_area .atc_tit{margin-bottom:0;font-size:3rem}
#atc01 .atc01_cont .cont_tit_area .atc_txt{display:none}
}
@media (max-width: 320px) {
#atc01{padding:6rem 1.5rem}
#atc01 .atc01_cont .cont_tit_area{margin-bottom:2rem}
#atc01 .atc01_cont .cont_tit_area .atc_tit{font-size:2.8rem}
}