@charset "utf-8";

#atc03{padding:90px 0;overflow:hidden}
#atc03 .col-2{display:flex;align-items:center;justify-content:space-between;gap:60px}
#atc03 .fl-l{display:flex;flex-direction:column;align-items:flex-start;gap:32px}
#atc03 .fl-l h2{font-size:28px;font-weight:500;line-height:1.4;color:#000;white-space:pre-line}
#atc03 .fl-l .btn-wrap{display:flex;align-items:center;gap:10px}
#atc03 .fl-l .btn-wrap .btn--primary{height:56px;background-color:#fff;border-color:var(--primary);color:var(--primary)}
#atc03 .fl-l .btn-wrap .link-kakao{position:relative;display:flex;align-items:center;justify-content:center;width:56px;aspect-ratio:1;background-color:var(--primary);border-radius:100px;border:1px solid transparent;transition:background-color 0.2s, border-color 0.2s}
#atc03 .fl-l .btn-wrap .link-kakao img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:30px;margin-top:1px;margin-left:0.5px;transition:opacity 0.2s}
#atc03 .fl-l .btn-wrap .link-kakao img.hover{opacity:0}

#atc03 .fl-r{max-width:640px;width:100%;height:230px;border-radius:24px;overflow:hidden}
#atc03 .fl-r img{width:100%;height:100%;object-fit:fill}

@media(hover:hover){
#atc03 .fl-l .btn-wrap .btn--primary:hover{background-color:var(--primary);color:#fff}
#atc03 .fl-l .btn-wrap .link-kakao:hover{background-color:#fff;border-color:var(--primary)}
#atc03 .fl-l .btn-wrap .link-kakao:hover img.white{opacity:0}
#atc03 .fl-l .btn-wrap .link-kakao:hover img.hover{opacity:1}
}