@charset "UTF-8";
/********** RESET ***********/
*:where(:not(html, iframe, canvas, img, svg, video):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

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

ol, ul, menu {
  list-style: none;
}

img {
  max-width: 100%;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  width: 100%;
}

caption {
  visibility: hidden;
  overflow: hidden;
  width: 0;
  height: 0;
  line-height: 0;
}

textarea {
  white-space: revert;
  resize: none;
}

strong, em {
  display: block;
  font-weight: normal;
  font-style: normal;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

meter {
  -webkit-appearance: revert;
  appearance: revert;
}

::placeholder {
  color: unset;
}

a, button {
  display: block;
  cursor: pointer;
}

.link {
  color: #3976f1;
  text-decoration: underline;
  text-underline-offset: 2px;
  word-break: break-all;
}

.blind {
  visibility: hidden;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

.show-mo {
  display: none;
}

.show-pc {
  display: block;
}

table.show-pc {
  display: table;
}

.pointBlue {
  color: #3976f1 !important;
}

.pointRed {
  color: #ff404e !important;
}

.blank {
  color: #d8dce0 !important;
}

.bg {
  background: #f6f8fb !important;
}

.regular {
  font-weight: 400 !important;
}

.medium {
  font-weight: 500 !important;
}

.bold {
  font-weight: 700 !important;
}

.left {
  text-align: left !important;
  justify-content: flex-start !important;
}

.right {
  text-align: right !important;
  justify-content: flex-end !important;
}

.center {
  text-align: center !important;
  justify-content: center !important;
}

@media screen and (min-width: 641px) and (max-width: 1500px) {
  .link {
    text-underline-offset: vw-pc(2);
  }
}
@media screen and (max-width: 640px) {
  .show-pc {
    display: none;
  }
  .show-mo {
    display: block;
  }
  table.show-pc {
    display: none;
  }
  table.show-mo {
    display: table;
  }
  .link {
    text-underline-offset: vw-mo(2);
  }
}
/*
  인천교육청 고등학교입학전형포털
*/
body {
  font-family: "NanumSquare";
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 1;
}

.mg0 {
  margin: 0 !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.pd0 {
  padding: 0 !important;
}

.td-ul {
  text-decoration: underline !important;
}

.fc-black {
  color: #000 !important;
}

.fc-blue {
  color: #068deb !important;
  font-weight: 500;
  text-decoration: none !important;
}

/* PC - 1920 ~ */
/* font */
@font-face {
  font-family: "NanumSquare";
  font-weight: 700;
  src: local("NanumSquareEB"), url("../fonts/NanumSquareEB.otf") format("opentype");
}
@font-face {
  font-family: "NanumSquare";
  font-weight: 500;
  src: local("NanumSquareB"), url("../fonts/NanumSquareB.otf") format("opentype");
}
@font-face {
  font-family: "NanumSquare";
  font-weight: 400;
  src: local("NanumSquareR"), url("../fonts/NanumSquareR.otf") format("opentype");
}
@font-face {
  font-family: "NanumSquare";
  font-weight: 300;
  src: local("NanumSquareL"), url("../fonts/NanumSquareL.otf") format("opentype");
}
@font-face {
  font-family: "NotoSansCJK";
  font-weight: 900;
  src: local("NotoSansCJKkr-Black"), url("../fonts/NotoSansCJKkr-Black.otf") format("opentype");
}
@font-face {
  font-family: "NotoSansCJK";
  font-weight: 700;
  src: local("NotoSansCJKkr-Bold"), url("../fonts/NotoSansCJKkr-Bold.otf") format("opentype");
}
@font-face {
  font-family: "NotoSansCJK";
  font-weight: 500;
  src: local("NotoSansCJKkr-Medium"), url("../fonts/NotoSansCJKkr-Medium.otf") format("opentype");
}
@font-face {
  font-family: "NotoSansCJK";
  font-weight: 400;
  src: local("NotoSansCJKkr-Regular"), url("../fonts/NotoSansCJKkr-Regular.otf") format("opentype");
}
@font-face {
  font-family: "NotoSansCJK";
  font-weight: 300;
  src: local("NotoSansCJKkr-DemiLight"), url("../fonts/NotoSansCJKkr-DemiLight.otf") format("opentype");
}
@font-face {
  font-family: "NotoSansCJK";
  font-weight: 200;
  src: local("NotoSansCJKkr-Light"), url("../fonts/NotoSansCJKkr-Light.otf") format("opentype");
}
@font-face {
  font-family: "NotoSansCJK";
  font-weight: 100;
  src: local("NotoSansCJKkr-Thin"), url("../fonts/NotoSansCJKkr-Thin.otf") format("opentype");
}
@font-face {
  font-family: "SpoqaHanSans";
  font-weight: 700;
  src: local("SpoqaHanSans-Bold"), url("../fonts/SpoqaHanSans-Bold.otf") format("opentype");
}
@font-face {
  font-family: "SpoqaHanSans";
  font-weight: 400;
  src: local("SpoqaHanSans-Regular"), url("../fonts/SpoqaHanSans-Regular.otf") format("opentype");
}
@font-face {
  font-family: "SpoqaHanSans";
  font-weight: 300;
  src: local("SpoqaHanSans-Light"), url("../fonts/SpoqaHanSans-Light.otf") format("opentype");
}
@font-face {
  font-family: "SpoqaHanSans";
  font-weight: 100;
  src: local("SpoqaHanSans-Thin"), url("../fonts/SpoqaHanSans-Thin.otf") format("opentype");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  src: local("Pretendard-Medium"), url("../fonts/Pretendard-Medium.otf") format("opentype");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  src: local("Pretendard-Regular"), url("../fonts/Pretendard-Regular.otf") format("opentype");
}
[class^=bullet__list] > li {
  position: relative;
  padding-left: 10px;
  line-height: 1.588235;
}
[class^=bullet__list] > li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  background: #000;
}

.bullet__list--dot > li:before, .bullet__list--dot-blue > li:before {
  top: 10px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
}
.bullet__list--dot-blue > li {
  color: #068deb;
  font-weight: 500;
}
.bullet__list--dot-blue > li::before {
  background: #068deb;
}
.bullet__list--dot-blue > li > span {
  font-weight: 400;
  color: #585858;
}
.bullet__list--dash > li {
  padding-left: 12px;
}
.bullet__list--dash > li:before {
  top: 12px;
  width: 7px;
  height: 1px;
}
.bullet__list--circle > li {
  padding-left: 19px;
}
.bullet__list--circle > li:before {
  top: 6px;
  width: 13px;
  height: 13px;
  border: 1px solid #000;
  border-radius: 50%;
  background: transparent;
}
.bullet__list--ref > li {
  position: relative;
  padding-left: 20px;
}
.bullet__list--ref > li:before {
  content: "※";
  font-size: 14px;
  background: none;
  padding-top: 2px;
}
.bullet__list--finger > li {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  padding: 0;
}
.bullet__list--finger > li:before {
  content: "☞";
  position: relative;
  font-size: 14px;
  background: none;
}
.bullet__list--circle-num > li {
  padding: 0;
}
.bullet__list--circle-num > li:before {
  display: none;
}
.bullet__list--circle-num > li .circle-num {
  margin-right: 5px;
  font-size: 15px;
}
.bullet__list--circle-blue > li {
  padding: 0;
  padding-left: 16px;
  position: relative;
}
.bullet__list--circle-blue > li:before {
  top: 8px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #a6d2f1;
}

@media screen and (min-width: 641px) and (max-width: 1500px) {
  [class^=bullet__list] > li {
    padding-left: 0.6666666667vw;
  }
  .bullet__list--dot > li:before {
    top: 0.6666666667vw;
    width: 0.2vw;
    height: 0.2vw;
  }
  .bullet__list--dash > li {
    padding-left: 0.8vw;
  }
  .bullet__list--dash > li:before {
    top: 0.8vw;
    width: 0.4666666667vw;
  }
  .bullet__list--circle > li {
    padding-left: 1.2666666667vw;
  }
  .bullet__list--circle > li:before {
    top: 0.4vw;
    width: 0.8666666667vw;
    height: 0.8666666667vw;
  }
  .bullet__list--ref > li {
    padding-left: 1.3333333333vw;
  }
  .bullet__list--ref > li:before {
    font-size: 0.9333333333vw;
    padding-top: 0.1333333333vw;
  }
  .bullet__list--finger > li {
    gap: 0.4vw;
    padding: 0;
  }
  .bullet__list--finger > li:before {
    content: "☞";
    font-size: 0.9333333333vw;
  }
  .bullet__list--circle-num > li {
    padding: 0;
  }
  .bullet__list--circle-num > li:before {
    display: none;
  }
  .bullet__list--circle-num > li .circle-num {
    margin-right: 0.3333333333vw;
    font-size: 1vw;
  }
  .bullet__list--circle-blue > li {
    padding: 0vw 0vw 0vw 1.0666666667vw;
  }
  .bullet__list--circle-blue > li:before {
    top: 0.5333333333vw;
    width: 0.6666666667vw;
    height: 0.6666666667vw;
  }
}
@media screen and (max-width: 640px) {
  [class^=bullet__list] > li {
    padding-left: 1.5625vw;
  }
  .bullet__list--dot > li:before {
    top: 1.875vw;
    width: 0.46875vw;
    height: 0.46875vw;
  }
  .bullet__list--dash > li {
    padding-left: 1.875vw;
  }
  .bullet__list--dash > li:before {
    top: 2.03125vw;
    width: 1.09375vw;
  }
  .bullet__list--circle > li {
    padding-left: 2.96875vw;
  }
  .bullet__list--circle > li:before {
    top: 1.25vw;
    width: 2.03125vw;
    height: 2.03125vw;
  }
  .bullet__list--ref > li {
    padding-left: 3.125vw;
  }
  .bullet__list--ref > li:before {
    font-size: 2.65625vw;
    padding-top: 0.546875vw;
  }
  .bullet__list--finger > li {
    gap: 0.9375vw;
    padding: 0;
  }
  .bullet__list--finger > li:before {
    content: "☞";
    font-size: 2.65625vw;
    top: 0.78125vw;
  }
  .bullet__list--circle-num > li {
    padding: 0;
  }
  .bullet__list--circle-num > li .circle-num {
    margin-right: 0.78125vw;
    font-size: 2.34375vw;
  }
  .bullet__list--circle-blue > li {
    padding: 0vw 0vw 0vw 2.5vw;
  }
  .bullet__list--circle-blue > li:before {
    width: 1.5625vw;
    height: 1.5625vw;
    top: 1.25vw;
  }
}
.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 82px;
  padding: 10px;
  color: #fff;
  background: #068deb;
  font-size: 14px;
  line-height: 1;
}
.btn__wrap.round .btn {
  border-radius: 40px;
}
.btn__wrap.round .btn.gray {
  color: #fff;
  background: #7c7e80;
}
.btn__wrap.round .btn.border {
  color: #068deb;
  border: 1px solid #068deb;
  border-radius: 40px;
  background: #fff;
}
.btn__wrap.round .btn.border.gray {
  color: #858585;
  border: 1px solid #858585;
  background: #fff;
}
.btn__wrap.round .btn.next::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 11px;
  transform: rotate(90deg);
  background: url(../images/common/icon-aside-arrow.png) no-repeat center/100%;
}
.btn__wrap.round .btn.prev::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 11px;
  transform: rotate(270deg);
  background: url(../images/common/icon-aside-arrow.png) no-repeat center/100%;
}
.btn__wrap.square .btn {
  border-radius: 4px;
  background: #068deb;
}
.btn__wrap.square .btn.gray {
  color: #fff;
  background: #7c7e80;
}
.btn__wrap.square .btn.gray2 {
  color: #000;
  background: #dee0e3;
}
.btn__wrap.square .btn.border {
  color: #068deb;
  border: 1px solid #068deb;
  background: #fff;
}
.btn__wrap.square .btn.border.gray {
  color: #858585;
  border: 1px solid #858585;
  background: #fff;
}
.btn__wrap.square .btn--next {
  color: #fff;
}
.btn__wrap.square .btn.next::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 11px;
  transform: rotate(90deg);
  background: url(../images/common/icon-aside-arrow.png) no-repeat center/100%;
}
.btn__wrap.square .btn.prev::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 11px;
  transform: rotate(270deg);
  background: url(../images/common/icon-aside-arrow.png) no-repeat center/100%;
}
.btn__wrap.sm .btn {
  padding: 12px 20px;
  font-size: 14px;
}
.btn__wrap.xs .btn {
  min-width: 75px;
  height: 30px;
  font-size: 14px;
}
.btn__wrap.circle .btn {
  width: 30px;
  max-width: 30px;
  min-width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #dde7ef;
  background: #edf6fe url(../images/icon/ico_arrow_blue.png) no-repeat center/8px auto;
}
.btn__wrap.circle .btn__inner {
  flex-direction: column;
}
.btn__wrap.circle .btn--type1 {
  transform: rotate(180deg);
}
.btn__wrap.circle .btn--type2 {
  transform: rotate(270deg);
}
.btn__wrap.circle .btn--type3 {
  transform: rotate(90deg);
}
.btn__inner {
  display: flex;
}
.btn__inner.col {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}
.btn--confirm {
  overflow: hidden;
  color: #068deb;
  border: 1px solid #068deb;
  border-radius: 40px;
  background: #caeefa;
}
.btn--confirm.gray {
  color: #068deb;
  background: #858585;
}
.btn.btn--next, .btn.btn--prev {
  padding: 17px;
  min-width: 100px;
  background: #068deb;
  color: #fff;
  font-size: 18px;
  line-height: 1;
  border-radius: 4px;
}
.btn.btn--prev {
  background: #a0a4a7;
}
.btn.btn--view {
  position: relative;
  padding: 0 2px 0 0;
  font-size: 15px;
  color: #484848;
  background: none;
}
.btn.btn--view::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #b2b2b2;
  position: absolute;
  left: 0;
  bottom: -2px;
}
.btn.btn--view::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(../images/sub/ico_schedule_link_01.png) no-repeat center/100%;
}
.btn__link {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 60px;
  height: 40px;
  padding: 0 20px;
  color: #068deb;
  font-size: 14px;
  font-weight: 700;
  border: 1px solid #068deb;
  border-radius: 40px;
}
.btn__link:after {
  content: "";
  display: block;
  width: 8px;
  height: 10px;
  background: url("../images/icon/ico_arrow_right_blue.svg") 0%/cover;
}
.btn__link--text:active, .btn__link--text:hover {
  text-decoration: underline;
  color: #068deb;
}
.btn__download {
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 40px;
  padding: 8px 16px 8px 20px;
  color: #fff;
  font-size: 14px;
  background: #068deb;
}
.btn__download:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("../images/icon/ico_download.png") no-repeat 0%/100%;
}
.btn__download--blue {
  display: flex;
  align-items: center;
  gap: 11px;
  height: 40px;
  padding: 0 16px 0 20px;
  color: #068deb;
  font-size: 14px;
  font-weight: 700;
  border-radius: 40px;
  border: 1px solid #068deb;
}
.btn__download--blue:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("../images/icon/ico_download_blue.png") no-repeat 0%/100%;
}
.btn__edit {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 8px 16px 8px 20px;
  color: #fff;
  background: #068deb;
}
.btn__edit:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("../images/icon/ico_edit.png") no-repeat 0%/100%;
}
.btn-sns:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(../images/icon/ico_share.png) no-repeat center;
  background-size: cover;
}
.btn-print:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(../images/icon/ico_print.png) no-repeat center;
  background-size: cover;
}
.btn-home {
  display: block;
  position: relative;
  width: 60px;
}
.btn-home:after {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  background: url("../images/icon/ico_home.svg") no-repeat center;
  background-size: 19px auto;
}
.btn-right, .btn-left {
  position: relative;
  width: 25px;
  min-width: auto;
  height: 25px;
  padding: 0;
  background: #dfdfdf;
  border-radius: 4px;
}
.btn-right:before, .btn-left:before {
  content: "";
  display: block;
  position: absolute;
  left: calc((100% - 8px) / 2);
  top: calc((100% - 12px) / 2);
  width: 8px;
  height: 12px;
  background: url(../images/icon/ico_arrow_dark_gray.svg) no-repeat center/100%;
}
.btn-left:before {
  transform: scaleX(-1);
}
.btn__map-expand {
  display: flex;
  align-items: center;
  gap: 11px;
  height: 40px;
  padding: 10px 12px;
  color: #858585;
  border-radius: 4px;
  border: 1px solid #dfdfdf;
  box-shadow: 0px 3px 6px 0px rgba(84, 86, 88, 0.18);
}

