@charset "utf-8";
svg{width:30px;height:30px}
#atc04{overflow:hidden;position:relative;height:100vh;background:url(/sh_img/include/inc04/bg.png) left bottom no-repeat #222e59}
#atc04:before{display:block;content:"";position:absolute;right:0;bottom:0;width:50%;height:76vh;background-color:#fff}
#atc04 .inner{display:flex;align-items:flex-end;position:relative;width:1400px;height:100%;margin:0 auto}
#atc04 .inner > div{height:76vh}

/* 타이틀 */
#atc04 .cont{position:relative;width:540px;padding:7% 0 0 80px;color:rgba(255,255,255,.4)}
#atc04 .cont .tit{overflow:hidden;margin-bottom:10px;font-size:40px;font-weight:700;color:#fff;font-family:'Play'}
#atc04 .cont .tit p{transform:translateY(100px);transition:all .2s 0s}
#atc04 .cont .tit:before{display:block;content:"";width:45px;height:6px;margin-bottom:20px;background-color:#fff}
#atc04 .cont dl{position:absolute;bottom:17%;font-size:15px;letter-spacing:0;font-family:'Play'}
#atc04 .cont dl dt{font-size:15px;font-weight:700;color:#fff}
#atc04 .cont dl dd.tel{margin:10px 0 20px;font-size:34px;font-weight:700;color:#fff} 

/* 상담폼 */
#atc04 .consult_wrap{width:860px;padding:75px 80px 20px 120px;border-radius:50px 0 0 0;background-color:#fff}
#atc04 .link{margin-top:50px;text-align:center}
#atc04 .link a{display:block;height:100%;padding:15px;border:1px solid #222e59;border-radius:30px;color:#222e59;-webkit-transition:all .2s 0s;transition:all .2s 0s}
#atc04 .link a:hover{color:#fff;background:#222e59}
#atc04 .link a svg{vertical-align:-5px;width:22px;height:22px}


/* active */
.inc04.active #atc04 .cont .tit p{transform:translateY(0);transition:all .6s .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}
.inc04.active #atc04 .consult{opacity:1;transform:translateY(0);transition:all .6s .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}