@import url(../common.css);
body {
  padding: 0;
  margin: 0;
  min-width: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
}

.header {
  min-width: 100vw !important;
}

.container {
  width: 85.641vw !important;
  margin: 0 auto;
  min-width: 0 !important;
  max-width: unset !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.container-lg {
  width: 92.307vw !important;
  margin: 0 auto;
  min-width: 0 !important;
  max-width: unset !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.container-xl {
  width: 100vw !important;
  margin: 0 auto;
  min-width: 0 !important;
  max-width: unset !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#child .head {
  border-bottom: 1px solid #e2e2e2;
  width: 100vw;
  background-color: #fff;
  padding-top: 15.128vw;
}
#child .head p {
  font-size: 4.102vw;
  font-weight: 400;
  line-height: 7.179vw;
  color: #558ed5;

  text-align: center;
  margin: 0 auto;
  margin-bottom: 1.282vw;
}
#child .head h1 {
  font-size: 7.692vw;
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 10.256vw;
  color: #171717;
  margin: 0 auto;

  margin-bottom: 7.692vw;
  text-align: center;
}

#child .head > div {
  width: 85.128vw;
  height: 41.282vw;
  margin: 0 auto;
  margin-bottom: -4px;
}
#child .head div ul {
  width: 100%;
  height: 25%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-left: 0;
}
#child .head div ul li {
  width: 42.564vw;
  height: 100%;
  margin-left: -1px;
    margin-top: -1px;
}

#child .head div ul li button {
  background-color: transparent;
  border: 1px solid #e2e2e2;
  width: 100%;
  height: 100%;
    display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 3.589vw;
  font-weight: 400;
  line-height: 5.384vw;
  letter-spacing: -0.04em;
  color: #333!important;
}

#child .head div ul li button a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 3.589vw;
  font-weight: 400;
  line-height: 5.384vw;
  letter-spacing: -0.04em;
  color: #333;
}

#child .head div ul li:hover button {
  background-color: #558ed5;
border: 1px solid #e2e2e2;
  color: #fff;
  font-weight: 600;
}
#child .head div ul li:hover button a {
  color: #fff;
  font-weight: 600;
}

#child .head div ul li.active button {
  background-color: #558ed5;
border: 1px solid #e2e2e2;
  color: #fff;
  font-weight: 600;
}
#child .head div ul li.active button a {
  color: #fff;
  font-weight: 600;
}

#child #section01 {
}
#child #section01 .container-xl {
  padding-top: 15.128vw;
  padding-bottom: 15.384vw;
}
#child #section01 .container-xl h6 {
  font-size: 4.615vw;
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 6.153vw;
  color: #777777;
  margin: 0 auto;
  margin-bottom: 5.128vw;
  text-align: center;
}
#child #section01 .container-xl h2 {
  font-size: 7.692vw;
  font-weight: 300;
  letter-spacing: -0.04em;
  line-height: 9.743vw;
  color: #333;
  margin: 0 auto;
  margin-bottom: 10.769vw;
  text-align: center;
}
#child #section01 .container-xl h2 span {
  color: #558ed5;
  font-weight: 600;
}
#child #section01 .container-xl img {
  text-align: center;
  margin: 0 auto;
}
#child #section01 .container-xl h1 {
  font-size: 7.692vw;
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 9.743vw;
  color: #444;
  margin: 0 auto;
  margin-bottom: 5.128vw;
  margin-top: 11.461vw;
  text-align: center;
}
#child #section01 .container-xl p {
  font-size: 4.102vw;
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 6.153vw;
  color: #444;
  margin: 0 auto;
  margin-bottom: 12.820vw;
  text-align: center;
}
#child #section015 {
  background-color: #92B9D8;
 padding-top: 6.410vw;
}

#child #section015 .w-100 .position-absolute {
  background-color: #558ED5;
  width: 44px;
  aspect-ratio: 1/1;
  border-radius: 999px;
      display: flex;
    justify-content: center;
    align-items: center;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);;
}

#child #section015 .w-100 .position-absolute img {
  filter: brightness(100);
}

#child #section015 .grid-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);  /* 가로 2개 */
  gap: 10.769vw 2.564vw;
  padding: 6.41vw 0 12.82vw 0;
}