@media screen and (min-width: 641px) and (max-width: 1500px) {
  .btn {
    gap: 0.6666666667vw;
    min-width: 5.4666666667vw;
    padding: 0.6666666667vw;
    font-size: 0.9333333333vw;
  }
  .btn__wrap.round .btn {
    border-radius: 2.6666666667vw;
  }
  .btn__wrap.round .btn.border {
    border-radius: 2.6666666667vw;
  }
  .btn__wrap.round .btn.next::after {
    width: 0.5333333333vw;
    height: 0.7333333333vw;
  }
  .btn__wrap.round .btn.prev::before {
    width: 0.5333333333vw;
    height: 0.7333333333vw;
  }
  .btn__wrap.square .btn {
    border-radius: 0.2666666667vw;
  }
  .btn__wrap.square .btn.next::after {
    width: 0.5333333333vw;
    height: 0.7333333333vw;
  }
  .btn__wrap.square .btn.prev::before {
    width: 0.5333333333vw;
    height: 0.7333333333vw;
  }
  .btn__wrap.sm .btn {
    padding: 0.8vw 1.3333333333vw;
    font-size: 0.9333333333vw;
  }
  .btn__wrap.xs .btn {
    min-width: 5vw;
    height: 2vw;
    font-size: 0.9333333333vw;
  }
  .btn__wrap.circle .btn {
    width: 2vw;
    max-width: 2vw;
    min-width: 2vw;
    height: 2vw;
    background: #edf6fe url(../images/icon/ico_arrow_blue.png) no-repeat center/0.5333333333vw auto;
  }
  .btn__inner.col {
    gap: 0.6666666667vw;
  }
  .btn--confirm {
    border-radius: 2.6666666667vw;
  }
  .btn.btn--next, .btn.btn--prev {
    padding: 1.1333333333vw;
    min-width: 6.6666666667vw;
    font-size: 1.2vw;
    border-radius: 0.2666666667vw;
  }
  .btn.btn--view {
    padding: 0 0.1333333333vw 0 0;
    font-size: 1vw;
  }
  .btn.btn--view::before {
    content: "";
    bottom: -0.1333333333vw;
  }
  .btn.btn--view::after {
    width: 0.8vw;
    height: 0.8vw;
  }
  .btn__link {
    gap: 0.6666666667vw;
    min-width: 4vw;
    height: 2.6666666667vw;
    padding: 0vw 1.3333333333vw;
    font-size: 0.9333333333vw;
    border-radius: 2.6666666667vw;
  }
  .btn__link:after {
    width: 0.5333333333vw;
    height: 0.6666666667vw;
  }
  .btn__download {
    gap: 0.7333333333vw;
    min-height: 2.6666666667vw;
    padding: 0.5333333333vw 1.0666666667vw 0.5333333333vw 1.3333333333vw;
    font-size: 0.9333333333vw;
  }
  .btn__download:after {
    width: 1.3333333333vw;
    height: 1.3333333333vw;
  }
  .btn__download--blue {
    gap: 0.7333333333vw;
    height: 2.6666666667vw;
    padding: 0vw 1.0666666667vw 0vw 1.3333333333vw;
    font-size: 0.9333333333vw;
    border-radius: 2.6666666667vw;
  }
  .btn__download--blue:after {
    width: 1.3333333333vw;
    height: 1.3333333333vw;
  }
  .btn__edit {
    gap: 0.7333333333vw;
    padding: 0.5333333333vw 1.0666666667vw 0.5333333333vw 1.3333333333vw;
  }
  .btn__edit:after {
    width: 1.3333333333vw;
    height: 1.3333333333vw;
  }
  .btn-sns:before {
    width: 1.6vw;
    height: 1.6vw;
  }
  .btn-print:before {
    width: 1.6vw;
    height: 1.6vw;
  }
  .btn-home {
    width: 4vw;
  }
  .btn-home:after {
    width: 4vw;
    height: 4vw;
    background-size: 1.2666666667vw auto;
  }
  .btn-right, .btn-left {
    width: 1.6666666667vw;
    height: 1.6666666667vw;
    border-radius: 0.2666666667vw;
  }
  .btn-right:before, .btn-left:before {
    content: "";
    left: calc((100% - 0.5333333333vw) / 2);
    top: calc((100% - 0.8vw) / 2);
    width: 0.5333333333vw;
    height: 0.8vw;
  }
  .btn__map-expand {
    gap: 0.7333333333vw;
    height: 2.6666666667vw;
    padding: 0.6666666667vw 0.8vw;
    border-radius: 0.2666666667vw;
    box-shadow: 0vw 0.2vw 0.4vw 0vw rgba(84, 86, 88, 0.18);
  }
}
@media screen and (max-width: 640px) {
  .btn {
    justify-content: center;
    min-width: 21.875vw;
    height: 10.9375vw;
    padding: 0;
    font-size: 4.0625vw;
    text-align: center;
  }
  .btn__wrap.col {
    gap: 1.5625vw;
  }
  .btn__wrap.round .btn {
    width: 100%;
    font-size: 3.4375vw;
    font-weight: 700;
    border-radius: 6.25vw;
  }
  .btn__wrap.round .btn.border {
    border-radius: 6.25vw;
  }
  .btn__wrap.square .btn {
    border-radius: 1.25vw;
  }
  .btn__wrap.sm .btn {
    height: 4.6875vw;
    padding: 1.875vw 3.125vw;
    font-size: 2.1875vw;
    font-weight: 400;
  }
  .btn__wrap.xs .btn {
    min-width: 16.09375vw;
    height: 7.03125vw;
    font-size: 3.125vw;
    font-weight: 400;
  }
  .btn__wrap.circle .btn {
    width: 6.40625vw;
    max-width: 6.40625vw;
    min-width: 6.40625vw;
    height: 6.40625vw;
    background: #edf6fe url(../images/icon/ico_arrow_blue.png) no-repeat center/1.71875vw auto;
  }
  .btn__inner {
    display: flex;
  }
  .btn__inner.col {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.34375vw;
  }
  .btn.btn--next, .btn.btn--prev {
    padding: 2.8125vw;
    min-width: 21.875vw;
    font-size: 4.0625vw;
    border-radius: 0.625vw;
  }
  .btn.btn--view {
    padding: 0 0.3125vw 0 0;
    font-size: 2.8125vw;
    height: auto;
    margin-top: 3.125vw;
  }
  .btn.btn--view::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #b2b2b2;
    position: absolute;
    left: 0;
    bottom: -2px;
  }
  .btn.btn--view::after {
    width: 2.1875vw;
    height: 2.1875vw;
  }
  .btn__link {
    gap: 1.5625vw;
    height: 6.25vw;
    font-size: 2.1875vw;
  }
  .btn__download {
    justify-content: space-between;
    gap: 3.125vw;
    width: 57.8125vw;
    min-height: 9.375vw;
    padding: 0 2.5vw 0 3.125vw;
    font-size: 2.8125vw;
  }
  .btn__download:after {
    width: 3.75vw;
    height: 3.75vw;
  }
  .btn__download--blue {
    height: 7.03125vw;
    font-size: 3.125vw;
  }
  .btn__download--blue:after {
    width: 3.75vw;
    height: 3.75vw;
  }
  .btn__edit {
    justify-content: space-between;
    gap: 3.125vw;
    width: 57.8125vw;
    height: 9.375vw;
    padding: 0 2.5vw 0 3.125vw;
    font-size: 2.8125vw;
  }
  .btn__edit:after {
    width: 3.125vw;
    height: 3.125vw;
  }
  .btn-sns:before {
    width: 10.625vw;
    height: 9.375vw;
    background-size: 4.53125vw 4.53125vw;
  }
  .btn-print {
    display: none;
  }
  .btn-print:before {
    width: 3.75vw;
    height: 3.75vw;
  }
  .btn-home {
    width: 9.375vw;
  }
  .btn-home:after {
    width: 9.375vw;
    height: 9.375vw;
    background-size: 2.96875vw auto;
  }
  .btn-right, .btn-left {
    width: 5.46875vw;
    min-width: auto;
    height: 5.46875vw;
    padding: 0;
    border-radius: 0.625vw;
  }
  .btn-right:before, .btn-left:before {
    left: calc((100% - 1.25vw) / 2);
    top: calc((100% - 1.875vw) / 2);
    width: 1.25vw;
    height: 1.875vw;
  }
  .btn__map-expand {
    gap: 1.71875vw;
    height: 6.25vw;
    padding: 1.5625vw 1.875vw;
    font-size: 2.8125vw;
  }
}
/***** font *****/
.ico {
  display: block;
  width: 16px;
  height: 16px;
  background-size: 100%;
  background-repeat: no-repeat;
}
.ico__arr-up.white {
  background-image: url("../images/icon/ico_arrow_up_white.png");
}
.ico__arr-up.darkgray {
  background-image: url("../images/icon/ico_arrow_down_darkgray.svg");
}
.ico__arr-right {
  width: 6px;
  height: 12px;
}
.ico__arr-right.gray {
  background-image: url("../images/icon/ico_arrow_right_gray.svg");
}
.ico__arr-right.blue {
  background-image: url("../images/icon/ico_arrow_right_blue.svg");
}
.ico__arr-left {
  width: 6px;
  height: 12px;
  transform: rotate(180deg);
}
.ico__arr-left.gray {
  background-image: url("../images/icon/ico_arrow_right_gray.svg");
}
.ico__arr-left.blue {
  background-image: url("../images/icon/ico_arrow_right_blue.svg");
}
.ico__plus--blue {
  width: 22px;
  height: 22px;
  background-image: url("../images/icon/ico_plus_blue.svg");
}
.ico__minus--blue {
  width: 22px;
  height: 22px;
  background-image: url("../images/icon/ico_minus_blue.svg");
}
.ico__search {
  min-width: 16px;
  background-image: url("../images/icon/ico_search.png");
}
.ico__download {
  background-image: url("../images/icon/ico_download.png");
}
.ico__download--blue {
  width: 19px;
  height: 19px;
  margin-left: 13px;
  background-image: url("../images/icon/ico_download_blue.png");
}
.ico__expand {
  width: 16px;
  height: 16px;
  background-image: url("../images/icon/ico_expand.png");
}
.ico-more--toggle {
  width: 10px;
  height: 10px;
  margin-right: 17px;
  background-image: url(../images/icon/ico_more.svg);
  background-position: center;
}
.ico__guide-list {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.ico__guide-list.ico1 {
  background: url(../images/sub/img_guide_01.png) no-repeat center;
  background-size: 101px auto;
}
.ico__guide-list.ico2 {
  background: url(../images/sub/img_guide_02.png) no-repeat center;
  background-size: 101px auto;
}
.ico__guide-list.ico3 {
  background: url(../images/sub/img_guide_03.png) no-repeat center;
  background-size: 88px auto;
}
.ico__guide-list.ico4 {
  background: url(../images/sub/img_guide_04.png) no-repeat center;
  background-size: 93px auto;
}
.ico__guide-list.ico5 {
  background: url(../images/sub/img_guide_05.png) no-repeat center;
  background-size: 117px auto;
}
.ico__guide-list.ico6 {
  background: url(../images/sub/img_guide_06.png) no-repeat center;
  background-size: 92px auto;
}
.ico__guide-list.ico7 {
  background: url(../images/sub/img_guide_07.png) no-repeat center;
  background-size: 166px auto;
}
.ico__guide-list.ico8 {
  background: url(../images/sub/img_guide_08.png) no-repeat center;
  background-size: 99px auto;
}
.ico__guide-list.ico9 {
  background: url(../images/sub/img_guide_09.png) no-repeat center;
  background-size: 114px auto;
}
.ico__guide-list.ico10 {
  background: url(../images/sub/img_guide_10.png) no-repeat center;
  background-size: 101px auto;
}
.ico__guide-list.ico11 {
  background: url(../images/sub/img_guide_11.png) no-repeat center;
  background-size: 139px auto;
}
.ico__guide-list.ico12 {
  background: url(../images/sub/img_guide_12.png) no-repeat center;
  background-size: 127px auto;
}
.ico__guide-list.ico13 {
  background: url(../images/sub/img_guide_13.png) no-repeat center;
  background-size: 134px auto;
}

@media screen and (min-width: 641px) and (max-width: 1500px) {
  .ico {
    width: 1.0666666667vw;
    height: 1.0666666667vw;
  }
  .ico__plus--blue {
    width: 1.4666666667vw;
    height: 1.4666666667vw;
  }
  .ico__search {
    min-width: 1.0666666667vw;
  }
  .ico__download--blue {
    width: 1.2666666667vw;
    height: 1.2666666667vw;
    margin-left: vw-pc-(13);
  }
  .ico__expand {
    width: 1.0666666667vw;
    height: 1.0666666667vw;
  }
  .ico-more--toggle {
    width: 0.6666666667vw;
    height: 0.6666666667vw;
    margin-right: 1.1333333333vw;
  }
  .ico__guide-list.ico1 {
    background-size: 6.7333333333vw auto;
  }
  .ico__guide-list.ico2 {
    background-size: 6.7333333333vw auto;
  }
  .ico__guide-list.ico3 {
    background-size: 5.8666666667vw auto;
  }
  .ico__guide-list.ico4 {
    background-size: 6.2vw auto;
  }
  .ico__guide-list.ico5 {
    background-size: 7.8vw auto;
  }
  .ico__guide-list.ico6 {
    background-size: 6.4666666667vw auto;
  }
  .ico__guide-list.ico7 {
    background-size: 11.0666666667vw auto;
  }
  .ico__guide-list.ico8 {
    background-size: 6.6vw auto;
  }
  .ico__guide-list.ico9 {
    background-size: 7.6vw auto;
  }
  .ico__guide-list.ico10 {
    background-size: 6.7333333333vw auto;
  }
  .ico__guide-list.ico11 {
    background-size: 9.2666666667vw auto;
  }
  .ico__guide-list.ico12 {
    background-size: 8.4666666667vw auto;
  }
  .ico__guide-list.ico13 {
    background-size: 8.9333333333vw auto;
  }
}
@media screen and (max-width: 640px) {
  .ico {
    width: 2.5vw;
    height: 2.5vw;
  }
  .ico__plus--blue {
    width: 3.4375vw;
    height: 3.4375vw;
  }
  .ico__close {
    width: 5.3125vw;
    height: 5.3125vw;
    background: url("../images/icon/ico_close.svg") no-repeat 0%/cover;
  }
  .ico__download--blue {
    width: 2.96875vw;
    height: 2.96875vw;
    margin-left: 1.25vw;
  }
  .ico__expand {
    width: 2.5vw;
    height: 2.5vw;
  }
  .ico__guide-list.ico1 {
    background-size: 22.03125vw auto;
  }
  .ico__guide-list.ico2 {
    background-size: 22.03125vw auto;
  }
  .ico__guide-list.ico3 {
    background-size: 18.75vw auto;
  }
  .ico__guide-list.ico4 {
    background-size: 20.78125vw auto;
  }
  .ico__guide-list.ico5 {
    background-size: 22.03125vw auto;
  }
  .ico__guide-list.ico6 {
    background-size: 20vw auto;
  }
  .ico__guide-list.ico7 {
    background-size: 32.1875vw auto;
  }
  .ico__guide-list.ico8 {
    background-size: 22.03125vw auto;
  }
  .ico__guide-list.ico10 {
    background-size: 22.03125vw auto;
  }
  .ico__guide-list.ico11 {
    background-size: 28.90625vw auto;
  }
  .ico__guide-list.ico12 {
    background-size: 25vw auto;
  }
  .ico__guide-list.ico13 {
    background-size: 20.9375vw auto;
  }
}
.skip-nav a {
  position: absolute;
  top: -30px;
  width: 100%;
  height: 30px;
  font-size: 15px;
  color: #fff;
  line-height: 30px;
  text-align: center;
  background-color: #000;
  z-index: 10000;
}
.skip-nav a:focus {
  top: 0;
}

.align--center {
  justify-content: center !important;
  text-align: center !important;
}
.align--left {
  justify-content: flex-start !important;
  text-align: left !important;
}
.align--right {
  justify-content: flex-end !important;
  text-align: right !important;
}

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

.header__wrap {
  position: relative;
  box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.09);
}
.header__wrap.active {
  box-shadow: none;
}
.header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  max-width: 1180px;
  background-color: #fff;
}
.header__inner .logo a {
  display: block;
  width: 173px;
  height: 43px;
  background: url(../../static/images/common/logo.png) no-repeat 0 0/100%;
}
.header__inner .btn__gnb {
  display: none;
}

