*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

body {
  min-height: 100vh;
  line-height: 1.5;
  font-family: 'Pretendard', sans-serif;
  font-weight: 400;
  background-color: #FFFFFF;
  overscroll-behavior: contain;
  
  @supports (-webkit-touch-callout: none) {
    min-height: -webkit-fill-available;
  }
}

.f_hanAir {font-family: 'BM HANNA Air', sans-serif;}
.f_hanPro {font-family: 'BM HANNA Pro', sans-serif;}

body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

ul, 
li, 
dl,
dt,
dd {
  margin:0;
  padding:0;
  list-style:none;
}

h1,
h2,
h3,
h4,
button,
input,
label {
  line-height: 1.1;
}

h1,
h2,
h3,
h4 {
  text-wrap: balance;
}

a {
  text-decoration: none;
}
a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor;
}

img,
picture {
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
}

textarea:not([rows]) {
  min-height: 10em;
}

.soundonly {
  position: absolute; 
  width: 1px; 
  height: 1px; 
  padding: 0; 
  margin: -1px; 
  overflow: hidden; 
  clip: rect(0, 0, 0, 0); 
  white-space: nowrap; 
  border: 0;
}

:target {
  scroll-margin-block: 5px;
}

.btn {border: 0; padding: 0; cursor: pointer;}

.ui-select {width: 100%; height: 13.333vw; line-height: 13.333vw; padding: 0 11.111vw; border: none; border-radius: 2.778vw; background-color: rgba(226, 252, 255, 0.2); font-size: 5vw; font-weight: 400; color: #dddddd; text-align: center !important;}
.ui-select:after {
  top: 50%;
  right: 4.444vw;
  width: 4.444vw;
  height: 4.444vw;
  margin-top: -2.222vw;
  border: none;
  background: url('../img/ic_arrow_dropdown.png') no-repeat center/contain;
  -webkit-transform-origin: inherit;
  -ms-transform-origin: inherit;
  transform-origin: inherit;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.ui-select.open:after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.ui-select .list {width: 100%; max-height: 41.667vw; margin-top: 1.111vw; padding: 0; border: none; border-radius: 2.222vw; background-color: #fff; box-shadow: 0 1.111vw 1.111vw 0 rgba(0, 0, 0, 0.1);}
.ui-select .list .option {padding-left: 2.778vw; padding-right: 2.778vw; font-size: 4.444vw; font-weight: 400; color: #101010; min-height: 11.111vw; line-height: 11.111vw; border-bottom: 0.278vw solid #dddddd; text-align: center !important;}
.ui-select .list .option:last-child {border-bottom: 0;}
.ui-select .list .option.selected.focus {background-color: transparent !important;}
.ui-select .list .option:hover {background-color: transparent !important;}

.ui-select .mCustomScrollBox {margin-right: 0;}
.ui-select .mCSB_scrollTools {top: 2.222vw; right: 1.667vw; width: 1.389vw; height: calc(100% - 4.444vw);}
.ui-select .mCSB_inside>.mCSB_container {margin-right: 0; padding: 0;}
.ui-select .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 1.111vw;
  background-color: transparent;
}
.ui-select .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 1.111vw;
  background-color: rgba(26, 76, 98, 0.5);
}

/* clearfix */
.cf:before,
.cf:after{content: " "; display: table;}
.cf:after{clear: both;}
.cf{*zoom: 1;}


@media screen and (max-width:500px) {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  html {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
  }

  body {
    min-height: 100dvh;
    line-height: 1.5;
    font-family: 'Pretendard', sans-serif;
    font-weight: 400;
    background-color: #FFFFFF;
    overscroll-behavior: contain;
  
    @supports (-webkit-touch-callout: none) {
      min-height: -webkit-fill-available;
    }
  }

  body,
  h1,
  h2,
  h3,
  h4,
  p,
  figure,
  blockquote,
  dl,
  dd {
    margin: 0;
  }

  ul, 
  li, 
  dl,
  dt,
  dd {
    margin:0;
    padding:0;
    list-style:none;
  }

  h1,
  h2,
  h3,
  h4,
  button,
  input,
  label {
    line-height: 1.1;
  }

  h1,
  h2,
  h3,
  h4 {
    text-wrap: balance;
  }

  a {
    text-decoration: none;
  }
  a:not([class]) {
    text-decoration-skip-ink: auto;
    color: currentColor;
  }

  img,
  picture {
    max-width: 100%;
  }

  input,
  button,
  textarea,
  select {
    font: inherit;
  }

  textarea:not([rows]) {
    min-height: 10em;
  }

  .soundonly {
    position: absolute; 
    width: 1px; 
    height: 1px; 
    padding: 0; 
    margin: -1px; 
    overflow: hidden; 
    clip: rect(0, 0, 0, 0); 
    white-space: nowrap; 
    border: 0;
  }

  :target {
    scroll-margin-block: 5px;
  }

  .btn {border: 0; padding: 0; cursor: pointer;}

  .ui-select {width: 100%; height: 13.333vw; line-height: 13.333vw; padding: 0 11.111vw; border: none; border-radius: 2.778vw; background-color: rgba(226, 252, 255, 0.2); font-size: 5vw; font-weight: 400; color: #dddddd; text-align: center !important;}
  .ui-select:after {
    top: 50%;
    right: 4.444vw;
    width: 4.444vw;
    height: 4.444vw;
    margin-top: -2.222vw;
    border: none;
    background: url('../img/ic_arrow_dropdown.png') no-repeat center/contain;
    -webkit-transform-origin: inherit;
    -ms-transform-origin: inherit;
    transform-origin: inherit;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .ui-select.open:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .ui-select .list {width: 100%; max-height: 41.667vw; margin-top: 1.111vw; padding: 0; border: none; border-radius: 2.222vw; background-color: #fff; box-shadow: 0 1.111vw 1.111vw 0 rgba(0, 0, 0, 0.1);}
  .ui-select .list .option {padding-left: 2.778vw; padding-right: 2.778vw; font-size: 4.444vw; font-weight: 400; color: #101010; min-height: 11.111vw; line-height: 11.111vw; border-bottom: 0.278vw solid #dddddd; text-align: center !important;}
  .ui-select .list .option:last-child {border-bottom: 0;}
  .ui-select .list .option.selected.focus {background-color: transparent !important;}
  .ui-select .list .option:hover {background-color: transparent !important;}

  .ui-select .mCustomScrollBox {margin-right: 0;}
  .ui-select .mCSB_scrollTools {top: 2.222vw; right: 1.667vw; width: 1.389vw; height: calc(100% - 4.444vw);}
  .ui-select .mCSB_inside>.mCSB_container {margin-right: 0; padding: 0;}
  .ui-select .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 1.111vw;
    background-color: transparent;
  }
  .ui-select .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 1.111vw;
    background-color: rgba(26, 76, 98, 0.5);
  }

  /* clearfix */
  .cf:before,
  .cf:after{content: " "; display: table;}
  .cf:after{clear: both;}
  .cf{*zoom: 1;}
} /* End Media */