#child #section015 .w-100 {
  background-color: #fff;
  height: 33.3vw;
  padding-top: 6.410vw;
  padding-bottom: 4.102vw;
}
#child #section015 .w-100 h6 {
  font-size: 4.681vw;
  letter-spacing: -0.04em;
  /* line-height: 7.628vw; */
  margin-bottom: 3.076vw;
  color: #000000;
  text-align: center;
}
#child #section015 .w-100 p {
  font-size: 3.589vw;
  letter-spacing: -0.05em;
  line-height: 5.128vw;
  color: #717171;
  text-align: center;
}
#child #section015 .w-100.active {
  background-color: #558ED5;
}
#child #section015 .w-100.active h6 {
  color: #fff;
}
#child #section015 .w-100.active p {
  color: #fff;
}
#child #section015 .w-100.active .position-absolute {
  background-color: #fff;
}
#child #section015 .w-100.active .position-absolute img {
filter: brightness(1);

}


#child #section02 {
}
#child #section02 .container-xl {
  padding-top: 12.820vw;
  padding-bottom: 18.974vw;
}

#child #section02 .container-xl h2 {
  font-size: 7.692vw;
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 10.256vw;
  color: #333333;
  text-align: center;
  margin: 0;
}

#child #section02 .container-xl h2 span {
  color: #558ed5;
  font-weight: 600;
}
#child #section03 {
}
#child #section03 img {
    width: 91.025vw;
}
#child #section03 .container-xl {
  background-image: url(../../img/mobile/childSect03BG.png);
  background-size: cover;
  padding-top: 13.846vw;
  padding-bottom: 6.666vw;
}
#child #section03 .container-xl h2 {
  font-size: 7.692vw;
  font-weight: 300;
  letter-spacing: -0.05em;
  line-height: 9.743vw;
  color: #333;
  margin-bottom: 5.128vw;
}

#child #section03 .container-xl h2 span {
  color: #558ed5;
  font-weight: 600;
}

#child #section03 .container-xl p {
  font-size: 4.102vw;
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 6.153vw;
  color: #333;
  margin-bottom: 19.743vw;
}

#child #section04 {
  /* padding-bottom: 6.358vw; */
}
#child #section04 .container-xl {
  padding-bottom: 9.487vw;
  background-image: url(../../img/mobile/childSect04BG.png);
  background-size: 100% 105%;
}
#child #section04 .container-xl h2 {
  font-size: 7.692vw;
  font-weight: 300;
  letter-spacing: -0.05em;
  line-height: 10.256vw;
  text-align: center;
  color: #333;
  margin: 0 auto;
  margin-bottom: 28.205vw;
}
#child #section04 .container-xl h2 span {
  font-weight: 600;
}
#child #section04 .container-xl div h3 {
  font-size: 7.692vw;
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 9.743vw;
  text-align: center;
  color: #558ed5;
  margin: 0 auto;
  margin-bottom: 5.897vw;
}
#child #section04 .container-xl div p {
  font-size: 4.102vw;
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 6.153vw;
  text-align: center;
  color: #333333;
  margin: 0 auto;
  margin-bottom: 30vw;
  margin-top: 7.179vw;
}
#child #section04 .container-xl div img {
}

#child #section05 {
}
#child #section05 .container-xl {
  padding-bottom: 23.846vw;
}
#child #section05 .container-xl .container {
  padding-top: 16.666vw;
}
#child #section05 .container-xl .container h2 {
  font-size: 7.692vw;
  font-weight: 300;
  letter-spacing: -0.04em;
  line-height: 9.743vw;
  color: #333333;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 2.769vw;
}
#child #section05 .container-xl .container h2 span {
  font-weight: 600;
  color: #558ed5;
}
#child #section05 .container-xl .container h6 {
  font-size: 6.153vw;
  font-weight: 300;
  letter-spacing: -0.04em;
  line-height: 8.205vw;
  color: #333333;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 7.820vw;
}
#child #section05 .container-xl .container p {
  font-size: 4.102vw;
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 6.153vw;
  color: #777777;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 16.025vw;
}
#child #section05 .container-xl .container .box {
  width: 100%;
  height: 41.025vw;
  justify-content: center;
  align-items: center;
  background-color: #f3f0eb;
}
#child #section05 .container-xl .container .box img {
  width: 18.717vw
}
#child #section05 .container-xl .container .box p {
  font-size: 4.615vw;
  font-weight: 400;
  line-height: 6.153vw;
  letter-spacing: -0.05em;
  color: #333333;
  margin-bottom: 0;
}
#child #section06 img {
    width: 97%
}