.gnb__wrap:hover .gnb__wrap--depth2 {
  display: block;
}
.gnb__wrap--depth1 {
  display: flex;
}
.gnb__wrap--depth1 .depth1 > a {
  padding: 0 33px;
  display: block;
  position: relative;
  font-size: 17px;
  font-weight: 500;
  color: #000;
  line-height: 80px;
}
.gnb__wrap--depth1 .depth1 > a:hover {
  color: #00b7f4;
}
.gnb__wrap--depth1 .depth1.is-active {
  color: #00b7f4;
}
.gnb__wrap--depth2 {
  display: none;
  position: absolute;
  left: 0;
  top: 80px;
  width: 100%;
  background-color: #fff;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.09);
  z-index: 100;
}
.gnb__wrap--depth2 .depth2 {
  font-size: 15px;
}
.gnb__wrap--depth2 .depth2 > a {
  padding: 10px 0;
}
.gnb__wrap--depth2 .depth2:hover {
  font-weight: 500;
  color: #00b7f4;
}
.gnb__wrap--depth2 .depth2__inner {
  display: flex;
  margin: 0 auto;
  max-width: 1180px;
}
.gnb__wrap--depth2 .depth2__box {
  padding: 26px 24px;
  width: 236px;
}
.gnb__wrap--depth2 .depth2__box + .depth2__box {
  border-left: 1px solid #dfdfdf;
}
.gnb__wrap--depth2 .depth2__title {
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 500;
}

.link-menu a {
  display: block;
  position: relative;
  padding-left: 30px;
  font-size: 13px;
  color: #666;
}
.link-menu a::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.link-menu .login {
  line-height: 40px;
  border-bottom: 1px solid #ccc;
}
.link-menu .login::before {
  left: 4px;
  width: 11px;
  height: 15px;
  background: url(../../static/images/common/icon-login.png) no-repeat 0 0/100%;
}
.link-menu .login:hover {
  color: #068deb;
}
.link-menu .login:hover::before {
  background: url(../../static/images/common/icon-login-hover.png) no-repeat 0 0/100%;
}
.link-menu .portal {
  line-height: 39px;
}
.link-menu .portal::before {
  left: 1px;
  width: 17px;
  height: 11px;
  background: url(../../static/images/common/icon-portal.png) no-repeat 0 0/100%;
}
.link-menu .portal:hover {
  color: #068deb;
}
.link-menu .portal:hover::before {
  background: url(../../static/images/common/icon-portal-hover.png) no-repeat 0 0/100%;
}

.component__inner {
  max-width: 1180px;
  margin: 0 auto;
  height: 100%;
  position: relative;
}
.component__inner.wide {
  max-width: none;
}

.contents.sub {
  padding-bottom: 80px;
}

.sub-visual {
  min-height: 200px;
  padding: 58px 0;
  text-align: center;
  background: url(../../static/images/common/img-visual.png) no-repeat 0 0/100% 100%;
}
.sub-visual .title {
  font-size: 40px;
  font-weight: 500;
}
.sub-visual .desc {
  display: block;
  margin-top: 27px;
  font-size: 17px;
  line-height: 1.5;
}

.breadcrumb {
  display: flex;
  justify-content: flex-end;
  margin: 0 auto;
  padding: 15px 0;
  max-width: 1180px;
}
.breadcrumb li {
  position: relative;
}
.breadcrumb li + li {
  margin-left: 20px;
}
.breadcrumb li + li::before {
  content: "";
  display: block;
  position: absolute;
  left: -14px;
  top: 50%;
  width: 8px;
  height: 10px;
  background: url(../../static/images/common/icon-breadcrumb-arrow.png) no-repeat 0 0/contain;
  transform: translateY(-50%);
}
.breadcrumb li a {
  font-size: 15px;
  color: #676767;
  line-height: 22px;
}
.breadcrumb li:first-child a {
  display: block;
  width: 22px;
  height: 22px;
  background: url(../../static/images/common/icon-breadcrumb-home.png) no-repeat 0 0/100%;
}

.menu-tab {
  margin: 0 auto;
  max-width: 1180px;
}
.menu-tab__list {
  position: relative;
  padding: 5px;
  display: flex;
  align-items: center;
  background: #edf6fe;
  border: 1px solid #e4eef7;
  border-radius: 7px;
}
.menu-tab__list.is-active {
  margin-bottom: 60px;
  border-radius: 7px 7px 0 0;
  border-bottom: none;
}
.menu-tab__list + .menu-tab__list {
  margin-top: 5px;
}
.menu-tab__item {
  width: 20%;
  text-align: center;
  font-size: 18px;
  color: #686868;
  line-height: 1.363636;
  border: 1px solid transparent;
}
.menu-tab__item > a {
  padding: 15px 0;
}
.menu-tab__item.is-active {
  background: #fff;
  border: 1px solid #c0daef;
  border-radius: 6px;
  font-weight: 700;
  color: #068deb;
  box-shadow: 0px 2px 10px 0px rgba(73, 123, 167, 0.29);
}
.menu-tab__item.is-active .menu-tab__sub-wrap {
  display: block;
}
.menu-tab__sub {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
}
.menu-tab__sub-wrap {
  display: none;
  position: absolute;
  left: -1px;
  bottom: -53px;
  width: calc(100% + 2px);
  background: #f6fbff;
  border: 1px solid #e4eef7;
  border-radius: 0 0 7px 7px;
}
.menu-tab__sub-wrap.type02 {
  bottom: auto;
  left: calc(-100% - 1px);
  width: calc(200% + 2px);
  background: #f5f7f9;
  border-radius: 0;
  border: 1px solid #dcdee0;
}
.menu-tab__sub-wrap.type02 .menu-tab__sub-list {
  width: 11.1111111111%;
}
.menu-tab__sub-wrap.type02 .menu-tab__sub-list + .menu-tab__sub-list::before {
  display: none;
}
.menu-tab__sub-list {
  width: 20%;
  position: relative;
  color: #959595;
  font-size: 15.75px;
  font-weight: 500;
}
.menu-tab__sub-list:hover {
  color: #068deb;
}
.menu-tab__sub-list.is-active {
  color: #068deb;
}
.menu-tab__sub-list + .menu-tab__sub-list::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 14px;
  background: #d9e6f1;
}
.menu-tab__sub-list > a {
  padding: 15px 0;
}
.menu-tab--square .menu-tab__list {
  padding: 0;
  background: #fff;
  border: 1px solid #dcdee0;
  border-radius: 0;
}
.menu-tab--square .menu-tab__list.is-active {
  margin-bottom: 0;
}
.menu-tab--square .menu-tab__item {
  box-shadow: none;
  border: none;
  border-radius: 0;
  position: relative;
  flex: 1;
  color: #a2a2a2;
}
.menu-tab--square .menu-tab__item.is-active {
  color: #068deb;
}
.menu-tab--square .menu-tab__item.is-active::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #068deb;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.menu-tab--square .menu-tab__item > a {
  padding: 19px;
}
.menu-tab--square .menu-tab__item + .menu-tab__item::before {
  content: "";
  display: block;
  width: 1px;
  height: 25px;
  background: #dcdee0;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.page__title {
  padding: 52px 0 51px;
  text-align: center;
  font-size: 30px;
  font-weight: 800;
}
.page__contents {
  min-height: 300px;
}

