@charset "utf-8";

/* 1. 태블릿 구간 (1024px 이하) */
@media (max-width: 1024px) {
  /* 모든 페이지의 2컬럼 레이아웃을 1컬럼으로 통일 */
  .content-inner, .sub-contents .hero-inner,  .key-point-layout, .flow-check-layout{ grid-template-columns: 1fr; }
  .sidebar { position: static; margin-bottom: 20px; }

  /* 대부분의 그리드를 2단으로 줄임 */
  .grid-4, 
  .grid-3, 
  .grid-2, 
  .biz-flow, 
  .process-flow, 
  .apply-process-grid, 
  .status-grid, 
  .section-grid, 
  .form-layout, 
  .qa-form, 
  .effect-list, 
  .support-flow, 
  .case-grid, 
  .type-grid-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  /* 태블릿에서 줄바꿈 없애기 */
  .ta-br {
    display: none;
  }

  /* 공통 */
  .topbar-inner, .header-inner, .hero-inner, .section-inner, .content-inner, .footer-inner, .quick-box, .sub-contents > .hero > .hero-inner {padding-left: 20px; padding-right: 20px;}
  .footer_address_wrap {flex-direction: column;align-items: flex-start;gap: 15px;padding: 20px 0;}

  /* 메인 */  
  .notice-layout, .feature-grid, .case-grid, .stats-grid, .quick-grid, .banner-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}  
  .key-point-layout > .section-head{grid-column: 1 / -1; }
  .key-point-layout > .case-grid.requirements-grid {grid-column: 1 / -1; grid-template-columns: 1fr;}
  .notice-layout > .card.schedule-card, .notice-layout > .card.board-card{grid-column: 1 / -1;min-height: 340px;}
  .notice-list{margin-left: 0;}
  .flow-check-layout {gap: 40px;}
  .hsv_overview{margin-left: 0;}
  .hero h1.hero-title {width: 100%;height: 70px;font-size: 32px;line-height: 40px;letter-spacing: -0.02em;background-size: contain;}

  /* 사업소개 */  
  .biz-step::after { display: none; }

  /* 사업절차 */
  .process-node::after {display: none;}  
}