#child #section06 .container-xl {
  padding-top: 13.076vw;
  padding-bottom: 16.025vw;
  background-image: url(../../img/mobile/childSect06BG.png);
  background-size: contain;
  background-position: center;
}
#child #section06 .container-xl h2 {
  font-size: 7.692vw;
  letter-spacing: -0.04em;
  line-height: 9.743vw;
  font-weight: 300;
  margin-bottom: 5.128vw;
  font-weight: 300;
  color: #fff;
}
#child #section06 .container-xl h2 span {
  color: #fcffd5;
  font-weight: 600;
}
#child #section06 .container-xl p {
  font-size: 4.102vw;
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 6.153vw;
  margin-bottom: 9.487vw;
  color: #fff;
}
#child #section06 .container-xl p span {
  color: #fcffd5;
}
#child #section07 {
}
#child #section07 .container-xl {
  padding-top: 15.769vw;
  padding-bottom: 13.076vw;
}
#child #section07 .container-xl img {
  width: 89.743vw;
}
#child #section07 .container-xl h2 {
  font-size: 7.692vw;
  font-weight: 300;
  letter-spacing: -0.05em;
  line-height: 10.256vw;
  color: #333333;
  margin-bottom: 5.128vw;
}
#child #section07 .container-xl h2 span {
  font-weight: 600;
  color: #558ed5;
}
#child #section07 .container-xl p {
  font-size: 4.102vw;
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 6.153vw;
}
#child #section08 {
}
#child #section08 .container-xl {
  background-image: url(../../img/mobile/childSect08BG.png);
  background-size: cover;
  background-position: center;
  padding-top: 14.358vw;
  padding-bottom: 13.076vw;
}
#child #section08 .container-xl h6 {
  font-size: 4.615vw;
  font-weight: 300;
  letter-spacing: -0.04em;
  line-height: 6.153vw;
  color: #333333;
  margin-bottom: 1.923vw;
}
#child #section08 .container-xl h2 {
  font-size: 7.692vw;
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 10.256vw;
  color: #558ed5;
  margin-bottom: 5.128vw;
}
#child #section08 .container-xl p {
  font-size: 4.106vw;
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 6.153vw;
  color: #777777;
  margin-bottom: 11.282vw;
  text-align: center;
}

#child #section08 .container-xl img {
  width: 85.128vw;
}
#child #section09 {
}
#child #section09 .container-xl {
  background-color: #002357;
  padding-top: 21.282vw;
  padding-bottom: 21.025vw;
}
#child #section09 .container-xl h2 {
  font-size: 7.179vw;
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 8.717vw;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 7.435vw;
  color: #fff;
}
#child #section09 .container-xl h2 span {
  font-weight: bold;
  color: #9AC7FF;
}
#child #section09 .container-xl h3 {
  font-size: 6.153vw;
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 8.205vw;
  text-align: center;
  margin: 0 auto;
  color: #fcffd5;
}
#child #section10 img {
    width: 89.743vw;
}
#child #section10 .container-xl {
  padding-top: 19.230vw;
  padding-bottom: 23.846vw;
  background-image: url(../../img/mobile/childSect10BG.png);
  background-position: center;
  background-size: cover;
}
#child #section10 .container-xl h6 {
  font-size: 4.615vw;
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 8.974vw;
  color: #fff;
  text-align: center;
  margin: 0 auto;
}
#child #section10 .container-xl h2 {
  font-size: 7.692vw;
  font-weight: 600;
  letter-spacing: -0.05em;
  line-height: 8.974vw;
  color: #fff;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 13.974vw;
}
#child #section11 .container-xl {
  padding-top: 17.435vw;
  padding-bottom: 15.641vw;
}
#child #section11 .container-xl h6 {
  font-size: 4.615vw;
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 10.256vw;
  color: #333;
}
#child #section11 .container-xl h2 {
  font-size: 9.230vw;
  font-weight: 600;
  letter-spacing: -0.05em;
  line-height: 10.256vw;
  color: #558ed5;
  margin-bottom: 5.128vw;
}
#child #section11 .container-xl p {
  font-size: 4.102vw;
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 6.153vw;
  color: #333333;
  margin-bottom: 5.128vw;
}
#child #section11 .container-xl img {
  width: 100%;
}
#child #section12 {
}
#child #section12 .container-xl {
  background-color: #f5f5f5;
  padding-top: 15.128vw;
  padding-bottom: 15.128vw;
}
#child #section12 .container-xl h2 {
  font-size: 7.692vw;
  font-weight: 300;
  letter-spacing: -0.04em;
  line-height: 9.743vw;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 4.102vw;
}
#child #section12 .container-xl h2 span {
  color: #558ed5;
  font-weight: 600;
}
#child #section12 .container-xl p {
  font-size: 4.102vw;
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 6.153vw;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8.4871vw;
  color: #777777;
}
#child #section12 .swiper-slide img {
    width: 74.184vw;
}