@charset "utf-8";

/* service */
#wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 14.37rem auto 0;
}
.serviceArea {
  position: relative;
}
.serviceArea h2 {
  font-size: 2.68rem;
  margin-bottom: 5.62rem;
}
.serviceArea h3 {
  font-size: 2rem;
  color: var(--black);
  margin-bottom: 1.25rem;
}
.serviceArea .dayList select {
  position: absolute;
  top: 0;
  right: 0;
  width: 13.75rem;
  height: 3.5rem;
  padding: 0.93rem 1.18rem;
  font-size: 1rem;
  font-weight: 500;
  border: 1px solid var(--light-gray);

  appearance: none; /* 기본 화살표 제거 (표준) */
  -webkit-appearance: none; /* 사파리, 크롬 */
  -moz-appearance: none; /* 파이어폭스 */
  padding-right: 1.87rem; /* 화살표 들어갈 공간 확보 */
}
.serviceArea .dayList select:focus {
  border: 1px solid var(--black);
}
.serviceArea .dayList svg {
  position: absolute;
  top: 0.93rem;
  right: 0.62rem;
  width: 1.62rem;
  height: 1.62rem;
}
.serviceArea h4 {
  font-size: 1.68rem;
  font-weight: 600;
  margin-bottom: 3.75rem;
}

.serviceArea h5 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1.87rem;
}
.serviceArea p,
.serviceArea ol {
  font-size: 1.12rem;
  font-weight: 500;
  color: var(--deep-gray);
  line-height: 1.5;
  margin-bottom: 3.75rem;
}
.serviceArea ol li {
  list-style-type: decimal;
  margin-left: 1.25rem;
  margin-bottom: 0.62rem;
}
.serviceArea .line {
  font-size: 1.12rem;
  font-weight: 500;
  color: var(--deep-gray);
  margin-bottom: 3.75rem;
}
.serviceArea .text {
  margin-bottom: 0px;
}
.serviceArea > p:last-child {
  margin-bottom: 15rem;
}
/* ==========노트북 반응형============= */
@media screen and (max-width: 1023px) {
  .serviceArea {
    width: 58.93rem;
    margin: -1.87rem auto 0;
  }
  .serviceArea h2 {
    font-size: 2.25rem;
  }
  .serviceArea h3 {
    font-size: 1.5rem;
  }
  .serviceArea .dayList svg {
    position: absolute;
    top: 1.25rem;
    right: 0.93rem;
    width: 1.25rem;
    height: 1.25rem;
  }
  .serviceArea h4 {
    font-size: 1.5rem;
  }

  .serviceArea h5 {
    font-size: 1.37rem;
  }
  .serviceArea p,
  .serviceArea ol {
    font-size: 1.06rem;
  }
  .serviceArea .line {
    font-size: 1.06rem;
  }
  .serviceArea .text {
    margin-bottom: 0px;
  }
  .serviceArea > p:last-child {
    margin-bottom: 7.5rem;
  }
}
/* ==========태블릿 반응형============= */
@media screen and (max-width: 860px) {
  .serviceArea {
    width: 49.56rem;
  }
  .serviceArea h2 {
    font-size: 2.56rem;
  }
  .serviceArea h3 {
    font-size: 2rem;
  }
  .serviceArea .dayList svg {
    width: 1.43rem;
    height: 1.43rem;
  }
  .serviceArea h4 {
    font-size: 1.68rem;
  }

  .serviceArea h5 {
    font-size: 1.56rem;
  }
  .serviceArea p,
  .serviceArea ol {
    font-size: 1.25rem;
  }
  .serviceArea .line {
    font-size: 1.25rem;
  }
  .serviceArea .text {
    margin-bottom: 0px;
  }
  .serviceArea > p:last-child {
    margin-bottom: 7rem;
  }
}
/* ==========모바일 반응형============= */
@media screen and (max-width: 540px) {
  #wrap .serviceArea {
    width: 30.31rem;
  }
  .serviceArea h2 {
    font-size: 2.62rem;
    margin-bottom: 1.87rem;
  }
  .serviceArea .dayList {
    position: relative;
  }
  .serviceArea .dayList select {
    position: static;
    width: 30.31rem;
    height: 4.87rem;
    padding: 0 3.5rem;
    font-size: 1.43rem;
    font-weight: 600;
    border: 1px solid var(--light-gray);
    margin-bottom: 3.12rem;
  }
  .serviceArea .dayList svg {
    top: 2rem;
    width: 1.75rem;
    height: 1.75rem;
  }
  .serviceArea h4 {
    font-size: 2.12rem;
  }

  .serviceArea h5 {
    font-size: 1.93rem;
  }
  .serviceArea p,
  .serviceArea ol {
    font-size: 1.43rem;
  }
  .serviceArea .line {
    font-size: 1.43rem;
  }
  .serviceArea .text {
    margin-bottom: 0px;
  }
  .serviceArea > p:last-child {
    margin-bottom: 7rem;
  }
}

