@font-face {
    font-family: 'NanumSquareNeoBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf) format("truetype");
}

body,td,table,input,div,form,a,p,span,textarea,center {font-family:'NanumSquareNeo'}

	
	* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    .wrapper1 {
      width: 100%;
      position: relative;
      background-image: url('../images/oneday_bg.jpg'); /* 배경 이미지 경로 */
      background-size: cover;
      background-position: center;
    }

    .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.4); /* 어두운 반투명 오버레이 */
      z-index: 1;
    }

    .banner {
      position: relative;
      height: 500px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      color: white;
      z-index: 2;
    }

    .banner-text h1 {
      font-size: 55px;
      color: white;
      margin-bottom: 10px;	  
	  font-family:'NanumSquareNeoBold', sans-serif;
    }

    .banner-text p {
      font-size: 20px;
      color: white;
	  font-family:'NanumSquareNeoBold', sans-serif;
    }

    @media (max-width: 1024px) {
      .banner {
        height: 200px;
        padding: 20px;
      }

      .banner-text h1 {
        font-size: 25px;
      }

      .banner-text p {
        font-size: 15px;
      }
    } 



/* 법인대리운전 기사 모집 */
    .premium-wrapper {
      width: 100%;
      background-color: #2c2c2c;
      padding: 50px 20px 50px 20px;
    }

    /* 내부 메인 컨테이너 */
    .container-premium {
      max-width: 1400px;
      margin: 0 auto;
      background-color: #212121;
      border-radius: 20px;
      padding: 60px 50px;
      border: 1px solid #444;
    }

    /* 상단 타이틀 구역 */
    .title-area {
      text-align: center;
      margin-bottom: 50px;
    }

    .sub-title {
      font-size: 16px;
      color: #4975e8;
      font-weight: bold;
      letter-spacing: 2px;
      margin-bottom: 12px;
      text-transform: uppercase;
    }

    .main-title {
      font-size: 42px;
      font-weight: bold;
      color: white;
      line-height: 1.3;
    }

    /* 메인 인트로 설명 박스 */
    .intro-box {
      background-color: #2c2c2c;
      border-left: 6px solid #4975e8;
      padding: 35px 40px;
      border-radius: 0px 16px 16px 0px;
      margin-bottom: 70px;
      border-top: 1px solid #444;
      border-right: 1px solid #444;
      border-bottom: 1px solid #444;
    }

    .intro-text {
      font-size: 19px;
      font-weight: 500;
      color: #ffffff;
      line-height: 1.8;
    }

    /* 대단락 섹션 타이틀 */
    .section-title {
      font-size: 26px;
      font-weight: bold;
      margin-top: 20px;
      margin-bottom: 35px;
      position: relative;
      padding-bottom: 15px;
      border-bottom: 1px solid #444;
      color: #fff;
    }
    
    .section-title::after {
      content: '';
      position: absolute;
      left: 0;
      bottom: -1px;
      width: 70px;
      height: 3px;
      background-color: #4975e8;
    }

    /* 3열 카드 그리드 레이아웃 */
    .grid-3 {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 25px;
      margin-bottom: 70px;
    }

    .card-item {
      background-color: #2c2c2c;
      border-radius: 16px;
      padding: 35px 30px;
      flex: 1 1 calc(33.333% - 25px);
      min-width: 300px;
      border: 1px solid #444;
      transition: border-color 0.3s ease;
    }
    
    .card-item:hover {
      border-color: #444;
    }

    .card-header {
      background-color: #111;
      border-radius: 12px;
      padding: 15px 20px;
      font-size: 21px;
      font-weight: bold;
      margin-bottom: 22px;
      color: white;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    
    .card-badge {
      font-size: 12px;
      background-color: #4975e8;
      padding: 4px 10px;
      border-radius: 6px;
      font-weight: normal;
    }

    .card-content ul {
      list-style: none;
      padding-left: 0px;
    }

    .card-content li {
      font-size: 16px;
      margin-bottom: 12px;
      color: #e0e0e0;
      position: relative;
      padding-left: 22px;
      line-height: 1.5;
    }
    
    .card-content li::before {
      content: '✓';
      position: absolute;
      left: 2px;
      color: #4975e8;
      font-weight: bold;
    }

    /* 2열 활용 상황 레이아웃 */
    .grid-2 {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 20px;
      margin-bottom: 70px;
    }

    .scene-box {
      background-color: #2c2c2c;
      border-radius: 16px;
      padding: 30px;
      flex: 1 1 calc(50% - 20px);
      min-width: 290px;
      border: 1px solid #444;
    }

    .scene-title {
      font-size: 20px;
      font-weight: bold;
      color: #4975e8;
      margin-bottom: 12px;
    }

    .scene-desc {
      font-size: 16px;
      color: #e0e0e0;
      line-height: 1.7;
    }

    /* 5단계 프로세스 레이아웃 */
    .process-container {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 15px;
      margin-bottom: 70px;
    }

    .process-step {
      background-color: #111;
      border-radius: 16px;
      padding: 25px 20px;
      flex: 1 1 calc(20% - 15px);
      min-width: 210px;
      border: 1px solid #444;
      text-align: center;
    }

    .step-num {
      font-size: 13px;
      font-weight: bold;
      color: #4975e8;
      margin-bottom: 8px;
      display: block;
      letter-spacing: 1px;
    }

    .step-title {
      font-size: 18px;
      font-weight: bold;
      color: #fff;
      margin-bottom: 12px;
    }

    .step-desc {
      font-size: 14px;
      color: #b0b0b0;
      line-height: 1.6;
    }

    /* 서비스 안내 테이블 영역 */
    .table-responsive {
      width: 100%;
      overflow-x: auto;
      margin-bottom: 30px;
      border-radius: 14px;
      border: 1px solid #444;
    }

    .info-table {
      width: 100%;
      border-collapse: collapse;
      text-align: left;
      min-width: 700px;
    }

    .info-table th {
      background-color: #111;
      color: #fff;
      font-weight: bold;
      padding: 18px 22px;
      font-size: 16px;
      border-bottom: 1px solid #444;
    }

    .info-table td {
      background-color: #2c2c2c;
      color: #e0e0e0;
      padding: 18px 22px;
      font-size: 15px;
      border-bottom: 1px solid #444;
    }

    .info-table tr:last-child td {
      border-bottom: none;
    }

    /* 하단 유의사항 유틸리티 */
    .notice-box {
      background-color: #161616;
      padding: 25px 30px;
      border-radius: 14px;
      border: 1px solid #444;
    }

    .notice-box p {
      font-size: 14px;
      color: #aaa;
      margin-bottom: 10px;
      position: relative;
      padding-left: 18px;
      line-height: 1.5;
    }

    .notice-box p::before {
      content: '•';
      position: absolute;
      left: 4px;
      color: #4975e8;
      font-weight: bold;
    }
    
    .notice-box p:last-child {
      margin-bottom: 0;
    }

    /* --------------------------------------------------
       반응형 해상도별 폰트/레이아웃 최적화 (px 단위)
    -------------------------------------------------- */
    @media (max-width: 1400px) {
      .container-premium { padding: 50px 40px; }
      .main-title { font-size: 38px; }
      .intro-text { font-size: 18px; }
      .section-title { font-size: 24px; }
      .card-header { font-size: 19px; }
      .card-content li { font-size: 15px; }
    }

    @media (max-width: 1024px) {
      .premium-wrapper { padding: 50px 15px 50px 15px;}
      .container-premium { padding: 40px 30px; }
      .main-title { font-size: 30px; }
      .intro-text { font-size: 15px; }
      .card-item { flex: 1 1 calc(50% - 25px); }
      .process-step { flex: 1 1 calc(33.333% - 15px); }
    }

    @media (max-width: 768px) {
      .main-title { font-size: 22px; }
      .sub-title { font-size: 12px; }
      .intro-box { padding: 25px 25px; margin-bottom: 50px; }
      .intro-text { font-size: 13px; }
      .section-title { font-size: 18px; }
      .card-item { flex: 1 1 100%; padding: 25px 20px; }
      .scene-box { flex: 1 1 100%; padding: 25px; }
      .process-step { flex: 1 1 calc(50% - 15px); }
      .info-table th, .info-table td { padding: 14px 16px; font-size: 12px; }
	  .notice-box p { font-size: 13px; }
      .scene-title { font-size: 16px; }
	  .scene-desc { font-size: 13px; }
      .card-header { font-size: 16px; }
      .card-content li { font-size: 13px; }
    }


    /* 전화 카카오톡 버튼 영역 */
    .wrapper8 {
      width: 100%;
      background-color: #212121;
      color: #fff;
      text-align: center;
      padding: 60px 20px 0px 20px;
    }

    .container8 {
      max-width: 1400px;
      margin: 0 auto;
      padding: 0 10px;
    }

    .notice {
      font-size: 20px;
      margin-bottom: 50px;
      line-height: 1.9;
      color: #fff;
	  font-family:'NanumSquareNeoBold', sans-serif;
    }

    .notice1 {
      font-size: 30px;
      margin-bottom: 30px;
      color: #fff;
	  font-family:'NanumSquareNeoBold', sans-serif;
    }

    .buttons1 {
      display: flex;
      gap: 20px;
      width: 100%;
      flex-wrap: wrap;
    }

    .quote-btn1 {
      flex: 1 1 0;
      background-color: #4975e8;
      color: #fff;
      border: 2px solid #527eef;
      padding: 16px 20px;
      border-radius: 50px;
      font-size: 18px;
      cursor: pointer;
      transition: all 0.3s ease;
      text-decoration: none;
      font-weight: bold;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
	  font-family:'NanumSquareNeoBold', sans-serif;
    }

    .quote-btn1:hover {
      background-color: #fff;
      color: #111;
      text-decoration: none;
    }

    /* 모바일 반응형 */
    @media (max-width: 768px) {
      .notice {
        font-size: 13px;
      }

      .notice1 {
        font-size: 20px;
      }

      .buttons1 {
        flex-direction: column;
        gap: 15px;
      }

      .quote-btn1 {
        width: 100%;
        font-size: 16px;
        padding: 14px 16px;
      }
    }