@charset "utf-8";
.wrap {
  display: flex;
  flex-direction: column;
}
.wrap .header {
  position: absolute;
  top: 0;
  left: 0;
}
.wrap .container {
  display: flex;
  flex-direction: column;
}
.wrap .container .intro {
  position: relative;
  height: 88.8888vw;
  background: #009ddc url(../../image/renewal_mobile/introduction/intro_bg.jpg) no-repeat;
  background-size: 100% 100%;
}
.wrap .container .intro .center-img {
  position: absolute;
  top: 22.3611vw;
  left: 23.75vw;
  overflow: hidden;
  width: 52.5vw;
  height: 52.5vw;
  border-radius: 50%;
  background-color: #ffffff;
  background-image: url(../../image/renewal_mobile/introduction/center_cha.png), url(../../image/renewal_mobile/introduction/center_img_bg.png);
  background-size: 27.5vw 57.7777vw, 29.7222vw 62.3611vw;
  background-position: 12.5vw 7.7777vw, 26.25vw 0;
  background-repeat: no-repeat;
}
.wrap .container .intro .name {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1.3888vw;
}
.wrap .container .intro .name p {
  font-family: "ITCAvantGardeGothicStd";
  font-weight: 500;
  font-size: 2.2222vw;
  line-height: 2.5097vw;
  color: #ffffff;
}
.wrap .container .intro .name .ico {
  width: 9.5833vw;
  height: 9.5833vw;
  border-radius: 50%;
}
.wrap .container .intro .name.crm-consulting {
  top: 20.4166vw;
  left: 9.7222vw;
  text-align: right;
}
.wrap .container .intro .name.crm-consulting .ico {
  background: #ffffff url(../../image/renewal_mobile/introduction/CRM_Consulting.png) no-repeat 50% 50%;
  background-size: 5.8333vw 5.8333vw;
}
.wrap .container .intro .name.crm-solution {
  flex-direction: column-reverse;
  align-items: flex-end;
  top: 43.8888vw;
  left: 7.5vw;
}
.wrap .container .intro .name.crm-solution .ico {
  align-items: flex-end;
  background: #ffffff url(../../image/renewal_mobile/introduction/CRM_Solution.png) no-repeat 50% 50%;
  background-size: 5.4166vw 5.4166vw;
}
.wrap .container .intro .name.partner {
  top: 67.2222vw;
  left: 3.4722vw;
  text-align: right;
}
.wrap .container .intro .name.partner p {
  font-size: 2.0833vw;
  letter-spacing: -0.01em;
}
.wrap .container .intro .name.partner .ico {
  background: #ffffff url(../../image/renewal_mobile/introduction/Premier_Partner.png) no-repeat 50% 50%;
  background-size: 5.2777vw 5.1388vw;
}
.wrap .container .intro .name.marketing-cloud {
  flex-direction: row-reverse;
  top: 20.4166vw;
  left: 67.36vw;
}
.wrap .container .intro .name.marketing-cloud p {
  color: #009ddc;
}
.wrap .container .intro .name.marketing-cloud .ico {
  background: #009ddc url(../../image/renewal_mobile/introduction/Marketing_Cloud.png) no-repeat 50% 50%;
  background-size: 6.8055vw 4.8611vw;
}
.wrap .container .intro .name.tableau {
  flex-direction: column-reverse;
  top: 43.8888vw;
  left: 77.6388vw;
}
.wrap .container .intro .name.tableau p {
  color: #009ddc;
}
.wrap .container .intro .name.tableau .ico {
  background: #009ddc url(../../image/renewal_mobile/introduction/Tableau.png) no-repeat 50% 50%;
  background-size: 5.2777vw 5.1388vw;
}
.wrap .container .intro .name.data-cloud {
  flex-direction: row-reverse;
  top: 67.2222vw;
  left: 67.3611vw;
}
.wrap .container .intro .name.data-cloud p {
  color: #009ddc;
}
.wrap .container .intro .name.data-cloud .ico {
  background: #009ddc url(../../image/renewal_mobile/introduction/Data_Cloud.png) no-repeat 50% 50%;
  background-size: 5.1388vw 5.1388vw;
}
.wrap .container .contents-wrap {
  padding: 12.3611vw 6.9444vw 0 6.9444vw;
  color: #009ddc;
}
.wrap .container .contents-wrap .title-box {
  padding-bottom: 5.6944vw;
}
.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: "ITCAvantGardeGothicStd";
  font-size: var(--40px);
  font-weight: 200;
  line-height: 6.9541vw;
}
.wrap .container .contents-wrap .area > .title {
  font-family: "ITCAvantGardeGothicStd";
  font-size: var(--22px);
  font-weight: 500;
  padding-bottom: 3.0555vw;
}
.wrap .container .contents-wrap .area > p {
  font-size: var(--22px);
  font-weight: 500;
  line-height: 5.7041vw;
}
.wrap .container .contents-wrap .area.business-area {
  padding-bottom: 22.2222vw;
}
.wrap .container .contents-wrap .area.business-area > .title {
  padding-bottom: 3.0555vw;
}
.wrap .container .contents-wrap .area.business-area > p {
  padding-bottom: 9.7222vw;
}
.wrap .container .contents-wrap .area.business-area .img-wrap {
  position: relative;
  height: 77.7777vw;
  background: transparent url(../../image/renewal_mobile/introduction/bussiness_area_bg.png) no-repeat 50% 0;
  background-size: 77.7777vw 77.7777vw;
  box-sizing: content-box;
}
.wrap .container .contents-wrap .area.business-area .img-wrap h3 {
  position: absolute;
  top: 35.8333vw;
  left: 37.6388vw;
  font-family: "ITCAvantGardeGothicStd";
  font-size: 2.6875vw;
  font-weight: 600;
  color: #ffffff;
  line-height: 3.0555vw;
  text-align: center;
}
.wrap .container .contents-wrap .area.business-area .img-wrap .business-area-list li {
  position: absolute;
  font-family: "ITCAvantGardeGothicStd";
  font-size: 2.6875vw;
  font-weight: 500;
}
.wrap .container .contents-wrap .area.business-area .img-wrap .business-area-list li:nth-of-type(1) {
  top: 16.5277vw;
  left: 18.1944vw;
}
.wrap .container .contents-wrap .area.business-area .img-wrap .business-area-list li:nth-of-type(2) {
  top: 39.5833vw;
  left: 16.6666vw;
}
.wrap .container .contents-wrap .area.business-area .img-wrap .business-area-list li:nth-of-type(3) {
  top: 64.5833vw;
  left: 22.6388vw;
}
.wrap .container .contents-wrap .area.business-area .img-wrap .business-area-list li:nth-of-type(4) {
  top: 16.5277vw;
  left: 52.3611vw;
}
.wrap .container .contents-wrap .area.business-area .img-wrap .business-area-list li:nth-of-type(5) {
  top: 39.5833vw;
  left: 69.1666vw;
}
.wrap .container .contents-wrap .area.business-area .img-wrap .business-area-list li:nth-of-type(6) {
  top: 58.1944vw;
  left: 44.0277vw;
}
.wrap .container .contents-wrap .area.business-area .img-wrap .business-area-list li::after {
  content: "";
  position: absolute;
  bottom: 4.16666vw;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 1.9444vw;
  height: 1.9444vw;
  border-radius: 50%;
  background-color: #009ddc;
}
.wrap .container .contents-wrap .area.milvus-history {
  padding-bottom: 12.6388vw;
}
.wrap .container .contents-wrap .area.milvus-history > .title {
  padding-bottom: 2.6388vw;
}
.wrap .container .contents-wrap .area.milvus-history > p {
  padding-bottom: 3.472vw;
}
.wrap .container .contents-wrap .area.milvus-history .milvus-history-list {
  display: flex;
  flex-direction: column;
}
.wrap .container .contents-wrap .area.milvus-history .milvus-history-list li {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 33.1944vw;
  border-top: 0.5555vw solid #009ddc;
}
.wrap .container .contents-wrap .area.milvus-history .milvus-history-list li .result-1 {
  font-family: "ITCAvantGardeGothicStd";
  font-size: 4.1666vw;
  padding-top: 4.5833vw;
}
.wrap .container .contents-wrap .area.milvus-history .milvus-history-list li .result-2 {
  font-family: "ITCAvantGardeGothicStd";
  font-size: 9.7222vw;
  font-weight: 600;
}
.wrap .container .contents-wrap .area.milvus-history .milvus-history-list li .result-3 {
  font-size: 3.918vw;
}
.wrap .container .contents-wrap .area.milvus-history .milvus-history-list li:nth-of-type(1) .result-1 {
  line-height: 4.8611vw;
}
.wrap .container .contents-wrap .area.milvus-history .milvus-history-list li:nth-of-type(1) .result-2 {
  line-height: 9.8611vw;
}
.wrap .container .contents-wrap .area.milvus-history .milvus-history-list li:nth-of-type(1) .result-3 {
  line-height: 6.1111vw;
}
.wrap .container .contents-wrap .area.milvus-history .milvus-history-list li:nth-of-type(2) {
  height: 33.75vw;
}
.wrap .container .contents-wrap .area.milvus-history .milvus-history-list li:nth-of-type(2) .result-1 {
  line-height: 5.416vw;
}
.wrap .container .contents-wrap .area.milvus-history .milvus-history-list li:nth-of-type(2) .result-2 {
  line-height: 9.5833vw;
}
.wrap .container .contents-wrap .area.milvus-history .milvus-history-list li:nth-of-type(2) .result-3 {
  line-height: 6.5277vw;
}
.wrap .container .contents-wrap .area.milvus-history .milvus-history-list li:nth-of-type(3) .result-1 {
  line-height: 4.8611vw;
}
.wrap .container .contents-wrap .area.milvus-history .milvus-history-list li:nth-of-type(3) .result-2 {
  line-height: 9.8611vw;
}
.wrap .container .contents-wrap .area.milvus-history .milvus-history-list li:nth-of-type(3) .result-3 {
  line-height: 6.1111vw;
}
.wrap .container .contents-wrap .area.milvus-history .milvus-history-list li:nth-of-type(4) .result-1 {
  line-height: 5.6944vw;
}
.wrap .container .contents-wrap .area.milvus-history .milvus-history-list li:nth-of-type(4) .result-2 {
  line-height: 9.1666vw;
}
.wrap .container .contents-wrap .area.milvus-history .milvus-history-list li:nth-of-type(4) .result-3 {
  line-height: 6.9444vw;
}
.wrap .container .contents-wrap .area.milvus-people {
  padding-bottom: 8.3333vw;
}
.wrap .container .contents-wrap .area.milvus-people > .title {
  padding-bottom: 3.8888vw;
}
.wrap .container .contents-wrap .area.milvus-people > p {
  padding-bottom: 4.7222vw;
  line-height: 2.9166vw;
}
.wrap .container .contents-wrap .area.milvus-people .initial-list {
  display: flex;
  flex-direction: column;
  color: #ffffff;
}
.wrap .container .contents-wrap .area.milvus-people .initial-list li {
  display: flex;
  flex-direction: row;
  height: 28.6111vw;
}
.wrap .container .contents-wrap .area.milvus-people .initial-list li .initial-img {
  width: 32.2222vw;
  position: relative;
}
.wrap .container .contents-wrap .area.milvus-people .initial-list li .initial-img img {
  position: absolute;
}
.wrap .container .contents-wrap .area.milvus-people .initial-list li .initial-meaning {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.wrap .container .contents-wrap .area.milvus-people .initial-list li .initial-meaning .meaning-en {
  font-family: "ITCAvantGardeGothicStd";
  font-size: 4.7222vw;
  font-weight: 600;
}
.wrap .container .contents-wrap .area.milvus-people .initial-list li .initial-meaning .meaning-ko {
  font-size: 2.7041vw;
  font-weight: 500;
}
.wrap .container .contents-wrap .area.milvus-people .initial-list li:nth-of-type(1) {
  background-color: #f999a9;
}
.wrap .container .contents-wrap .area.milvus-people .initial-list li:nth-of-type(1) .initial-img img {
  top: 5.5555vw;
  left: 7.3611vw;
  width: 18.1944vw;
  height: 18.0555vw;
}
.wrap .container .contents-wrap .area.milvus-people .initial-list li:nth-of-type(1) .initial-meaning {
  gap: 1.8055vw;
}
.wrap .container .contents-wrap .area.milvus-people .initial-list li:nth-of-type(2) {
  background-color: #feae5d;
}
.wrap .container .contents-wrap .area.milvus-people .initial-list li:nth-of-type(2) .initial-img img {
  top: 5.9722vw;
  left: 6.3888vw;
  width: 19.7222vw;
  height: 15.8333vw;
}
.wrap .container .contents-wrap .area.milvus-people .initial-list li:nth-of-type(2) .initial-meaning {
  gap: 1.5277vw;
}
.wrap .container .contents-wrap .area.milvus-people .initial-list li:nth-of-type(3) {
  background-color: #fbd655;
}
.wrap .container .contents-wrap .area.milvus-people .initial-list li:nth-of-type(3) .initial-img img {
  top: 6.6666vw;
  left: 8.3333vw;
  width: 15.9722vw;
  height: 15.9722vw;
}
.wrap .container .contents-wrap .area.milvus-people .initial-list li:nth-of-type(3) .initial-meaning {
  gap: 1.6666vw;
}
.wrap .container .contents-wrap .area.milvus-people .initial-list li:nth-of-type(4) {
  background-color: #9cd572;
}
.wrap .container .contents-wrap .area.milvus-people .initial-list li:nth-of-type(4) .initial-img img {
  top: 5.8333vw;
  left: 7.5vw;
  width: 17.6388vw;
  height: 17.6388vw;
}
.wrap .container .contents-wrap .area.milvus-people .initial-list li:nth-of-type(4) .initial-meaning {
  gap: 2.6388vw;
}
.wrap .container .contents-wrap .area.milvus-people .initial-list li:nth-of-type(5) {
  background-color: #7fceed;
}
.wrap .container .contents-wrap .area.milvus-people .initial-list li:nth-of-type(5) .initial-img img {
  top: 5.4166vw;
  left: 7.2222vw;
  width: 18.1944vw;
  height: 17.3611vw;
}
.wrap .container .contents-wrap .area.milvus-people .initial-list li:nth-of-type(5) .initial-meaning {
  gap: 1.8055vw;
}
.wrap .container .contents-wrap .area.milvus-people .initial-list li:nth-of-type(6) {
  background-color: #d5a4d1;
}
.wrap .container .contents-wrap .area.milvus-people .initial-list li:nth-of-type(6) .initial-img img {
  top: 4.8611vw;
  left: 6.5277vw;
  width: 19.5833vw;
  height: 18.8888vw;
}
.wrap .container .contents-wrap .area.milvus-people .initial-list li:nth-of-type(6) .initial-meaning {
  gap: 1.8055vw;
}
.wrap .container .contents-wrap .download .down-link {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1.9444vw;
  height: 14.0277vw;
  background-color: #009ddc;
  border-radius: 1.5277vw;
}
.wrap .container .contents-wrap .download .down-link img {
  width: 3.2722vw;
  height: 4.1666vw;
}
.wrap .container .contents-wrap .download .down-link p {
  color: #ffffff;
  font-size: 3.4722vw;
  font-weight: 700;
}