@charset "utf-8";

.idx_atc02{position:relative;width:100%;background: #fff;}
.idx_atc02 .atc02_icon{overflow:hidden;max-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-weight:700;font-size:20px;line-height:20px;color: #24282c;font-family: 'Poppins', sans-serif}
.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;word-break:keep-all;font-family:'notokr-regular'}
.idx_atc02 .atc02_icon .pl{white-space:pre-line}
.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}


/*라테스트*/
.atc02_latest{width:100%;height:87px;background:#24282c}
.atc02_latest .latest_cont{max-width:1200px;height:87px;margin:0 auto}
.atc02_latest .latest_cont > div{position:relative;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}

@media(hover:hover){
.idx_atc02 .atc02_icon > div:hover a{background:#f7f7f7} 	
}

/* 반응형 [s] */
@media (max-width:1024px){
.atc02_latest{height:auto}
.atc02_latest .latest_cont{height:auto}
.atc02_latest .latest_cont > div{position:relative;float:none;width:100%;height:auto;padding:25px 0}
.atc02_latest .latest_cont .cont_tit{width:110px;padding-left:40px;line-height:36px}
.atc02_latest .latest_cont > div:first-child{border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}
.idx_atc02 .atc02_icon{border-left:none}
.idx_atc02 .atc02_icon{height:auto}
.idx_atc02 .atc02_icon > div{height:auto}
.idx_atc02 .atc02_icon > div a{padding:40px}
.idx_atc02 .atc02_icon > div img{bottom:40px}
.idx_atc02 .atc02_icon .pl{height:72px;white-space:normal}
}
@media (max-width:768px){
.atc02_latest .latest_cont .cont_tit{float:none;width:100%;margin-bottom:10px;padding-left:0 !important;line-height:1.5;text-align:center}
.idx_atc02 .atc02_icon > div a{padding:30px}
.idx_atc02 .atc02_icon{height:auto}
.idx_atc02 .atc02_icon > div{float:none;width:100%;height:auto;border-right:none}
.idx_atc02 .atc02_icon > div+div{border-top:1px solid #e1e1e1}
.idx_atc02 .atc02_icon .icon_txt{width:85%;height:auto;margin-bottom:20px}
.idx_atc02 .atc02_icon > div img{top:50%;transform:translateY(-50%)}
.atc02_latest .latest_cont .cont_tit{display:inline-block;padding-left:40px}
}
@media (max-width:480px){
.idx_atc02 .atc02_icon > div img{ opacity:.3;top:auto;bottom:20px;right:15px; transform:none;}
.idx_atc02 .atc02_icon > div a{padding:30px 20px}
.idx_atc02 .atc02_icon .icon_txt{width:100%}
}
/* 반응형 [e] */