@charset "utf-8";

#atc01{position:relative;border-bottom:1px solid #f0f0f0}
#atc01 .bottom{width:1200px;margin:20px auto;padding:30px 0}
#atc01 .bottom:after{display:block;content:'';clear:both}
#atc01 .bottom .b_txt{float:left;width:264px;padding:35px 45px;border:1px solid #e1e1e1;border-radius:8px 0 0 8px;color:#a3a3a3;background:#f2f2f2}
#atc01 .bottom .b_txt p{margin-bottom:15px;font-weight:700;font-size:20px;color:#222;letter-spacing:0;font-family:'Poppins'}
#atc01 .bottom ul{float:left;width:78%}
#atc01 .bottom ul:after{display:block;content:'';clear:both;width:99%;height:1px;background:#e1e1e1}
#atc01 .bottom ul:before{display:block;content:'';width:99%;height:1px;background:#e1e1e1}
#atc01 .bottom ul li{float:left;position:relative;z-index:1;width:20%;border-right:1px solid #e1e1e1;font-size:16px;text-align:center;transition:all .3s;-webkit-transition:all .3s;font-family:'notokr-medium'}
#atc01 .bottom ul li:last-child{border-radius:0 10px 10px 0}
#atc01 .bottom ul li a{display:block;z-index:99;height:171px;padding:20px 0;color:#a7a7a7}
#atc01 .bottom ul li:hover a{padding:17px 0;color:#fff}
#atc01 .bottom ul li a img{display:block;margin:0 auto}
#atc01 .bottom ul li:hover a img{margin:0 auto 13px;transform:scale(1.1)}
#atc01 .bottom ul li .color{position:absolute;top:50%;left:50%;z-index:-1;opacity:0;width:215px;height:202px;border-radius:15px;box-shadow:0px 1px 11px 6px rgba(0,0,0,0.06);background:#268b49;transition:all .3s;-webkit-transition:all .3s;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%)}
#atc01 .bottom ul li:hover .color{opacity:1}
#atc01 .bottom ul li:nth-child(even) .color{background:#ffad39}