@charset "UTF-8";
.sub_tt01 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #3080b0;
}

.sub_arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  filter: none;
}

.con02.scon02 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-bottom: 6.2vw;
}

.scon02 .con02_head {
  padding-top: 7.5vw;
  padding-bottom: 6.8vw;
  background-image: url(/images/scon02_01.png);
  background-size: 100%;
  background-position: top center;
}

.scon02 .head_desc {
  color: #4a4a4a;
}

.scon02 .con02_body {
  margin-top: 2vw;
}

.scon02 .con02_left {
  /* heightSource: PSD 자연 사이즈 (959×830 → 43.3vw on 1915 canvas) */
  width: 50.1%;
  height: 43.3vw;
  background-color: #f4faff;
  background-image: url(/images/scon02_02.png);
  background-size: cover;
  background-position: center;
}

.scon02 .con02_right {
  width: 42.5%;
  padding-top: 9.7vw;
}

.scon02 .right_eyebrow {
  color: #337dac;
}

.scon02 .right_desc {
  color: #05130b;
}

.scon02 .right_desc + .right_desc {
  margin-top: 1.2vw;
}

.scon02_rajuniss_img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 842);
  aspect-ratio: 842/262;
  left: 0;
  bottom: -0.5vw;
}

.gcon03.scon03 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 0vw;
}

.scon03 .gcon03_left {
  background-color: #ffffff;
  background-image: url(/images/scon03_01.png);
  padding-top: 11.3vw;
}

.scon03 .gcon03_right {
  background-color: #05130b;
  background-image: url(/images/scon03_03.png);
  padding-top: 11.3vw;
}

.scon03 .gcon03_left .gcon03_title {
  color: #337dac;
}

.scon03 .gcon03_right .gcon03_title {
  color: #fff;
}

.scon03 .gcon03_left .gcon03_desc {
  color: #69aad3;
}

.scon03 .gcon03_right .gcon03_desc {
  color: #fff;
}

.hcon05.scon04 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #f4faff;
  background-image: url(/images/scon04_01.png);
  background-size: cover;
  background-position: center;
  padding-top: 7.5vw;
  padding-bottom: 12vw;
}

.scon04_03 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 64);
  aspect-ratio: 64/19;
}

.scon04_title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.5vw;
  font-size: calc(var(--px) * 40);
  font-weight: 500;
  letter-spacing: -0.025em;
  color: #05130b;
  text-align: center;
  font-family: "Pretendard Variable", sans-serif;
}
.scon04_title b {
  font-weight: 800;
}

.scon04_top_tt {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1vw;
  font-size: calc(var(--px) * 18);
  font-weight: 500;
  line-height: 1.61;
  letter-spacing: -0.025em;
  color: #337dac;
  text-align: center;
  font-family: "Pretendard Variable", sans-serif;
}
.scon04_top_tt b {
  font-weight: 700;
}

.scon04_02 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 87.4%;
  aspect-ratio: 1674/193;
  top: 14.7vw;
}

.scon04_grid {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  gap: 6.6vw;
  margin-top: 4vw;
}

.scon04_eff {
  display: flex;
  justify-content: center;
  align-items: center;
}

.scon04_e1 {
  width: calc(var(--px) * 81);
  aspect-ratio: 81/122;
}

.scon04_e2 {
  width: calc(var(--px) * 76);
  aspect-ratio: 76/121;
}

.scon04_e3 {
  width: calc(var(--px) * 95);
  aspect-ratio: 95/121;
}

.scon04_e4 {
  width: calc(var(--px) * 94);
  aspect-ratio: 94/124;
}

.scon04_e5 {
  width: calc(var(--px) * 80);
  aspect-ratio: 80/122;
}

.scon04_e6 {
  width: calc(var(--px) * 81);
  aspect-ratio: 81/124;
}

.scon05 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #0c131f;
  background-image: url(/images/scon05_01.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 6vw;
  padding-bottom: 6vw;
}

.scon05_text {
  font-size: calc(var(--px) * 20);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.025em;
  color: #fff;
  text-align: center;
  font-family: "Pretendard Variable", sans-serif;
}
.scon05_text b {
  color: #69aad3;
  font-weight: 700;
}

.lconCommon.scon06 {
  background-color: #234f9d;
}

.lconCommon.scon07 {
  background-color: #1e4284;
}

.scon06 .lconCommon_row_top_tt01 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 114);
  aspect-ratio: 114/18;
}
.scon06 .lconCommon_row_top_tt01 > img {
  width: 100%;
}

