@charset "utf-8";

#atc03{width:100%;background:#fff url(/index/include/include03/inc03_bg.png) no-repeat top/cover;overflow:hidden}
#atc03 .inner{max-width:160rem;width:100%;margin:0 auto;padding:15rem 0;position:relative}
#atc03 .tit_box{width:100%}
#atc03 .tit_box .s_tit{margin-bottom:2rem;font-size:1.7rem;font-weight:700;color:var(--pt-color);font-family:"Poppins", serif}
#atc03 .tit_box .tit{margin-bottom:4rem;font-size:4.7rem;line-height:140%;color:#333}
#atc03 .tit_box .tit span{color:var(--pt-color)}
#atc03 .tit_box .txt{margin-bottom:5rem;font-size:1.7rem;line-height:150%;color:#888}

/*탭메뉴*/
#atc03 .latest_area{width:100%}
#atc03 .tab_menu{margin-bottom:6rem;display:flex;gap:1rem}
#atc03 .tab_menu li{padding:1.3rem 3rem;border-radius:4rem;background:#d6e6f3;font-size:1.7rem;font-weight:600;text-align:center;color:var(--pt-color);position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}
#atc03 .tab_menu li.on{background:var(--pt-color);color:#fff}

/* 탭컨텐츠(latest) */
#atc03 .lt_box{position:relative}
#atc03 .lt_box .tab_content{width:100%;height:0;visibility:hidden;opacity:0}
#atc03 .lt_box .tab_content.on{height:auto;visibility:visible;opacity:1}

#atc03 .lt_box .lt_list li{height:28rem;padding:4rem 5rem;border:1px solid #ddd;background:#fff;position:relative}
#atc03 .lt_box .lt_list li a{display:block;display:flex;flex-direction:column;justify-content:space-between}
#atc03 .lt_box .lt_list li .date_time{display:none;width:7rem;margin-bottom:3rem;text-align:center}
#atc03 .lt_box .lt_list li .lt_s_tit{font-size:1.6rem;font-weight:700;color:#999;transition:all .3s;font-family:'Poppins'}
#atc03 .lt_box .lt_list li .lt_txt_box{padding-top:6rem}
#atc03 .lt_box .lt_list li .lt_txt_box .lt_tit{font-size:1.8rem;font-weight:700;color:#333;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;position:relative}
#atc03 .lt_box .lt_list li .lt_txt_box .lt_txt{margin:1rem 0;font-size:1.6rem;line-height:150%;color:#888;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-all}
#atc03 .lt_box .lt_list li .more_btn{width:3.5rem;height:3.5rem;border-radius:50%;background:#f7f7f7;position:absolute;top:12%;right:10%;display:flex;justify-content:center;align-items:center;transition:all .3s}
#atc03 .lt_box .lt_list li .more_btn img{width:50%;transition:all .3s}

#atc03 .lt_box .lt_list li:hover .more_btn{background:var(--pt-color)}
#atc03 .lt_box .lt_list li:hover .lt_s_tit{color:var(--pt-color)}

#atc03 .lt_box .lt_list.data li:hover .lt_s_tit{color:var(--pt-color2)}
#atc03 .lt_box .lt_list.data li:hover .more_btn{background:var(--pt-color2)}

#atc03 .lt_box .lt_list li:hover .more_btn img{filter:invert(1)}


#atc03 .lt_box .lt_list li .img_cont_area{padding-top:3rem;display:flex;flex-wrap:wrap;align-items:center}
#atc03 .lt_box .lt_list li .img_cont_area .img_box{width:40%;border:1px solid #ddd;overflow:hidden}
#atc03 .lt_box .lt_list li .img_cont_area .img_box img{width:100%}
#atc03 .lt_box .lt_list li .img_cont_area .lt_txt_box{width:60%;padding:0 0 0 2rem}

