/* solution_honeycomb 전용 — 공통 sol_* 컴포넌트는 main/css/service.css에 있고, 이 페이지에서만 달라지는 값(히어로 배경 이미지)만 여기서 지정한다 */
.sol_hero.none_line{background:linear-gradient(rgba(0, 0, 0, 0.30),rgba(0, 0, 0, 0.30)),url('/main/images/sub/service/solution_honeycomb_hero.jpg') center/cover no-repeat;}
.sol_intro_visual {background: url('/main/images/sub/service/solution_honeycomb_intro.jpg') center/cover no-repeat;}

/*----------------------------- service.css 공통을 honeycomb 전용으로 커스텀 -----------------------------*/

/* sol_table 스타일 커스텀 */
.sol_table td:not(:last-child){border-right:1px solid var(--color-table-border);text-align: center;}
.sol_table_group{background:var(--color-table-header-bg);font-weight:700;text-align:center;}
.col_w300{width:300px;}
.col_w200{width:200px;}

/* sol_step_card - 서브 텍스트 영역 추가 */
.sol_step_desc{margin-top:7px;font-family:var(--font-body);font-weight:600;font-size:15px;line-height:135%;letter-spacing:-3%;color:var(--color-text-secondary);word-break:keep-all;}

/* sol_func_card - 서브 타이틀 영역 추가 */
.sol_func_criteria{font-family:var(--font-body);font-weight:600;font-size:16px;line-height:130%;letter-spacing:-3%;color:var(--color-text-dark);}

/* sol_sec_desc - wrapper 없이 단독일때 가운데 정렬 */
.sol_sec_desc{text-align: center;}

/* sol_faq_item - em강조색상, 문단 간격 개별화 */
.sol_faq_a_desc em{font-style:normal;color:var(--color-accent-red);}
.sol_faq_a_desc p+p{margin-top:5px;}

/*----------------------------- service.css 공통에 없고 새로 추가되는 컴포넌트 -----------------------------*/

/* sol intro stats — 소개 하단 통계 카드(3열 x 2행) */
.sol_intro_stats{display:flex;flex-direction:column;gap:10px;margin-top:40px;}
.sol_intro_stats_row{display:flex;align-items:stretch;gap:10px;width:100%;}
.sol_intro_stats_card{display:flex;flex:1;flex-direction:column;min-width:0;gap:20px;padding:25px 52px 25px 24px;border-radius:2px;background:var(--color-white);}
.sol_intro_stats_label{font-family:var(--font-body);font-weight:600;font-size:24px;letter-spacing:-3%;color:var(--color-border-strong);word-break:keep-all;}
.sol_intro_stats_count{display:flex;align-items:flex-end;justify-content:flex-end;gap:4px;width:100%;}
.sol_intro_stats_num{font-family:var(--font-body);font-weight:700;font-size:40px;letter-spacing:-3%;color:var(--color-accent-red);}
.sol_intro_stats_unit{font-family:var(--font-body);font-weight:600;font-size:24px;letter-spacing:-3%;color:var(--color-border-strong);}

/* sol_matter_card_list (+is_info) - 체크아이콘 이미지 리스트 */
.sol_matter_card_list.is_info{gap:18px;padding:30px;}
.sol_matter_info{display:flex;align-items:center;width:100%;gap:12px;}
.sol_matter_info_label{display:flex;flex-shrink:0;align-items:center;gap:8px;font-family:var(--font-body);font-weight:700;font-size:15px;letter-spacing:-3%;color:var(--color-border-strong);white-space:nowrap;}
.sol_matter_info_label img{width:9px;flex-shrink:0;}
.sol_matter_info_desc{flex:1;font-family:var(--font-body);font-weight:500;font-size:15px;letter-spacing:-3%;color:var(--color-text-secondary);word-break:keep-all;}
.sol_matter_card_head{min-height:77px;}

