@charset "utf-8";

.idx_atc02{position:relative;width:100%;background: #fff;}
.idx_atc02 .atc02_icon{overflow:hidden;width:1200px;height:386px;margin:0 auto;border-left:1px solid #e5e5e5}
.idx_atc02 .atc02_icon > div{position:relative;float:left;width:33.3%;height:386px;border-right:1px solid #e5e5e5;transition:all 1s;opacity:0}
.idx_atc02 .atc02_icon > div a{display:block;height:100%;padding:110px 0 0 47px;transition:all .3s}
.idx_atc02 .atc02_icon h3{margin-bottom:18px;font-size:20px;line-height:20px;color: #24282c;font-family:"notokr-bold"}
.idx_atc02 .atc02_icon h3 span{color:#24282c}
.idx_atc02 .atc02_icon .icon_txt{margin-bottom:77px;font-size:14px;line-height:24px;color:#666;font-family:'notokr-regular'}
.idx_atc02 .atc02_icon .more{font-weight:600;font-size:12px;color: #a8a8a8;font-family: 'Poppins', sans-serif}
.idx_atc02 .atc02_icon > div img{position:absolute;right:45px;bottom:97px}
.idx_atc02 .atc02_icon > div:hover a{background:#f7f7f7} 

/*라테스트*/
.atc02_latest{width:100%;height:87px;background:#24282c}
.atc02_latest .latest_cont{width:1200px;height:87px;margin:0 auto}
.atc02_latest .latest_cont > div{overflow:hidden;float:left;width:50%;height:87px}
.atc02_latest .latest_cont > div:first-child{border-right:1px solid rgba(255,255,255,.1)}
.atc02_latest .latest_cont .cont_tit{float:left;font-weight:600;font-size:18px;line-height:87px;color:#fff;font-family: 'Poppins', sans-serif}
.atc02_latest .latest_cont > div:last-child .cont_tit{padding-left:40px}

/*움직임*/
.idx_atc02 .atc02_icon > div:nth-child(1){transition-delay:.2s}
.idx_atc02 .atc02_icon > div:nth-child(2){transition-delay:.5s}
.idx_atc02 .atc02_icon > div:nth-child(3){transition-delay:.8s}

.idx_atc02.active .atc02_icon > div{opacity:1}