.tab__cont {
  display: none;
}
.tab__cont.is-active {
  display: block;
}
.tab__menu {
  margin-bottom: 50px;
}

.form__wrap {
  line-height: 1;
}
.form__wrap.type2 {
  display: flex;
  align-items: center;
  gap: 30px;
}
.form__group {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.form__group + .form__group {
  margin-top: 20px;
}
.form__group [class$=__wrap] {
  flex: 1;
}
.form__group .radio__wrap {
  flex: 0 0 auto;
}
.form__group.row {
  flex-direction: row;
  gap: 30px;
  align-items: center;
}
.form__group.row2 {
  flex-direction: row;
  gap: 20px;
}
.form__group.row2 [class$=__wrap]:last-of-type {
  flex: 2;
}

.input__wrap {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.input__box {
  flex: 1 1 auto;
  box-sizing: border-box;
}
.input__box input {
  padding: 6px 16px;
  width: 100%;
  border: 1px solid #dfdfdf;
  background: #fff;
}
.input__box input::placeholder {
  color: #dfdfdf;
}
.input__box input:disabled {
  background: #efefef;
}
.input__search .btn__search {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: auto;
  min-width: 32px;
  min-height: 32px;
  color: #fff;
  white-space: nowrap;
  background: #068deb;
}
.input__search .btn__search.type2 {
  padding: 0 12px;
}
.input__search .btn__search.gray {
  background: #dfdfdf;
}
.input__search .btn__search.gray .ico__search {
  background: url("../images/icon/ico_search_gray.png") no-repeat 0%/cover;
}
.input__label {
  margin-right: 20px;
  font-size: 17px;
  font-weight: 500;
}

input[type=checkbox],
input[type=radio] {
  width: 20px;
  height: 20px;
  border: 1px solid #c4c4c4;
  background: #fff;
}
input[type=checkbox]:checked,
input[type=radio]:checked {
  border: 1px solid #0064cb;
}

.checkbox__wrap,
.radio__wrap {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}

.checkbox__checkbox {
  border-radius: 4px;
}
.checkbox__checkbox:checked {
  background: #0064cb url("../images/icon/ico_checkbox_checked.svg") no-repeat center;
  background-size: 12px auto;
}

.radio__btn {
  width: 19px;
  height: 19px;
  border: 1px solid #c4c4c4;
  border-radius: 50%;
}
.radio__btn:checked {
  position: relative;
}
.radio__btn:checked:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #0064cb;
}

.select__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  line-height: 1;
}
.select__label {
  margin-right: 20px;
  font-size: 17px;
  font-weight: 500;
}
.select__box {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  position: relative;
  height: 32px;
  padding: 0 40px 0 10px;
  border: 1px solid #dfdfdf;
  background-image: url("../images/icon/ico_dropdown_gray.png");
  background-position: calc(100% - 10px) 50%;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  color: #484848;
}
.select__item {
  text-align: left;
}
.select__btn {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 10px;
  text-align: center;
  border: 1px solid #dfdfdf;
}
.select__btn .ico {
  margin-left: auto;
}
.select__list {
  display: none;
}

textarea {
  width: 100%;
  padding: 6px 16px;
  border: 1px solid #dfdfdf;
  word-wrap: break-word;
}

.table__title {
  margin-bottom: 15px;
  font-size: 17px;
  font-weight: 800;
}
.table__wrap {
  border-top: 1px solid #a2a4a6;
  font-size: 16px;
}
.table__wrap * {
  vertical-align: middle;
}
.table__wrap table {
  border-bottom: 1px solid #eaebea;
  text-align: center;
}
.table__wrap table.td-left td {
  text-align: left !important;
}
.table__wrap thead {
  border-bottom: 1px solid #d7d7d7;
}
.table__wrap thead th + th {
  border-left: 1px solid #fff;
}
.table__wrap thead tr + tr {
  border-top: 1px solid #fff;
}
.table__wrap thead .bd-l {
  border-left: 1px solid #fff;
}
.table__wrap tr + tr {
  border-top: 1px solid #eaebea;
}
.table__wrap th {
  padding: 14px 20px;
  font-weight: 500;
  line-height: 1.5;
  background: #f1f3f5;
}
.table__wrap th + * {
  border-left: 1px solid #eaebea;
}
.table__wrap td {
  padding: 14px 14px;
  line-height: 1.5;
}
.table__wrap td + td {
  border-left: 1px solid #eaebea;
}
.table__wrap td .td__list {
  text-align: left;
}
.table__wrap td .td__list.middle-school {
  padding: 16px;
  position: relative;
}
.table__wrap td .td__list.middle-school::before, .table__wrap td .td__list.middle-school::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  background: url(../images/sub/img_dashed.png) no-repeat center;
  background-size: 1px 125px;
}
.table__wrap td .td__list.middle-school::before {
  left: 30%;
}
.table__wrap td .td__list.middle-school::after {
  left: 62%;
}
.table__wrap td .td__list .bullet__list--dot {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.table__wrap td .td__list .bullet__list--dot > li {
  width: 33.3333333333%;
  line-height: 2.25;
}
.table__wrap td .td__list .bullet__list--dot > li::before {
  top: 15px;
}
.table__wrap .bd-l {
  border-left: 1px solid #eaebea;
}
.table__wrap .sum {
  background: #fffcf1 !important;
}
.table__wrap .top {
  vertical-align: top;
}
.table__date {
  position: relative;
  display: block;
  min-height: 70px;
}
.table__date--box {
  position: absolute;
  top: 9px;
  font-size: 15px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  line-height: 1;
}
.table__date--box > span {
  display: inline-block;
  padding: 7px 10px 6px 8px;
  min-width: 36px;
  border-radius: 3px;
  background: #3bb994;
  color: #fff;
}
.table__date--box > span.type01 {
  background: #068deb;
}
.table__date--box > span.type02 {
  background: #5106eb;
}
.table__date--box > span.type03 {
  padding: 7px 5px 6px;
}
.table__date--box.d01 {
  left: 1.95%;
}
.table__date--box.d02 {
  left: 4.65%;
}
.table__date--box.d03 {
  left: 7.35%;
}
.table__date--box.d04 {
  left: 10.05%;
}
.table__date--box.d05 {
  left: 12.75%;
}
.table__date--box.d06 {
  left: 15.45%;
}
.table__date--box.d07 {
  left: 18.15%;
}
.table__date--box.d08 {
  left: 20.85%;
}
.table__date--box.d09 {
  left: 23.55%;
}
.table__date--box.d10 {
  left: 26.25%;
}
.table__date--box.d11 {
  left: 28.95%;
}
.table__date--box.d12 {
  left: 31.65%;
}
.table__date--box.d13 {
  left: 34.35%;
}
.table__date--box.d14 {
  left: 37.05%;
}
.table__date--box.d15 {
  left: 39.75%;
}
.table__date--box.d16 {
  left: 42.45%;
}
.table__date--box.d17 {
  left: 45.15%;
}
.table__date--box.d18 {
  left: 47.85%;
}
.table__date--box.d19 {
  left: 50.55%;
}
.table__date--box.d20 {
  left: 53.25%;
}
.table__date--box.d21 {
  left: 55.95%;
}
.table__date--box.d22 {
  left: 58.65%;
}
.table__date--box.d23 {
  left: 61.35%;
}
.table__date--box.d24 {
  left: 64.05%;
}
.table__date--box.d25 {
  left: 66.75%;
}
.table__date--box.d26 {
  left: 69.45%;
}
.table__date--box.d27 {
  left: 72.15%;
}
.table__date--box.d28 {
  left: 74.85%;
}
.table__date--box.d29 {
  left: 77.55%;
}
.table__date--box.d30 {
  left: 80.25%;
}
.table__date--box.d31 {
  left: 82.95%;
}

.text-box__wrap + .text-box__wrap {
  margin-top: 50px;
}
.text-box__head {
  display: flex;
  margin-bottom: 20px;
  align-items: center;
  justify-content: space-between;
}
.text-box__head--title {
  font-size: 24px;
  font-weight: 500;
}
.text-box__body {
  padding: 30px;
  background: #fff;
  border-top: 2px solid #7c7e81;
  box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.09);
}
.text-box__body.list {
  padding: 0;
  background: none;
  box-shadow: none;
  border-top: none;
}
.text-box__body--type02 {
  height: 532px;
}
.text-box__body--type03 {
  padding: 30px 0;
  position: relative;
}
.text-box__body--type03 .btn__wrap {
  padding: 0 30px 30px 0;
  position: absolute;
  bottom: 0;
  right: 0;
}
.text-box__cont + .text-box__cont {
  margin-top: 40px;
}
.text-box__cont--title {
  margin-bottom: 13px;
  color: #068deb;
  font-size: 17px;
  font-weight: 700;
}
.text-box__cont--title + .text-box__cont--title--text {
  margin-top: 13px;
}
.text-box__cont--title.type01 {
  font-size: 24px;
  color: #000;
}
.text-box__cont--title.type02 {
  font-size: 20px;
  padding-left: 18px;
  position: relative;
}
.text-box__cont--title.type02::before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #a6d2f1;
}
.text-box__cont--title.type03 {
  font-weight: 500;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  color: #da4848;
}
.text-box__cont--title.type03:before {
  content: "※";
  display: block;
  font-size: 14px;
  margin-right: 4px;
}
.text-box__cont--title.type04 {
  font-size: 20px;
  line-height: 1.35;
  margin-bottom: 0;
  color: #068deb;
  font-weight: 500;
}
.text-box__cont--text {
  font-size: 17px;
  line-height: 27px;
  word-break: keep-all;
}
.text-box__cont--text + .text-box__cont--text {
  margin-top: 13px;
}
.text-box__cont--text.dash::before {
  content: "";
  display: inline-block;
  position: relative;
  top: -5px;
  margin-right: 5px;
  width: 7px;
  height: 2px;
  background: #000;
}
.text-box__cont--text.dash span {
  text-decoration: underline;
}
.text-box__cont--desc {
  color: #da4848;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}
.text-box__cont--desc.red2 {
  color: #f35757;
  font-size: 17px;
  font-weight: 400;
}
.text-box__cont--desc.ref::before, .text-box__cont--desc.ref--red2::before, .text-box__cont--desc.ref--black::before, .text-box__cont--desc.ref--center::before, .text-box__cont--desc.ref--darkgray::before {
  content: "※";
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  margin-right: 4px;
}
.text-box__cont--desc.ref--red2, .text-box__cont--desc.ref--red2--red2, .text-box__cont--desc.ref--black--red2, .text-box__cont--desc.ref--center--red2, .text-box__cont--desc.ref--darkgray--red2 {
  color: #f35757;
  font-size: 17px;
  font-weight: 400;
}
.text-box__cont--desc.ref--black, .text-box__cont--desc.ref--red2--black, .text-box__cont--desc.ref--black--black, .text-box__cont--desc.ref--center--black, .text-box__cont--desc.ref--darkgray--black {
  color: #000;
}
.text-box__cont--desc.ref--darkgray, .text-box__cont--desc.ref--red2--darkgray, .text-box__cont--desc.ref--black--darkgray, .text-box__cont--desc.ref--center--darkgray, .text-box__cont--desc.ref--darkgray--darkgray {
  color: #464646;
  font-weight: 400;
}
.text-box__cont--desc.ref span, .text-box__cont--desc.ref--red2 span, .text-box__cont--desc.ref--black span, .text-box__cont--desc.ref--center span, .text-box__cont--desc.ref--darkgray span {
  text-decoration: underline;
}
.text-box__cont--col {
  display: flex;
  height: 100%;
  position: relative;
}
.text-box__cont--col.type02 {
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 40px;
}
.text-box__cont--col.type02 .text-box__cont--box {
  width: calc((100% - 20px) / 2);
  margin: 0;
  border-radius: 8px;
}
.text-box__cont--col.type03 .text-box__cont--left {
  background-image: url(../images/sub/img_login.png);
}
.text-box__cont--col.type03 .text-box__cont--right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.text-box__cont--col.type03 .text-box__cont--right .text-box__login-text {
  text-align: center;
  line-height: 27px;
  font-size: 17px;
  word-break: keep-all;
}
.text-box__cont--col.type03 .text-box__cont--right .text-box__login-text + .btn__wrap {
  position: static;
  margin-top: 42px;
}
.text-box__cont--left {
  width: 46.6%;
  background: url(../images/sub/img_guide.png) no-repeat center;
  background-size: 409px auto;
}
.text-box__cont--right {
  width: 53.4%;
  border-left: 1px solid #ecedee;
  padding: 15px 40px 0;
}
.text-box__cont--right .list + .list {
  margin-top: 15px;
}
.text-box__cont--right .list__title {
  line-height: 1.972777;
}
.text-box__cont--right .list input, .text-box__cont--right .list label {
  line-height: 1.972777;
}
.text-box__cont--right .btn__wrap {
  position: absolute;
  right: 0;
  bottom: 0;
}
.text-box__cont--box {
  margin: 15px 0;
  padding: 20px 25px 25px;
  background: #f5f7f9;
}
.text-box__cont--box > p {
  font-size: 17px;
  line-height: 1.588235;
}
.text-box__cont--box.type02 {
  padding: 28px 25px 25px;
  text-align: center;
  font-size: 17px;
}
.text-box__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
}
.text-box__list .text-box__item {
  flex: 1;
  position: relative;
  border-radius: 16px;
  background: #fff;
  box-shadow: 4px 4px 13px 0px rgba(0, 0, 0, 0.03);
}
.text-box__list .text-box__item > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 40px 24px 28px;
  font-size: 17px;
  text-align: center;
  line-height: 24px;
  word-break: break-all;
}
.text-box__list .text-box__item > a:before {
  content: "";
  display: block;
  position: absolute;
  top: 11px;
  right: 11px;
  width: 12px;
  height: 12px;
  background: url("../images/sub/ico_schedule_link_01.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.text-box__list.type2 {
  justify-content: flex-start;
  gap: 20px;
}
.text-box__list.type2 .text-box__item {
  flex: none;
  width: calc((100% - 40px) / 3);
  background: #fff;
  border-radius: 0;
  border-top: 2px solid #7c7e81;
  box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.09);
  font-weight: 500;
}
.text-box__list.type2 .text-box__item--inner {
  height: 100%;
  padding: 30px;
}
.text-box__list.type2 .text-box__item--title {
  font-size: 24px;
  line-height: 1.48;
  margin-bottom: 0;
  color: #068deb;
  font-weight: 700;
}
.text-box__list.type2 .text-box__item--desc {
  color: #646464;
  font-size: 15px;
}
.text-box__list.type3 {
  gap: 0;
}
.text-box__list.type3 .text-box__item {
  margin-bottom: 90px;
  padding: 15px 30px 0;
  min-height: 370px;
  border-radius: 0;
  box-shadow: none;
  text-align: center;
}
.text-box__list.type3 .text-box__item.type02 {
  margin-bottom: 140px;
}
.text-box__list.type3 .text-box__item + .text-box__item {
  border-left: 1px solid #ecedee;
}
.text-box__list.type3 .text-box__item--icon {
  position: relative;
  height: 192px;
}
.text-box__list.type3 .text-box__item--icon.type02 {
  height: 290px;
}
.text-box__list.type3 .text-box__item--icon.type03 {
  height: 305px;
}
.text-box__step {
  display: flex;
  justify-content: flex-start;
  margin-top: 20px;
  gap: 55px;
}
.text-box__step .text-box__item {
  position: relative;
  background: #f5f7f9;
  border-radius: 10px;
}
.text-box__step .text-box__item + .text-box__item::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -76px;
  transform: translateY(-50%);
  width: 97px;
  height: 34px;
  border-radius: 15px;
  background: #fff url(../images/icon/ico_arrow_gray-right.png) no-repeat center;
  background-size: 26px auto;
  box-shadow: 0 1px 9px 0 rgba(0, 0, 0, 0.09);
}
.text-box__step .text-box__item--inner {
  padding: 26px 40px 30px;
  height: 100%;
  text-align: center;
  line-height: 1.6;
}
.text-box__step .text-box__item .item-inner--img {
  width: 51px;
  height: 43px;
  margin: 0 auto;
}
.text-box__step .text-box__item .item-inner--title {
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
  margin: 12px 0 14px;
}
.text-box__step .text-box__item .item-inner--text {
  font-size: 16px;
  line-height: 1.6875;
  color: #585858;
}
.text-box__btn {
  padding-top: 15px;
}