/* sol history — 최근 N개년 진행 솔루션 카드 그리드(4열 x 3행) */
.sol_history_list{display:flex;flex-direction:column;gap:8px;}
.sol_history_row{display:flex;align-items:stretch;gap:10px;width:100%;}
.sol_history_card{display:flex;flex:1;flex-direction:column;min-width:0;gap:30px;padding:25px 30px;border-radius:2px;background:var(--color-white);}
.sol_history_top{display:flex;align-items:center;justify-content:space-between;width:100%;}
.sol_history_year{font-family:var(--font-body);font-weight:600;font-size:15px;letter-spacing:-3%;color:var(--color-accent-red);}
.sol_history_type{display:flex;align-items:center;justify-content:center;padding:2px 3px;background:var(--color-accent-red);font-family:var(--font-body);font-weight:600;font-size:15px;letter-spacing:-3%;color:var(--color-white);}
.sol_history_body{display:flex;flex-direction:column;flex:1;gap:24px;width:100%;}
.sol_history_head{display:flex;flex-direction:column;gap:12px;width:100%;}
.sol_history_univ{font-family:var(--font-body);font-weight:700;font-size:20px;letter-spacing:-3%;color:var(--color-text-dark);}
.sol_history_sys{display:flex;align-items:center;gap:8px;}
.sol_history_sys_name{font-family:var(--font-body);font-weight:600;font-size:15px;letter-spacing:-3%;color:var(--color-text-secondary);}
.sol_history_divider{display:block;flex-shrink:0;width:1px;height:8px;background:var(--color-border);}
.sol_history_cat{font-family:var(--font-body);font-weight:400;font-size:15px;letter-spacing:-3%;color:var(--color-text-muted);}
.sol_history_desc{font-family:var(--font-body);font-weight:400;font-size:15px;line-height:135%;letter-spacing:-3%;color:var(--color-text-secondary);word-break:keep-all;}
.sol_history_labels{display:flex;flex-wrap:wrap;margin-top:auto;gap:8px;width:100%;}
.sol_history_labels span{display:flex;align-items:center;justify-content:center;padding:2px 3px;background:var(--color-bg-alt);font-family:var(--font-body);font-weight:600;font-size:15px;letter-spacing:-3%;color:var(--color-white);}
.sol_history_link{display:block;width:100%;font-family:var(--font-body);font-weight:500;font-size:15px;letter-spacing:-3%;color:var(--color-accent-red);text-decoration:underline;word-break:break-all;}

