@charset "utf-8";

/* BeyondCare 상담 프로세스 4단계 */
#atc01{margin-top:0 !important;padding:80px 0;background:var(--primary)}
#atc01 .inner{max-width:var(--mainsize);margin:0 auto;padding:0 15px;text-align:center}
#atc01 .bc_label{display:inline-block;margin-bottom:20px;padding:6px 18px;border-radius:50px;border:1px solid rgba(255,255,255,.3);color:rgba(255,255,255,.7);font-size:13px;font-weight:600;letter-spacing:2px;font-family:var(--e-font)}
#atc01 h2{font-size:44px;font-weight:700;color:#fff}
#atc01 .bc_desc{margin-top:20px;font-size:18px;color:rgba(255,255,255,.6)}

#atc01 .bc_steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin:70px 0 0;padding:0;list-style:none}
#atc01 .bc_steps li{position:relative;padding:45px 25px 40px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);text-align:center;transition:all .3s}
#atc01 .bc_steps .step_no{position:absolute;top:18px;left:22px;font-style:normal;font-size:15px;font-weight:700;color:rgba(255,255,255,.35);font-family:var(--e-font)}
#atc01 .bc_steps .step_icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.12)}
#atc01 .bc_steps .step_icon svg{width:32px;height:32px;stroke:#fff;stroke-width:1.5px}
#atc01 .bc_steps h3{margin-top:22px;font-size:21px;font-weight:700;color:#fff}
#atc01 .bc_steps p{margin-top:14px;font-size:15px;line-height:1.7;color:rgba(255,255,255,.65);word-break:keep-all;overflow-wrap:anywhere}
/* 일본어/영어는 keep-all 이 문장 전체를 한 단어로 묶어버리므로 일반 줄바꿈 사용 */
#atc01 .bc_steps.bc_lang_ja h3,#atc01 .bc_steps.bc_lang_ja p{word-break:normal}
#atc01 .bc_steps .step_arrow{position:absolute;top:50%;right:-25px;z-index:5;width:25px;display:flex;justify-content:center;transform:translateY(-50%)}
#atc01 .bc_steps .step_arrow svg{width:22px;height:22px;stroke:rgba(255,255,255,.4)}

#atc01 .bc_step_cta{margin-top:60px}
#atc01 .bc_step_cta a{display:inline-flex;align-items:center;gap:8px;padding:17px 50px;border-radius:60px;background:#F2B33D;color:#14394E;font-size:18px;font-weight:800;transition:all .3s}
#atc01 .bc_step_cta a svg{width:19px;height:19px}

@media(hover:hover){
#atc01 .bc_steps li:hover{transform:translateY(-8px);background:rgba(255,255,255,.14)}
#atc01 .bc_step_cta a:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.3)}
}

/* 반응형 [s] */
@media (max-width:1024px){
#atc01{padding:80px 0}
#atc01 h2{font-size:34px}
#atc01 .bc_desc{font-size:16px}
#atc01 .bc_steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:50px}
#atc01 .bc_steps .step_arrow{display:none}
}
@media (max-width:768px){
#atc01 h2{font-size:28px}
#atc01 .bc_steps h3{font-size:19px}
}
@media (max-width:480px){
#atc01{padding:80px 0}
#atc01 h2{font-size:23px}
#atc01 .bc_desc{font-size:14px}
#atc01 .bc_steps{grid-template-columns:minmax(0,1fr);gap:15px}
#atc01 .bc_steps li{padding:35px 20px 30px}
#atc01 .bc_step_cta{margin-top:40px}
#atc01 .bc_step_cta a{padding:14px 35px;font-size:15px}
}