.site-map__list {
  margin-top: 10px;
}
.site-map__list2 {
  padding: 20px 15px;
  background: #f4f5f6;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  line-height: 1.8125;
}
.site-map__list2 > li:hover {
  color: #068deb;
}
.site-map__item > a {
  border-bottom: 1px solid #e8e8e8;
  padding: 25px 0 20px;
  font-size: 17px;
}
.site-map__item > a:hover {
  color: #068deb;
  font-weight: 500;
}

.floating-menu {
  overflow: hidden;
  z-index: 99;
  position: fixed;
  top: -140px;
  right: 0px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.26666;
  text-align: center;
  letter-spacing: -0.07em;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 6px 7px 0 rgba(0, 0, 0, 0.1);
}
.floating-menu__wrap {
  position: fixed;
  top: 300px;
  left: 50%;
  transform: translateX(-50%);
  width: 1475px;
  height: 0px;
}
.floating-menu__item {
  padding: 13px 15px;
}
.floating-menu__item + .floating-menu__item {
  border-top: 1px solid #d9d9d9;
}
.floating-menu__item:last-child {
  background: #000;
  color: #fff;
  letter-spacing: 0.01em;
}
.floating-menu > .movetotop {
  display: none;
}

.movetotop {
  display: inline-block;
}
.movetotop::before {
  content: "";
  display: block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 8px;
  width: 12px;
  height: 7px;
  background: url(../images/common/icon-aside-arrow.png);
}

