@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/support/intro_bg.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 .introduction span {
  font-family: var(--en);
}
.wrap .container .contents-wrap {
  color: #000000;
  padding: 12.3611vw 6.9444vw 0 6.9444vw;
}
.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: 600;
  letter-spacing: -0.02em;
  padding-bottom: 7.3611vw;
}
.wrap .container .contents-wrap .inquire-wrap .inquire-nav {
  display: flex;
  flex-direction: row;
  padding-bottom: 6.9444vw;
}
.wrap .container .contents-wrap .inquire-wrap .inquire-nav > li {
  position: relative;
  width: 28.75vw;
  height: 9.0277vw;
  line-height: 9.0277vw;
  font-size: 2.2222vw;
  text-align: center;
  color: #bbbbbb;
  border: 0.1388vw solid #dddddd;
}
.wrap .container .contents-wrap .inquire-wrap .inquire-nav > li:nth-of-type(2) {
  left: -0.1388vw;
}
.wrap .container .contents-wrap .inquire-wrap .inquire-nav > li:nth-of-type(3) {
  left: -0.2777vw;
}
.wrap .container .contents-wrap .inquire-wrap .inquire-nav > li.active {
  color: #000000;
  border: 0.2777vw solid #000000;
  z-index: 1;
}
.wrap .container .contents-wrap .inquire-wrap .title-list {
  padding-bottom: 4.3055vw;
}
.wrap .container .contents-wrap .inquire-wrap .title-list li {
  display: none;
  font-size: 2.6875vw;
}
.wrap .container .contents-wrap .inquire-wrap .title-list li.active {
  display: block;
}
.wrap .container .contents-wrap .inquire-wrap .questionnaire-list li {
  display: none;
}
.wrap .container .contents-wrap .inquire-wrap .questionnaire-list li.active {
  display: block;
}
.wrap footer.footer {
  color: #000000;
}