@charset "utf-8";
:root {
  --en: 'ITCAvantGardeGothicStd';
  --ko: 'Noto Sans KR', sans-serif;
  --15px: 2.0833vw;
  --18px: 2.5vw;
  --22px: 3.0555vw;
  --40px: 5.5555vw;
  --46px: 6.3888vw;
  --main: #009ddc;
}
html {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
body {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.wrap {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  min-height: 100vh;
}
.wrap header.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3.4722vw 3.4722vw 0;
  width: 100%;
  z-index: 99;
}
.wrap header.header .logo {
  width: 17.2222vw;
}
.wrap header.header .logo a {
  display: block;
}
.wrap header.header .logo a svg {
  width: 100%;
}
.wrap header.header .btn.gnb {
  width: 6.3889vw;
  height: 6.25vw;
  background: url('../../image/mobile/btn_gnb_navy.png') no-repeat;
  background-size: 6.3889vw 6.25vw;
}
.wrap header.header .btn.gnb.logoblue {
  width: 6.3889vw;
  height: 6.25vw;
  background: url('../../image/mobile/btn_gnb.png') no-repeat;
  background-size: 6.3889vw 6.25vw;
}
.wrap footer.footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.3889vw;
  padding: 8.3333vw 0;
  background-color: #fff;
  color: #244169;
}
.wrap footer.footer .info {
  display: flex;
  font-size: 2.0833vw;
  font-weight: 500;
  letter-spacing: -0.04em;
}
.wrap footer.footer .info .company {
  font-size: 1.6667vw;
}
.wrap footer.footer .info[lang='en'] {
  font-family: 'ITCAvantGardeGothicStd';
}
.wrap footer.footer .copyright {
  font-family: 'ITCAvantGardeGothicStd';
  font-size: 2.0833vw;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.nav {
  position: fixed;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 999;
  overflow-y: scroll;
  transition: 0.5s ease;
}
.nav .btn.close {
  position: absolute;
  top: 4.1667vw;
  right: 4.1667vw;
  width: 3.4722vw;
  height: 3.4722vw;
  background: url('../../image/mobile/btn_close_navy.png') no-repeat;
  background-size: 3.4722vw 3.4722vw;
}
.nav .gnb-wrap {
  position: relative;
  padding-top: 11.8056vw;
  width: 100%;
  height: 100%;
}
.nav .gnb-wrap .gnb {
  display: flex;
  flex-direction: column;
  gap: 4.1667vw;
  padding: 0 5.5556vw;
}
.nav .gnb-wrap .gnb .name {
  font-family: 'ITCAvantGardeGothicStd';
  font-size: 2.6389vw;
  font-weight: 600;
}
.nav .gnb-wrap .gnb:nth-of-type(2) {
  padding-top: 11.8055vw;
}
.nav .gnb-wrap .gnb .gnb-links {
  display: flex;
  flex-direction: column;
  gap: 1.3889vw;
}
.nav .gnb-wrap .gnb .gnb-links > li {
  display: flex;
  align-items: center;
  width: 100%;
  height: 20.13889vw;
  border-radius: 1.6667vw;
}
.nav .gnb-wrap .gnb .gnb-links > li > a {
  flex-grow: 1;
  display: flex;
  align-items: center;
  padding-left: 28.3333vw;
  height: 100%;
  font-family: var(--en);
  font-size: 4.1667vw;
  font-weight: 600;
}
.nav .gnb-wrap .gnb .gnb-links > li:nth-child(1) {
  background: #4b6890 url(../../image/renewal_mobile/intro_cha_01.png) no-repeat 9.3055vw 100%;
  background-size: 10.9722vw 18.1944vw;
}
.nav .gnb-wrap .gnb .gnb-links > li:nth-child(2) {
  background: #8195b1 url(../../image/renewal_mobile/history_cha_02.png) no-repeat 9.0277vw 100%;
  background-size: 11.9444vw 17.2222vw;
}
.nav .gnb-wrap .gnb .gnb-links > li:nth-child(3) {
  background: #aebbcd url(../../image/renewal_mobile/client_cha_03.png) no-repeat 8.8888vw 100%;
  background-size: 11.8055vw 17.9166vw;
}
.nav .gnb-wrap .gnb .gnb-links > li:nth-child(4) {
  background: #d2d9e3 url(../../image/renewal_mobile/contact_cha_04.png) no-repeat 6.3888vw 100%;
  background-size: 17.9166vw 18.3333vw;
}
.nav .gnb-wrap .gnb .gnb-links > li:nth-child(5) {
  background: #e1e5eb url(../../image/renewal_mobile/location_cha_05.png) no-repeat 6.3888vw 100%;
  background-size: 17.9166vw 18.3333vw;
}
.nav .gnb-wrap .gnb .gnb-links.business > li:nth-child(1) {
  background: #6a84c1 url(../../image/renewal_mobile/CRM_consulting_cha_05.png) no-repeat 8.0555vw 100%;
  background-size: 13.3333vw 16.9444vw;
}
.nav .gnb-wrap .gnb .gnb-links.business > li:nth-child(2) {
  background: #96a9d3 url(../../image/renewal_mobile/CRM_operation_cha_06.png) no-repeat 8.4722vw 100%;
  background-size: 12.5vw 18.75vw;
}
.nav .gnb-wrap .gnb .gnb-links.business > li:nth-child(3) {
  background: #bcc8e3 url(../../image/renewal_mobile/MarketingCloud_cha_07.png) no-repeat 6.6666vw 100%;
  background-size: 15vw 18.8888vw;
}
.nav .gnb-wrap .gnb .gnb-links.business > li:nth-child(4) {
  background: #d2daec url(../../image/renewal_mobile/tableau_premier_cha_08.png) no-repeat 7.0833vw 100%;
  background-size: 16.3888vw 18.75vw;
}
.nav .gnb-wrap .gnb .gnb-links.business > li:nth-child(5) {
  background: #e6eaf5 url(../../image/renewal_mobile/tableau_best_case_cha_09.png) no-repeat 6.3888vw 100%;
  background-size: 16.5277vw 19.7222vw;
  height: 27.2222vw;
  flex-direction: column;
  justify-content: center;
  align-items: normal;
  padding-left: 28.3333vw;
  gap: 3.8888vw;
}
.nav .gnb-wrap .gnb .gnb-links.business > li:nth-child(5) h6 > a {
  font-family: var(--en);
  font-size: 4.1667vw;
  font-weight: 600;
}
.nav .gnb-wrap .gnb .gnb-links.business > li:nth-child(5) .gnb-link-inner {
  display: flex;
  flex-wrap: wrap;
  font-family: var(--en);
  font-size: 3.0555vw;
  font-weight: 500;
  gap: 6.8055vw;
  row-gap: 3.0769vw;
}
.nav .gnb-wrap .gnb .gnb-links.business > li:nth-child(6) {
  background: #f4f6fa url(../../image/renewal_mobile/midata/intro_cha.png) no-repeat 6.3888vw 100%;
  background-size: 16.5277vw 23vw;
  background-position: 32px 20px;
  gap: 3.8888vw;
}
.nav .gnb-wrap .area.links {
  display: flex;
  flex-direction: column;
  gap: 2.7777vw;
  padding: 5.5555vw 5.5556vw;
}
.nav .gnb-wrap .area.links > a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.4722vw;
  font-weight: 700;
  color: #244169;
  width: 88.8889vw;
  height: 13.8889vw;
  border: 0.27777vw solid #244169;
  border-radius: 1.3888vw;
}
.nav .gnb-wrap .area.links > a.inquiry {
  display: flex;
  gap: 1.3889vw;
  background-color: #244169;
}
.nav .gnb-wrap .area.links > a.inquiry .icon-wrap {
  width: 5.2778vw;
  height: 4.7222vw;
}
.nav .gnb-wrap .area.links > a.inquiry .icon-wrap img {
  width: 100%;
}
.nav .gnb-wrap .area.links > a.inquiry span {
  font-size: 3.4722vw;
  font-weight: 700;
  color: #fff;
}
.nav.active {
  left: 0;
}