.scon07 .lconCommon_row_top_tt01 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 104);
  aspect-ratio: 104/23;
}
.scon07 .lconCommon_row_top_tt01 > img {
  width: 100%;
}

.scon06 .lconCommon_row_top_tt03 {
  color: #eff7e7;
  margin-top: 0.9vw;
}

.scon07 .lconCommon_row_top_tt03 {
  color: #eff7e7;
  margin-top: 0.9vw;
}

.scon06 .lconCommon_row_bot {
  align-items: flex-end; /* sub10 원본 유지 (우측 정렬) */
  text-align: end;
  margin-top: 17.5vw; /* PSD title bottom(4786) → desc top(5178) = 392px / 1915 */
}

.scon07 .lconCommon_row_bot {
  align-items: flex-end;
  text-align: end;
  margin-top: 17.5vw; /* PSD title bottom(5868) → desc top(6260) = 392px / 1915 */
}

.scon06 .lconCommon_row_bot_tt01 {
  color: #ffffff;
}

.scon07 .lconCommon_row_bot_tt01 {
  color: #ffffff;
}

.scon06 .lconCommon_row_bot_tt01 + .lconCommon_row_bot_tt01 {
  margin-top: 1.5vw;
}

.scon07 .lconCommon_row_bot_tt01 + .lconCommon_row_bot_tt01 {
  margin-top: 1.5vw;
}

.scon06 .lconCommon_row02 {
  background-image: url(/images/scon06_02.png);
  background-size: cover;
  background-position: center;
}

.scon07 .lconCommon_row02 {
  background-image: url(/images/scon07_02.png);
  background-size: cover;
  background-position: center;
}

.gcon05.scon08 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.scon08 .gcon05_num {
  color: #337dac;
}

.gcon07.scon09 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: #f4faff;
  padding-top: 5.7vw;
  padding-bottom: 6vw;
}

.scon09 .gcon07_eyebrow {
  color: #337dac;
}

.scon09 .gcon07_num {
  color: #337dac;
}

