@charset "utf-8";

#atc01{position:relative;z-index:10;padding:300px 0;text-transform:uppercase}
#atc01 .stxt{position:absolute;left:40px;bottom:40px;font-size:17px;line-height:22px}
#atc01 .txt_area{font-size:180px;line-height:175px;letter-spacing:-5px;text-align:center}
#atc01 .txt_area p{position:relative}
#atc01 .txt_area .t1{display:flex;justify-content:center;align-items:center;gap:30px;transform:translateY(-150px)}
#atc01 .txt_area .t1 p{display:inline-block;position:relative;white-space:nowrap}
#atc01 .txt_area .t1 span{display:block;position:absolute;top:-15px;right:0;font-size:17px;line-height:1;letter-spacing:0}
#atc01 .txt_area .t1 .img{display:inline-block;width:365px;height:125px}
#atc01 .txt_area .t2 span{-webkit-text-stroke:1px #111;text-stroke:1px #111;color:var(--primary)}
#atc01 .txt_area .t3{display:flex;justify-content:center;align-items:center;gap:20px}
#atc01 .txt_area .t3 .img{display:inline-block;width:0;height:125px;background:url(./img.jpg) no-repeat}
#atc01 .txt_area .t3 a{display:inline-block;position:relative;vertical-align:20px;width:230px;height:60px;font-size:18px;color:#111;line-height:60px;letter-spacing:0;text-transform:none;transition:all .2s var(--ani)}
#atc01 .txt_area .t3 a span{display:block;position:relative;z-index:3;border-radius:50%;border:1px solid #111;background-color:var(--primary)}
#atc01 .txt_area .t3 a:before, #atc01 .txt_area .t3 a:after{opacity:0;display:block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;border:1px solid #111;background-color:var(--primary);transition:all .2s var(--ani)}
#atc01 .txt_area .t3 a:hover:before{z-index:2;opacity:1;top:10px}
#atc01 .txt_area .t3 a:hover:after {z-index:1;opacity:1;top:19px}
#atc01 .txt_area .t3 a:hover{vertical-align:30px}

/* 반응형 [s] */
@media (max-width:1400px){
#atc01{padding:250px 30px}
#atc01 .txt_area{font-size:135px}
#atc01 .txt_area .t1{display:flex}
#atc01 .stxt{left:30px;bottom:30px}
}
@media (max-width:1200px){
#atc01 .txt_area{font-size:100px;line-height:1.25}
#atc01 .stxt{font-size:14px}
}
@media (max-width:1024px){
#atc01{padding:140px 15px}
#atc01 .txt_area{font-size:78px}
#atc01 .txt_area .t1{transform:translateY(0)}
#atc01 .txt_area .t1 .img, #atc01 .txt_area .t3 .img{height:100px}
#atc01 .txt_area .t3 a{width:210px;height:55px;font-size:16px;line-height:55px}
}
@media (max-width:768px){
#atc01{padding:120px 15px}
#atc01 .stxt{left:50%;transform:translateX(-50%);width:100%;font-size:13px;line-height:18px;text-align:center}
#atc01 .txt_area{font-size:62px}
#atc01 .txt_area .t1 span{top:-10px;font-size:14px;transform:translateZ(0);will-change:transform}
#atc01 .txt_area .t1 .img{display:none}
#atc01 .txt_area .t3{flex-direction:column}
#atc01 .txt_area .t3 .img{margin-top:20px;height:125px;order:1;background-size:cover;transform-origin:center center}
#atc01 .txt_area .t3 a{width:190px;height:50px;font-size:15px;line-height:50px}
}
@media (max-width:480px){
#atc01 .txt_area{font-size:50px;letter-spacing:-3px}
}
/* 반응형 [e] */