/* sol rag diagram - 단계별 타임라인 */
.sol_rag_diagram{position:relative;width:100%;height:492px;}
.sol_rag_group{display:contents;}
.sol_rag_axis{position:absolute;top:56px;left:0;width:100%;height:1px;background:var(--color-axis-line);}
.sol_rag_dot{display:block;position:absolute;top:52px;z-index:6;width:8px;height:8px;border:1px solid #67635F;background:var(--color-bg);transform:translate(-50%,-50%);}
.sol_rag_dot_1{left:1.8%;}
.sol_rag_dot_2{left:26.7778%;}
.sol_rag_dot_3{left:51.7556%;}
.sol_rag_dot_4{left:76.7333%;}
.sol_rag_vline{position:absolute;top:60px;width:0;height:356px;border-left:1px dashed var(--color-accent-red);}
.sol_rag_vline::after{content:'';position:absolute;left:0;bottom:0;width:7px;height:7px;border-radius:50%;background:var(--color-accent-red);transform:translate(-50%,50%);}
.sol_rag_vline_1{left:2.0667%;}
.sol_rag_vline_2{left:27.0444%;}
.sol_rag_vline_3{left:52.0222%;}
.sol_rag_vline_4{left:77%;}
.sol_rag_img{display:block;position:absolute;z-index:1;width:9.3333%;aspect-ratio:1/1;border-radius:8px;object-fit:cover;}
.sol_rag_img_1{left:15.4%;top:192px;}
.sol_rag_img_2{left:39.3333%;top:128px;}
.sol_rag_img_3{left:63.2667%;top:64px;}
.sol_rag_img_4{left:87.2%;top:0;}
.sol_rag_step{display:flex;position:absolute;align-items:center;width:27.3333%;height:54px;padding:0 15px;border-radius:2px;background:var(--color-bg-alt);gap:7px;}
.sol_rag_step_1{left:0.8%;top:276px;}
.sol_rag_step_2{left:24.7333%;top:212px;}
.sol_rag_step_3{left:48.6667%;top:148px;}
.sol_rag_step_4{left:72.6%;top:84px;}
.sol_rag_step_num{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--color-bg);font-family:'Inter',sans-serif;font-weight:800;font-size:17px;letter-spacing:-4%;color:var(--color-text-dark);}
.sol_rag_step_tit{font-family:'Inter',sans-serif;font-weight:600;font-size:22px;letter-spacing:-4%;color:var(--color-bg);}
.sol_rag_text{position:absolute;top:405px;width:20%;word-break:keep-all;overflow-wrap:break-word;}
.sol_rag_text_1{left:3.2667%;}
.sol_rag_text_2{left:28.2444%;}
.sol_rag_text_3{left:53.2222%;}
.sol_rag_text_4{left:78.2%;}
.sol_rag_text_tit{margin-bottom:15px;font-family:'Pretendard',sans-serif;font-weight:700;font-size:30px;line-height:99%;letter-spacing:-1.5px;color:#222;}
.sol_rag_text_list li{list-style:disc;margin-left:22px;font-weight:500;font-size:15px;line-height:1.4;letter-spacing:-4%;color:#67635F;opacity:0.8;}

@media screen and (min-width:1025px) and (max-width:1920px){
  .sol_step_desc{margin-top:0.3646vw;font-size:0.7813vw;}
  .sol_func_criteria{font-size:0.8333vw;}
  .sol_faq_a_desc p+p{margin-top:0.2604vw;}

  /* sol intro stats — 소개 하단 통계 카드(3열 x 2행) */
  .sol_intro_stats{gap:0.5208vw;margin-top:2.0833vw}
  .sol_intro_stats_row{gap:0.5208vw;}
  .sol_intro_stats_card{gap:1.0417vw;padding:1.3021vw 2.7083vw 1.3021vw 1.25vw;}
  .sol_intro_stats_label,
  .sol_intro_stats_unit{font-size:1.25vw;}
  .sol_intro_stats_num{font-size:2.0833vw;}

  /* sol_matter_card_list (+is_info) - 체크아이콘 이미지 리스트 */
  .sol_matter_card_list.is_info{gap:0.9375vw;padding:1.5625vw;}
  .sol_matter_info{gap:0.625vw;}
  .sol_matter_info_label{gap:0.4167vw;font-size:0.7813vw;}
  .sol_matter_info_label img{width:0.4688vw;}
  .sol_matter_info_desc{font-size:0.7813vw;}
  .sol_matter_card_head{min-height:4.0104vw;}
  .sol_matter_card{min-width:24.2708vw;}

  /* sol history — 최근 N개년 진행 솔루션 카드 그리드(4열 x 3행) */
  .sol_history_list{gap:0.4167vw;}
  .sol_history_row{gap:0.5208vw;}
  .sol_history_card{gap:1.5625vw;padding:1.3021vw 1.5625vw;}
  .sol_history_year,
  .sol_history_type{font-size:0.7813vw;}
  .sol_history_type{padding:0.1042vw 0.1563vw;}
  .sol_history_body{gap:1.25vw;}
  .sol_history_head{gap:0.625vw;}
  .sol_history_univ{font-size:1.0417vw;}
  .sol_history_sys{gap:0.4167vw;}
  .sol_history_sys_name,
  .sol_history_cat,
  .sol_history_desc,
  .sol_history_link{font-size:0.7813vw;}
  .sol_history_divider{height:0.4167vw;}
  .sol_history_labels{gap:0.4167vw;}
  .sol_history_labels span{padding:0.1042vw 0.1563vw;font-size:0.7813vw;}

  /* sol rag diagram - 단계별 타임라인 */
  .sol_rag_diagram{height:25.625vw;}
  .sol_rag_axis{top:2.9167vw;}
  .sol_rag_dot{top:2.7083vw;}
  .sol_rag_vline{top:3.125vw;height:18.5417vw;}
  .sol_rag_img{border-radius:0.4167vw;}
  .sol_rag_img_1{top:10vw;}
  .sol_rag_img_2{top:6.6667vw;}
  .sol_rag_img_3{top:3.3333vw;}
  .sol_rag_step{height:2.8125vw;padding:0 0.7813vw;gap:0.3646vw;}
  .sol_rag_step_1{top:14.375vw;}
  .sol_rag_step_2{top:11.0417vw;}
  .sol_rag_step_3{top:7.7083vw;}
  .sol_rag_step_4{top:4.375vw;}
  .sol_rag_step_num{width:1.1458vw;height:1.1458vw;font-size:0.8854vw;}
  .sol_rag_step_tit{font-size:1.1458vw;}
  .sol_rag_text{top:21.0938vw;}
  .sol_rag_text_tit{margin-bottom:0.7813vw;font-size:1.5625vw;letter-spacing:-0.0781vw;}
  .sol_rag_text_list li{font-size:0.7813vw;}
}

@media only screen and (max-width:1024px){
  .sol_intro_lead br{display: none;}
  .sol_faq_a_desc p+p{margin-top:5px;}

  /* sol intro stats — 소개 하단 통계 카드(3열 x 2행) */
  .sol_intro_stats_row{flex-wrap:wrap;gap:10px;}
  .sol_intro_stats_card{flex:1 1 calc(50% - 5px);min-width:220px;padding:20px;}
  .sol_intro_stats_label,
  .sol_intro_stats_unit{font-size:18px;}
  .sol_intro_stats_num{font-size:32px;}

  /* sol_matter_card_list (+is_info) - 체크아이콘 이미지 리스트 */
  .sol_matter_card_list.is_info{gap:12px;padding:20px;}
  .sol_matter_info{gap:8px;}
  .sol_matter_info_label{font-size:13px;}
  .sol_matter_info_desc{font-size:13px;}
  .sol_matter_card_head{min-height:56px;}

  /* sol history — 최근 N개년 진행 솔루션 카드 그리드(4열 x 3행) */
  .sol_history_row{flex-wrap:wrap;gap:15px;}
  .sol_history_card{flex:1 1 calc(50% - 8px);min-width:280px;gap:20px;padding:20px;}
  .sol_history_body{gap:16px;}
  .sol_history_univ{font-size:18px;}

  /* sol rag diagram - 단계별 타임라인 */
  .sol_rag_diagram{position:static;display:flex;flex-direction:column;height:auto;gap:40px;padding-top:30px;}
  .sol_rag_axis,
  .sol_rag_dot,
  .sol_rag_vline{display:none;}
  .sol_rag_group{display:block;position:relative;width:100%;padding-left:20px;}
  .sol_rag_group::before{content:'';position:absolute;top:18px;left:0;bottom:-58px;width:0;border-left:1px dashed var(--color-accent-red);}
  .sol_rag_group:last-child::before{display:none;}
  .sol_rag_group::after{content:'';position:absolute;top:18px;left:0;width:7px;height:7px;border-radius:50%;background:var(--color-accent-red);transform:translate(-50%,-50%);}
  .sol_rag_img{position:absolute;top:-30px;left:auto;right:0;width:64px;height:64px;}
  .sol_rag_step{position:static;width:100%;height:auto;padding:10px;gap:7px;}
  .sol_rag_step_num{width:16px;height:16px;font-size:10px;}
  .sol_rag_step_tit{font-weight:500;font-size:15px;line-height:1;}
  .sol_rag_text{position:static;top:auto;left:auto;width:100%;margin-top:15px;padding-left:10px;}
  .sol_rag_text_tit{margin-bottom:10px;font-size:16px;line-height:0.99;letter-spacing:-0.05em;}
  .sol_rag_text_list li{font-size:13px;line-height:1.4;letter-spacing:-0.05em;}
}

@media only screen and (max-width: 800px) {
    .sol_intro_visual {background-position-y: 30%;}
}

@media only screen and (max-width:768px){
  .sol_step_desc{font-size:13px;}
  .sol_func_criteria{font-size:14px;}
  .col_w300{width:150px;}
  .col_w200{width:120px;}
  
  /* sol intro stats — 소개 하단 통계 카드(3열 x 2행) */
  .sol_intro_stats_card{flex:1 1 100%;}
  
  /* sol_matter_card_list (+is_info) - 체크아이콘 이미지 리스트 */
  .sol_matter_info{align-items: flex-start;}
  .sol_matter_info_label{min-width:85px;}

  /* sol history — 최근 N개년 진행 솔루션 카드 그리드(4열 x 3행) */
  .sol_history_card{flex:1 1 100%;}
}