/* VIEW_MORE 버튼 */
#atc03 .lt_box .tab_more{display:inline-block;height:0;font-size:1.6rem;font-weight:600;color:#222;display:flex;align-items:center;position:absolute;top:-18rem;right:0;z-index:10;gap:1.5rem;visibility:hidden;opacity:0;font-family:'Poppins'}
#atc03 .lt_box .tab_more.on{height:auto;visibility:visible;opacity:1}
#atc03 .lt_box .tab_more .more_btn{display:inline-block;width:3.5rem;height:3.5rem;border-radius:50%;background:var(--pt-color);position:relative;transition:all .3s}
#atc03 .lt_box .tab_more.more2 .more_btn{background:var(--pt-color2)}
#atc03 .lt_box .tab_more .more_btn img{width:1rem;height:1rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
#atc03 .lt_box .tab_more .more_btn:hover{background:#d2dbea}
#atc03 .lt_box .tab_more .more_btn:hover img{filter:invert()}

/*controls*/
#atc03 .lt_box .controls{width:36%;height:3.5rem;position:absolute;left:50%;top:50%;z-index:1;transform:translate(-50%,-50%);display:none;flex-wrap:wrap;align-items:center;justify-content:space-between}
#atc03 .lt_box .controls.on{z-index:2;display:flex}
#atc03 .lt_box .controls li{width:2.3rem;height:3rem;line-height:2.8rem;text-align:center;cursor:pointer}
#atc03 .lt_box .controls li img{width:100%}


#atc03 .lt_box .lt_list li.empty_li{width:100%;text-align:center;background:none;border:0;display:flex;align-items:center;justify-content:center}


@media(max-width:1600px){
#atc03 .inner{padding:12rem 2rem}	
}
@media(max-width:1280px){
#atc03 .inner{padding:10rem 2rem}
}
@media(max-width:1024px){
#atc03 .inner{padding:8rem 2rem}
#atc03 .tit_box{text-align:center}
#atc03 .tit_box .s_tit{margin-bottom:1rem}
#atc03 .tit_box .tit{font-size:4.2rem}
#atc03 .tab_menu{margin-bottom:9rem;justify-content:center}
#atc03 .lt_box .tab_more{top:-6rem;right:auto;left:50%;transform:translateX(-50%)}
#atc03 .lt_box .controls{margin:2rem auto 0;position:relative;left:auto;top:auto;transform:none;justify-content:center;gap:1rem}
#atc03 .lt_box .controls li{width:4rem;height:4rem;border-radius:4rem;background:#fff;box-shadow:0 0 1rem rgba(0,0,0,.2);position:relative}
#atc03 .lt_box .controls li img{width:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}

}
@media(max-width:767px){
#atc03 .inner{padding:7rem 2rem}
#atc03 .tit_box .tit{font-size:3.7rem}
#atc03 .lt_box .lt_list li{max-width:40rem;width:90%;margin:0 2%;height:27rem}
#atc03 .lt_box .lt_list li{padding:4.5rem}
#atc03 .lt_box .lt_list li .lt_txt_box{padding-top:5rem}


}
@media(max-width:480px){
#atc03 .inner{padding:6rem 2rem}
#atc02 .tit_box .s_tit{margin-bottom:1rem;font-size:1.5rem}
#atc03 .tit_box .tit{font-size:3.3rem}
#atc03 .tab_menu li{padding:1.3rem 2.5rem}

#atc03 .lt_box .lt_list li{padding:3rem}
#atc03 .lt_box .lt_list li .more_btn{top:9%}
#atc03 .lt_box .lt_list li .lt_txt_box .lt_txt{margin-top:.5rem}

#atc03 .lt_box .lt_list li .img_cont_area{padding-top:2rem;justify-content:center}
#atc03 .lt_box .lt_list li .img_cont_area .img_box{max-width:11rem;width:100%;}
#atc03 .lt_box .lt_list li .img_cont_area .img_box img{width:100%}
#atc03 .lt_box .lt_list li .img_cont_area .lt_txt_box{width:100%;margin-top:2rem;padding:0;-webkit-line-clamp:1;}
#atc03 .lt_box .lt_list li .img_cont_area .lt_txt_box .lt_tit{-webkit-line-clamp:1;}
#atc03 .lt_box .lt_list li .img_cont_area .lt_txt_box .lt_txt{-webkit-line-clamp:1;}




}
@media(max-width:320px){
#atc03 .inner{padding:6rem 1.5rem}    
#atc03 .tit_box .tit{font-size:3rem}
#atc03 .tab_menu{flex-direction:column}
}