/* ========================================================================================================================= */
/* 작성 : 2026-07-08 12:00:00  - devel1223
/* 수정 : 2026-07-08 12:00:00  - devel1223
/* 제목 : css : common_section  - 공용_섹션
/* ========================================================================================================================= */


/* ========================================================================================================================= */
/* 데스크탑 */

  /* 전체 */
  section {  /* 전체 */
    position: relative;
    z-index: 0;
    width: 100vw;
  }

  /* 라인 */
  .section-hr {  /* 섹션-라인 */
    height: 2vw;
    margin: auto;
    background-color: var(--color-gray-235);
  }
  .data-hr {  /* 데이터-라인 */
    height: 0.1px;
    margin: auto;
    background-color: var(--color-gray-155);
  }
  .lane-hr {  /* 레인-라인 */
    height: 0.1px;
    margin: auto;
    background-color: var(--color-gray-155);
  }
  .main-hr {  /* 메인-라인 */
    height: 0.1px;
    margin: auto;
    background-color: var(--color-main);
  }


/* ========================================================================================================================= */
/* 모바일 */
@media screen and (max-width: 767px) {

  /* 전체 */
  section {  /* 전체 */
    position: relative;
    z-index: 0;
    width: 100vw;
  }

  /* 라인 */
  .section-hr {  /* 섹션-라인 */
    height: 2vw;
    margin: auto;
    background-color: var(--color-gray-235);
  }
  .data-hr {  /* 데이터-라인 */
    height: 0.1px;
    margin: auto;
    background-color: var(--color-gray-155);
  }
  .lane-hr {  /* 레인-라인 */
    height: 0.1px;
    margin: auto;
    background-color: var(--color-gray-155);
  }
  .main-hr {  /* 메인-라인 */
    height: 0.1px;
    margin: auto;
    background-color: var(--color-main);
  }

}