/* #region about */
.sec-about {
  background: var(--043786, #043786);
}

.about {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media screen and (max-width: 1024px) {
  .about {
    flex-direction: column;
    gap: 30px;
  }
}

.about__t {
  color: #fff;
  font-family: Pretendard;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 36.4px */
  letter-spacing: -0.52px;
}
@media screen and (max-width: 1024px) {
  .about__t {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
}

.about__1 {
  width: 43.94%;
}
@media screen and (max-width: 1024px) {
  .about__1 {
    width: 100%;
  }
}

.about__p {
  color: var(--FFFFFF, #fff);
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  line-height: 150%;
  letter-spacing: -0.36px;
}
@media screen and (max-width: 1024px) {
  .about__p {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
}

.about__p--1 {
  font-weight: 500;
}

.about__p--2 {
  font-weight: 300;
}

/* #endregion about */
/* #region our */
.sec-our__t {
  color: #111;
}

.sec-our__d {
  color: #525252;
  margin-top: 25px;
}
@media screen and (max-width: 1024px) {
  .sec-our__d {
    margin-top: 15px;
  }
}

.sec-our__con-box {
  margin-top: 100px;
}
@media screen and (max-width: 1024px) {
  .sec-our__con-box {
    margin-top: 50px;
  }
}

.our__item.our__item--reverse {
  display: flex;
  justify-content: flex-end;
}
.our__item.our__item--reverse .our-card__gutter {
  left: auto;
  transform: none;
}
.our__item.our__item--reverse .our-card__2 {
  width: 518px;
}
@media screen and (max-width: 1024px) {
  .our__item.our__item--reverse .our-card__2 {
    width: 100%;
  }
}
.our__item + .our__item {
  margin-top: 120px;
}
@media screen and (max-width: 1024px) {
  .our__item.our__item--reverse {
    justify-content: flex-start;
  }
  .our__item + .our__item {
    margin-top: 60px;
  }
}
.our__item.our__item--3 .our-card {
  max-width: 1581px;
}
.our__item.our__item--3 .our-card__1 {
  width: 52.1%;
}
@media screen and (max-width: 1024px) {
  .our__item.our__item--3 .our-card__1 {
    width: 100%;
  }
}
.our__item.our__item--3 .our-card__2 {
  width: 594px;
}
@media screen and (max-width: 1024px) {
  .our__item.our__item--3 .our-card__2 {
    width: 100%;
  }
}
.our__item.our__item--3 .our-card__gutter {
  left: 28%;
}
@media screen and (max-width: 1024px) {
  .our__item.our__item--3 .our-card__gutter {
    left: 0;
  }
}
.our__item.our__item--3 .our-card__2-2 {
  width: 494px;
}
@media screen and (max-width: 1024px) {
  .our__item.our__item--3 .our-card__2-2 {
    width: 100%;
  }
}

.our-card {
  display: flex;
  max-width: 1428px;
  justify-content: space-between;
  gap: 40px;
}
.our-card.our-card--reverse {
  max-width: 1579px;
  flex-direction: row-reverse;
}
.our-card.our-card--reverse .our-card__1 {
  width: 52.2%;
}
@media screen and (max-width: 1024px) {
  .our-card.our-card--reverse .our-card__1 {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .our-card {
    flex-direction: column;
    width: calc(100% - 20px);
  }
  .our-card.our-card--reverse {
    flex-direction: column;
  }
}

.our-card__1 {
  width: 57.73%;
}
@media screen and (max-width: 1024px) {
  .our-card__1 {
    width: 100%;
  }
}

.our-card__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.our-card__tag {
  color: var(--FFFFFF, #fff);
  text-align: center;
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.24px;
  display: inline-flex;
  padding: 7px 14px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 30px;
  background: var(--Blue, #2f6ecb);
}
@media screen and (max-width: 1024px) {
  .our-card__tag {
    font-size: 10px;
    letter-spacing: -0.2px;
    display: inline-flex;
    padding: 5px 12px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    background: var(--Blue, #2f6ecb);
  }
}

.our-card__t {
  color: #111;
  font-family: Pretendard;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 48px */
  letter-spacing: -0.8px;
  margin-top: 12px;
}
@media screen and (max-width: 1024px) {
  .our-card__t {
    font-size: 28px;
    letter-spacing: -0.56px;
    margin-top: 7px;
  }
}

.our-card__2 {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 453px;
}
@media screen and (max-width: 1024px) {
  .our-card__2 {
    width: 100%;
  }
}

.our-card__2-1 {
  padding-bottom: 81px;
}
@media screen and (max-width: 1024px) {
  .our-card__2-1 {
    padding-left: 20px;
    padding-bottom: 50px;
  }
}

.our-card__2-2 {
  padding-top: 40px;
}
@media screen and (max-width: 1024px) {
  .our-card__2-2 {
    padding-left: 20px;
    padding-top: 30px;
  }
}

.our-card__d-t {
  color: #111;
  font-family: Pretendard;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 36.4px */
  letter-spacing: -0.52px;
}
@media screen and (max-width: 1024px) {
  .our-card__d-t {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
}

.our-card__d-d {
  color: #575757;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 25.2px */
  letter-spacing: -0.36px;
  margin-top: 15px;
}
@media screen and (max-width: 1024px) {
  .our-card__d-d {
    font-size: 15px;
    letter-spacing: -0.3px;
    margin-top: 10px;
  }
}

.our-card__gutter {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 874px;
  height: 1px;
  background-color: #aaa;
}
@media screen and (max-width: 1024px) {
  .our-card__gutter {
    position: static;
    width: 100%;
    transform: none;
  }
}

/* #endregion our */
/* #region flow */
.sec-flow {
  background: #eff6fe;
}
@media screen and (max-width: 1024px) {
  .sec-flow {
    background: transparent;
  }
}

.sec-flow__t {
  color: #111;
}

.sec-flow__d {
  color: #525252;
  margin-top: 25px;
}
@media screen and (max-width: 1024px) {
  .sec-flow__d {
    margin-top: 15px;
  }
}

.sec-flow__con-box {
  margin-top: 70px;
}
@media screen and (max-width: 1024px) {
  .sec-flow__con-box {
    margin-top: 50px;
  }
}

.flow {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  border-radius: 20px;
  background-color: #fff;
  filter: drop-shadow(0 30px 30px rgba(136, 136, 136, 0.1));
  max-width: 1420px;
  width: 100%;
  padding: 100px 0;
  gap: 60px;
}
@media screen and (max-width: 1024px) {
  .flow {
    background-color: transparent;
    filter: none;
    padding: 0;
    gap: 30px;
  }
}

.flow-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 641px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .flow-tag-list {
    gap: 5px;
  }
}

.flow__top {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
}
@media screen and (max-width: 1024px) {
  .flow__top {
    flex-wrap: wrap;
    row-gap: 24px;
    -moz-column-gap: 0;
         column-gap: 0;
    max-width: 600px;
    margin: 0 auto;
  }
}

.flow-list-1 {
  color: #575757;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 25.2px */
  letter-spacing: -0.36px;
}
@media screen and (max-width: 1024px) {
  .flow-list-1 {
    font-size: 13px;
    letter-spacing: -0.26px;
  }
}

/* #endregion flow */
/* #region flow-visual */
@media screen and (max-width: 1024px) {
  .flow__top-1 {
    display: flex;
    justify-content: end;
    width: calc(50% - 10px);
    order: 1;
    margin-right: 10px;
  }
}

.flow__top-2 {
  width: 100%;
  max-width: 714px;
  aspect-ratio: 714/281;
}
@media screen and (max-width: 1024px) {
  .flow__top-2 {
    width: 100%;
    aspect-ratio: auto;
    order: 0;
  }
}

@media screen and (max-width: 1024px) {
  .flow__top-3 {
    width: calc(50% - 10px);
    order: 2;
    margin: 0 auto;
    margin-left: 10px;
  }
}

.flow-visual__img-wrap {
  width: 100%;
  height: 100%;
}

.flow-visual__img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.flow-visual {
  display: flex;
  justify-content: space-between;
  max-width: 100%;
  border-radius: 149px;
  border: 1px solid #2f6ecb;
  padding: 30px;
  background-color: #ecf7ff;
}
@media screen and (max-width: 1024px) {
  .flow-visual {
    padding: 13px 17px;
    border-radius: 68.611px;
  }
}

.flow-visual__mid {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.flow-visual-circle {
  width: 220px;
  height: 220px;
  flex-shrink: 0;
}

.flow-visual-circle-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  background: var(--Blue, #2f6ecb);
  flex-shrink: 0;
}

.flow-visual__t-t {
  color: var(--FFFFFF, #fff);
  text-align: center;
  font-family: Pretendard;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 180%; /* 50.4px */
  letter-spacing: -0.56px;
}
@media screen and (max-width: 1024px) {
  .flow-visual__t-t {
    font-size: 15px;
    line-height: 150%; /* 22.5px */
    letter-spacing: -0.3px;
  }
}

.flow-visual__t-p {
  color: var(--FFFFFF, #fff);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 180%;
  letter-spacing: -0.28px;
}
@media screen and (max-width: 1024px) {
  .flow-visual__t-p {
    font-size: 10px;
    line-height: 150%;
    letter-spacing: -0.2px;
  }
}

/* #endregion flow-visual */
/* #region whyd */
.sec-whyd {
  background: center/cover url("/build/images/about/whyd_bg.jpg") no-repeat;
}

.sec-whyd__d {
  margin-top: 25px;
}

.sec-whyd__con-box {
  max-width: 1420px;
  margin: 186px auto 0;
}
@media screen and (max-width: 1024px) {
  .sec-whyd__con-box {
    margin: 70px auto 0;
  }
}

.whyd {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
}

.whyd__list {
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 1024px) {
  .whyd__list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
    max-width: 500px;
  }
}

.whyd__item {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 15px;
  background-color: #fff;
  padding: 57px 20px;
}
@media screen and (max-width: 1024px) {
  .whyd__item {
    flex-direction: row;
    padding: 20px;
  }
}

.whyd-card__img-wrap {
  width: 100px;
  height: 100px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .whyd-card__img-wrap {
    width: 70px;
    height: 70px;
    margin: 0;
  }
}

.whyd-card__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.whyd-card__d-box {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.whyd-card__d-t {
  color: var(--111111, #111);
  text-align: center;
  font-family: Pretendard;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; /* 28.6px */
  letter-spacing: -0.44px;
}
@media screen and (max-width: 1024px) {
  .whyd-card__d-t {
    font-size: 18px;
    letter-spacing: -0.36px;
    text-align: left;
  }
}

.whyd-card__d-d {
  color: var(--111111, #111);
  text-align: center;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  letter-spacing: -0.32px;
  word-break: keep-all;
}
@media screen and (max-width: 1024px) {
  .whyd-card__d-d {
    font-size: 15px;
    letter-spacing: -0.3px;
    text-align: left;
  }
}

/* #endregion whyd */
/* #region partners2 */
.sec-partners2 {
  background-color: #f6f6f6;
}

.sec-partners2__con-box {
  max-width: 1422px;
  margin: 70px auto 0;
}
@media screen and (max-width: 1024px) {
  .sec-partners2__con-box {
    margin: 30px auto 0;
  }
}

.partners2__list {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 10px;
}
@media screen and (max-width: 1024px) {
  .partners2__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 6.07px;
  }
}

/* #endregion partners2 */
/* #region location */
.sec-location__tit-box {
  margin: 0 auto;
}

.sec-location__t {
  text-align: left;
}

.sec-location__locataion {
  margin: 70px auto 0;
}
@media screen and (max-width: 1024px) {
  .sec-location__locataion {
    margin: 30px auto 0;
  }
}

.location__list {
  display: flex;
  justify-content: space-between;
  gap: 3.52%;
}
@media screen and (max-width: 1024px) {
  .location__list {
    flex-direction: column;
    justify-content: start;
    gap: 30px;
  }
}

.location__item {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.location__map-wrap {
  width: 100%;
  aspect-ratio: 685/380;
}
@media screen and (max-width: 1024px) {
  .location__map-wrap {
    aspect-ratio: 320/200;
  }
}

.location-map {
  width: 100%;
  height: 100%;
}

.location__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.location__d-box {
  margin-top: 30px;
}
@media screen and (max-width: 1024px) {
  .location__d-box {
    margin-top: 15px;
  }
}

.location__d-t {
  color: #111;
  font-family: Pretendard;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 31.2px */
  letter-spacing: -0.52px;
}
@media screen and (max-width: 1024px) {
  .location__d-t {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
}

.location__d-d {
  color: #525252;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 25.2px */
  letter-spacing: -0.36px;
  margin-top: 15px;
}
@media screen and (max-width: 1024px) {
  .location__d-d {
    font-size: 15px;
    letter-spacing: -0.3px;
    margin-top: 10px;
  }
}

/* #endregion location *//*# sourceMappingURL=about.css.map */