@charset "utf-8";

#atc03{padding:10rem 0;background:url(/index/include/include03/inc03_bg.jpg) repeat;position:relative;}
#atc03 .atc03_cont .cont_tit_area{margin-bottom:3.8rem;text-align:center;font-family:'SBAggroL'}
#atc03 .atc03_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'}
#atc03 .atc03_cont .cont_tit_area .atc_tit{font-size:3.5rem;font-weight:normal;line-height:130%;color:#333;transition:all .3s;font-family:'SBAggroL'}
#atc03 .atc03_cont .cont_tit_area .atc_txt{font-size:1.6rem;line-height:150%;color:#888;transition:all .3s}


#atc03 .inc03_lt{max-width:130rem;width:100%;margin:0 auto;padding:1px /*라인안보이는거 처리*/;overflow:hidden}
#atc03 .inc03_lt .lt_li{height:33rem;border:1px solid #ddd;background:#fff;position:relative;font-family:'SBAggroL';}
#atc03 .inc03_lt .lt_li a{display:block;width:100%;height:100%;padding:4rem;position:relative}
#atc03 .inc03_lt .lt_li a:after{content:'';width:100%;height:100%;border:0px solid var(--pt-color);position:absolute;top:0;left:0;transition:all .2s}
#atc03 .inc03_lt .lt_li .state{width:8rem;height:3.5rem;border-radius:3.5rem;font-size:1.4rem;line-height:3.8rem;text-align:center;color:#fff;background:var(--pt-color);}
#atc03 .inc03_lt .lt_li .tit{margin:4rem 0 2rem;font-size:1.8rem;line-height:3rem;color:#333;text-overflow:ellipsis;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all !important;overflow:hidden}
#atc03 .inc03_lt .lt_li .txt{font-size:1.6rem;line-height:2.6rem;color:#888;text-overflow:ellipsis;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all !important;overflow:hidden}
#atc03 .inc03_lt .lt_li .date{font-size:1.5rem;color:#888;position:absolute;bottom:4rem;right:4rem;}
#atc03 .inc03_lt .lt_li .date img{display:inline-block;margin-right:.3rem;}
#atc03 .inc03_lt .lt_li:hover a:after{border:5px solid var(--pt-color)}

@media (max-width: 1300px) {
#atc03{padding:10rem 2rem}
}
@media (max-width: 1280px) {
#atc03{padding:9rem 2rem}
}
@media (max-width: 1024px) {
#atc03{padding:8rem 2rem}

#atc03 .inc03_lt .lt_li{height:32rem}
#atc03 .inc03_lt .lt_li a{padding:3rem 2rem}
#atc03 .inc03_lt .lt_li .date{bottom:2rem;right:2rem}
}
@media (max-width: 767px) {
#atc03 {padding:7rem 2rem}
#atc03 .atc03_cont .cont_tit_area{margin-bottom:2rem}
#atc03 .atc03_cont .cont_tit_area .more_btn{width:16rem;height:5rem;line-height:5rem}
#atc03 .atc03_cont .cont_tit_area .atc_tit{margin-bottom:1rem;font-size:3.3rem}

#atc03 .inc03_lt .lt_li{height:30rem}
#atc03 .inc03_lt .lt_li .tit{margin:4rem 0 1rem}
}
@media (max-width: 480px) {
#atc03 {padding:6rem 2rem}
#atc03 .atc03_cont .cont_tit_area .atc_tit{margin-bottom:0;font-size:3rem}
#atc03 .atc03_cont .cont_tit_area .atc_txt{display:none}

#atc03 .inc03_lt .lt_li .tit{margin:3.5rem 0 1rem}
#atc03 .inc03_lt .lt_li{height:28rem}
}
@media (max-width: 320px) {
#atc03 {padding:6rem 1.5rem}
#atc03 .atc03_cont .cont_tit_area .atc_tit{font-size: 2.8rem}

#atc03 .inc03_lt .lt_li .state{width:8.5rem}
#atc03 .inc03_lt .lt_li .tit{margin-top:2.3rem}
}