/* 2. 모바일 구간 (768px 이하) */
@media (max-width: 768px) {
  /* 모든 그리드를 1단으로 최종 변경 */
  .grid-4, 
  .grid-3, 
  .grid-2, 
  .biz-flow, 
  .process-flow, 
  .apply-process-grid, 
  .status-grid, 
  .section-grid, 
  .form-layout, 
  .notice-layout, 
  .hero-panel-grid, 
  .feature-grid, 
  .notice-layout, 
  .case-grid, 
  .stats-grid, 
  .quick-grid, 
  .banner-grid, 
  .info-strip, 
  .effect-list, 
  .support-flow, 
  .type-grid-v2,
  .form-grid,
  .qa-form {
    grid-template-columns: 1fr;
  }

  /* 폰트 크기 및 여백 조정 */
  .hero h1 { font-size: 30px; }
  .hero p { font-size: 16px; }
  .section-header, .section-body { padding-left: 20px; padding-right: 20px; }

  /* 모바일에서 줄바꿈 없애기 */
  .mo-br {
    display: none;
  }

  /* 공통 */  
  .gnb {display: none;}
  .topbar-inner div:last-child {display: none;}
  .header-inner {min-height: 60px; display: flex; align-items: center; justify-content: space-between;}  
  .brand{padding-left: 89px;background-size: auto 24px;background-position-y: center;overflow: hidden;}
  .brand span {font-size: 14px;font-weight: 700;}
  .address_wrap1, .address_wrap2{flex-direction: column;align-items: unset;}
  .bottom_logo{/* padding-left: 89px; */background-size: auto 24px;background-position-y: center;}
  .bottom_logo > span{font-size: 17px;line-height: 30px;font-weight: 700;}
  .brand > span.logo2{height: 21px; background-size: auto 21px;}
  .copyright{padding-left: 0;}
  
  /* 서브 공통 */
  .sub-contents > .hero > .hero-inner{align-items: unset; flex-direction: column; gap: 8px; padding-top: 24px; padding-bottom: 24px;}
  .hero p.sub-hero-desc{margin: 0; padding-left: 0;}
  .hero p.sub-hero-desc::before{display: none;}
  .content-inner,
  .page,
  .section,
  .section-body,
  .guide-card,
  .highlight-box,
  .grid-2,
  .grid-3,
  .grid-4 {
    min-width: 0;
  }
  .sub-contents > .hero h1 {font-size: 28px; line-height: 36px;}
  .sub-hero-desc {margin-top: 10px; font-size: 14px; line-height: 22px;}
  .breadcrumb {margin-top: 14px; font-size: 12px; line-height: 1.4;}
  .bullet-list.separate > li{padding-left: 16px; padding-top: 24px}
  
  /* 메인 */
  .main-contents > .hero > .hero-inner{ grid-template-columns: 1fr; }
  .hero-copy, .hero-panel {grid-column: 1 / -1;min-height: 240px;}  
  .hero-copy{padding: 24px;}
  .hero-kicker {font-size: 12px; line-height: 1.4; margin-bottom: 8px;}
  .hero h1.hero-title {width: 100%;height: 70px;font-size: 32px;line-height: 40px;letter-spacing: -0.02em;background-size: contain;}
  .hero p.hero-desc {margin-top: 18px; font-size: 14px; line-height: 22px;}  
  .section-head {flex-direction: column; align-items: flex-start;}
  .notice-layout .section-head {flex-direction: unset;}
  .requirements-card{height: 180px;}
  .flow-wrap > .case-grid > .card {flex-direction: column; align-items: flex-start; gap: 10px;}
  .flow-wrap > .case-grid > .card > h3 {flex:none; width: auto; min-width: 0; margin-bottom: 0;}

  /* 사업소개 */  
  .type-layout {margin-top: 18px; margin-bottom: 22px; padding-left: 0; padding-right: 0;}
  .type-card-wrap {padding: 12px 18px 18px !important;}
  .type-grid-v2 {margin-top: 0;}
  .case-result {flex-direction: column;}

  /* 사업절차 */
  .apply-process-card {padding: 22px 18px; border-radius: 18px;}
  .apply-process-grid {grid-template-columns: 1fr; gap: 14px;}
  .apply-process-item {padding: 18px 16px; border-radius: 16px;}

  /* 참여안내 */
  .table-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table {
    min-width: 760px;
  }

  .section-body,
  .guide-card,
  .file-card {
    min-width: 0;
  }

  /* 정보마당 */
  .search-box input {min-width: 100%;}
  .notice-row {grid-template-columns: 1fr; gap: 8px;}
  .notice-date {text-align: left;}
  .faq-q {gap: 10px; padding-right: 34px;}
  .faq-a {grid-template-columns: 1fr; row-gap: 8px;}
  .faq-a .badge {max-width: none; white-space: nowrap;}
  .faq-a .badge, .faq-a p {grid-column: auto; grid-row: auto;}
  .land-exam-list, .resco-ov-list{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 8px;}
  .land-exam-list > li, .resco-ov-list > li{border-radius: 6px;}
  .land-exam-list > li.on, .resco-ov-list > li.on{border-bottom: 1px solid #f1f1f1;}
  .land-exam-con-title{flex-direction: column;align-items: unset;gap: 8px;height: auto; padding: 16px 20px;}
  .land-exam-con-title > h4{font-size: 19px;}
  .land-process-list{grid-template-columns: repeat(1, minmax(0, 1fr));}
  .land-process-list > li{min-height: 150px;}
  .land-data-list{grid-template-columns: repeat(1, minmax(0, 1fr));}
  .land-refer-list{grid-template-columns: repeat(1, minmax(0, 1fr));}
  .manage_list, .manage_list.line1_3{grid-template-columns: repeat(1, minmax(0, 1fr));}
  .land-exam-con-list > li > h4, .resco-ov-con-list > li > h4{flex-direction: column; align-items: unset;}
}