@charset "utf-8";

#atc04{opacity:0;transform:translateY(50px);width:calc(100% - 220px);padding:105px 0;margin:0 auto;transition:all .2s}
#atc04 ul{display:flex;margin-top:50px}
#atc04 ul li{position:relative;width:50%;border:1px solid #e1e1e1;text-align:center}
#atc04 ul li+li{border-left:none}
#atc04 ul li+li a{border-left:none}
#atc04 ul li+li p{font-size:20px;font-weight:600;font-family:'Poppins'}
#atc04 ul li a{display:flex;flex-direction:column;align-items:center;padding:45px 20px;font-size:14px;color:#9e9e9e;transition:all .2s}
#atc04 ul li a:before{opacity:0;display:block;content:"";position:absolute;left:-1px;top:-1px;width:calc(100% + 2px);height:calc(100% + 2px);border:1px solid #555;transition:all .2s}
#atc04 ul li p{margin-bottom:15px;font-size:21px;color:#111;font-weight:700;color:#111}
#atc04 ul li .pl{white-space:pre-line}
#atc04 ul li span{display:inline-block;position:relative;margin-top:20px;padding:6px 3px;font-size:13px;font-weight:600;color:#111;font-family:'Poppins'}
#atc04 ul li span:before{display:block;content:"";position:absolute;left:0;bottom:0;z-index:-1;width:100%;height:1px;background-color:#555;transition:all .2s}

/* 반응형 [s] */
@media (hover:hover){
#atc04 ul li a:hover:before{opacity:1}
#atc04 ul li:hover span:before{left:-10%;width:120%}
}
@media (max-width:1230px){
#atc04{width:100%}	
}
@media (max-width:1024px){
#atc04{padding:80px 20px}		
#atc04 ul li .pl{white-space:normal;word-break:keep-all}
}
@media (max-width:768px){
#atc04{padding:60px 20px}		
#atc04 ul li p{font-size:18px;line-height:1.4;word-break:keep-all}
#atc04 ul li+li p{font-size:18px}
}
@media (max-width:480px){
#atc04 ul{display:block}	
#atc04 ul li{width:100%}	
#atc04 ul li+li{border-left:1px solid #e1e1e1;border-top:none}
#atc04 ul li  a{padding:30px 20px}
}
@media (max-width:480px){
#atc04{padding:60px 15px}
}
/* 반응형 [e] */