@charset "utf-8";
.wrap .header {
  position: absolute;
  top: 0;
  left: 0;
}
.wrap .header .btn.gnb {
  background-image: url(../../image/mobile/btn_gnb_white.png) !important;
}
.wrap .container .intro {
  height: 88.8888vw;
  background: no-repeat center / 100% 100% url(../../image/renewal_mobile/client/intro_bg_navy.png);
  display: flex;
  justify-content: center;
  align-items: center;
}
.wrap .container .intro .introduction {
  font-size: var(--22px);
  font-weight: 500;
  color: #ffffff;
  line-height: 5.4166vw;
  text-align: center;
}
.wrap .container .intro img {
  position: absolute;
  top: 68.1944vw;
  left: 43.1944vw;
  width: 14.1666vw;
  height: 25vw;
}
.wrap .container .contents-wrap {
  padding: 12.3611vw 6.9444vw 0 6.9444vw;
}
.wrap .container .contents-wrap .title-box {
  padding-bottom: 20.8333vw;
}
.wrap .container .contents-wrap .title-box .sub {
  font-size: var(--15px);
  font-weight: 500;
  padding-bottom: 6.25vw;
}
.wrap .container .contents-wrap .title-box .main {
  font-size: var(--46px);
  font-weight: 700;
  letter-spacing: -0.02em;
  padding-bottom: 7.3611vw;
}
.wrap .container .contents-wrap .title-box .explain-en {
  font-family: var(--en);
  font-size: var(--40px);
  font-weight: 200;
  line-height: 6.9541vw;
  padding-bottom: 4.0277vw;
}
.wrap .container .contents-wrap .title-box .explain-ko {
  font-size: var(--22px);
  font-weight: 500;
  line-height: 5.6944vw;
}
.wrap .container .contents-wrap .title-box .explain-ko span[lang="en"] {
  font-family: var(--en);
}
.wrap .container .contents-wrap .client .title {
  font-family: var(--en);
  font-size: 2.6875vw;
  font-weight: 600;
  padding-bottom: 4.1666vw;
}
.wrap .container .contents-wrap .client .client-box {
  display: flex;
  flex-direction: row;
  padding-top: 3.1944vw;
  padding-bottom: 9.5833vw;
  border-top: 0.5555vw solid #000000;
}
.wrap .container .contents-wrap .client .client-box .type {
  flex: 1;
  font-family: var(--en);
  font-size: 4.1666vw;
  font-weight: 500;
  line-height: 5.8333vw;
}
.wrap .container .contents-wrap .client .client-box .client-list {
  flex: 1;
}
.wrap .container .contents-wrap .client .client-box .client-list li {
  position: relative;
  padding-left: 1.25vw;
  font-size: var(--22px);
  line-height: 5.2777vw;
  font-weight: 400;
}
.wrap .container .contents-wrap .client .client-box .client-list li span[lang="en"] {
  font-family: var(--en);
  font-weight: 400;
}
.wrap .container .contents-wrap .client .client-box .client-list li::before {
  position: absolute;
  content: "·";
  left: 0;
}
.wrap .container .contents-wrap .client .client-box:nth-last-of-type(1) {
  padding-bottom: 12.6388vw;
}
.wrap footer.footer {
  color: #000000;
}