@charset "utf-8";


/* ===== section title ===== */
.sec_tit{text-align:center}
.sec_tit .eng{font-size:18px;font-weight:500;color:#e59623;line-height:1.2}
.sec_tit h3{margin-top:24px;font-size:48px;font-weight:600;line-height:1.2;letter-spacing:-0.03em}
.sec_tit .desc{margin-top:34px;font-size:24px;font-weight:500;color:#7c7c7c;line-height:1.4}

/* ===== 01 business area ===== */
.biz_area{padding:148px 20px 206px;background:#fbfbfb}
.pm_work{margin-top:126px}
.pm_work_tit{font-size:30px;font-weight:600;text-align:center;line-height:1.2}
.pm_diagram{max-width:1281px;margin:54px auto 0}
.pm_diagram img{width:100%;height:auto}

._business .s1{padding-bottom: 200px;}
._business .s1 .cont{margin-top: 120px;}
._business .s1 .cont .svgBox::after{display: none;}
._business .s1 .cont h4{font-size: 30px;  font-weight: 600; letter-spacing: -0.04em; line-height: 1.3; text-align: center;}

.pm_step{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ===== 02 process ===== */
.pm_process{padding:0 20px 0}
.process_list{display:flex;justify-content:center;gap:12px;margin-top:78px}
.process_list li{position:relative;flex:0 1 204px;padding-top:41px}
.process_list .num{position:absolute;top:0;left:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:59px;height:59px;margin-left:-29.5px;border:1px solid #ccc;border-radius:50%;background:#fff;font-size:22px;font-weight:600;transition:all .25s}
.process_list .head{display:flex;align-items:center;justify-content:center;height:127px;padding-top:18px;background:#f7f7f7;border:1px solid #f7f7f7;border-bottom:0;text-align:center;transition:all .25s}
.process_list .head strong{font-size:22px;font-weight:600;line-height:30px}
.process_list .body{height:247px;padding:39px 10px 0;border:1px solid #eee;border-top:0;text-align:center;transition:border-color .25s}
.process_list .body .ic{display:flex;align-items:center;justify-content:center;height:59px}
.process_list .body p{margin-top:36px;white-space:nowrap;font-size:18px;font-weight:500;color:#555;line-height:25px;letter-spacing:-0.04em}
/* hover (PSD 03 상태) */
.process_list li:hover .num,.process_list li.on .num{border-color:#e59623;color:#e59623}
.process_list li:hover .head,.process_list li.on .head{background:#e59623;border-color:#e59623;color:#fff}
.process_list li:hover .body,.process_list li.on .body{border-color:#e59623}

.pm_process .pm_list{display:flex;justify-content:center;gap:12px;max-width:1290px;margin:0 auto 0;list-style:none}
.pm_process .pm_list li{position:relative;display:flex;flex-direction:column;flex:0 1 204px;padding-top:41px;outline:0}
.pm_process .pm_list .num{position:absolute;top:0;left:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:59px;height:59px;margin-left:-29.5px;border:1px solid #ccc;border-radius:50%;background:#fff;font-size:22px;font-weight:500;color:#777;transition:all .25s}
.pm_process .pm_list .head{display:flex;align-items:center;justify-content:center;height:124px;padding-top:18px;border:1px solid #f6f6f6;border-bottom:0;background:#f6f6f6;text-align:center;transition:all .25s}
.pm_process .pm_list .head strong{font-size:22px;font-weight:500;line-height:32px;color:#333;transition:color .25s}
.pm_process .pm_list .body{flex:1;min-height:247px;padding:38px 8px 30px;border:1px solid #f0f0f0;border-top:0;text-align:center;transition:border-color .25s}
.pm_process .pm_list .ic{display:flex;align-items:center;justify-content:center;height:60px}
.pm_process .pm_list .body p{margin-top:42px;font-size:18px;font-weight:400;line-height:28px;color:#555;letter-spacing:-0.04em;white-space:nowrap}

.pm_process .pm_list li.on .num{border-color:#e59623;color:#e59623}
.pm_process .pm_list li.on .head{border-color:#e59623;background:#e59623}
.pm_process .pm_list li.on .head strong{color:#fff}
.pm_process .pm_list li.on .body{border-color:#e59623}

/* 반응형 */
@media (max-width:1340px){
  .pm_process .pm_list{flex-wrap:wrap;max-width:660px;row-gap:30px}
}
@media (max-width:767px){
  .pm_process{padding:0 20px}
  .pm_process .pm_tit .eng{font-size:15px}
  .pm_process .pm_tit h3{margin-top:14px;font-size:28px}
  .pm_process .pm_tit .desc{margin-top:16px;font-size:16px}
  .pm_process .pm_list{gap:24px 10px}
  .pm_process .pm_list li{flex:0 0 calc(50% - 5px);padding-top:30px}
  .pm_process .pm_list .num{width:46px;height:46px;margin-left:-23px;font-size:17px}
  .pm_process .pm_list .head{height:96px;padding-top:14px}
  .pm_process .pm_list .head strong{font-size:17px;line-height:24px}
  .pm_process .pm_list .body{min-height:0;padding:24px 6px 22px}
  .pm_process .pm_list .ic{height:48px}
  .pm_process .pm_list .ic img{max-height:44px;width:auto}
  .pm_process .pm_list .body p{margin-top:18px;font-size:14px;line-height:21px;white-space:normal}
}



/* ===== responsive ===== */
@media (max-width:1480px){
	.process_list{flex-wrap:wrap;max-width:660px;margin-left:auto;margin-right:auto;row-gap:30px}
}
@media (max-width:1024px){
	.sv_cate{font-size:16px}
	.sv_tit{margin-top:14px;font-size:38px}
	.sv_txt{margin-top:18px;font-size:16px;line-height:24px}

	.sec_tit .eng{font-size:15px}
	.sec_tit h3{margin-top:14px;font-size:28px}
	.sec_tit .desc{margin-top:16px;font-size:16px}
	.biz_area{padding:80px 20px}
	.pm_work{margin-top:60px}
	.pm_work_tit{font-size:20px}
}
@media (max-width:767px){

	._business .s1{padding-bottom: 80px;}
	._business .s1 .cont{margin-top: 80px;}
	._business .s1 .cont h4{font-size: 24px; }

	/* 모바일: 이미지 대신 텍스트 단계 목록 */
	.pm_step{position:static;width:auto;height:auto;overflow:visible;clip:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:30px}
	.pm_step li{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;border-radius:50%;background:var(--c);color:#fff;text-align:center;box-shadow:0 0 0 4px #fbfbfb,0 0 0 6px var(--c)}
	.pm_step .ic img{width:30px;height:auto}
	.pm_step strong{margin-top:10px;font-size:16px;font-weight:600;line-height:1.35}

	.biz_process{padding:80px 20px}
	.process_list{margin-top:40px;gap:24px 10px}
	.process_list li{flex:0 0 calc(50% - 5px);display:flex;flex-direction:column;padding-top:30px}
	.sv_txt br{display:none}
	.process_list .num{width:46px;height:46px;margin-left:-23px;font-size:17px}
	.process_list .head{height:96px;padding-top:14px}
	.process_list .head strong{font-size:17px;line-height:24px}
	.process_list .body{flex:1;height:auto;padding:24px 6px 22px}
	.process_list .body .ic{height:48px}
	.process_list .body .ic img{max-height:44px;width:auto}
	.process_list .body p{margin-top:18px;font-size:14px;line-height:21px;white-space:normal}
}
@media (max-width:500px){
	._business .s1 .cont{margin-top: 20px;}
	._business .s1 .cont h4{font-size: 20px; }
	.pm_diagram{margin-top: 40px;}
}