@charset "utf-8";

#atc01{padding-top:120px;letter-spacing:0}
#atc01 .tit{margin-bottom:70px;font-size:18px;text-align:center}
#atc01 .tit p{margin-bottom:22px;font-size:34px;color:#111;font-family:var(--font-b)}

/* 링크 */
#atc01 .links{display:flex;justify-content:center}
#atc01 .links a{display:flex;flex-flow:column;align-items:flex-start;position:relative;width:320px;height:360px;padding:50px 45px 35px;border-radius:16px;font-size:16px;color:#777;background:#ecfaff;transition:all .2s}
#atc01 .links a:nth-of-type(2){margin:0 35px;background:#fff9ea}
#atc01 .links a:nth-of-type(3){background:var(--pale)}
#atc01 .links a p{font-size:24px;color:#111;font-family:var(--font-b)}
#atc01 .links a div{margin:25px 0 auto;white-space:pre-line;word-break:keep-all}
#atc01 .links a span{display:flex;position:absolute;right:45px;bottom:45px;width:45px;height:45px;padding-left:3px;border-radius:50%;color:#fff;background:#111;transition:all .2s}
#atc01 .links a span svg{margin:auto;width:20px;height:20px}

/* 라테스트 */
#atc01 .latest_wrap{overflow:hidden;display:grid;grid-template-columns:repeat(3, 1fr);column-gap:70px;align-items:center;position:relative;margin-top:80px;padding:80px calc((100% - 1280px) / 2);border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
#atc01 .latest_wrap .bg{position:absolute;top:0;right:0;width:27%;height:100%;background:var(--pale)}
#atc01 .latest_wrap .bg:before, #atc01 .latest_wrap .bg:after{display:block;content:"";position:absolute;left:-70px;width:160px;height:160px;border-radius:50%;background:var(--pale)}
#atc01 .latest_wrap .bg:before{top:-80px}
#atc01 .latest_wrap .bg:after{bottom:-80px}
#atc01 .latest .tit{display:flex;align-items:center;margin-bottom:30px;font-size:22px;color:#111;font-family:var(--font-b)}
#atc01 .latest .tit a{margin-left:auto;font-size:14px;transition:all .2s}
#atc01 .latest ul li+li{margin-top:10px}
#atc01 .latest ul li a{display:flex;color:#111}
#atc01 .latest ul li a p{width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#atc01 .latest ul li a span{margin-left:auto;color:#aaa}
#atc01 .latest ul li.empty{text-align:center}
#atc01 .latest ul.inq li{display:flex;align-items:center;color:#111}
#atc01 .latest ul.inq li i{width:66px;height:23px;margin-right:10px;border-radius:15px; border:1px solid var(--primary);font-size:12px;text-align:center;line-height:22px;color:var(--primary);font-style:normal}
#atc01 .latest ul.inq li span{margin-left:auto;color:#aaa}

/* 고객센터 */
#atc01 .cs{position:relative;padding:50px 45px;border-radius:16px;color:rgba(255,255,255,.6);background:url('./cs_bg_c.png') calc(100% - 55px) center no-repeat ,url('./cs_bg.png') right center no-repeat var(--primary);font-family:var(--font-m)}
#atc01 .cs span{color:#fff}
#atc01 .cs p{margin:10px 0;font-size:30px;color:#fff;font-family:var(--font-b)}

@media(hover:hover){
#atc01 .links a:hover{transform:translateY(-10px)}
#atc01 .latest .tit a:hover{color:#aaa}
}

/* 반응형 [s] */
@media (max-width:1024px){
#atc01{padding-top:75px}
#atc01 .tit{margin-bottom:50px}
#atc01 .tit p{margin-bottom:10px;font-size:30px}
#atc01 .links a:nth-of-type(2){margin:0 15px}
#atc01 .links a div{white-space:normal}
#atc01 .links a p{font-size:20px}

#atc01 .latest_wrap{display:flex;flex-wrap:wrap;justify-content:center;column-gap:0}
#atc01 .latest_wrap .bg{z-index:-1}
#atc01 .latest{width:45%;padding:30px;background:#fff}
#atc01 .latest .tit{font-size:20px}
#atc01 .cs{display:flex;flex-wrap:wrap;width:100%;padding:30px;align-items:center;justify-content:space-around;margin:0 5%;border-radius:0}
}
@media (max-width:830px){
#atc01 .latest{width:100%}
}
@media (max-width:768px){
#atc01 .links{margin:0 15px}
#atc01 .tit p{margin-bottom:0;font-size:25px}
#atc01 .links{display:block}
#atc01 .links a{width:100%;height:250px}
#atc01 .links a:nth-of-type(2){margin:15px 0}
#atc01 .links a div{margin:10px 0 auto}

#atc01 .latest{margin:0 5%}
}
@media (max-width:480px){
#atc01{padding-top:55px}
#atc01 .tit{margin-bottom:30px;font-size:16px}
#atc01 .links a{height:250px;padding:35px;font-size:14px}
#atc01 .links a p{font-size:18px}

#atc01 .latest_wrap{gap:40px;margin-top:50px;padding:50px calc((100% - 1280px) / 2)}
#atc01 .latest_wrap .bg{display:none}
#atc01 .latest{padding:0}
#atc01 .latest .tit{margin-bottom:10px}
#atc01 .latest ul li a span{display:none}
#atc01 .latest ul li a p{width:100%}
#atc01 .latest ul.inq li span{display:none}
}
/* 반응형 [e] */