@charset "utf-8";
.wrap {
  background-color: #666666;
}
.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/location/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 img {
  position: absolute;
  top: 68.1944vw;
  left: 43.1944vw;
  width: 14.1666vw;
  height: 25vw;
}
.wrap .container .contents-wrap {
  color: #ffffff;
  padding: 15.9722vw 6.9444vw 0 6.9444vw;
}
.wrap .container .contents-wrap .title-box {
  padding-bottom: 20.5555vw;
}
.wrap .container .contents-wrap .title-box .main {
  font-family: var(--en);
  font-size: 8.3138vw;
  font-weight: 600;
  line-height: 6.3888vw;
  padding-bottom: 5.2777vw;
}
.wrap .container .contents-wrap .title-box .explain-ko {
  font-size: 5.4166vw;
  font-weight: 100;
  line-height: 8.1944vw;
}
.wrap .container .contents-wrap .title-box .explain-ko span {
  font-family: var(--en);
  font-weight: 200;
}
.wrap .container .contents-wrap .address {
  padding-bottom: 22.2222vw;
}
.wrap .container .contents-wrap .address address {
  font-size: 2.6875vw;
  font-weight: 500;
  letter-spacing: -0.04em;
  padding-bottom: 4.4444vw;
}
.wrap .container .contents-wrap .address address span {
  font-family: var(--en);
}
.wrap .container .contents-wrap .phone-number {
  padding-bottom: 2.7777vw;
}
.wrap .container .contents-wrap .phone-number .title {
  font-size: 2.6875vw;
  font-weight: 700;
  padding-bottom: 4.4444vw;
}
.wrap .container .contents-wrap .phone-number .department > li {
  display: flex;
  flex-direction: row;
  padding-top: 2.9166vw;
  padding-bottom: 9.7222vw;
  border-top: 0.5555vw solid #ffffff;
}
.wrap .container .contents-wrap .phone-number .department > li .type {
  flex: 1;
  font-family: var(--en);
  font-size: 4.1666vw;
  font-weight: 500;
  line-height: 4.4444vw;
}
.wrap .container .contents-wrap .phone-number .department > li .info {
  flex: 1;
  font-size: 3.0555vw;
  font-weight: 500;
  line-height: 5.2777vw;
}
.wrap .container .contents-wrap .phone-number .department > li .info span {
  font-family: var(--en);
  font-weight: 400;
}
.wrap .container .contents-wrap .phone-number .department > li .info span.position {
  font-family: var(--ko);
  font-weight: 400;
}
.wrap footer.footer {
  color: #ffffff;
  background-color: #666666;
}