/* policy */
#wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 14.37rem auto 0;
}
.policyArea {
  position: relative;
}
.policyArea h2 {
  font-size: 2.68rem;
  margin-bottom: 5.62rem;
}
.policyArea h3 {
  font-size: 2rem;
  color: var(--black);
  margin-bottom: 1.25rem;
}
.policyArea .dayList select {
  position: absolute;
  top: 0;
  right: 0;
  width: 13.75rem;
  height: 3.5rem;
  padding: 0.93rem 1.18rem;
  font-size: 1rem;
  font-weight: 500;
  border: 1px solid var(--light-gray);

  appearance: none; /* 기본 화살표 제거 (표준) */
  -webkit-appearance: none; /* 사파리, 크롬 */
  -moz-appearance: none; /* 파이어폭스 */
  padding-right: 1.87rem; /* 화살표 들어갈 공간 확보 */
}
.policyArea .dayList select:focus {
  border: 1px solid var(--black);
}
.policyArea .dayList svg {
  position: absolute;
  top: 0.93rem;
  right: 0.62rem;
  width: 1.62rem;
  height: 1.62rem;
}
.policyArea h4 {
  font-size: 1.68rem;
  font-weight: 600;
  margin-bottom: 3.75rem;
}

.policyArea h5 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1.87rem;
}
.policyArea p {
  font-size: 1.12rem;
  font-weight: 500;
  color: var(--deep-gray);
  line-height: 1.5;
  margin-bottom: 1.25rem;
}
.policyArea ol {
  font-size: 1.12rem;
  font-weight: 500;
  color: var(--deep-gray);
  line-height: 1.5;
  margin-bottom: 3.75rem;
}
.policyArea ol li {
  list-style-type: decimal;
  margin-left: 1.25rem;
  margin-bottom: 0.62rem;
}
.policyArea ol li .notice {
  margin-top: -0.93rem;
}
.policyArea .line {
  font-size: 1.12rem;
  font-weight: 500;
  color: var(--deep-gray);
  margin-bottom: 3.75rem;
}
.policyArea .text {
  margin-bottom: 0px;
}
.policyArea table {
  font-size: 1.12rem;
  font-weight: 500;
  color: var(--deep-gray);
  width: 100%;
  margin-bottom: 0.93rem;
}
.policyArea th,
.policyArea td {
  height: 1.5rem;
  padding: 1.5rem 1rem;
  text-align: left;
}
.policyArea th {
  border-top: 1px solid var(--black);
}
.policyArea td {
  border: 1px solid var(--light-gray);
  border-width: 1px 0;
}

.policyArea > p:last-child {
  margin-bottom: 15rem;
}

/* ==========노트북 반응형============= */
@media screen and (max-width: 1023px) {
  .policyArea {
    width: 58.93rem;
    margin: -1.87rem auto 0;
  }
  .policyArea h2 {
    font-size: 2.25rem;
  }
  .policyArea h3 {
    font-size: 1.75rem;
  }
  .policyArea .dayList svg {
    position: absolute;
    top: 1.25rem;
    right: 0.93rem;
    width: 1.25rem;
    height: 1.25rem;
  }

  .policyArea h5 {
    font-size: 1.37rem;
  }
  .policyArea p {
    font-size: 1.06rem;
  }
  .policyArea ol {
    font-size: 1.06rem;
  }
  .policyArea .line {
    font-size: 1.06rem;
  }
  .policyArea table {
    font-size: 1.06rem;
    font-weight: 500;
    color: var(--deep-gray);
    width: 100%;
    margin-bottom: 0.93rem;
  }
  .policyArea th,
  .policyArea td {
    height: 1.5rem;
    padding: 1.5rem 1rem;
    text-align: left;
  }
  .policyArea th {
    font-weight: 500;
    border-top: 1px solid var(--black);
  }
  .policyArea > p:last-child {
    margin-bottom: 7.5rem;
  }
}
/* ==========태블릿 반응형============= */
@media screen and (max-width: 860px) {
  .policyArea {
    width: 49.56rem;
  }
  .policyArea h2 {
    font-size: 2.56rem;
  }
  .policyArea h3 {
    font-size: 2rem;

  }
  .serviceArea .dayList svg {
    width: 1.43rem;
    height: 1.43rem;
  }

  .policyArea h5 {
    font-size: 1.56rem;
  }
  .policyArea p,
  .policyArea ol,
  .policyArea .line {
    font-size: 1.25rem;
  }
  .policyArea table {
    font-size: 1.25rem;
  }
  .policyArea th,
  .policyArea td {
    height: 4.68rem;
    padding: 1.43rem 1.12rem;
  }
  .policyArea > p:last-child {
    margin-bottom: 7rem;
  }
}
/* ==========모바일 반응형============= */
@media screen and (max-width: 540px) {
  .policyArea {
    width: 30.31rem;
  }
  .policyArea h2 {
    font-size: 2.62rem;
    margin-bottom: 1.87rem;
  }
  .policyArea h3 {
    font-size: 2rem;

  }
  .policyArea .dayList {
    position: relative;
  }
  .policyArea .dayList select {
    position: static;
    width: 30.31rem;
    height: 4.87rem;
    padding: 0 3.5rem;
    font-size: 1.43rem;
    font-weight: 600;
    border: 1px solid var(--light-gray);
    margin-bottom: 3.12rem;
  }
  .policyArea .dayList svg {
    top: 2rem;
    width: 1.75rem;
    height: 1.75rem;
  }

  .policyArea h5 {
    font-size: 1.93rem;
  }
  .policyArea p,
  .policyArea ol,
  .policyArea .line {
    font-size: 1.43rem;
  }
  .policyArea table {
    font-size: 1.43rem;
  }
  .policyArea th,
  .policyArea td {
    height: 4.68rem;
    padding: 1.43rem 1.12rem;
  }
  .policyArea > p:last-child {
    margin-bottom: 7rem;
  }
}