@charset "utf-8";
.wrap {
  background-color: var(--main);
}
.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/crm_consulting/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 .intro img {
  position: absolute;
  top: 68.0555vw;
  left: 41.1111vw;
  width: 17.7777vw;
  height: 25.2777vw;
}
.wrap .container .contents-wrap {
  color: #ffffff;
  padding: 12.3611vw 6.9444vw 13.8888vw 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 .sub span {
  font-family: var(--en);
}
.wrap .container .contents-wrap .title-box .main {
  font-family: var(--en);
  font-size: var(--46px);
  font-weight: 600;
  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 {
  font-family: var(--en);
}
.wrap .container .contents-wrap .why-milvus .title-1 {
  font-family: var(--en);
  font-size: 2.6875vw;
  font-weight: 600;
  line-height: 2.2222vw;
  padding-bottom: 4.4444vw;
}
.wrap .container .contents-wrap .why-milvus .crm-consulting {
  display: flex;
  flex-direction: row;
  padding-top: 2.9166vw;
  padding-bottom: 20vw;
  border-top: 0.5555vw solid #ffffff;
}
.wrap .container .contents-wrap .why-milvus .crm-consulting .type {
  flex: 1;
  font-family: var(--en);
  font-size: 4.1666vw;
  font-weight: 500;
  line-height: 5.6944vw;
}
.wrap .container .contents-wrap .why-milvus .crm-consulting .info {
  flex: 1;
  font-size: 3.0555vw;
  font-weight: 400;
  line-height: 5.2777vw;
}
.wrap .container .contents-wrap .why-milvus .crm-consulting .info li {
  position: relative;
  padding-left: 1.25vw;
}
.wrap .container .contents-wrap .why-milvus .crm-consulting .info li span {
  font-family: var(--en);
  font-weight: 500;
}
.wrap .container .contents-wrap .why-milvus .crm-consulting .info li::before {
  position: absolute;
  content: "·";
  left: 0;
}
.wrap .container .contents-wrap .why-milvus .title-2 {
  font-size: 2.6875vw;
  font-weight: 700;
  line-height: 4.7222vw;
  padding-bottom: 5.6944vw;
}
.wrap .container .contents-wrap .why-milvus .title-2 span {
  font-family: var(--en);
  font-weight: 600;
}
.wrap .container .contents-wrap .why-milvus .graph-wrap {
  position: relative;
  height: 99.7222vw;
}
.wrap .container .contents-wrap .why-milvus .graph-wrap .graph {
  position: absolute;
  top: 12.5vw;
  left: 10.6944vw;
  width: 64.7222vw;
  height: 74.7222vw;
}
.wrap .container .contents-wrap .why-milvus .graph-wrap ul .speech-bubble {
  position: absolute;
  width: 35.8333vw;
  height: 20.1388vw;
}
.wrap .container .contents-wrap .why-milvus .graph-wrap ul .speech-bubble img {
  position: absolute;
}
.wrap .container .contents-wrap .why-milvus .graph-wrap ul .speech-bubble p {
  position: absolute;
  font-size: 2.5vw;
  font-weight: 400;
  line-height: 4.1666vw;
}
.wrap .container .contents-wrap .why-milvus .graph-wrap ul .speech-bubble p span {
  font-family: var(--en);
  font-weight: 600;
}
.wrap .container .contents-wrap .why-milvus .graph-wrap ul .speech-bubble p span.bold {
  font-family: var(--ko);
  font-weight: 700;
}
.wrap .container .contents-wrap .why-milvus .graph-wrap ul .speech-bubble.bubble1 {
  top: 0;
  left: 0;
}
.wrap .container .contents-wrap .why-milvus .graph-wrap ul .speech-bubble.bubble1 p {
  top: 4.1666vw;
  left: 4.8611vw;
}
.wrap .container .contents-wrap .why-milvus .graph-wrap ul .speech-bubble.bubble2 {
  top: 0;
  right: 0;
}
.wrap .container .contents-wrap .why-milvus .graph-wrap ul .speech-bubble.bubble2 p {
  top: 4.1666vw;
  left: 2.9166vw;
  letter-spacing: -0.025em;
}
.wrap .container .contents-wrap .why-milvus .graph-wrap ul .speech-bubble.bubble3 {
  bottom: 0;
  left: 0;
}
.wrap .container .contents-wrap .why-milvus .graph-wrap ul .speech-bubble.bubble3 p {
  top: 4.8611vw;
  left: 4.8611vw;
}
.wrap .container .contents-wrap .why-milvus .graph-wrap ul .speech-bubble.bubble4 {
  bottom: 0;
  right: 0;
}
.wrap .container .contents-wrap .why-milvus .graph-wrap ul .speech-bubble.bubble4 p {
  top: 4.8611vw;
  left: 3.0555vw;
  letter-spacing: -0.025em;
}
.wrap .container .contents-wrap .why-milvus .graph-wrap ul .item-list {
  position: absolute;
  font-size: 2.0833vw;
  font-weight: 500;
  line-height: 2.9166vw;
  opacity: 0.6;
  text-align: center;
}
.wrap .container .contents-wrap .why-milvus .graph-wrap ul .item-list.item1 {
  top: 4.7222vw;
  left: 38.0555vw;
}
.wrap .container .contents-wrap .why-milvus .graph-wrap ul .item-list.item2 {
  top: 27.0833vw;
  left: 77.8vw;
}
.wrap .container .contents-wrap .why-milvus .graph-wrap ul .item-list.item3 {
  top: 66.6666vw;
  left: 78.0555vw;
}
.wrap .container .contents-wrap .why-milvus .graph-wrap ul .item-list.item4 {
  top: 88.75vw;
  left: 40.2777vw;
}
.wrap .container .contents-wrap .why-milvus .graph-wrap ul .item-list.item5 {
  top: 66.6666vw;
  left: -0.8333vw;
}
.wrap .container .contents-wrap .why-milvus .graph-wrap ul .item-list.item6 {
  top: 27.0833vw;
  left: -1.9444vw;
}
.wrap footer.footer {
  color: #ffffff;
  background-color: var(--main);
}
