@charset "utf-8";

/* 섹션 배경 그라데이션 단계 3/5 */
#atc03{margin-top:0 !important;padding:80px 15px;background:#eaf0f4}
#atc03 .inner{display:flex;gap:50px}
#atc03 .l_cont{width:65%}
#atc03 .top_cont{display:flex;justify-content:space-between}
#atc03 .type{display:flex;align-items:center;gap:20px;color:#aaa;font-size:16px;font-weight:700}
#atc03 .type li{cursor:pointer;transition:all .3s}
#atc03 .type li.on{color:var(--primary)}
#atc03 .r_cont{width:35%}
#atc03 .r_cont .lk_txt{justify-content:flex-end}
#atc03 .cont{border-top:2px solid var(--primary)}
#atc03 .tab-content{display:none}
#atc03 .tab-content.on{display:block}
#atc03 .tabs li{position:relative;list-style:none;border-bottom:1px solid #e1e1e1;transition:all .3s}
#atc03 .tabs li.empty{padding:30px}
#atc03 .tabs li a{display:flex;padding:20px 30px}
#atc03 .tabs li a .lt_tit{position:relative;margin-right:15px;padding-right:15px;font-weight:700;color:#aaa}
#atc03 .tabs li a .lt_tit:after{position:absolute;content:'';top:50%;right:0;width:2px;height:12px;transform:translateY(-50%);background:#e1e1e1}
#atc03 .tabs li a .subj{font-size:16px;font-weight:500}
#atc03 .tabs li a .date{margin-left:auto;color:#aaa}
#atc03 .lk_txt{margin-top:20px}

/* 상담 신청 배너 (구 video_area 자리) */
#atc03 .bc_consult_box{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;min-height:330px;margin-top:20px;padding:40px;border-radius:20px;background:var(--primary);color:#fff}
#atc03 .bc_consult_box .big_ico{width:38px;height:38px;stroke:#F2B33D;stroke-width:1.5px}
#atc03 .bc_consult_box h3{font-size:24px;font-weight:700;color:#fff}
#atc03 .bc_consult_box p{font-size:15px;line-height:1.7;color:rgba(255,255,255,.65);word-break:keep-all;overflow-wrap:anywhere}
/* 일본어/영어는 keep-all 이 문장 전체를 한 단어로 묶어버리므로 일반 줄바꿈 사용 */
#atc03 .bc_consult_box.bc_lang_ja p{word-break:normal}
#atc03 .bc_consult_box .btns{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:12px}
#atc03 .bc_consult_box .btns a{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:60px;font-size:15px;font-weight:800;transition:all .3s}
#atc03 .bc_consult_box .btns a svg{width:17px;height:17px}
#atc03 .bc_consult_box .btns a.gold{background:#F2B33D;color:#14394E}
#atc03 .bc_consult_box .btns a.gold svg{stroke:#14394E}
#atc03 .bc_consult_box .btns a.line{border:1px solid rgba(255,255,255,.4);color:#fff}
#atc03 .bc_consult_box .btns a.line svg{stroke:#fff}

@media(hover:hover){
#atc03 .type li:hover{margin:0 5px}
#atc03 .tabs li:hover{background:#f5f5f5}
#atc03 .bc_consult_box .btns a.gold:hover{background:#FFC44D;transform:translateY(-2px)}
#atc03 .bc_consult_box .btns a.line:hover{border-color:#fff;background:rgba(255,255,255,.1)}
}
/* 반응형 [s] */
@media (max-width:1024px){
#atc03{padding:80px 15px}
#atc03 .type{font-size:15px}
#atc03 .cont{margin-top:10px}
#atc03 .tabs li a{align-items:center;font-size:14px}
#atc03 .tabs li a .subj{font-size:15px}
#atc03 .inner{flex-direction:column;gap:10px}
#atc03 .l_cont{width:100%}
#atc03 .r_cont{width:50%;margin:0 auto}
#atc03 .r_cont .lk_txt{justify-content:center}
}
@media (max-width:600px){
#atc03 .atc_tit{margin-bottom:0 !important}
#atc03 .r_cont{width:100%}
#atc03 .tabs li a{padding:12px}
#atc03 .tabs li a .lt_tit{display:none}
}
@media (max-width:480px){
#atc03 .top_cont{flex-wrap:wrap;justify-content:center;gap:30px}
#atc03 .tabs li a{justify-content:space-between}
#atc03 .tabs li a .subj{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
#atc03 .tabs li a .date{margin-left:10px;font-size:12px}
}
/* 반응형 [e] */