.footer__wrap {
  background-color: #4e4e4e;
}
.footer__top {
  padding: 20px 0 25px;
  border-bottom: 1px solid #717171;
}
.footer__inner {
  position: relative;
  margin: 0 auto;
  max-width: 1180px;
}
.footer__inner .policy-list {
  display: flex;
  padding: 19px 0;
}
.footer__inner .policy-list .policy-item {
  width: 16.6666666667%;
  position: relative;
  text-align: center;
}
.footer__inner .policy-list .policy-item::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  width: 1px;
  height: 12px;
  background-color: #8a8a8a;
}
.footer__inner .policy-list .policy-item:last-child::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 2px;
  width: 1px;
  height: 12px;
  background-color: #8a8a8a;
}
.footer__inner .policy-list .policy-item a {
  font-size: 15px;
  color: #b8b8b8;
}
.footer__inner .copyright-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
}
.footer__inner .copyright-wrap .copyright {
  font-size: 11px;
  font-family: "SpoqaHanSans";
  font-weight: 400;
  color: #a7a7a7;
  letter-spacing: 0.025em;
}
.footer__logo a {
  display: block;
  width: 167px;
  height: 44px;
  background: url(../../static/images/common/footer-logo.png) no-repeat 0 0/100%;
}
.footer__site-map {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 197px;
  z-index: 2;
}
.footer__site-map .site-map__btn {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 15px;
  width: 197px;
  height: 45px;
  font-size: 15px;
  color: #d0d0d0;
  line-height: 45px;
  border: 1px solid #888;
  background: #4e4e4e;
}
.footer__site-map .site-map__btn::before {
  content: "";
  display: block;
  position: absolute;
  right: 21px;
  top: 50%;
  width: 1px;
  height: 13px;
  background-color: #b9b9b9;
  transform: translateY(-50%);
}
.footer__site-map .site-map__btn::after {
  content: "";
  display: block;
  position: absolute;
  right: 15px;
  top: 50%;
  width: 13px;
  height: 1px;
  background-color: #b9b9b9;
  transform: translateY(-50%);
}
.footer__site-map .site-map__list {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.footer__site-map .site-map__item {
  border: 1px solid #888;
  border-bottom: none;
}
.footer__site-map .site-map__item > a {
  padding: 0 15px;
  height: 45px;
  font-size: 15px;
  color: #d0d0d0;
  line-height: 45px;
  background: #4e4e4e;
  border-bottom: none;
}
.footer__site-map.is-active .site-map__btn::before {
  display: none;
}
.footer__site-map.is-active .site-map__list {
  display: block;
}
.footer__copy {
  margin-top: 20px;
  font-size: 0;
}
.footer__copy p {
  display: inline-block;
  position: relative;
  font-size: 14px;
  font-family: "NotoSansCJK";
  font-weight: 300;
  line-height: 1.666666;
  color: #fff;
}
.footer__copy p + p {
  margin-left: 26px;
}
.footer__copy p:first-child::before {
  content: "";
  display: block;
  position: absolute;
  right: -13px;
  top: 6px;
  width: 1px;
  height: 12px;
  background-color: #fff;
}

@media screen and (min-width: 641px) and (max-width: 1500px) {
  body {
    font-size: 1.0666666667vw;
  }
  .mt10 {
    margin-top: 0.6666666667vw !important;
  }
  .mt20 {
    margin-top: 1.3333333333vw !important;
  }
  .mt30 {
    margin-top: 2vw !important;
  }
  .mt40 {
    margin-top: 2.6666666667vw !important;
  }
  .mt50 {
    margin-top: 3.3333333333vw !important;
  }
  .mb10 {
    margin-bottom: 0.6666666667vw !important;
  }
  .mb20 {
    margin-bottom: 1.3333333333vw !important;
  }
  .mb30 {
    margin-bottom: 2vw !important;
  }
  .mb40 {
    margin-bottom: 2.6666666667vw !important;
  }
  .mb50 {
    margin-bottom: 3.3333333333vw !important;
  }
  .header__wrap {
    box-shadow: 0vw 0.4vw 0.4666666667vw 0vw rgba(0, 0, 0, 0.09);
  }
  .header__inner {
    max-width: 78.6666666667vw;
  }
  .header__inner .logo a {
    width: 11.5333333333vw;
    height: 2.8666666667vw;
  }
  .gnb__wrap--depth1 .depth1 a {
    padding: 0vw 2.2vw;
    font-size: 1.1333333333vw;
    line-height: 5.3333333333vw;
  }
  .gnb__wrap--depth2 {
    top: 5.3333333333vw;
    box-shadow: 0vw 0.4vw 0.4666666667vw 0vw rgba(0, 0, 0, 0.09);
  }
  .gnb__wrap--depth2 .depth2 {
    font-size: 1vw;
  }
  .gnb__wrap--depth2 .depth2 > a {
    padding: 0.6666666667vw 0vw;
  }
  .gnb__wrap--depth2 .depth2__inner {
    max-width: 78.6666666667vw;
  }
  .gnb__wrap--depth2 .depth2__box {
    padding: 1.7333333333vw 1.6vw;
    width: 15.7333333333vw;
  }
  .gnb__wrap--depth2 .depth2__title {
    margin-bottom: 1.3333333333vw;
    font-size: 1.4666666667vw;
  }
  .link-menu a {
    padding-left: 2vw;
    font-size: 0.8666666667vw;
  }
  .link-menu .login {
    line-height: 2.6666666667vw;
  }
  .link-menu .login::before {
    left: 0.2666666667vw;
    width: 0.7333333333vw;
    height: 1vw;
  }
  .link-menu .portal {
    line-height: 2.6vw;
  }
  .link-menu .portal::before {
    left: 0.0666666667vw;
    width: 1.1333333333vw;
    height: 0.7333333333vw;
  }
  .component__inner {
    max-width: 78.6666666667vw;
  }
  .contents.sub {
    padding-bottom: 5.3333333333vw;
  }
  .sub-visual {
    min-height: 0;
    padding: 3.8666666667vw 0vw;
  }
  .sub-visual .title {
    font-size: 2.6666666667vw;
  }
  .sub-visual .desc {
    margin-top: 1.8vw;
    font-size: 1.1333333333vw;
  }
  .breadcrumb {
    padding: 1vw 0vw;
    max-width: 78.6666666667vw;
  }
  .breadcrumb li + li {
    margin-left: 1.3333333333vw;
  }
  .breadcrumb li + li::before {
    content: "";
    left: -0.9333333333vw;
    width: 0.5333333333vw;
    height: 0.6666666667vw;
  }
  .breadcrumb li a {
    font-size: 1vw;
    line-height: 1.4666666667vw;
  }
  .breadcrumb li:first-child a {
    width: 1.4666666667vw;
    height: 1.4666666667vw;
  }
  .menu-tab {
    max-width: 78.6666666667vw;
  }
  .menu-tab__list {
    padding: 0.3333333333vw;
    border-radius: 0.4666666667vw;
  }
  .menu-tab__list.is-active {
    margin-bottom: 4vw;
    border-radius: 0.4666666667vw 0.4666666667vw 0vw 0vw;
  }
  .menu-tab__list + .menu-tab__list {
    margin-top: 0.3333333333vw;
  }
  .menu-tab__item {
    font-size: 1.2vw;
  }
  .menu-tab__item > a {
    padding: 1vw 0vw;
  }
  .menu-tab__item.is-active {
    border-radius: 0.4vw;
    box-shadow: 0vw 0.1333333333vw 0.6666666667vw 0vw rgba(73, 123, 167, 0.29);
  }
  .menu-tab__item.is-active .menu-tab__sub-wrap {
    display: block;
  }
  .menu-tab__sub-wrap {
    bottom: -3.5333333333vw;
    border-radius: 0vw 0vw 0.4666666667vw 0.4666666667vw;
  }
  .menu-tab__sub-list {
    font-size: 1.05vw;
  }
  .menu-tab__sub-list + .menu-tab__sub-list::before {
    width: 0.1333333333vw;
    height: 0.9333333333vw;
  }
  .menu-tab__sub-list > a {
    padding: 1vw 0vw;
  }
  .menu-tab--square .menu-tab__list {
    padding: 0;
    background: #fff;
    border: 1px solid #dcdee0;
    border-radius: 0;
  }
  .menu-tab--square .menu-tab__item {
    box-shadow: none;
    border: none;
    border-radius: 0;
    position: relative;
    flex: 1;
    color: #a2a2a2;
  }
  .menu-tab--square .menu-tab__item.is-active {
    color: #068deb;
  }
  .menu-tab--square .menu-tab__item.is-active::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #068deb;
    position: absolute;
    bottom: -1px;
    left: 0;
  }
  .menu-tab--square .menu-tab__item > a {
    padding: 1.2666666667vw;
  }
  .menu-tab--square .menu-tab__item + .menu-tab__item::before {
    content: "";
    display: block;
    width: 1px;
    height: 1.6666666667vw;
    background: #dcdee0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .page__title {
    padding: 3.4666666667vw 0vw 3.4vw;
    font-size: 2vw;
  }
  .form__wrap.type2 {
    gap: 2vw;
  }
  .form__group + .form__group {
    margin-top: 1.3333333333vw;
  }
  .form__group.row {
    gap: 2vw;
  }
  .form__group.row2 {
    gap: 1.3333333333vw;
  }
  .input__box input {
    padding: 0.4666666667vw 1.0666666667vw;
    height: 2.1333333333vw;
    min-height: 24px;
  }
  .input__box input:disabled {
    background: #efefef;
  }
  .input__search .btn__search {
    gap: 1.0666666667vw;
    width: 2.1333333333vw;
    min-width: 24px;
    height: 2.1333333333vw;
    min-height: 24px;
  }
  .input__search .btn__search.type2 {
    width: auto;
    padding: 0vw 0.8vw;
  }
  .input__search .btn__search.gray {
    padding: 0.6666666667vw;
  }
  .input__search .btn__search .ico__search {
    min-width: 12px;
    min-height: 12px;
  }
  .input__label {
    margin-right: 1.3333333333vw;
    font-size: 1.1333333333vw;
  }
  input[type=checkbox],
  input[type=radio] {
    width: 1.3333333333vw;
    min-width: 10px;
    height: 1.3333333333vw;
    min-height: 10px;
  }
  .checkbox__wrap,
  .radio__wrap {
    gap: 0.4vw;
  }
  .checkbox__checkbox {
    border-radius: 0.2666666667vw;
  }
  .checkbox__checkbox:checked {
    background-size: 0.8vw auto;
  }
  .radio__btn:checked:before {
    width: 0.8666666667vw;
    min-width: 6px;
    height: 0.8666666667vw;
    min-height: 6px;
  }
  .select__label {
    margin-right: 1.3333333333vw;
    font-size: 1.1333333333vw;
  }
  .select__box {
    height: 2.1333333333vw;
    min-height: 24px;
    padding: 0vw 2.6666666667vw 0vw 0.6666666667vw;
    background-position: calc(100% - 0.6666666667vw) 50%;
    background-size: 0.9333333333vw 0.9333333333vw;
  }
  textarea {
    padding: 0.4666666667vw 1.0666666667vw;
  }
  .table__title {
    margin-bottom: 1vw;
    font-size: 1.1333333333vw;
  }
  .table__wrap {
    font-size: 1.0666666667vw;
  }
  .table__wrap th {
    padding: 0.9333333333vw 1.3333333333vw;
  }
  .table__wrap td {
    padding: 0.9333333333vw 0.9333333333vw;
  }
  .table__wrap td .td__list {
    text-align: left;
  }
  .table__wrap td .td__list.middle-school {
    padding: 1.0666666667vw;
  }
  .table__wrap td .td__list.middle-school::before, .table__wrap td .td__list.middle-school::after {
    background-size: 0.0666666667vw 8.3333333333vw;
  }
  .table__wrap td .td__list .bullet__list--dot > li::before {
    top: 1vw;
  }
  .table__date {
    min-height: 4.6666666667vw;
  }
  .table__date--box {
    top: 0.6vw;
    font-size: 1vw;
    gap: 0.5333333333vw;
  }
  .table__date--box > span {
    padding: 0.4666666667vw 0.6666666667vw 0.4vw 0.5333333333vw;
    min-width: 2.4vw;
    border-radius: 0.2vw;
  }
  .table__date--box > span.type03 {
    padding: 0.4666666667vw 0.3333333333vw 0.4vw;
  }
  .text-box__wrap + .text-box__wrap {
    margin-top: 3.3333333333vw;
  }
  .text-box__head {
    margin-bottom: 1.3333333333vw;
    gap: 0.6666666667vw;
  }
  .text-box__head--title {
    font-size: 1.6vw;
  }
  .text-box__body {
    padding: 2vw;
    box-shadow: 0vw 0.0666666667vw 0.6vw 0vw rgba(0, 0, 0, 0.09);
  }
  .text-box__body--type02 {
    height: 35.4666666667vw;
  }
  .text-box__body--type03 {
    padding: 2vw 0vw;
  }
  .text-box__body--type03 .btn__wrap {
    padding: 0vw 2vw 2vw 0vw;
  }
  .text-box__cont + .text-box__cont {
    margin-top: 2.6666666667vw;
  }
  .text-box__cont--title {
    margin-bottom: 0.8666666667vw;
    font-size: 1.1333333333vw;
  }
  .text-box__cont--title + .text-box__cont--title--text {
    margin-top: 0.8666666667vw;
  }
  .text-box__cont--title.type01 {
    font-size: 1.6vw;
  }
  .text-box__cont--title.type02 {
    font-size: 1.3333333333vw;
    padding-left: 1.2vw;
  }
  .text-box__cont--title.type02::before {
    top: 0.3333333333vw;
    width: 0.6666666667vw;
    height: 0.6666666667vw;
  }
  .text-box__cont--title.type03:before {
    font-size: 0.9333333333vw;
    margin-right: 0.2666666667vw;
  }
  .text-box__cont--title.type04 {
    font-size: 1.3333333333vw;
  }
  .text-box__cont--title.type05 {
    font-size: 1.6vw;
  }
  .text-box__cont--text {
    font-size: 1.1333333333vw;
    line-height: 1.588235;
  }
  .text-box__cont--text + .text-box__cont--text {
    margin-top: 0.8666666667vw;
  }
  .text-box__cont--text.dash::before {
    content: "";
    top: -0.3333333333vw;
    margin-right: 0.3333333333vw;
    width: 0.4666666667vw;
    height: 0.1333333333vw;
  }
  .text-box__cont--text.dash span {
    text-decoration: underline;
  }
  .text-box__cont--desc {
    font-size: 1vw;
  }
  .text-box__cont--desc.red2 {
    font-size: 1.1333333333vw;
  }
  .text-box__cont--desc.ref::before, .text-box__cont--desc.ref--red2::before, .text-box__cont--desc.ref--black::before, .text-box__cont--desc.ref--center::before, .text-box__cont--desc.ref--darkgray::before {
    width: 0.9333333333vw;
    height: 0.9333333333vw;
    margin-right: 0.2666666667vw;
  }
  .text-box__cont--desc.ref--red2, .text-box__cont--desc.ref--red2--red2, .text-box__cont--desc.ref--black--red2, .text-box__cont--desc.ref--center--red2, .text-box__cont--desc.ref--darkgray--red2 {
    font-size: 1.1333333333vw;
  }
  .text-box__cont--left {
    background-size: 27.2666666667vw auto;
  }
  .text-box__cont--right {
    padding: 1vw 2.6666666667vw 0vw;
  }
  .text-box__cont--right .list + .list {
    margin-top: 1vw;
  }
  .text-box__cont--box {
    margin: 1vw 0vw;
    padding: 1.3333333333vw 1.6666666667vw 1.6666666667vw;
  }
  .text-box__cont--box > p {
    font-size: 1.1333333333vw;
  }
  .text-box__cont--box.type02 {
    padding: 1.8666666667vw 1.6666666667vw 1.6666666667vw;
    font-size: 1.1333333333vw;
  }
  .text-box__cont--col.type02 {
    gap: 1.3333333333vw;
    margin-top: 2.6666666667vw;
  }
  .text-box__cont--col.type03 .text-box__cont--right .text-box__login-text {
    line-height: 1.8vw;
    font-size: 1.1333333333vw;
  }
  .text-box__cont--col.type03 .text-box__cont--right .text-box__login-text + .btn__wrap {
    margin-top: 2.8vw;
  }
  .text-box__list.type2 {
    justify-content: flex-start;
    gap: 1.3333333333vw;
  }
  .text-box__list.type2 .text-box__item {
    width: calc((100% - 2.6666666667vw) / 3);
    border-top: 2px solid #7c7e81;
    box-shadow: 0vw 0.0666666667vw 0.6vw 0vw rgba(0, 0, 0, 0.09);
  }
  .text-box__list.type2 .text-box__item--inner {
    padding: 2vw;
  }
  .text-box__list.type2 .text-box__item--title {
    font-size: 1.6vw;
  }
  .text-box__list.type3 .text-box__item {
    margin-bottom: 6vw;
    padding: 1vw 2vw 0vw;
    min-height: 24.6666666667vw;
  }
  .text-box__list.type3 .text-box__item.type02 {
    margin-bottom: 9.3333333333vw;
  }
  .text-box__list.type3 .text-box__item--icon {
    height: 12.8vw;
  }
  .text-box__list.type3 .text-box__item--icon.type02 {
    height: 19.3333333333vw;
  }
  .text-box__list.type3 .text-box__item--icon.type03 {
    height: 20.3333333333vw;
  }
  .text-box__step {
    margin-top: 1.3333333333vw;
    gap: 3.6666666667vw;
  }
  .text-box__step .text-box__item {
    border-radius: 0.6666666667vw;
  }
  .text-box__step .text-box__item + .text-box__item::before {
    left: -5.0666666667vw;
    width: 6.4666666667vw;
    height: 2.2666666667vw;
    border-radius: 1vw;
    box-shadow: 0vw 0.0666666667vw 0.6vw 0vw rgba(0, 0, 0, 0.09);
    background-size: 1.7333333333vw auto;
  }
  .text-box__step .text-box__item--inner {
    padding: 1.7333333333vw 2.6666666667vw 2vw;
  }
  .text-box__step .text-box__item .item-inner--img {
    width: 3.4vw;
    height: 2.8666666667vw;
  }
  .text-box__step .text-box__item .item-inner--title {
    font-size: 1.3333333333vw;
    margin: 0.8vw 0vw 0.9333333333vw;
  }
  .text-box__step .text-box__item .item-inner--text {
    font-size: 1.0666666667vw;
  }
  .site-map__list {
    margin-top: 0.6666666667vw;
  }
  .site-map__list2 {
    padding: 1.3333333333vw 1vw;
    font-size: 1.0666666667vw;
  }
  .site-map__item > a {
    padding: 1.6666666667vw 0vw 1.3333333333vw;
    font-size: 1.1333333333vw;
  }
  .floating-menu {
    top: -9.3333333333vw;
    right: 1.3333333333vw;
    font-size: 1vw;
    border-radius: 0.6666666667vw;
    box-shadow: 0vw 0.4vw 0.4666666667vw 0vw rgba(0, 0, 0, 0.1);
  }
  .floating-menu__wrap {
    top: 20vw;
    width: 100%;
  }
  .floating-menu__item {
    padding: 0.8666666667vw 1vw;
  }
  .movetotop::before {
    margin-bottom: 8px;
    width: 12px;
    height: 7px;
  }
  .footer__top {
    padding: 1.3333333333vw 0vw 1.6666666667vw;
  }
  .footer__inner {
    max-width: 78.6666666667vw;
  }
  .footer__inner .policy-list {
    padding: 1.2666666667vw 0vw;
  }
  .footer__inner .policy-list .policy-item::before {
    height: 0.8vw;
  }
  .footer__inner .policy-list .policy-item:last-child::after {
    height: 0.8vw;
  }
  .footer__inner .policy-list .policy-item a {
    font-size: 1vw;
  }
  .footer__inner .copyright-wrap {
    margin-top: 1vw;
  }
  .footer__inner .copyright-wrap .copyright {
    font-size: 0.7333333333vw;
    line-height: 1.5;
  }
  .footer__logo a {
    width: 11.1333333333vw;
    height: 2.9333333333vw;
  }
  .footer__site-map {
    width: 13.1333333333vw;
  }
  .footer__site-map .site-map__btn {
    padding: 0vw 1vw;
    width: 13.1333333333vw;
    height: 3vw;
    font-size: 1vw;
    line-height: 3vw;
  }
  .footer__site-map .site-map__btn::before {
    right: 1.4vw;
    height: 0.8666666667vw;
  }
  .footer__site-map .site-map__btn::after {
    right: 1vw;
    width: 0.8666666667vw;
  }
  .footer__site-map .site-map__item > a {
    padding: 0vw 1vw;
    height: 3vw;
    font-size: 1vw;
    line-height: 3vw;
  }
  .footer__copy {
    margin-top: 1.3333333333vw;
  }
  .footer__copy p {
    font-size: 0.9333333333vw;
  }
  .footer__copy p + p {
    margin-left: 1.7333333333vw;
  }
  .footer__copy p:first-child::before {
    right: -0.8666666667vw;
    top: 0.4vw;
    height: 0.8vw;
  }
}
@media screen and (max-width: 640px) {
  body {
    font-size: 3.125vw;
  }
  .mt10 {
    margin-top: 1.5625vw !important;
  }
  .mt20 {
    margin-top: 3.125vw !important;
  }
  .mt30 {
    margin-top: 4.6875vw !important;
  }
  .mt40 {
    margin-top: 6.25vw !important;
  }
  .mt50 {
    margin-top: 7.8125vw !important;
  }
  .mb10 {
    margin-bottom: 1.5625vw !important;
  }
  .mb20 {
    margin-bottom: 3.125vw !important;
  }
  .mb30 {
    margin-bottom: 4.6875vw !important;
  }
  .mb40 {
    margin-bottom: 6.25vw !important;
  }
  .mb50 {
    margin-bottom: 7.8125vw !important;
  }
  .header__wrap {
    box-shadow: none;
  }
  .header__inner {
    padding: 3.59375vw 4.6875vw;
  }
  .header__inner .logo a {
    width: 39.375vw;
    height: 9.84375vw;
    background: url(../../static/images/common/logo_mo.png) no-repeat 0 0/100%;
  }
  .header__inner .btn__gnb {
    display: block;
    width: 6.875vw;
    height: 4.84375vw;
    background: url(../../static/images/icon/ico_btn_gnb.png) no-repeat 0 0/100%;
  }
  .gnb__wrap {
    z-index: 100;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% - 7.8125vw);
    height: 100vh;
    background: #fff;
  }
  .gnb__wrap.is-active::before {
    content: "";
    z-index: 0;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
  }
  .gnb__wrap.is-active .gnb__wrap--depth2 {
    display: block;
  }
  .gnb__wrap--depth1 {
    justify-content: flex-start;
    flex-direction: column;
    gap: 0;
    position: sticky;
    margin: 0;
    width: 32.03125vw;
    background: #f4f8fb;
  }
  .gnb__wrap--depth1 .depth1 {
    border-bottom: 1px solid #d4d4d4;
  }
  .gnb__wrap--depth1 .depth1 a {
    padding: 4.6875vw 5.15625vw;
    display: block;
    position: relative;
    font-size: 4.0625vw;
    font-weight: 400;
    color: #000;
    line-height: 1;
  }
  .gnb__wrap--depth1 .depth1.is-active {
    color: #00b7f4;
  }
  .gnb__wrap--depth1 .depth1.is-active span {
    position: relative;
  }
  .gnb__wrap--depth1 .depth1.is-active span::after {
    content: "";
    display: inline-block;
    width: 1.09375vw;
    height: 1.09375vw;
    background: #00b7f4;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: -1.5625vw;
  }
  .gnb__wrap--depth2 {
    position: relative;
    top: 0;
    left: 0;
    padding-left: 10.9375vw;
    width: calc(100% - 32.03125vw);
    background-color: #fff;
    z-index: 100;
    box-shadow: none;
  }
  .gnb__wrap--depth2 .depth2 {
    font-size: 3.4375vw;
    border-bottom: 1px solid #d4d4d4;
  }
  .gnb__wrap--depth2 .depth2 > a {
    padding: 3.90625vw 3.125vw;
    position: relative;
  }
  .gnb__wrap--depth2 .depth2:hover .depth3__wrap {
    color: #434343;
    font-weight: 400;
  }
  .gnb__wrap--depth2 .depth2__inner {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 1180px;
  }
  .gnb__wrap--depth2 .depth2__box {
    display: none;
    padding: 0;
    width: 100%;
  }
  .gnb__wrap--depth2 .depth2__box + .depth2__box {
    border-left: none;
  }
  .gnb__wrap--depth2 .depth2__box.is-active {
    display: block;
  }
  .gnb__wrap--depth2 .depth2__box .depth2__is-active {
    color: #00b7f4;
  }
  .gnb__wrap--depth2 .depth2__title {
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 500;
  }
  .gnb__wrap--depth2 .depth2 .btn__more {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 5vw;
    height: 5vw;
    border-radius: 50%;
    transform: rotate(180deg) translateY(50%);
    background: #edf6fe url(../../static/images/icon/ico_arrow_circle_skyblue.png) no-repeat center/100%;
  }
  .gnb__wrap--depth2 .depth2 .depth3__wrap {
    display: none;
    border-top: 1px solid #d4d4d4;
    padding: 2.34375vw;
  }
  .gnb__wrap--depth2 .depth2 .depth3__wrap .depth3 > a {
    position: relative;
    padding: 2.34375vw 0vw 2.34375vw 7.8125vw;
  }
  .gnb__wrap--depth2 .depth2 .depth3__wrap .depth3 > a::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 3.75vw;
    width: 0.9375vw;
    height: 0.9375vw;
    border-radius: 50%;
    background: #b8b8b8;
  }
  .gnb__wrap--depth2 .depth2 .depth3__wrap .depth3 > a:hover {
    color: #00b7f4;
  }
  .gnb__wrap--depth2 .depth2.is-active .depth3__wrap {
    display: block;
  }
  .gnb__wrap--depth2 .depth2.is-active .btn__more {
    transform: rotate(0deg) translateY(-50%);
  }
  .gnb__wrap.show-mo.is-active {
    display: block;
  }
  .gnb__top {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    padding: 4.375vw 5.9375vw 4.375vw 4.375vw;
    font-size: 3.4375vw;
    line-height: 1.363636;
    color: #fff;
    background: #00b7f4;
  }
  .gnb__top .util__wrap {
    width: 31.25vw;
  }
  .gnb__top .btn__gnb-close {
    width: 5.3125vw;
  }
  .gnb__top .btn__gnb-close .ico {
    display: block;
  }
  .gnb__top .btn__gnb-close .ico__close {
    width: 5.3125vw;
    height: 5.3125vw;
    background: url(../../static/images/icon/ico_close.png) no-repeat 0 0/100%;
  }
  .gnb__body {
    display: flex;
    position: relative;
    height: calc(100% - 14.0625vw);
    background: #fff;
  }
  .gnb__bottom {
    z-index: 100;
    position: sticky;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #edf6fe;
    border-top: 2px solid #00b7f4;
  }
  .gnb__bottom ul {
    display: flex;
    align-items: center;
  }
  .gnb__bottom .quick-memu {
    position: relative;
    width: 20%;
    height: 100%;
    color: #000;
    font-size: 2.8125vw;
    font-weight: 500;
    line-height: 1.444444;
    text-align: center;
    word-break: keep-all;
  }
  .gnb__bottom .quick-memu a {
    padding: 3.28125vw 0vw;
  }
  .gnb__bottom .quick-memu::after {
    content: "";
    display: block;
    position: absolute;
    top: 3.28125vw;
    right: 0;
    width: 1px;
    height: 44px;
    background: #d4e5f4;
  }
  .link-menu {
    display: none;
  }
  .component__wrap {
    padding: 0vw 4.6875vw;
  }
  .contents.sub {
    padding-bottom: 18.75vw;
  }
  .sub-visual {
    min-height: 0;
    padding: 9.0625vw 18.75vw;
    background: url(../../static/images/common/img-visual.png) no-repeat 0 0/cover;
  }
  .sub-visual .title {
    font-size: 6.25vw;
    font-weight: 700;
  }
  .sub-visual .desc {
    display: block;
    margin-top: 3.59375vw;
    font-size: 3.4375vw;
  }
  .breadcrumb li + li {
    margin-left: 3.90625vw;
  }
  .breadcrumb li + li::before {
    left: -2.34375vw;
    width: 1.25vw;
    height: 1.5625vw;
  }
  .breadcrumb li a {
    font-size: 2.8125vw;
    line-height: 3.4375vw;
  }
  .breadcrumb li:first-child a {
    width: 3.4375vw;
    height: 3.4375vw;
    background: url(../../static/images/common/icon-breadcrumb-home.png) no-repeat 0 0/100%;
  }
  .menu-tab {
    width: 100%;
  }
  .menu-tab__list + .menu-tab__list {
    margin-top: 1.5625vw;
  }
  .menu-tab__item {
    width: 33.3333333333%;
    font-size: 3.4375vw;
  }
  .menu-tab__item > a {
    padding: 3.125vw 0vw;
  }
  .menu-tab__item.is-active {
    padding: 0;
  }
  .menu-tab__item.two-lines.is-active {
    padding: 0;
  }
  .menu-tab__item.two-lines > a {
    padding: 1.09375vw 0vw;
  }
  .menu-tab__sub {
    flex-wrap: wrap;
  }
  .menu-tab__sub-wrap.type02 {
    bottom: auto;
    border-bottom: none;
  }
  .menu-tab__sub-wrap.type02 .menu-tab__sub-list {
    width: 25%;
    border-bottom: 1px solid #dcdee0;
  }
  .menu-tab__sub-wrap.type02 .menu-tab__sub-list + .menu-tab__sub-list::before {
    display: none;
  }
  .menu-tab__sub-list {
    width: 20%;
    position: relative;
    color: #959595;
    font-size: 3.125vw;
    font-weight: 400;
  }
  .menu-tab__sub-list:hover {
    color: #068deb;
  }
  .menu-tab__sub-list.is-active {
    color: #068deb;
  }
  .menu-tab__sub-list + .menu-tab__sub-list::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 14px;
    background: #d9e6f1;
  }
  .menu-tab__sub-list > a {
    padding: 2.34375vw 0vw;
  }
  .menu-tab--square .menu-tab__list {
    flex-wrap: wrap;
  }
  .menu-tab--square .menu-tab__item {
    font-size: 3.4375vw;
    width: 50%;
    flex: none;
    border-bottom: 1px solid #dcdee0;
  }
  .menu-tab--square .menu-tab__item:last-child {
    border-bottom: none;
  }
  .menu-tab--square .menu-tab__item:last-child a::before {
    content: "";
    display: block;
    width: 1px;
    height: 3.90625vw;
    background: #dcdee0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .menu-tab--square .menu-tab__item > a {
    padding: 2.96875vw;
  }
  .menu-tab--square .menu-tab__item + .menu-tab__item::before {
    height: 3.90625vw;
  }
  .menu-tab--square .menu-tab__item + .menu-tab__item:nth-child(3)::before, .menu-tab--square .menu-tab__item + .menu-tab__item:nth-child(5)::before {
    display: none;
  }
  .page__title {
    padding: 7.8125vw 0vw;
    font-size: 5.46875vw;
    font-weight: 500;
  }
  .table__title {
    margin-bottom: 2.34375vw;
    font-size: 3.125vw;
  }
  .table__wrap {
    font-size: 3.125vw;
  }
  .table__wrap.scroll {
    padding-bottom: 3.125vw;
    overflow-x: auto;
    white-space: nowrap;
  }
  .table__wrap.scroll::-webkit-scrollbar {
    height: 0.78125vw;
  }
  .table__wrap.scroll::-webkit-scrollbar-thumb {
    background: #bbbbbb;
    border-radius: 0.234375vw;
  }
  .table__wrap.scroll::-webkit-scrollbar-track {
    background: #f8f8f8;
    border-radius: 0.234375vw;
  }
  .table__wrap.scroll table {
    width: auto;
  }
  .table__wrap th {
    padding: 3.125vw;
    font-weight: 500;
    line-height: 1.4375;
  }
  .table__wrap td {
    padding: 2.8125vw 2.8125vw;
  }
  .table__wrap td .td__list .bullet__list--dot > li {
    width: 100%;
  }
  .table__wrap td .td__list .bullet__list--dot > li::before {
    top: 3.125vw;
  }
  .table__wrap td .td__list.middle-school {
    padding: 0;
  }
  .table__wrap td .td__list.middle-school::before, .table__wrap td .td__list.middle-school::after {
    display: none;
  }
  .table__wrap td .td__list.middle-school .bullet__list--dot > li {
    width: 50%;
  }
  .table__wrap td .td__list.middle-school .bullet__list--dot > li:nth-child(2n) {
    padding-left: 3.90625vw;
  }
  .table__wrap td .td__list.middle-school .bullet__list--dot > li:nth-child(2n)::before {
    left: 2.34375vw;
  }
  .table__wrap td .td__list.middle-school .bullet__list--dot > li:nth-child(odd) {
    border-right: 1px dashed #dfdfdf;
  }
  .table__date {
    min-width: 43.75vw;
  }
  .form__wrap.type2 {
    gap: 0;
    flex-direction: column;
    align-items: flex-start;
  }
  .form__wrap.type2 .btn__wrap {
    padding-left: 4.6875vw;
  }
  .form__group + .form__group {
    margin-top: 3.125vw;
  }
  .form__group.row {
    gap: 4.21875vw;
  }
  .form__group.full-type .radio__wrap {
    flex: 0 0 100%;
  }
  .form__group.row2 {
    gap: 3.125vw;
  }
  .input__box input {
    height: 7.8125vw;
    min-height: 28px;
    padding: 2.34375vw 2.5vw;
  }
  .input__box input:disabled {
    background: #efefef;
  }
  .input__search .btn__search {
    gap: 2.5vw;
    width: 7.8125vw;
    min-width: 7.8125vw;
    height: 7.8125vw;
    min-height: 28px;
  }
  .input__search .btn__search .ico__search {
    width: 3.90625vw;
    min-width: 16px;
    height: 3.90625vw;
    min-height: 16px;
  }
  .input__search .btn__search.type2 {
    width: auto;
    padding: 0 1.875vw;
    font-size: 2.8125vw;
  }
  .input__search .btn__search.gray {
    width: 7.8125vw;
    height: 7.8125vw;
  }
  .input__label {
    margin-right: 3.125vw;
    font-size: 2.65625vw;
  }
  input[type=checkbox],
  input[type=radio] {
    width: 4.6875vw;
    height: 4.6875vw;
  }
  .checkbox__wrap,
  .radio__wrap {
    gap: 0.9375vw;
  }
  .checkbox__checkbox:checked {
    background-size: 2.34375vw auto;
  }
  .radio__btn {
    width: 4.6875vw;
    height: 4.6875vw;
  }
  .radio__btn:checked {
    position: relative;
  }
  .radio__btn:checked:before {
    width: 3.359375vw;
    height: 3.359375vw;
  }
  .select__label {
    margin-right: 3.125vw;
    font-size: 3.4375vw;
  }
  .select__box {
    height: 7.8125vw;
    min-height: 28px;
    padding: 0vw 4.0625vw 0vw 1.5625vw;
    background-position: calc(100% - 1.875vw) 50%;
    background-size: 2.1875vw 2.1875vw;
  }
  textarea {
    padding: 2.34375vw 2.5vw;
  }
  .text-box__wrap + .text-box__wrap {
    margin-top: 7.8125vw;
  }
  .text-box__head {
    margin-bottom: 3.125vw;
    gap: 1.5625vw;
  }
  .text-box__head--title {
    font-size: 4.375vw;
  }
  .text-box__body {
    padding: 4.6875vw;
    box-shadow: 0vw 0.15625vw 1.40625vw 0vw rgba(0, 0, 0, 0.09);
  }
  .text-box__body--type02 {
    height: 113.125vw;
  }
  .text-box__body--type03 {
    padding: 4.6875vw 4.6875vw 26.5625vw;
  }
  .text-box__body--type03 .btn__wrap {
    width: 100%;
    padding: 7.8125vw 0vw;
  }
  .text-box__cont + .text-box__cont {
    margin-top: 6.25vw;
  }
  .text-box__cont--title {
    margin-bottom: 2.03125vw;
    color: #068deb;
    font-size: 3.4375vw;
    font-weight: 700;
  }
  .text-box__cont--title + .text-box__cont--title--text {
    margin-top: 2.03125vw;
  }
  .text-box__cont--title.type01 {
    font-size: 4.375vw;
    font-weight: 500;
  }
  .text-box__cont--title.type02 {
    font-size: 3.4375vw;
    padding-left: 2.8125vw;
  }
  .text-box__cont--title.type02::before {
    top: 0.78125vw;
    width: 1.5625vw;
    height: 1.5625vw;
  }
  .text-box__cont--title.type03:before {
    font-size: 2.1875vw;
    margin-right: 0.625vw;
  }
  .text-box__cont--title.type04 {
    font-size: 4.0625vw;
  }
  .text-box__cont--title.type05 {
    font-size: 1.6vw;
  }
  .text-box__cont--text {
    font-size: 3.4375vw;
    line-height: 1.588235;
  }
  .text-box__cont--text + .text-box__cont--text {
    margin-top: 2.03125vw;
  }
  .text-box__cont--desc {
    color: #da4848;
    font-size: 2.65625vw;
    font-weight: 500;
  }
  .text-box__cont--desc.red2 {
    font-size: 3.4375vw;
  }
  .text-box__cont--desc.ref::before, .text-box__cont--desc.ref--red2::before, .text-box__cont--desc.ref--black::before, .text-box__cont--desc.ref--center::before, .text-box__cont--desc.ref--darkgray::before {
    width: 2.65625vw;
    height: 2.65625vw;
    margin-right: 1.09375vw;
  }
  .text-box__cont--desc.ref--red2, .text-box__cont--desc.ref--red2--red2, .text-box__cont--desc.ref--black--red2, .text-box__cont--desc.ref--center--red2, .text-box__cont--desc.ref--darkgray--red2 {
    font-size: 3.4375vw;
  }
  .text-box__cont--box.type02 {
    padding: 6.09375vw;
    text-align: center;
    font-size: 3.4375vw;
  }
  .text-box__cont--col.type02 .text-box__cont--box {
    width: 100%;
    padding: 4.6875vw 3.125vw;
  }
  .text-box__cont--col.type03 {
    flex-direction: column;
  }
  .text-box__cont--col.type03 .text-box__cont--left {
    display: block;
    width: 100%;
    height: 40vw;
    margin-top: 5vw;
    background-size: contain;
  }
  .text-box__cont--col.type03 .text-box__cont--left + .text-box__cont--right {
    margin-top: 9.375vw;
  }
  .text-box__cont--col.type03 .text-box__cont--left + .text-box__cont--right .text-box__login-text {
    font-size: 3.4375vw;
    line-height: 5vw;
    font-weight: 400;
  }
  .text-box__cont--col.type03 .text-box__cont--left + .text-box__cont--right .text-box__login-text + .btn__wrap {
    margin-top: 7.8125vw;
  }
  .text-box__cont--left {
    display: none;
  }
  .text-box__cont--right {
    position: relative;
    width: 100%;
    border-left: none;
    padding: 0;
  }
  .text-box__cont--right .list + .list {
    margin-top: 4.6875vw;
  }
  .text-box__cont--right .list__title {
    font-size: 3.4375vw;
  }
  .text-box__cont--right .list .radio__wrap {
    gap: 3.125vw;
  }
  .text-box__cont--right .list input, .text-box__cont--right .list label {
    font-size: 3.4375vw;
    font-weight: 400;
  }
  .text-box__cont--right .btn__wrap {
    position: absolute;
    width: 100%;
    bottom: 3.125vw;
  }
  .text-box__cont--right .text-box__cont--box {
    padding: 3.90625vw 4.6875vw;
  }
  .text-box__cont--right .text-box__cont--box > p {
    font-size: 3.4375vw;
    font-weight: 400;
  }
  .text-box__cont--right .text-box__cont--desc {
    font-size: 2.8125vw;
    font-weight: 400;
  }
  .text-box__list .text-box__item {
    flex: auto;
    border-radius: 2.5vw;
    box-shadow: 0.625vw 0.625vw 2.03125vw 0vw rgba(0, 0, 0, 0.03);
  }
  .text-box__list.type2 {
    justify-content: flex-start;
    gap: 7.8125vw;
  }
  .text-box__list.type2 .text-box__item {
    width: 100%;
    box-shadow: 0vw 0.15625vw 1.40625vw 0vw rgba(0, 0, 0, 0.09);
    font-weight: 400;
  }
  .text-box__list.type2 .text-box__item--inner {
    padding: 4.6875vw 4.6875vw 7.8125vw;
  }
  .text-box__list.type2 .text-box__item--title {
    font-size: 4.0625vw;
    font-weight: 500;
  }
  .text-box__list.type2 .text-box__item--desc {
    color: #646464;
    font-size: 15px;
  }
  .text-box__list.type3 {
    gap: 0;
  }
  .text-box__list.type3 .text-box__item {
    margin-bottom: 0;
    padding: 7.8125vw 0vw;
    min-height: 0;
  }
  .text-box__list.type3 .text-box__item:first-child {
    padding-top: 3.125vw;
  }
  .text-box__list.type3 .text-box__item.type02 {
    margin-bottom: 0;
  }
  .text-box__list.type3 .text-box__item + .text-box__item {
    border-left: none;
    border-top: 1px solid #ecedee;
  }
  .text-box__list.type3 .text-box__item--icon {
    position: relative;
    height: 37.5vw;
  }
  .text-box__list.type3 .text-box__item--icon.type02 {
    height: 42.1875vw;
  }
  .text-box__list.type3 .text-box__item--icon.type03 {
    height: 47.65625vw;
  }
  .text-box__list.type3 .text-box__item .text-box__cont--text {
    font-weight: 400;
  }
  .text-box__list.type3 .text-box__item .text-box__cont--desc {
    margin-top: 1.5625vw;
    font-size: 2.8125vw;
    font-weight: 400;
  }
  .text-box__step {
    flex-wrap: wrap;
    margin-top: 3.125vw;
    gap: 6.25vw;
  }
  .text-box__step .text-box__item + .text-box__item::before {
    content: "";
    top: -29%;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    width: 9.375vw;
    height: 15vw;
    border-radius: 35px;
    background-size: 4.0625vw auto;
  }
  .text-box__step .text-box__item + .text-box__item:last-child::before {
    top: -33%;
  }
  .text-box__step .text-box__item--inner {
    padding: 3.90625vw 7.8125vw 7.8125vw;
  }
  .text-box__step .text-box__item .item-inner--img {
    width: 7.96875vw;
    height: 6.71875vw;
  }
  .text-box__step .text-box__item .item-inner--title {
    font-size: 3.4375vw;
    margin: 1.875vw 0vw 2.1875vw;
  }
  .text-box__step .text-box__item .item-inner--text {
    font-size: 3.125vw;
  }
  .site-map__list {
    margin-top: 10px;
  }
  .site-map__list2 {
    padding: 3.125vw 4.6875vw;
    font-size: 3.125vw;
    line-height: 2.25;
  }
  .site-map__item > a {
    border-bottom: 1px solid #e8e8e8;
    padding: 3.90625vw 0vw;
    font-size: 3.4375vw;
  }
  .floating-menu {
    top: -15.625vw;
    right: 4.6875vw;
    background: transparent;
    box-shadow: none;
  }
  .floating-menu__wrap {
    position: sticky;
    top: auto;
    bottom: 0;
    width: 100vw;
    left: 0;
    transform: translateX(0);
  }
  .floating-menu__list {
    display: none;
  }
  .floating-menu > .movetotop {
    display: block;
  }
  .movetotop {
    width: 12.5vw;
    height: 12.5vw;
    border-radius: 50%;
    background: #000;
    font-size: 2.8125vw;
    color: #fff;
    letter-spacing: 0.01em;
  }
  .movetotop::before {
    margin-bottom: 1.25vw;
    width: 3.28125vw;
    height: 2.03125vw;
    background: url(../images/common/icon-aside-arrow-mo.png) no-repeat 0 0;
    background-size: 3.28125vw auto;
  }
  .footer__wrap {
    padding: 0vw 4.6875vw;
  }
  .footer__top {
    padding: 0;
    border-bottom: none;
  }
  .footer__top .footer__inner {
    padding: 7.8125vw 0vw 15.625vw;
  }
  .footer__inner {
    position: relative;
    margin: 0 auto;
    max-width: 1180px;
  }
  .footer__inner .policy-list {
    flex-wrap: wrap;
    padding: 19px 0;
  }
  .footer__inner .policy-list .policy-item {
    margin-bottom: 30px;
    width: 33.3333333333%;
    position: relative;
    text-align: center;
  }
  .footer__inner .policy-list .policy-item::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0.3125vw;
    width: 1px;
    height: 1.875vw;
    background-color: #8a8a8a;
  }
  .footer__inner .policy-list .policy-item:nth-child(3)::after, .footer__inner .policy-list .policy-item:last-child::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0.3125vw;
    width: 1px;
    height: 1.875vw;
    background-color: #8a8a8a;
  }
  .footer__inner .policy-list .policy-item a {
    font-size: 2.34375vw;
  }
  .footer__inner .copyright-wrap {
    flex-direction: column;
    margin-top: 2.34375vw;
  }
  .footer__inner .copyright-wrap .copyright {
    font-size: 2.34375vw;
    line-height: 1.666666;
  }
  .footer__logo a {
    display: block;
    width: 34.6875vw;
    height: 9.0625vw;
    background: url(../../static/images/common/footer-logo_mo.png) no-repeat 0 0/100%;
  }
  .footer__site-map {
    display: block;
    position: absolute;
    right: 0;
    top: calc(100% - 10.15625vw);
    width: 100%;
  }
  .footer__site-map .site-map__btn {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 3.125vw;
    width: 100%;
    height: 8.28125vw;
    font-size: 3.125vw;
    color: #d0d0d0;
    line-height: 8.28125vw;
    border: 1px solid #888;
  }
  .footer__site-map .site-map__btn::before {
    content: "";
    display: block;
    position: absolute;
    right: 4.53125vw;
    top: 50%;
    width: 2px;
    height: 3.125vw;
    background-color: #b9b9b9;
    transform: translateY(-50%);
  }
  .footer__site-map .site-map__btn::after {
    content: "";
    display: block;
    position: absolute;
    right: 3.125vw;
    top: 50%;
    width: 3.125vw;
    height: 2px;
    background-color: #b9b9b9;
    transform: translateY(-50%);
  }
  .footer__site-map .site-map__item > a {
    padding: 0 3.125vw;
    height: 8.28125vw;
    font-size: 3.125vw;
    line-height: 8.28125vw;
  }
  .footer__copy {
    margin-top: 20px;
    font-size: 0;
  }
  .footer__copy p {
    display: inline-block;
    position: relative;
    font-size: 2.8125vw;
    font-family: "NotoSansCJK";
    font-weight: 300;
    color: #fff;
  }
  .footer__copy p + p {
    margin-left: 0;
  }
  .footer__copy p:first-child::before {
    top: 1.40625vw;
  }
}/*# sourceMappingURL=common.css.map */