@media only screen and (min-width: 200px) and (max-width: 480px) {
  /* reset */
  body,
  div,
  dl,
  dt,
  dd,
  ul,
  ol,
  li,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  pre,
  code,
  form,
  fieldset,
  legend,
  textarea,
  p,
  blockquote,
  th,
  td,
  input,
  select,
  textarea,
  button {
    margin: 0;
    padding: 0;
  }
  fieldset,
  img {
    border: 0 none;
  }
  dl,
  ul,
  ol,
  menu,
  li {
    list-style: none;
  }
  blockquote,
  q {
    quotes: none;
  }
  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: '';
    content: none;
  }
  input,
  select,
  textarea,
  button {
    font-size: 100%;
    vertical-align: middle;
  }
  button {
    border: 0 none;
    background-color: transparent;
    cursor: pointer;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  body {
    -webkit-text-size-adjust: none;
  } /* 뷰표트 변환시 폰트크기 자동확대 방지 */
  input[type='text'],
  input[type='password'],
  input[type='submit'],
  input[type='search'] {
    -webkit-appearance: none;
    border-radius: 0;
  }
  input:checked[type='checkbox'] {
    background-color: #666;
    -webkit-appearance: checkbox;
  }
  button,
  input[type='button'],
  input[type='submit'],
  input[type='reset'],
  input[type='file'] {
    -webkit-appearance: button;
    border-radius: 0;
  }
  input[type='search']::-webkit-search-cancel-button {
    -webkit-appearance: none;
  }
  body {
    background: #fff;
  }
  body,
  th,
  td,
  input,
  select,
  textarea,
  button {
    font-size: 14px;
    line-height: 1.5;
    font-family: 'Malgun Gothic', '맑은 고딕', sans-serif;
    color: #333;
  } /* color값은 디자인가이드에 맞게사용 */
  a {
    color: #333;
    text-decoration: none;
  }
  a:active,
  a:hover {
    text-decoration: none;
  }
  address,
  caption,
  cite,
  code,
  dfn,
  em,
  var {
    font-style: normal;
    font-weight: normal;
  }

  video {
    width: 100%;
  }

  #header-menus-bottom-wrapper {
    position: absolute;
    z-index: 100;
    top: 250px;
    width: 100vw;
    overflow-y: scroll;
  }

  #header-menus-bottom-wrapper::-webkit-scrollbar {
    display: none;
  }

  #header-menus-bottom {
    border-bottom: 1px solid rgba(214, 218, 227, 0.3);
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding: 0 16px;
    box-sizing: content-box;
    height: 60px;
    white-space: nowrap; /* Prevent content from wrapping */
  }

  #header-menus-bottom > * {
    flex-shrink: 0; /* Prevent child elements from shrinking */
    white-space: nowrap; /* Prevent child elements from wrapping */
    display: inline-block;
  }

  #header-menu-bottom-item1,
  #header-menu-bottom-item2,
  #header-menu-bottom-item3,
  #header-menu-bottom-item4,
  #header-menu-bottom-item5 {
    color: var(--text-background, #021036);

    /* Sub M_16pt */
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }

  #selected-border {
    position: absolute;
    left: 16px;
    width: 56px;
    margin-top: 15px;
    border-bottom: 5px solid #007fff;
  }

  #dot {
    background-color: #021036;
    width: 3px;
    height: 3px;
    border-radius: 1.5px;
    margin: 1px;
  }
}