@media (max-width: 599px) {
  br.mobile-pc {
    display: block;
  }
  /* ----- scon02 ----- */
  .con02.scon02 {
    padding-bottom: 14vw;
  }
  .scon02 .con02_head {
    padding-top: 16vw;
    padding-bottom: 14vw;
  }
  .scon02 .head_title {
    font-size: 5.5vw;
    line-height: 1.4;
  }
  .scon02 .head_desc {
    margin-top: 4vw;
    font-size: 3.3vw;
    line-height: 1.65;
    padding: 0 0%;
    box-sizing: border-box;
  }
  .scon02 .con02_body {
    flex-direction: column;
    align-items: center;
    margin-top: 0;
  }
  .scon02 .con02_left {
    /* heightSource: PSD 자연 사이즈 (959×830 → 86.6vw on mobile) */
    width: 100%;
    height: 86.6vw;
  }
  .scon02 .con02_right {
    width: 100%;
    align-items: center;
    text-align: center;
    padding: 12vw 6% 0;
    box-sizing: border-box;
  }
  .scon02 .right_eyebrow {
    font-size: 3.5vw;
    line-height: 1.5;
    text-align: center;
  }
  .scon02 .right_title {
    margin-top: 3vw;
    font-size: 6.5vw;
    line-height: 1.3;
  }
  .scon02 .right_desc {
    margin-top: 4vw;
    font-size: 3.3vw;
    line-height: 1.65;
    text-align: center;
  }
  .scon02 .right_desc + .right_desc {
    margin-top: 3vw;
  }
  .scon02_rajuniss_img {
    position: static;
    width: 90vw;
    margin-top: 6vw;
    bottom: auto;
    left: auto;
  }
  /* ----- scon03 — 2-col → 세로 스택 ----- */
  .gcon03.scon03 {
    padding-top: 0;
  }
  .scon03 .gcon03_left {
    padding-top: 15vw;
  }
  .scon03 .gcon03_left::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.45);
    top: 0;
  }
  .scon03 .gcon03_left .gcon03_num {
    filter: brightness(0) invert(1);
  }
  .scon03 .gcon03_left .gcon03_title {
    color: #fff;
  }
  .scon03 .gcon03_left .gcon03_desc {
    color: #fff;
  }
  .scon03 .gcon03_right {
    padding-top: 15vw;
  }
  .scon03 .gcon03_right::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
  }
  .scon03 .gcon03_num {
    position: relative;
    z-index: 1;
  }
  .scon03 .gcon03_title {
    position: relative;
    z-index: 1;
  }
  .scon03 .gcon03_desc {
    position: relative;
    z-index: 1;
  }
  /* ----- scon04 — 6효과 그리드 모바일 ----- */
  .hcon05.scon04 {
    padding-top: 14vw;
    padding-bottom: 14vw;
  }
  .scon04_03 {
    width: 18vw;
    aspect-ratio: 64/19;
  }
  .scon04_title {
    font-size: 5.5vw;
    line-height: 1.3;
    margin-top: 3vw;
  }
  .scon04_top_tt {
    font-size: 3.3vw;
    line-height: 1.6;
    margin-top: 3vw;
    padding: 0 6%;
    box-sizing: border-box;
  }
  .scon04_02 {
    display: none;
  }
  .scon04_grid {
    flex-wrap: wrap;
    gap: 4vw 6vw;
    margin-top: 8vw;
    padding: 0 6%;
    box-sizing: border-box;
  }
  .scon04_e1 {
    width: 18vw;
  }
  .scon04_e2 {
    width: 17vw;
  }
  .scon04_e3 {
    width: 21vw;
  }
  .scon04_e4 {
    width: 21vw;
  }
  .scon04_e5 {
    width: 18vw;
  }
  .scon04_e6 {
    width: 18vw;
  }
  /* ----- scon05 풀폭 다크 배너 ----- */
  .scon05 {
    padding-top: 14vw;
    padding-bottom: 14vw;
  }
  .scon05_text {
    font-size: 3.3vw;
    line-height: 1.65;
    padding: 0 6%;
    box-sizing: border-box;
  }
  /* ----- scon06/07 — lconCommon 세로 스택 ----- */
  .scon06 .lconCommon_main {
    flex-direction: column;
  }
  .scon07 .lconCommon_main {
    flex-direction: column;
  }
  .scon06 .lconCommon_row {
    width: 100%;
  }
  .scon07 .lconCommon_row {
    width: 100%;
  }
  .scon06 .lconCommon_row01 {
    padding: 0vw 6% 0vw;
    box-sizing: border-box;
  }
  .scon07 .lconCommon_row01 {
    padding: 0vw 6% 0vw;
    box-sizing: border-box;
  }
  .scon06 .lconCommon_row_top_tt01 {
    width: 27vw;
  }
  .scon07 .lconCommon_row_top_tt01 {
    width: 25vw;
  }
  .scon06 .lconCommon_row_top_tt03 {
    font-size: 6.5vw;
    line-height: 1.3;
    margin-top: 3vw;
  }
  .scon07 .lconCommon_row_top_tt03 {
    font-size: 6.5vw;
    line-height: 1.3;
    margin-top: 3vw;
  }
  .scon06 .lconCommon_row_bot_tt01 {
    font-size: 3.3vw;
    line-height: 1.65;
  }
  .scon07 .lconCommon_row_bot_tt01 {
    font-size: 3.3vw;
    line-height: 1.65;
  }
  .scon06 .lconCommon_row_bot_tt01 + .lconCommon_row_bot_tt01 {
    margin-top: 3vw;
  }
  .scon07 .lconCommon_row_bot_tt01 + .lconCommon_row_bot_tt01 {
    margin-top: 3vw;
  }
  .scon06 .lconCommon_row02 {
    /* heightSource: 모바일 우측 이미지 영역 (PSD 자연 855px → 86vw) */
    height: 86vw;
  }
  .scon07 .lconCommon_row02 {
    /* heightSource: 모바일 우측 이미지 영역 (PSD 자연 855px → 86vw) */
    height: 86vw;
  }
  .scon06 .lconCommon_row_bot,
  .scon07 .lconCommon_row_bot {
    align-items: center;
    text-align: center;
    margin-top: 0;
  }
  /* ----- scon08 — 추천대상 순서 재배치 ----- */
  .scon08 .gcon05_row {
    display: contents;
  }
  .scon08 .gcon05_row_2 {
    display: contents;
  }
  .scon08 .gcon05_item:has(.gcon05_num_01) {
    order: 1;
  }
  .scon08 .gcon05_item:has(.gcon05_num_02) {
    order: 2;
  }
  .scon08 .gcon05_item:has(.gcon05_num_03) {
    order: 3;
  }
  .scon08 .gcon05_item:has(.gcon05_num_04) {
    order: 4;
  }
  .scon08 .gcon05_item:has(.gcon05_num_05) {
    order: 5;
  }
  .scon08 .gcon05_item:has(.gcon05_num_06) {
    order: 6;
  }
}