@charset "UTF-8";
/* Reset */
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
html {
  font-size: 62.5%;
}

body {
  font-size: 1rem;
}

@media (max-width: 1400px) {
  html {
    font-size: 0.7143vw;
  }
}
@media (max-width: 767px) {
  html {
    font-size: 2.6076vw;
  }
}
@media (max-device-width: 767px) and (min-device-aspect-ratio: 1/1.25) {
  html {
    font-size: 1.3038vw;
  }
}
@font-face { /* 하는체 bold */
  font-family: "Do_bold";
  src: url(../plugins/fonts/woff2/Do_OTF_Bold.woff2);
}
@font-face { /* 하는체 regular */
  font-family: "Do_regular";
  src: url(../plugins/fonts/woff2/Do_OTF_Regular.woff2);
}
@font-face { /* 하는체 bold */
  font-family: "Do_light";
  src: url(../plugins/fonts/woff2/Do_OTF_Light.woff2);
}
@font-face { /* 아는체 bold */
  font-family: "Know_bold";
  src: url(../plugins/fonts/woff2/Know_Bold.woff2);
}
@font-face { /* 아는체 regular */
  font-family: "Know_regular";
  src: url(../plugins/fonts/woff2/Know_Regular.woff2);
}
/* Skip To Content */
.skip {
  display: block;
  height: 0.1px solid;
  width: 0.1px solid;
  margin: 0 -0.1px solid -0.1px solid 0;
  padding: 0;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}

.skip:hover, .skip:active, .skip:focus {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0.5px 0;
  text-indent: 1px solid;
  font-weight: bold;
  font-size: 1.2px;
  color: #333;
  line-height: 1;
  text-decoration: none !important;
  position: relative;
  text-align: center;
}

.fwb {
  font-weight: bold !important;
}

.fwn {
  font-weight: normal !important;
}

.web {
  display: block !important;
}
@media (min-width: 0) and (max-width: 767px) {
  .web {
    display: none !important;
  }
}

.mobile {
  display: none !important;
}
@media (min-width: 0) and (max-width: 767px) {
  .mobile {
    display: block !important;
  }
}

.web_colgroup {
  display: none;
}
@media (min-width: 1025px) {
  .web_colgroup {
    display: table-column-group !important;
  }
}

.mobile_colgroup {
  display: table-column-group !important;
}
@media (min-width: 0) and (max-width: 767px) {
  .mobile_colgroup {
    display: none !important;
  }
}

.ml_auto {
  margin-left: auto;
}

.ls-1n5 {
  letter-spacing: -0.15rem !important;
}

.rem_container {
  width: 100%;
}

.brand_cdto {
  font-family: "Do_regular";
}
.brand_cdto section {
  padding: 15rem;
}
.brand_cdto section .sec_in {
  max-width: 120rem;
  margin: 0 auto;
}
.brand_cdto section.brand_sec1 {
  padding: 15rem 8rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto section.brand_sec1 {
    padding: 6rem 2rem;
  }
}
.brand_cdto .brand_sec1 {
  background-color: rgba(169, 195, 230, 0.22);
}
.brand_cdto .brand_sec1 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6rem;
  max-width: 90rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec1 .sec_in {
    gap: 3rem;
    max-width: 32rem;
  }
}
.brand_cdto .brand_sec1 .sec1_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3rem;
  width: 100%;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec1 .sec1_title {
    gap: 1.2rem;
  }
}
.brand_cdto .brand_sec1 .sec1_tit {
  font-size: 4.4rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.088rem;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec1 .sec1_tit {
    font-size: 2.4rem;
    letter-spacing: -0.048rem;
  }
}
.brand_cdto .brand_sec1 .sec1_desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec1 .sec1_desc {
    gap: 0;
  }
}
.brand_cdto .brand_sec1 .desc_line {
  font-size: 2.4rem;
  color: #111921;
  letter-spacing: -0.048rem;
  line-height: 1.6;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec1 .desc_line {
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
  }
}
.brand_cdto .brand_sec1 .desc_line strong {
  font-weight: bold;
}
.brand_cdto .brand_sec1 .desc_line .point_pink {
  font-style: normal;
  font-weight: bold;
  color: #e62f87;
}
.brand_cdto .brand_sec1 .desc_line .underline {
  text-decoration: underline;
  text-underline-offset: 0.1rem;
  text-underline-position: under;
}
.brand_cdto .brand_sec1 .badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 7.8rem;
  height: 3.3rem;
  padding: 0 0.2rem;
  font-size: 2.4rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.048rem;
  line-height: 1.6;
  vertical-align: middle;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec1 .badge {
    min-width: 4.6rem;
    height: 2rem;
    padding: 0 0.2rem;
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
  }
}
.brand_cdto .brand_sec1 .badge_pink {
  background-color: #e62f87;
}
.brand_cdto .brand_sec1 .badge_blue {
  background-color: #93b9eb;
}
.brand_cdto .brand_sec1 .sec1_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3rem;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec1 .sec1_info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1.5rem;
  }
}
.brand_cdto .brand_sec1 .info_card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  width: 32rem;
  padding: 2rem 2rem 3rem;
  border-radius: 2rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec1 .info_card {
    width: auto;
    max-width: none;
    padding: 1.5rem 2.5rem;
    border-radius: 1rem;
    gap: 0.3rem;
  }
}
.brand_cdto .brand_sec1 .info_card .card_tit {
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: -0.048rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec1 .info_card .card_tit {
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
  }
}
.brand_cdto .brand_sec1 .info_card .card_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 25rem;
  height: 5rem;
  background-color: #fff;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec1 .info_card .card_txt {
    width: 13rem;
    height: 2.8rem;
    padding: 0.5rem 3rem;
  }
}
.brand_cdto .brand_sec1 .info_card .card_txt span {
  font-size: 2rem;
  color: #666;
  letter-spacing: -0.04rem;
  line-height: 1.4;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec1 .info_card .card_txt span {
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
  }
}
.brand_cdto .brand_sec1 .info_card_dark {
  background-color: #273547;
}
.brand_cdto .brand_sec1 .info_card_dark .card_tit {
  color: #fff;
}
.brand_cdto .brand_sec1 .info_card_blue {
  background-color: #a9c3e6;
}
.brand_cdto .brand_sec1 .info_card_blue .card_tit {
  color: #273547;
}
.brand_cdto .brand_sec2 {
  background-color: #fff;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec2 {
    padding: 6rem 2.8rem 4rem;
  }
}
.brand_cdto .brand_sec2 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5rem;
  max-width: 90rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec2 .sec_in {
    gap: 3rem;
    max-width: 32rem;
  }
}
.brand_cdto .brand_sec2 .sec2_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.7rem;
  margin: 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec2 .sec2_tit {
    gap: 0.4rem;
  }
}
.brand_cdto .brand_sec2 .tit_badge {
  position: relative;
  z-index: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.75rem;
  font-family: "Do_light";
  font-size: 3.6rem;
  color: #fff;
  letter-spacing: -0.072rem;
  line-height: 1.5;
  white-space: nowrap;
}
.brand_cdto .brand_sec2 .tit_badge::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0.5rem;
  z-index: -1;
  height: 4.4rem;
  background-color: #273547;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec2 .tit_badge {
    padding: 0 0.2rem;
    font-size: 2.2rem;
    letter-spacing: -0.044rem;
  }
  .brand_cdto .brand_sec2 .tit_badge::before {
    top: 0.4rem;
    height: 2.4rem;
  }
}
.brand_cdto .brand_sec2 .tit_txt {
  font-size: 4rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.08rem;
  line-height: 1.5;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec2 .tit_txt {
    font-size: 2.4rem;
    letter-spacing: -0.048rem;
  }
}
.brand_cdto .brand_sec2 .sec2_diagram {
  position: relative;
  width: 90rem;
  height: 42.1rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec2 .sec2_diagram {
    width: 30.4rem;
    height: 25.4rem;
  }
}
.brand_cdto .brand_sec2 .diagram_bg {
  position: absolute;
  inset: 0;
}
.brand_cdto .brand_sec2 .diagram_ellipse {
  position: absolute;
  left: 50%;
  top: 7.1rem;
  width: 34rem;
  height: 34rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec2 .diagram_ellipse {
    top: 5.3rem;
    width: 19.6rem;
    height: 19.6rem;
  }
}
.brand_cdto .brand_sec2 .diagram_triangle {
  position: absolute;
  left: 50%;
  top: 9rem;
  width: 32.3rem;
  height: 24.2rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec2 .diagram_triangle {
    top: 6rem;
    width: 18.2rem;
    height: 13.7rem;
  }
}
.brand_cdto .brand_sec2 .diagram_list {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.brand_cdto .brand_sec2 .diagram_item {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  width: 18rem;
  height: 18rem;
  border-radius: 50%;
  background-color: #273547;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec2 .diagram_item {
    gap: 0.5rem;
    width: 10.5rem;
    height: 10.5rem;
  }
}
.brand_cdto .brand_sec2 .diagram_item.diagram_item01 {
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.brand_cdto .brand_sec2 .diagram_item.diagram_item02 {
  left: 22.5rem;
  top: 24.1rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec2 .diagram_item.diagram_item02 {
    left: 0.788rem;
    top: 14.9rem;
  }
}
.brand_cdto .brand_sec2 .diagram_item.diagram_item03 {
  left: 50.4rem;
  top: 24.1rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec2 .diagram_item.diagram_item03 {
    left: 18.988rem;
    top: 14.9rem;
  }
}
.brand_cdto .brand_sec2 .item_num {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 1.75rem;
  background-color: #e62f87;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.032rem;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec2 .item_num {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 0.984rem;
    font-size: 1rem;
    letter-spacing: -0.02rem;
  }
}
.brand_cdto .brand_sec2 .item_txt {
  margin: 0;
  font-size: 2.6rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.052rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec2 .item_txt {
    font-size: 1.5rem;
    letter-spacing: -0.03rem;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto section.brand_sec3 {
    padding: 4rem 2rem;
  }
}
.brand_cdto .brand_sec3 {
  background-color: #f5f5f5;
}
.brand_cdto .brand_sec3 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  max-width: 90rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec3 .sec_in {
    gap: 1rem;
    max-width: 32rem;
  }
}
.brand_cdto .brand_sec3 .sec3_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  width: 100%;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec3 .sec3_head {
    gap: 1rem;
  }
}
.brand_cdto .brand_sec3 .sec3_badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.5rem 3rem;
  border-radius: 4.2rem;
  background-color: #e62f87;
  font-size: 3rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.06rem;
  line-height: 1.5;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec3 .sec3_badge {
    padding: 0.281rem 1.688rem;
    border-radius: 2.363rem;
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
  }
}
.brand_cdto .brand_sec3 .sec3_tit {
  margin: 0;
  font-size: 2.8rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.056rem;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec3 .sec3_tit {
    font-size: 1.5rem;
    letter-spacing: -0.03rem;
  }
}
.brand_cdto .brand_sec3 .sec3_desc {
  margin: 0;
  max-width: 78.4rem;
  font-size: 2.2rem;
  color: #666;
  letter-spacing: -0.044rem;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec3 .sec3_desc {
    max-width: none;
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
  }
}
.brand_cdto .brand_sec3 .sec3_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5rem;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec3 .sec3_body {
    gap: 2.5rem;
  }
}
.brand_cdto .brand_sec3 .sec3_quote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0;
  margin: 0;
  text-align: center;
  font-size: 2.4rem;
  letter-spacing: -0.048rem;
  line-height: 1.5;
  color: #000;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec3 .sec3_quote {
    font-size: 1.35rem;
    letter-spacing: -0.027rem;
  }
}
.brand_cdto .brand_sec3 .sec3_quote .quote_mark {
  font-weight: bold;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec3 .sec3_quote .quote_mark:first-child {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec3 .sec3_quote .quote_mark:last-child {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec3 .sec3_quote .quote_mark {
    font-size: 1.35rem;
    letter-spacing: -0.04rem;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec3 .sec3_quote .quote_txt {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.brand_cdto .brand_sec3 .sec3_quote .quote_txt strong {
  font-weight: bold;
}
.brand_cdto .brand_sec3 .sec3_quote .quote_point {
  font-weight: bold;
  color: #e62f87;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec3 .sec3_quote .quote_point {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.brand_cdto .brand_sec3 .sec3_chart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.brand_cdto .brand_sec3 .chart_label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  width: 22rem;
  height: 4rem;
  border-radius: 3.4rem;
  background-color: #e62f87;
  font-size: 2.4rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.048rem;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec3 .chart_label {
    width: auto;
    height: auto;
    padding: 0.2rem 2rem;
    border-radius: 1.913rem;
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
  }
}
.brand_cdto .brand_sec3 .chart_connector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.brand_cdto .brand_sec3 .line_v {
  display: block;
  width: 1px;
  height: 2.8rem;
  background-color: #111921;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec3 .line_v {
    height: 1.575rem;
  }
}
.brand_cdto .brand_sec3 .line_h {
  display: block;
  width: 45.4rem;
  height: 2.3rem;
  border-top: 1px solid #111921;
  border-left: 1px solid #111921;
  border-right: 1px solid #111921;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec3 .line_h {
    width: 17rem;
    height: 1.3rem;
  }
}
.brand_cdto .brand_sec3 .chart_flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec3 .chart_flow {
    gap: 0.6rem;
  }
}
.brand_cdto .brand_sec3 .flow_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.brand_cdto .brand_sec3 .flow_arrow {
  display: block;
  width: 5.4rem;
  height: 1.5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec3 .flow_arrow {
    width: 1rem;
    height: auto;
  }
}
.brand_cdto .brand_sec3 .flow_group_right {
  -webkit-transform: translateX(0.1rem);
          transform: translateX(0.1rem);
}
.brand_cdto .brand_sec3 .flow_circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.brand_cdto .brand_sec3 .flow_circle .circle_tit {
  margin: 0;
  font-weight: bold;
  line-height: 1.5;
}
.brand_cdto .brand_sec3 .flow_circle .circle_sub {
  margin: 0;
  line-height: 1.5;
}
.brand_cdto .brand_sec3 .flow_circle_dark {
  width: 18rem;
  height: 18rem;
  padding: 2.5rem 1.2rem 1rem;
  border-radius: 50%;
  background-color: #273547;
  color: #fff;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec3 .flow_circle_dark {
    width: 8rem;
    height: 8rem;
    padding: 0.6rem;
  }
}
.brand_cdto .brand_sec3 .flow_circle_dark .circle_tit {
  font-size: 2.2rem;
  letter-spacing: -0.044rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec3 .flow_circle_dark .circle_tit {
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
    line-height: 1.3;
  }
}
.brand_cdto .brand_sec3 .flow_circle_dark .circle_sub {
  margin-top: 0.3rem;
  font-size: 1.6rem;
  letter-spacing: -0.032rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec3 .flow_circle_dark .circle_sub {
    margin-top: 0.2rem;
    font-size: 1rem;
    letter-spacing: -0.02rem;
    line-height: 1.3;
  }
}
.brand_cdto .brand_sec3 .flow_circle_pink {
  width: 13rem;
  height: 13rem;
  padding: 0 1.2rem;
  border-radius: 50%;
  background-color: #e62f87;
  color: #fff;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec3 .flow_circle_pink {
    width: 6rem;
    height: 6rem;
    padding: 0 0.675rem;
  }
}
.brand_cdto .brand_sec3 .flow_circle_pink .circle_tit {
  font-size: 2.2rem;
  letter-spacing: -0.044rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec3 .flow_circle_pink .circle_tit {
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
    line-height: 1.3;
  }
}
.brand_cdto .brand_sec3 .flow_circle_blue {
  width: 18rem;
  height: 18rem;
  padding: 2.5rem 1.2rem 1rem;
  border-radius: 50%;
  background-color: #a9c3e6;
  color: #111921;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec3 .flow_circle_blue {
    width: 8rem;
    height: 8rem;
    padding: 1.406rem 0.675rem 0.563rem;
  }
}
.brand_cdto .brand_sec3 .flow_circle_blue .circle_tit {
  font-size: 2.2rem;
  letter-spacing: -0.044rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec3 .flow_circle_blue .circle_tit {
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
    line-height: 1.3;
  }
}
.brand_cdto .brand_sec3 .flow_circle_blue .circle_sub {
  margin-top: 0.3rem;
  font-size: 1.6rem;
  letter-spacing: -0.032rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec3 .flow_circle_blue .circle_sub {
    margin-top: 0.2rem;
    font-size: 1rem;
    letter-spacing: -0.02rem;
    line-height: 1.3;
  }
}
.brand_cdto .brand_sec3 .chart_branch {
  position: relative;
  display: block;
  width: 45.5rem;
  height: 3rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec3 .chart_branch {
    width: 17rem;
    height: 1.125rem;
  }
}
.brand_cdto .brand_sec3 .chart_branch::before, .brand_cdto .brand_sec3 .chart_branch::after {
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #111921;
}
.brand_cdto .brand_sec3 .chart_branch::before {
  left: 0;
}
.brand_cdto .brand_sec3 .chart_branch::after {
  right: 0;
}
.brand_cdto .brand_sec3 .chart_cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 4rem;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec3 .chart_cards {
    gap: 1rem;
  }
}
.brand_cdto .brand_sec3 .chart_card {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 43rem;
  padding: 3rem 2.5rem;
  border: 1px solid #cdd1d4;
  border-radius: 2rem;
  background-color: #fff;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec3 .chart_card {
    max-width: 15.5rem;
    padding: 1.8rem 1.4rem;
    border-radius: 1rem;
  }
}
.brand_cdto .brand_sec3 .card_item {
  position: relative;
  margin: 0;
  padding-left: 1.6rem;
  font-size: 1.8rem;
  color: #333;
  letter-spacing: -0.036rem;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec3 .card_item {
    padding-left: 0.9rem;
    font-size: 1.1rem;
    letter-spacing: -0.022rem;
  }
}
.brand_cdto .brand_sec3 .card_item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1rem;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: #e62f87;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec3 .card_item::before {
    top: 0.6rem;
    width: 0.337rem;
    height: 0.337rem;
  }
}
.brand_cdto .brand_sec3 .card_item + .card_item {
  margin-top: 1rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec3 .card_item + .card_item {
    margin-top: 0.7rem;
  }
}
.brand_cdto .brand_sec3 .sec_in {
  gap: 5rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec3 .sec_in {
    gap: 2.5rem;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto section.brand_sec4 {
    padding: 4.5rem 2rem;
  }
}
.brand_cdto .brand_sec4 {
  background-color: #fff;
}
.brand_cdto .brand_sec4 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  max-width: 90rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec4 .sec_in {
    gap: 1rem;
    max-width: 32rem;
  }
}
.brand_cdto .brand_sec4 .sec4_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  width: 100%;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec4 .sec4_head {
    gap: 1.125rem;
  }
}
.brand_cdto .brand_sec4 .sec4_badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.5rem 3rem;
  border-radius: 4.2rem;
  background-color: #e62f87;
  font-size: 3rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.06rem;
  line-height: 1.5;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec4 .sec4_badge {
    padding: 0.281rem 1.688rem;
    border-radius: 2.363rem;
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
  }
}
.brand_cdto .brand_sec4 .sec4_tit {
  margin: 0;
  font-size: 2.8rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.056rem;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec4 .sec4_tit {
    font-size: 1.5rem;
    letter-spacing: -0.03rem;
  }
}
.brand_cdto .brand_sec4 .sec4_desc {
  margin: 0;
  font-size: 2.2rem;
  color: #666;
  letter-spacing: -0.044rem;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec4 .sec4_desc {
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
  }
}
.brand_cdto .brand_sec4 .sec4_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5rem;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec4 .sec4_body {
    gap: 2.5rem;
  }
}
.brand_cdto .brand_sec4 .sec4_quote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  text-align: center;
  font-size: 2.4rem;
  letter-spacing: -0.048rem;
  line-height: 1.5;
  color: #000;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec4 .sec4_quote {
    font-size: 1.35rem;
    letter-spacing: -0.027rem;
  }
}
.brand_cdto .brand_sec4 .sec4_quote .quote_mark {
  font-weight: bold;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec4 .sec4_quote .quote_mark:first-child {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec4 .sec4_quote .quote_mark:last-child {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec4 .sec4_quote .quote_mark {
    font-size: 1.35rem;
    letter-spacing: -0.04rem;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec4 .sec4_quote .quote_txt {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.brand_cdto .brand_sec4 .sec4_quote .quote_txt strong {
  font-weight: bold;
}
.brand_cdto .brand_sec4 .sec4_quote .quote_point {
  font-weight: bold;
  color: #e62f87;
}
.brand_cdto .brand_sec4 .sec4_quote .quote_end {
  font-weight: bold;
  color: #111921;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec4 .sec4_quote .quote_end {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.brand_cdto .brand_sec4 .sec4_roadmap {
  width: 100%;
}
.brand_cdto .brand_sec4 .roadmap_web {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
}
.brand_cdto .brand_sec4 .timeline_top {
  position: relative;
  width: 100%;
  height: 3rem;
}
.brand_cdto .brand_sec4 .timeline_bar {
  position: absolute;
  top: 50%;
  height: 1rem;
  background-color: #d9d9d9;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.brand_cdto .brand_sec4 .timeline_bar01 {
  left: 0;
  width: 12.3rem;
}
.brand_cdto .brand_sec4 .timeline_bar02 {
  left: 15.7rem;
  width: 27.7rem;
}
.brand_cdto .brand_sec4 .timeline_bar03 {
  left: 46.5rem;
  width: 28rem;
}
.brand_cdto .brand_sec4 .timeline_arrow {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 12.5rem;
  height: 3rem;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: right center;
     object-position: right center;
}
.brand_cdto .brand_sec4 .timeline_dot {
  position: absolute;
  top: 50%;
  width: 2rem;
  height: 2rem;
  background-color: #e62f87;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}
.brand_cdto .brand_sec4 .timeline_dot01 {
  left: 14rem;
}
.brand_cdto .brand_sec4 .timeline_dot02 {
  left: 45rem;
}
.brand_cdto .brand_sec4 .timeline_dot03 {
  left: 76rem;
}
.brand_cdto .brand_sec4 .roadmap_cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding-top: 3rem;
}
.brand_cdto .brand_sec4 .roadmap_col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
  width: 28rem;
  position: relative;
}
.brand_cdto .brand_sec4 .roadmap_col::before {
  content: "";
  width: 0.1rem;
  height: 31.2rem;
  background-color: #000;
  position: absolute;
  left: 50%;
  top: -4rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 0;
}
.brand_cdto .brand_sec4 .step_badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.3rem 1rem;
  border-radius: 3.9rem;
  background-color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.032rem;
  line-height: 1.5;
}
.brand_cdto .brand_sec4 .step_tit {
  margin: 0;
  font-size: 2.2rem;
  font-weight: bold;
  letter-spacing: -0.044rem;
  line-height: 1.5;
}
.brand_cdto .brand_sec4 .step_sub {
  margin: 0;
  font-size: 1.8rem;
  letter-spacing: -0.036rem;
  line-height: 1.5;
  white-space: nowrap;
  margin-top: -1.2rem;
}
.brand_cdto .brand_sec4 .step_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
  padding: 2rem 0;
  border-radius: 2rem;
  text-align: center;
  position: relative;
  z-index: 1;
}
.brand_cdto .brand_sec4 .step_head_dark {
  background-color: #273547;
  color: #fff;
}
.brand_cdto .brand_sec4 .step_head_pink {
  background-color: #e62f87;
  color: #fff;
}
.brand_cdto .brand_sec4 .step_head_blue {
  background-color: #a9c3e6;
  color: #111921;
}
.brand_cdto .brand_sec4 .step_body {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  padding: 2.6rem 1.5rem 3rem;
  border-radius: 2rem;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.brand_cdto .brand_sec4 .step_body_dark {
  background-color: #273547;
  color: #fff;
}
.brand_cdto .brand_sec4 .step_body_pink {
  background-color: #e62f87;
  color: #fff;
}
.brand_cdto .brand_sec4 .step_body_blue {
  background-color: #a9c3e6;
  color: #111921;
}
.brand_cdto .brand_sec4 .step_body_tit {
  margin: 0;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: -0.08rem;
  line-height: 1.5;
}
.brand_cdto .brand_sec4 .step_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
  width: 23rem;
  padding: 1.5rem 1.2rem;
  background-color: #fff;
  text-align: left;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
}
.brand_cdto .brand_sec4 .step_item {
  position: relative;
  margin: 0;
  padding-left: 1.1rem;
  font-size: 1.4rem;
  color: #111921;
  letter-spacing: -0.08rem;
  line-height: 1.5;
}
.brand_cdto .brand_sec4 .step_item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.7rem;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50% 50%;
  background-color: #e62f87;
}
.brand_cdto .brand_sec4 .roadmap_mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 1.1rem;
  position: relative;
}
.brand_cdto .brand_sec4 .timeline_side {
  position: absolute;
  left: 0rem;
  top: 0;
  height: calc(100% + 0.7rem);
}
.brand_cdto .brand_sec4 .timeline_side .timeline_side_in {
  position: relative;
  width: 1.4rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  height: 100%;
}
.brand_cdto .brand_sec4 .timeline_bar_v {
  position: absolute;
  left: 50%;
  width: 0.5rem;
  background-color: #d9d9d9;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.brand_cdto .brand_sec4 .timeline_bar_v01 {
  top: 0;
  height: 7.1rem;
}
.brand_cdto .brand_sec4 .timeline_bar_v02 {
  top: 8.5rem;
  height: 15.7rem;
}
.brand_cdto .brand_sec4 .timeline_bar_v03 {
  top: 25.6rem;
  bottom: 9.6rem;
}
.brand_cdto .brand_sec4 .timeline_arrow_m {
  position: absolute;
  left: 50%;
  bottom: 0;
  display: block;
  width: 1.4rem;
  height: 8.2rem;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom center;
     object-position: bottom center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.brand_cdto .brand_sec4 .roadmap_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.125rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
  padding: 0;
  list-style: none;
  padding-left: 2.5rem;
}
.brand_cdto .brand_sec4 .roadmap_card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 0;
  padding: 1.5rem;
  border-radius: 1rem;
}
.brand_cdto .brand_sec4 .roadmap_card_dark {
  background-color: #273547;
  color: #fff;
}
.brand_cdto .brand_sec4 .roadmap_card_pink {
  background-color: #e62f87;
  color: #fff;
}
.brand_cdto .brand_sec4 .roadmap_card_blue {
  background-color: #a9c3e6;
  color: #111921;
}
.brand_cdto .brand_sec4 .timeline_dot_m {
  position: absolute;
  left: -1.8rem;
  top: 7.8rem;
  width: 0.8rem;
  height: 0.8rem;
  background-color: #e62f87;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}
.brand_cdto .brand_sec4 .card_step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.6rem;
  width: 8rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.brand_cdto .brand_sec4 .card_step .step_badge {
  -ms-flex-item-align: start;
      align-self: flex-start;
  padding: 0.112rem 0.563rem;
  border-radius: 2.194rem;
  font-size: 1rem;
  letter-spacing: -0.02rem;
}
.brand_cdto .brand_sec4 .card_step .step_tit {
  font-size: 1.3rem;
  letter-spacing: -0.026rem;
}
.brand_cdto .brand_sec4 .card_step .step_sub {
  font-size: 1rem;
  letter-spacing: -0.02rem;
  margin-top: 0;
}
.brand_cdto .brand_sec4 .card_divider {
  display: block;
  width: 1px;
  margin: 0 1rem;
  background-color: rgba(255, 255, 255, 0.3);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.roadmap_card_blue .brand_cdto .brand_sec4 .card_divider {
  background-color: rgba(17, 25, 33, 0.15);
}
.brand_cdto .brand_sec4 .card_detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.brand_cdto .brand_sec4 .card_detail .step_body_tit {
  font-size: 1.2rem;
  letter-spacing: -0.048rem;
  text-align: left;
}
.brand_cdto .brand_sec4 .card_detail .step_box {
  width: 16.5rem;
  padding: 0.8rem 1rem;
  gap: 0.8rem;
}
.brand_cdto .brand_sec4 .card_detail .step_item {
  padding-left: 0.725rem;
  font-size: 1rem;
  letter-spacing: -0.02rem;
  white-space: nowrap;
}
.brand_cdto .brand_sec4 .card_detail .step_item::before {
  top: 0.55rem;
  width: 0.225rem;
  height: 0.225rem;
  border-radius: 50% 50%;
}
.brand_cdto .brand_sec4 .sec_in {
  gap: 5rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec4 .sec_in {
    gap: 2.5rem;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto section.brand_sec5 {
    padding: 4.5rem 2rem 6rem;
  }
}
.brand_cdto .brand_sec5 {
  background-color: #f5f5f5;
}
.brand_cdto .brand_sec5 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  max-width: 90rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec5 .sec_in {
    gap: 1rem;
    max-width: 32rem;
  }
}
.brand_cdto .brand_sec5 .sec5_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  width: 100%;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec5 .sec5_head {
    gap: 1.125rem;
  }
}
.brand_cdto .brand_sec5 .sec5_badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.5rem 3rem;
  border-radius: 4.2rem;
  background-color: #e62f87;
  font-size: 3rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.06rem;
  line-height: 1.5;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec5 .sec5_badge {
    padding: 0.281rem 1.688rem;
    border-radius: 2.363rem;
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
  }
}
.brand_cdto .brand_sec5 .sec5_tit {
  margin: 0;
  font-size: 2.8rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.056rem;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec5 .sec5_tit {
    font-size: 1.5rem;
    letter-spacing: -0.03rem;
  }
}
.brand_cdto .brand_sec5 .sec5_desc {
  margin: 0;
  font-size: 2.2rem;
  color: #666;
  letter-spacing: -0.044rem;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec5 .sec5_desc {
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
  }
}
.brand_cdto .brand_sec5 .sec5_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3rem;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec5 .sec5_body {
    gap: 2.5rem;
  }
}
.brand_cdto .brand_sec5 .sec5_quote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  text-align: center;
  font-size: 2.4rem;
  letter-spacing: -0.048rem;
  line-height: 1.5;
  color: #000;
}
.brand_cdto .brand_sec5 .sec5_quote i {
  color: #000;
  font-style: normal;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec5 .sec5_quote {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.563rem;
    font-size: 1.35rem;
    letter-spacing: -0.027rem;
  }
}
.brand_cdto .brand_sec5 .sec5_quote .quote_mark {
  font-weight: bold;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec5 .sec5_quote .quote_mark:first-child {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec5 .sec5_quote .quote_mark:last-child {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec5 .sec5_quote .quote_mark {
    font-size: 1.35rem;
    letter-spacing: -0.04rem;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec5 .sec5_quote .quote_txt {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.brand_cdto .brand_sec5 .sec5_quote .quote_txt strong {
  font-weight: bold;
}
.brand_cdto .brand_sec5 .sec5_quote .quote_point {
  font-weight: bold;
  color: #e62f87;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec5 .sec5_quote .quote_point {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec5 .sec5_quote > .quote_mark:first-child,
  .brand_cdto .brand_sec5 .sec5_quote > .quote_txt,
  .brand_cdto .brand_sec5 .sec5_quote > .quote_mark:last-child {
    display: inline;
  }
  .brand_cdto .brand_sec5 .sec5_quote > .quote_mark:first-child {
    margin-right: 0.45rem;
  }
  .brand_cdto .brand_sec5 .sec5_quote > .quote_mark:last-child {
    margin-left: 0.45rem;
  }
}
.brand_cdto .brand_sec5 .sec5_cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec5 .sec5_cards {
    gap: 1.125rem;
  }
}
.brand_cdto .brand_sec5 .card_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  border-radius: 2rem;
  overflow: hidden;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec5 .card_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: 1rem;
  }
}
.brand_cdto .brand_sec5 .card_item.card_dark .card_head {
  background-color: #273547;
  color: #fff;
}
.brand_cdto .brand_sec5 .card_item.card_blue .card_head {
  background-color: #a9c3e6;
  color: #111921;
}
.brand_cdto .brand_sec5 .card_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30rem;
  padding: 2rem;
  text-align: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec5 .card_head {
    width: 100%;
    padding: 0.6rem 2rem;
  }
}
.brand_cdto .brand_sec5 .card_tit {
  margin: 0;
  font-size: 2.2rem;
  font-weight: bold;
  letter-spacing: -0.044rem;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec5 .card_tit {
    font-size: 1.3rem;
    letter-spacing: -0.026rem;
  }
}
.brand_cdto .brand_sec5 .card_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 2rem 4rem;
  background-color: #fff;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec5 .card_body {
    padding: 1.2rem 1.5rem;
    gap: 0.6rem;
  }
}
.brand_cdto .brand_sec5 .card_desc {
  position: relative;
  margin: 0;
  padding-left: 1.6rem;
  font-size: 1.8rem;
  color: #333;
  letter-spacing: -0.036rem;
  line-height: 1.5;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec5 .card_desc {
    padding-left: 0.9rem;
    font-size: 1rem;
    letter-spacing: -0.02rem;
  }
}
.brand_cdto .brand_sec5 .card_desc::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.1rem;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: #e62f87;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec5 .card_desc::before {
    top: 0.55rem;
    width: 0.337rem;
    height: 0.337rem;
  }
}
.brand_cdto .brand_sec5 .sec_in {
  gap: 5rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec5 .sec_in {
    gap: 2.5rem;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto section.brand_sec6 {
    padding: 6rem 2rem;
  }
}
.brand_cdto .brand_sec6 {
  background-color: #fff;
}
.brand_cdto .brand_sec6 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10rem;
  max-width: 119.4rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec6 .sec_in {
    max-width: 100%;
    gap: 5.3rem;
  }
}
.brand_cdto .brand_sec6 .sec6_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.brand_cdto .brand_sec6 .sec6_tit {
  margin: 0 0 3rem;
  font-size: 4rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.08rem;
  line-height: 1.5;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .brand_cdto .brand_sec6 .sec6_tit {
    margin-bottom: 2.5rem;
    font-size: 2.4rem;
    letter-spacing: -0.048rem;
  }
}
.brand_cdto .brand_sec6 .sec6_img {
  width: 100%;
}
.brand_cdto .brand_sec6 .sec6_img img {
  display: block;
  width: 100%;
  height: auto;
}

.bg_gray {
  background-color: #f5f5f5;
}

.enter_procedure.fullsec.cdto_08 {
  padding: 15rem 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .enter_procedure.fullsec.cdto_08 {
    padding: 4.5rem 2rem 6rem;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .enter_procedure .full-in {
    position: relative;
    padding: 0;
  }
}

.rem_container {
  width: 100%;
  padding-bottom: 0;
}

.land_rem_wrap .rem_link_btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.2rem;
  border-radius: 6rem;
  background-color: #111921;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.land_rem_wrap .rem_link_btn .btn_txt {
  font-family: "Do_regular";
  font-size: 2.8rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.056rem;
  line-height: 1.4;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_rem_wrap .rem_link_btn .btn_txt {
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
  }
}
.land_rem_wrap .rem_link_btn .btn_arr {
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 2.8rem;
  height: 2.8rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_rem_wrap .rem_link_btn .btn_arr {
    width: 2rem;
    height: 2rem;
  }
}
.land_rem_wrap .rem_link_btn .btn_arr img {
  display: block;
  width: 100%;
  height: 100%;
}
.land_rem_wrap .rem_link_btn.size_lg {
  width: 60.4rem;
  padding: 2.8rem 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_rem_wrap .rem_link_btn.size_lg {
    width: 32rem;
    height: 5.6rem;
    padding: 2rem 0;
  }
}
.land_rem_wrap .rem_link_btn.size_md {
  width: 56rem;
  padding: 1.9rem 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_rem_wrap .rem_link_btn.size_md {
    width: 32rem;
    height: 5.6rem;
    padding: 2rem 0;
  }
}
.land_rem_wrap .rem_link_btn.type_blue {
  background-color: #a9c3e6;
  height: 9.5rem;
  padding: 2.8rem 0;
  gap: 1rem;
}
.land_rem_wrap .rem_link_btn.type_blue .btn_txt {
  color: #111921;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_rem_wrap .rem_link_btn.type_blue {
    height: 5.6rem;
    padding: 2.5rem 0;
    gap: 0.4rem;
  }
}
.land_rem_wrap .rem_link_btn.type_green {
  background-color: #33715A;
}
.land_rem_wrap .rem_link_btn.type_red {
  background-color: #ea0029;
}
.land_rem_wrap .rem_link_btn.type_mint {
  background-color: #00BABB;
}
.land_rem_wrap .rem_link_btn.type_cd_black {
  background-color: #111921;
}
.land_rem_wrap .rem_link_btn.type_pink {
  background-color: #E62F87;
}
.land_rem_wrap .rem_link_btn .btn_hand {
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.land_rem_wrap .rem_link_btn .btn_hand img {
  display: block;
  width: 100%;
  height: 100%;
}
.land_rem_wrap .rem_link_btn .btn_hand.web {
  width: 7.5rem;
  height: 6.087rem;
}
.land_rem_wrap .rem_link_btn .btn_hand.mobile {
  width: 4.4rem;
  height: 3.571rem;
}
.land_rem_wrap .land_fixed_btm_button.cdtop_fall26 {
  background-color: #A9C3E6;
  height: 10rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_rem_wrap .land_fixed_btm_button.cdtop_fall26 {
    height: 6.2rem;
  }
}
.land_rem_wrap .land_fixed_btm_button.cdtop_fall26 .txt {
  color: #000;
  text-align: center;
  font-family: "Do_regular";
  font-size: 4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 5.6rem */
  letter-spacing: -0.08rem;
  padding-right: 5.2rem;
  background: url(../images/land_s/fall26/cdtop/btn_arr01.svg) no-repeat right center;
  background-size: 3.2rem auto;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_rem_wrap .land_fixed_btm_button.cdtop_fall26 .txt {
    font-size: 2rem;
    padding-right: 4rem;
    background: url(../images/land_s/fall26/cdtop/btn_arr01.svg) no-repeat right center;
    background-size: 2rem auto;
  }
}
.land_rem_wrap .land_fixed_btm_button.ap_fall26 {
  background-color: #8FC31F;
  height: 10rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_rem_wrap .land_fixed_btm_button.ap_fall26 {
    height: 6.2rem;
  }
}
.land_rem_wrap .land_fixed_btm_button.ap_fall26 .txt {
  color: #fff;
  text-align: center;
  font-family: "Do_regular";
  font-size: 4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 5.6rem */
  letter-spacing: -0.08rem;
  padding-right: 5.2rem;
  background: url(../images/land_s/fall26/cdtop/btn_arr02.svg) no-repeat right center;
  background-size: 3.2rem auto;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_rem_wrap .land_fixed_btm_button.ap_fall26 .txt {
    font-size: 2rem;
    padding-right: 4rem;
    background: url(../images/land_s/fall26/cdtop/btn_arr02.svg) no-repeat right center;
    background-size: 2rem auto;
  }
}
.land_rem_wrap .land_fixed_btm_button.list {
  background: none;
  width: 100%;
  height: auto;
}
.land_rem_wrap .land_fixed_btm_button.list ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.land_rem_wrap .land_fixed_btm_button.list ul li {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.land_rem_wrap .land_fixed_btm_button.list ul li a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 10rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_rem_wrap .land_fixed_btm_button.list ul li a {
    height: 6.2rem;
  }
}
.land_rem_wrap .land_fixed_btm_button.list .red a {
  background-color: #ea0029;
}
.land_rem_wrap .land_fixed_btm_button.list .red a .txt {
  color: #fff;
  text-align: center;
  font-family: "Do_regular";
  font-size: 4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 5.6rem */
  letter-spacing: -0.08rem;
  padding-right: 5.2rem;
  background: url(../images/land_s/fall26/cdtop/btn_arr02.svg) no-repeat right center;
  background-size: 3.2rem auto;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_rem_wrap .land_fixed_btm_button.list .red a .txt {
    font-size: 2rem;
    padding-right: 4rem;
    background: url(../images/land_s/fall26/cdtop/btn_arr02.svg) no-repeat right center;
    background-size: 2rem auto;
  }
}
.land_rem_wrap .land_fixed_btm_button.list .cd_blue a {
  background-color: #A9C3E6;
}
.land_rem_wrap .land_fixed_btm_button.list .cd_blue a .txt {
  color: #273547;
  text-align: center;
  font-family: "Do_regular";
  font-size: 4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 5.6rem */
  letter-spacing: -0.08rem;
  padding-right: 5.2rem;
  background: url(../images/land_s/fall26/cdtop/btn_arr01.svg) no-repeat right center;
  background-size: 3.2rem auto;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_rem_wrap .land_fixed_btm_button.list .cd_blue a .txt {
    font-size: 2rem;
    padding-right: 4rem;
    background: url(../images/land_s/fall26/cdtop/btn_arr01.svg) no-repeat right center;
    background-size: 2rem auto;
  }
}

.land_cdtop {
  font-family: "Do_regular";
}
.land_cdtop section {
  padding: 15rem;
}
.land_cdtop section .sec_in {
  max-width: 120rem;
  margin: 0 auto;
}
.land_cdtop .img_box img {
  width: 100%;
  height: 100%;
}
.land_cdtop .land_sec_visual {
  background-color: #273547;
  height: 75rem;
  padding: 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec_visual {
    height: 54rem;
  }
}
.land_cdtop .land_sec_visual .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec_visual .sec_in {
    padding: 0 2.7rem;
  }
}
.land_cdtop .land_sec_visual .sec_in .img_box {
  max-width: 125rem;
  margin: 0 auto;
}
.land_cdtop .land_sec1 {
  background-color: rgba(169, 195, 230, 0.22);
  padding: 15rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec1 {
    padding: 6rem 2rem;
  }
}
.land_cdtop .land_sec1 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8rem;
  max-width: 90rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec1 .sec_in {
    gap: 3rem;
    max-width: 32rem;
  }
}
.land_cdtop .land_sec1 .sec2_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  text-align: center;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec1 .sec2_head {
    gap: 0.8rem;
  }
}
.land_cdtop .land_sec1 .sec2_sub {
  margin: 0;
  font-size: 3.2rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.064rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec1 .sec2_sub {
    font-size: 1.5rem;
    letter-spacing: -0.03rem;
    line-height: 1.5;
  }
}
.land_cdtop .land_sec1 .sec2_tit {
  margin: 0;
  font-size: 4.5rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.09rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec1 .sec2_tit {
    font-size: 2.4rem;
    letter-spacing: -0.048rem;
    line-height: 1.5;
  }
}
.land_cdtop .land_sec1 .sec2_diagram {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec1 .sec2_diagram {
    gap: 0;
  }
}
.land_cdtop .land_sec1 .diagram_badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  width: 36rem;
  height: 5.5rem;
  padding: 1.2rem 4.6rem;
  border-radius: 3.2rem;
  background-color: #e62f87;
  font-size: 3rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.06rem;
  line-height: 1.35;
  text-align: center;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec1 .diagram_badge {
    width: 26rem;
    height: 4rem;
    padding: 1.5rem 2.5rem;
    border-radius: 3rem;
    font-size: 1.8rem;
    letter-spacing: -0.036rem;
    line-height: 1.4;
  }
}
.land_cdtop .land_sec1 .diagram_flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec1 .diagram_flow {
    width: 26rem;
  }
}
.land_cdtop .land_sec1 .diagram_connector {
  position: relative;
  width: 90rem;
}
.land_cdtop .land_sec1 .diagram_connector.web {
  height: 24rem;
}
.land_cdtop .land_sec1 .diagram_connector.web .line_v {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1px;
  height: 20rem;
  background-color: #111921;
}
.land_cdtop .land_sec1 .diagram_connector.web .axis_labels {
  position: absolute;
  left: 50%;
  top: 6.2rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.land_cdtop .land_sec1 .diagram_connector.web .line_h {
  position: absolute;
  left: 50%;
  top: 16rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 60.4rem;
  height: 4.05rem;
  border-top: 1px solid #111921;
  border-left: 1px solid #111921;
  border-right: 1px solid #111921;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.land_cdtop .land_sec1 .diagram_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec1 .diagram_body {
    position: relative;
    width: 100%;
    margin-top: 1.8rem;
  }
  .land_cdtop .land_sec1 .diagram_body::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -1.8rem;
    bottom: 0;
    width: 1px;
    background-color: #111921;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 0;
  }
  .land_cdtop .land_sec1 .diagram_body .axis_labels.mobile {
    position: relative;
    z-index: 1;
    margin-bottom: 1.8rem;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
.land_cdtop .land_sec1 .axis_labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.5rem;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec1 .axis_labels {
    gap: 1rem;
  }
}
.land_cdtop .land_sec1 .axis_labels .label_txt {
  font-size: 2.6rem;
  font-weight: bold;
  color: #273547;
  letter-spacing: -0.052rem;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec1 .axis_labels .label_txt {
    font-size: 1.541rem;
    letter-spacing: -0.031rem;
  }
}
.land_cdtop .land_sec1 .axis_labels .axis_dot {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 2.7rem;
  height: 2.7rem;
  margin-left: 0.2rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec1 .axis_labels .axis_dot {
    width: 1.6rem;
    height: 1.6rem;
  }
  .land_cdtop .land_sec1 .axis_labels .axis_dot img {
    width: 100%;
    height: 100%;
  }
}
.land_cdtop .land_sec1 .axis_labels .axis_dot img {
  display: block;
}
.land_cdtop .land_sec1 .axis_labels .axis_dot .dot_outer {
  width: 2.7rem;
  height: 2.7rem;
}
.land_cdtop .land_sec1 .axis_labels .axis_dot .dot_inner {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 1.8rem;
  height: 1.8rem;
}
.land_cdtop .land_sec1 .diagram_cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3rem;
  width: 100%;
  margin: -4rem 0 0;
  padding: 0;
  list-style: none;
  position: relative;
  z-index: 2;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec1 .diagram_cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2rem;
    width: 18rem;
    margin: 0;
    z-index: 1;
  }
}
.land_cdtop .land_sec1 .diagram_card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 28rem;
  height: 15rem;
  border-radius: 2rem;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec1 .diagram_card {
    width: 18rem;
    height: 8.1rem;
    border-radius: 1rem;
    padding: 0;
  }
}
.land_cdtop .land_sec1 .diagram_card .card_tit {
  margin: 0;
  font-size: 2.6rem;
  font-weight: bold;
  letter-spacing: -0.052rem;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec1 .diagram_card .card_tit {
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
    line-height: 1.4;
  }
}
.land_cdtop .land_sec1 .diagram_card .card_sub {
  margin: 0.7rem 0 0;
  font-size: 2.4rem;
  letter-spacing: -0.048rem;
  line-height: 1.3;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec1 .diagram_card .card_sub {
    margin: 0.5rem 0 0;
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
    line-height: 1.4;
  }
}
.land_cdtop .land_sec1 .diagram_card_dark {
  background-color: #273547;
  color: #fff;
}
.land_cdtop .land_sec1 .diagram_card_pink {
  background-color: #e62f87;
  color: #fff;
}
.land_cdtop .land_sec1 .diagram_card_blue {
  background-color: #a9c3e6;
  border: 1px solid #cdd1d4;
  color: #111921;
}
.land_cdtop .land_sec1 .sec2_desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  text-align: center;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec1 .sec2_desc {
    gap: 0;
  }
}
.land_cdtop .land_sec1 .desc_line {
  margin: 0;
  font-size: 2.4rem;
  color: #111921;
  letter-spacing: -0.048rem;
  line-height: 1.6;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec1 .desc_line {
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
  }
}
.land_cdtop .land_sec1 .desc_line strong {
  font-weight: bold;
}
.land_cdtop .land_sec1 .desc_line .point_pink {
  font-weight: bold;
  color: #e62f87;
}
.land_cdtop .land_sec1 .desc_line .underline {
  text-decoration: underline;
  text-underline-offset: 0.1rem;
  text-underline-position: under;
}
.land_cdtop .land_sec1 .badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 7.8rem;
  height: 3.3rem;
  padding: 0 0.2rem;
  font-size: 2.4rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.048rem;
  line-height: 1.6;
  vertical-align: middle;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec1 .badge {
    min-width: 4.6rem;
    height: 2rem;
    padding: 0 0.2rem;
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
  }
}
.land_cdtop .land_sec1 .badge_pink {
  background-color: #e62f87;
}
.land_cdtop .land_sec1 .badge_blue {
  background-color: #93b9eb;
}
.land_cdtop .land_sec1 .sec2_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3rem;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec1 .sec2_info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1.5rem;
  }
}
.land_cdtop .land_sec1 .info_card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  width: 32rem;
  padding: 2rem 2rem 3rem;
  border-radius: 2rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec1 .info_card {
    width: auto;
    padding: 1.5rem 2.5rem;
    border-radius: 1rem;
    gap: 0.3rem;
  }
}
.land_cdtop .land_sec1 .info_card .card_tit {
  margin: 0;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: -0.048rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec1 .info_card .card_tit {
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
  }
}
.land_cdtop .land_sec1 .info_card .card_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 25rem;
  height: 5rem;
  margin: 0;
  background-color: #fff;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec1 .info_card .card_txt {
    width: 13rem;
    height: 2.8rem;
    padding: 0.5rem 3rem;
  }
}
.land_cdtop .land_sec1 .info_card .card_txt span {
  font-size: 2rem;
  color: #666;
  letter-spacing: -0.04rem;
  line-height: 1.4;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec1 .info_card .card_txt span {
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
  }
}
.land_cdtop .land_sec1 .info_card_dark {
  background-color: #273547;
}
.land_cdtop .land_sec1 .info_card_dark .card_tit {
  color: #fff;
}
.land_cdtop .land_sec1 .info_card_blue {
  background-color: #a9c3e6;
}
.land_cdtop .land_sec1 .info_card_blue .card_tit {
  color: #273547;
}
.land_cdtop .land_sec2 {
  background-color: #fff;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec2 {
    padding: 6rem 2.8rem 4rem;
  }
}
.land_cdtop .land_sec2 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5rem;
  max-width: 90rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec2 .sec_in {
    gap: 3rem;
    max-width: 32rem;
  }
}
.land_cdtop .land_sec2 .sec2_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.7rem;
  margin: 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec2 .sec2_tit {
    gap: 0.4rem;
  }
}
.land_cdtop .land_sec2 .tit_badge {
  position: relative;
  z-index: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.75rem;
  font-family: "Do_light";
  font-size: 3.6rem;
  color: #fff;
  letter-spacing: -0.072rem;
  line-height: 1.5;
  white-space: nowrap;
}
.land_cdtop .land_sec2 .tit_badge::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0.5rem;
  z-index: -1;
  height: 4.4rem;
  background-color: #273547;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec2 .tit_badge {
    padding: 0 0.2rem;
    font-size: 2.2rem;
    letter-spacing: -0.044rem;
  }
  .land_cdtop .land_sec2 .tit_badge::before {
    top: 0.4rem;
    height: 2.4rem;
  }
}
.land_cdtop .land_sec2 .tit_txt {
  font-size: 4rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.08rem;
  line-height: 1.5;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec2 .tit_txt {
    font-size: 2.4rem;
    letter-spacing: -0.048rem;
  }
}
.land_cdtop .land_sec2 .sec2_diagram {
  position: relative;
  width: 90rem;
  height: 42.1rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec2 .sec2_diagram {
    width: 30.4rem;
    height: 25.4rem;
  }
}
.land_cdtop .land_sec2 .diagram_bg {
  position: absolute;
  inset: 0;
}
.land_cdtop .land_sec2 .diagram_ellipse {
  position: absolute;
  left: 50%;
  top: 7.1rem;
  width: 34rem;
  height: 34rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec2 .diagram_ellipse {
    top: 5.3rem;
    width: 19.6rem;
    height: 19.6rem;
  }
}
.land_cdtop .land_sec2 .diagram_triangle {
  position: absolute;
  left: 50%;
  top: 9rem;
  width: 32.3rem;
  height: 24.2rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec2 .diagram_triangle {
    top: 6rem;
    width: 18.2rem;
    height: 13.7rem;
  }
}
.land_cdtop .land_sec2 .diagram_list {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.land_cdtop .land_sec2 .diagram_item {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  width: 18rem;
  height: 18rem;
  border-radius: 50%;
  background-color: #273547;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec2 .diagram_item {
    gap: 0.5rem;
    width: 10.5rem;
    height: 10.5rem;
  }
}
.land_cdtop .land_sec2 .diagram_item.diagram_item01 {
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.land_cdtop .land_sec2 .diagram_item.diagram_item02 {
  left: 22.5rem;
  top: 24.1rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec2 .diagram_item.diagram_item02 {
    left: 0.788rem;
    top: 14.9rem;
  }
}
.land_cdtop .land_sec2 .diagram_item.diagram_item03 {
  left: 50.4rem;
  top: 24.1rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec2 .diagram_item.diagram_item03 {
    left: 18.988rem;
    top: 14.9rem;
  }
}
.land_cdtop .land_sec2 .item_num {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 1.75rem;
  background-color: #e62f87;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.032rem;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec2 .item_num {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 0.984rem;
    font-size: 1rem;
    letter-spacing: -0.02rem;
  }
}
.land_cdtop .land_sec2 .item_txt {
  margin: 0;
  font-size: 2.6rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.052rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec2 .item_txt {
    font-size: 1.5rem;
    letter-spacing: -0.03rem;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop section.land_sec3 {
    padding: 4rem 2rem;
  }
}
.land_cdtop .land_sec3 {
  background-color: #f5f5f5;
}
.land_cdtop .land_sec3 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  max-width: 90rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec3 .sec_in {
    gap: 1rem;
    max-width: 32rem;
  }
}
.land_cdtop .land_sec3 .sec3_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  width: 100%;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec3 .sec3_head {
    gap: 1rem;
  }
}
.land_cdtop .land_sec3 .sec3_badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.5rem 3rem;
  border-radius: 4.2rem;
  background-color: #e62f87;
  font-size: 3rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.06rem;
  line-height: 1.5;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec3 .sec3_badge {
    padding: 0.281rem 1.688rem;
    border-radius: 2.363rem;
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
  }
}
.land_cdtop .land_sec3 .sec3_tit {
  margin: 0;
  font-size: 2.8rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.056rem;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec3 .sec3_tit {
    font-size: 1.5rem;
    letter-spacing: -0.03rem;
  }
}
.land_cdtop .land_sec3 .sec3_desc {
  margin: 0;
  max-width: 78.4rem;
  font-size: 2.2rem;
  color: #666;
  letter-spacing: -0.044rem;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec3 .sec3_desc {
    max-width: none;
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
  }
}
.land_cdtop .land_sec3 .sec3_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5rem;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec3 .sec3_body {
    gap: 2.5rem;
  }
}
.land_cdtop .land_sec3 .sec3_quote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0;
  margin: 0;
  text-align: center;
  font-size: 2.4rem;
  letter-spacing: -0.048rem;
  line-height: 1.5;
  color: #000;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec3 .sec3_quote {
    font-size: 1.35rem;
    letter-spacing: -0.027rem;
  }
}
.land_cdtop .land_sec3 .sec3_quote .quote_mark {
  font-weight: bold;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec3 .sec3_quote .quote_mark:first-child {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec3 .sec3_quote .quote_mark:last-child {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec3 .sec3_quote .quote_mark {
    font-size: 1.35rem;
    letter-spacing: -0.04rem;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec3 .sec3_quote .quote_txt {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.land_cdtop .land_sec3 .sec3_quote .quote_txt strong {
  font-weight: bold;
}
.land_cdtop .land_sec3 .sec3_quote .quote_point {
  font-weight: bold;
  color: #e62f87;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec3 .sec3_quote .quote_point {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.land_cdtop .land_sec3 .sec3_chart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.land_cdtop .land_sec3 .chart_label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  width: 22rem;
  height: 4rem;
  border-radius: 3.4rem;
  background-color: #e62f87;
  font-size: 2.4rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.048rem;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec3 .chart_label {
    width: auto;
    height: auto;
    padding: 0.2rem 2rem;
    border-radius: 1.913rem;
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
  }
}
.land_cdtop .land_sec3 .chart_connector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.land_cdtop .land_sec3 .line_v {
  display: block;
  width: 1px;
  height: 2.8rem;
  background-color: #111921;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec3 .line_v {
    height: 1.575rem;
  }
}
.land_cdtop .land_sec3 .line_h {
  display: block;
  width: 45.4rem;
  height: 2.3rem;
  border-top: 1px solid #111921;
  border-left: 1px solid #111921;
  border-right: 1px solid #111921;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec3 .line_h {
    width: 17rem;
    height: 1.3rem;
  }
}
.land_cdtop .land_sec3 .chart_flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec3 .chart_flow {
    gap: 0.6rem;
  }
}
.land_cdtop .land_sec3 .flow_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.land_cdtop .land_sec3 .flow_arrow {
  display: block;
  width: 5.4rem;
  height: 1.5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec3 .flow_arrow {
    width: 1rem;
    height: auto;
  }
}
.land_cdtop .land_sec3 .flow_group_right {
  -webkit-transform: translateX(0.1rem);
          transform: translateX(0.1rem);
}
.land_cdtop .land_sec3 .flow_circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.land_cdtop .land_sec3 .flow_circle .circle_tit {
  margin: 0;
  font-weight: bold;
  line-height: 1.5;
}
.land_cdtop .land_sec3 .flow_circle .circle_sub {
  margin: 0;
  line-height: 1.5;
}
.land_cdtop .land_sec3 .flow_circle_dark {
  width: 18rem;
  height: 18rem;
  padding: 2.5rem 1.2rem 1rem;
  border-radius: 50%;
  background-color: #273547;
  color: #fff;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec3 .flow_circle_dark {
    width: 8rem;
    height: 8rem;
    padding: 0.6rem;
  }
}
.land_cdtop .land_sec3 .flow_circle_dark .circle_tit {
  font-size: 2.2rem;
  letter-spacing: -0.044rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec3 .flow_circle_dark .circle_tit {
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
    line-height: 1.3;
  }
}
.land_cdtop .land_sec3 .flow_circle_dark .circle_sub {
  margin-top: 0.3rem;
  font-size: 1.6rem;
  letter-spacing: -0.032rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec3 .flow_circle_dark .circle_sub {
    margin-top: 0.2rem;
    font-size: 1rem;
    letter-spacing: -0.02rem;
    line-height: 1.3;
  }
}
.land_cdtop .land_sec3 .flow_circle_pink {
  width: 13rem;
  height: 13rem;
  padding: 0 1.2rem;
  border-radius: 50%;
  background-color: #e62f87;
  color: #fff;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec3 .flow_circle_pink {
    width: 6rem;
    height: 6rem;
    padding: 0 0.675rem;
  }
}
.land_cdtop .land_sec3 .flow_circle_pink .circle_tit {
  font-size: 2.2rem;
  letter-spacing: -0.044rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec3 .flow_circle_pink .circle_tit {
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
    line-height: 1.3;
  }
}
.land_cdtop .land_sec3 .flow_circle_blue {
  width: 18rem;
  height: 18rem;
  padding: 2.5rem 1.2rem 1rem;
  border-radius: 50%;
  background-color: #a9c3e6;
  color: #111921;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec3 .flow_circle_blue {
    width: 8rem;
    height: 8rem;
    padding: 1.406rem 0.675rem 0.563rem;
  }
}
.land_cdtop .land_sec3 .flow_circle_blue .circle_tit {
  font-size: 2.2rem;
  letter-spacing: -0.044rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec3 .flow_circle_blue .circle_tit {
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
    line-height: 1.3;
  }
}
.land_cdtop .land_sec3 .flow_circle_blue .circle_sub {
  margin-top: 0.3rem;
  font-size: 1.6rem;
  letter-spacing: -0.032rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec3 .flow_circle_blue .circle_sub {
    margin-top: 0.2rem;
    font-size: 1rem;
    letter-spacing: -0.02rem;
    line-height: 1.3;
  }
}
.land_cdtop .land_sec3 .chart_branch {
  position: relative;
  display: block;
  width: 45.5rem;
  height: 3rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec3 .chart_branch {
    width: 17rem;
    height: 1.125rem;
  }
}
.land_cdtop .land_sec3 .chart_branch::before, .land_cdtop .land_sec3 .chart_branch::after {
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #111921;
}
.land_cdtop .land_sec3 .chart_branch::before {
  left: 0;
}
.land_cdtop .land_sec3 .chart_branch::after {
  right: 0;
}
.land_cdtop .land_sec3 .chart_cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 4rem;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec3 .chart_cards {
    gap: 1rem;
  }
}
.land_cdtop .land_sec3 .chart_card {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 43rem;
  padding: 3rem 2.5rem;
  border: 1px solid #cdd1d4;
  border-radius: 2rem;
  background-color: #fff;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec3 .chart_card {
    max-width: 15.5rem;
    padding: 1.8rem 1.4rem;
    border-radius: 1rem;
  }
}
.land_cdtop .land_sec3 .card_item {
  position: relative;
  margin: 0;
  padding-left: 1.6rem;
  font-size: 1.8rem;
  color: #333;
  letter-spacing: -0.036rem;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec3 .card_item {
    padding-left: 0.9rem;
    font-size: 1.1rem;
    letter-spacing: -0.022rem;
  }
}
.land_cdtop .land_sec3 .card_item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1rem;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: #e62f87;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec3 .card_item::before {
    top: 0.6rem;
    width: 0.337rem;
    height: 0.337rem;
  }
}
.land_cdtop .land_sec3 .card_item + .card_item {
  margin-top: 1rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec3 .card_item + .card_item {
    margin-top: 0.7rem;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop section.land_sec4 {
    padding: 4.5rem 2rem;
  }
}
.land_cdtop .land_sec4 {
  background-color: #fff;
}
.land_cdtop .land_sec4 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  max-width: 90rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec4 .sec_in {
    gap: 1rem;
    max-width: 32rem;
  }
}
.land_cdtop .land_sec4 .sec4_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  width: 100%;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec4 .sec4_head {
    gap: 1.125rem;
  }
}
.land_cdtop .land_sec4 .sec4_badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.5rem 3rem;
  border-radius: 4.2rem;
  background-color: #e62f87;
  font-size: 3rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.06rem;
  line-height: 1.5;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec4 .sec4_badge {
    padding: 0.281rem 1.688rem;
    border-radius: 2.363rem;
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
  }
}
.land_cdtop .land_sec4 .sec4_tit {
  margin: 0;
  font-size: 2.8rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.056rem;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec4 .sec4_tit {
    font-size: 1.5rem;
    letter-spacing: -0.03rem;
  }
}
.land_cdtop .land_sec4 .sec4_desc {
  margin: 0;
  font-size: 2.2rem;
  color: #666;
  letter-spacing: -0.044rem;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec4 .sec4_desc {
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
  }
}
.land_cdtop .land_sec4 .sec4_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5rem;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec4 .sec4_body {
    gap: 2.5rem;
  }
}
.land_cdtop .land_sec4 .sec4_quote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  text-align: center;
  font-size: 2.4rem;
  letter-spacing: -0.048rem;
  line-height: 1.5;
  color: #000;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec4 .sec4_quote {
    font-size: 1.35rem;
    letter-spacing: -0.027rem;
  }
}
.land_cdtop .land_sec4 .sec4_quote .quote_mark {
  font-weight: bold;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec4 .sec4_quote .quote_mark:first-child {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec4 .sec4_quote .quote_mark:last-child {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec4 .sec4_quote .quote_mark {
    font-size: 1.35rem;
    letter-spacing: -0.04rem;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec4 .sec4_quote .quote_txt {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.land_cdtop .land_sec4 .sec4_quote .quote_txt strong {
  font-weight: bold;
}
.land_cdtop .land_sec4 .sec4_quote .quote_point {
  font-weight: bold;
  color: #e62f87;
}
.land_cdtop .land_sec4 .sec4_quote .quote_end {
  font-weight: bold;
  color: #111921;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec4 .sec4_quote .quote_end {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.land_cdtop .land_sec4 .sec4_roadmap {
  width: 100%;
}
.land_cdtop .land_sec4 .roadmap_web {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
}
.land_cdtop .land_sec4 .timeline_top {
  position: relative;
  width: 100%;
  height: 3rem;
}
.land_cdtop .land_sec4 .timeline_bar {
  position: absolute;
  top: 50%;
  height: 1rem;
  background-color: #d9d9d9;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.land_cdtop .land_sec4 .timeline_bar01 {
  left: 0;
  width: 12.3rem;
}
.land_cdtop .land_sec4 .timeline_bar02 {
  left: 15.7rem;
  width: 27.7rem;
}
.land_cdtop .land_sec4 .timeline_bar03 {
  left: 46.5rem;
  width: 28rem;
}
.land_cdtop .land_sec4 .timeline_arrow {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 12.5rem;
  height: 3rem;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: right center;
     object-position: right center;
}
.land_cdtop .land_sec4 .timeline_dot {
  position: absolute;
  top: 50%;
  width: 2rem;
  height: 2rem;
  background-color: #e62f87;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}
.land_cdtop .land_sec4 .timeline_dot01 {
  left: 14rem;
}
.land_cdtop .land_sec4 .timeline_dot02 {
  left: 45rem;
}
.land_cdtop .land_sec4 .timeline_dot03 {
  left: 76rem;
}
.land_cdtop .land_sec4 .roadmap_cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding-top: 3rem;
}
.land_cdtop .land_sec4 .roadmap_col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
  width: 28rem;
  position: relative;
}
.land_cdtop .land_sec4 .roadmap_col::before {
  content: "";
  width: 0.1rem;
  height: 31.2rem;
  background-color: #000;
  position: absolute;
  left: 50%;
  top: -4rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 0;
}
.land_cdtop .land_sec4 .step_badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.3rem 1rem;
  border-radius: 3.9rem;
  background-color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.032rem;
  line-height: 1.5;
}
.land_cdtop .land_sec4 .step_tit {
  margin: 0;
  font-size: 2.2rem;
  font-weight: bold;
  letter-spacing: -0.044rem;
  line-height: 1.5;
}
.land_cdtop .land_sec4 .step_sub {
  margin: 0;
  font-size: 1.8rem;
  letter-spacing: -0.036rem;
  line-height: 1.5;
  white-space: nowrap;
  margin-top: -1.2rem;
}
.land_cdtop .land_sec4 .step_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
  padding: 2rem 0;
  border-radius: 2rem;
  text-align: center;
  position: relative;
  z-index: 1;
}
.land_cdtop .land_sec4 .step_head_dark {
  background-color: #273547;
  color: #fff;
}
.land_cdtop .land_sec4 .step_head_pink {
  background-color: #e62f87;
  color: #fff;
}
.land_cdtop .land_sec4 .step_head_blue {
  background-color: #a9c3e6;
  color: #111921;
}
.land_cdtop .land_sec4 .step_body {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  padding: 2.6rem 1.5rem 3rem;
  border-radius: 2rem;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.land_cdtop .land_sec4 .step_body_dark {
  background-color: #273547;
  color: #fff;
}
.land_cdtop .land_sec4 .step_body_pink {
  background-color: #e62f87;
  color: #fff;
}
.land_cdtop .land_sec4 .step_body_blue {
  background-color: #a9c3e6;
  color: #111921;
}
.land_cdtop .land_sec4 .step_body_tit {
  margin: 0;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: -0.08rem;
  line-height: 1.5;
}
.land_cdtop .land_sec4 .step_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
  width: 23rem;
  padding: 1.5rem 1.2rem;
  background-color: #fff;
  text-align: left;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
}
.land_cdtop .land_sec4 .step_item {
  position: relative;
  margin: 0;
  padding-left: 1.1rem;
  font-size: 1.4rem;
  color: #111921;
  letter-spacing: -0.08rem;
  line-height: 1.5;
}
.land_cdtop .land_sec4 .step_item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.7rem;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50% 50%;
  background-color: #e62f87;
}
.land_cdtop .land_sec4 .roadmap_mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 1.1rem;
  position: relative;
}
.land_cdtop .land_sec4 .timeline_side {
  position: absolute;
  left: 0rem;
  top: 0;
  height: calc(100% + 0.7rem);
}
.land_cdtop .land_sec4 .timeline_side .timeline_side_in {
  position: relative;
  width: 1.4rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  height: 100%;
}
.land_cdtop .land_sec4 .timeline_bar_v {
  position: absolute;
  left: 50%;
  width: 0.5rem;
  background-color: #d9d9d9;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.land_cdtop .land_sec4 .timeline_bar_v01 {
  top: 0;
  height: 7.1rem;
}
.land_cdtop .land_sec4 .timeline_bar_v02 {
  top: 8.5rem;
  height: 15.7rem;
}
.land_cdtop .land_sec4 .timeline_bar_v03 {
  top: 25.6rem;
  bottom: 9.6rem;
}
.land_cdtop .land_sec4 .timeline_arrow_m {
  position: absolute;
  left: 50%;
  bottom: 0;
  display: block;
  width: 1.4rem;
  height: 8.2rem;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom center;
     object-position: bottom center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.land_cdtop .land_sec4 .roadmap_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.125rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
  padding: 0;
  list-style: none;
  padding-left: 2.5rem;
}
.land_cdtop .land_sec4 .roadmap_card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 0;
  padding: 1.5rem;
  border-radius: 1rem;
}
.land_cdtop .land_sec4 .roadmap_card_dark {
  background-color: #273547;
  color: #fff;
}
.land_cdtop .land_sec4 .roadmap_card_pink {
  background-color: #e62f87;
  color: #fff;
}
.land_cdtop .land_sec4 .roadmap_card_blue {
  background-color: #a9c3e6;
  color: #111921;
}
.land_cdtop .land_sec4 .timeline_dot_m {
  position: absolute;
  left: -1.8rem;
  top: 7.8rem;
  width: 0.8rem;
  height: 0.8rem;
  background-color: #e62f87;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}
.land_cdtop .land_sec4 .card_step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.6rem;
  width: 8rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.land_cdtop .land_sec4 .card_step .step_badge {
  -ms-flex-item-align: start;
      align-self: flex-start;
  padding: 0.112rem 0.563rem;
  border-radius: 2.194rem;
  font-size: 1rem;
  letter-spacing: -0.02rem;
}
.land_cdtop .land_sec4 .card_step .step_tit {
  font-size: 1.3rem;
  letter-spacing: -0.026rem;
}
.land_cdtop .land_sec4 .card_step .step_sub {
  font-size: 1rem;
  letter-spacing: -0.02rem;
  margin-top: 0;
}
.land_cdtop .land_sec4 .card_divider {
  display: block;
  width: 1px;
  margin: 0 1rem;
  background-color: rgba(255, 255, 255, 0.3);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.roadmap_card_blue .land_cdtop .land_sec4 .card_divider {
  background-color: rgba(17, 25, 33, 0.15);
}
.land_cdtop .land_sec4 .card_detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.land_cdtop .land_sec4 .card_detail .step_body_tit {
  font-size: 1.2rem;
  letter-spacing: -0.048rem;
  text-align: left;
}
.land_cdtop .land_sec4 .card_detail .step_box {
  width: 16.5rem;
  padding: 0.8rem 1rem;
  gap: 0.8rem;
}
.land_cdtop .land_sec4 .card_detail .step_item {
  padding-left: 0.725rem;
  font-size: 1rem;
  letter-spacing: -0.02rem;
  white-space: nowrap;
}
.land_cdtop .land_sec4 .card_detail .step_item::before {
  top: 0.55rem;
  width: 0.225rem;
  height: 0.225rem;
  border-radius: 50% 50%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop section.land_sec5 {
    padding: 4.5rem 2rem 6rem;
  }
}
.land_cdtop .land_sec5 {
  background-color: #f5f5f5;
}
.land_cdtop .land_sec5 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  max-width: 90rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec5 .sec_in {
    gap: 1rem;
    max-width: 32rem;
  }
}
.land_cdtop .land_sec5 .sec5_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  width: 100%;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec5 .sec5_head {
    gap: 1.125rem;
  }
}
.land_cdtop .land_sec5 .sec5_badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.5rem 3rem;
  border-radius: 4.2rem;
  background-color: #e62f87;
  font-size: 3rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.06rem;
  line-height: 1.5;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec5 .sec5_badge {
    padding: 0.281rem 1.688rem;
    border-radius: 2.363rem;
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
  }
}
.land_cdtop .land_sec5 .sec5_tit {
  margin: 0;
  font-size: 2.8rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.056rem;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec5 .sec5_tit {
    font-size: 1.5rem;
    letter-spacing: -0.03rem;
  }
}
.land_cdtop .land_sec5 .sec5_desc {
  margin: 0;
  font-size: 2.2rem;
  color: #666;
  letter-spacing: -0.044rem;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec5 .sec5_desc {
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
  }
}
.land_cdtop .land_sec5 .sec5_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3rem;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec5 .sec5_body {
    gap: 2.5rem;
  }
}
.land_cdtop .land_sec5 .sec5_quote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  text-align: center;
  font-size: 2.4rem;
  letter-spacing: -0.048rem;
  line-height: 1.5;
  color: #000;
}
.land_cdtop .land_sec5 .sec5_quote i {
  color: #000;
  font-style: normal;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec5 .sec5_quote {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.563rem;
    font-size: 1.35rem;
    letter-spacing: -0.027rem;
  }
}
.land_cdtop .land_sec5 .sec5_quote .quote_mark {
  font-weight: bold;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec5 .sec5_quote .quote_mark:first-child {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec5 .sec5_quote .quote_mark:last-child {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec5 .sec5_quote .quote_mark {
    font-size: 1.35rem;
    letter-spacing: -0.04rem;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec5 .sec5_quote .quote_txt {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.land_cdtop .land_sec5 .sec5_quote .quote_txt strong {
  font-weight: bold;
}
.land_cdtop .land_sec5 .sec5_quote .quote_point {
  font-weight: bold;
  color: #e62f87;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec5 .sec5_quote .quote_point {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec5 .sec5_quote > .quote_mark:first-child,
  .land_cdtop .land_sec5 .sec5_quote > .quote_txt,
  .land_cdtop .land_sec5 .sec5_quote > .quote_mark:last-child {
    display: inline;
  }
  .land_cdtop .land_sec5 .sec5_quote > .quote_mark:first-child {
    margin-right: 0.45rem;
  }
  .land_cdtop .land_sec5 .sec5_quote > .quote_mark:last-child {
    margin-left: 0.45rem;
  }
}
.land_cdtop .land_sec5 .sec5_cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec5 .sec5_cards {
    gap: 1.125rem;
  }
}
.land_cdtop .land_sec5 .card_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  border-radius: 2rem;
  overflow: hidden;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec5 .card_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: 1rem;
  }
}
.land_cdtop .land_sec5 .card_item.card_dark .card_head {
  background-color: #273547;
  color: #fff;
}
.land_cdtop .land_sec5 .card_item.card_blue .card_head {
  background-color: #a9c3e6;
  color: #111921;
}
.land_cdtop .land_sec5 .card_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30rem;
  padding: 2rem;
  text-align: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec5 .card_head {
    width: 100%;
    padding: 0.6rem 2rem;
  }
}
.land_cdtop .land_sec5 .card_tit {
  margin: 0;
  font-size: 2.2rem;
  font-weight: bold;
  letter-spacing: -0.044rem;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec5 .card_tit {
    font-size: 1.3rem;
    letter-spacing: -0.026rem;
  }
}
.land_cdtop .land_sec5 .card_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 2rem 4rem;
  background-color: #fff;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec5 .card_body {
    padding: 1.2rem 1.5rem;
    gap: 0.6rem;
  }
}
.land_cdtop .land_sec5 .card_desc {
  position: relative;
  margin: 0;
  padding-left: 1.6rem;
  font-size: 1.8rem;
  color: #333;
  letter-spacing: -0.036rem;
  line-height: 1.5;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec5 .card_desc {
    padding-left: 0.9rem;
    font-size: 1rem;
    letter-spacing: -0.02rem;
  }
}
.land_cdtop .land_sec5 .card_desc::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.1rem;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: #e62f87;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec5 .card_desc::before {
    top: 0.55rem;
    width: 0.337rem;
    height: 0.337rem;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop section.land_sec6 {
    padding: 6rem 2rem;
  }
}
.land_cdtop .land_sec6 {
  background-color: #fff;
}
.land_cdtop .land_sec6 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10rem;
  max-width: 119.4rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec6 .sec_in {
    max-width: 100%;
    gap: 5.3rem;
  }
}
.land_cdtop .land_sec6 .sec6_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.land_cdtop .land_sec6 .sec6_tit {
  margin: 0 0 3rem;
  font-size: 4rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.08rem;
  line-height: 1.5;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec6 .sec6_tit {
    margin-bottom: 2.5rem;
    font-size: 2.4rem;
    letter-spacing: -0.048rem;
  }
}
.land_cdtop .land_sec6 .sec6_img {
  width: 100%;
}
.land_cdtop .land_sec6 .sec6_img img {
  display: block;
  width: 100%;
  height: auto;
}
.land_cdtop section.land_sec_video {
  padding: 18rem 15rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop section.land_sec_video {
    padding: 6rem 2rem;
  }
}
.land_cdtop .land_sec_video {
  background-color: rgba(245, 245, 245, 0.37);
}
.land_cdtop .land_sec_video .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7rem;
  max-width: 90rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec_video .sec_in {
    gap: 2.5rem;
    max-width: 32rem;
  }
}
.land_cdtop .land_sec_video .sec_video_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5rem;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec_video .sec_video_body {
    gap: 2.5rem;
  }
}
.land_cdtop .land_sec_video .sec_video_head {
  width: 100%;
  text-align: center;
}
.land_cdtop .land_sec_video .sec_video_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  margin: 0;
  font-size: 4rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.08rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec_video .sec_video_tit {
    gap: 0.3rem;
    font-size: 2.4rem;
    letter-spacing: -0.048rem;
  }
}
.land_cdtop .land_sec_video .sec_video_tit .tit_line {
  display: block;
}
.land_cdtop .land_sec_video .sec_video_tit .tit_row {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec_video .sec_video_tit .tit_row {
    gap: 0.4rem;
  }
}
.land_cdtop .land_sec_video .sec_video_tit .point_pink {
  color: #e62f87;
}
.land_cdtop .land_sec_video .sec_video_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4rem;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec_video .sec_video_list {
    gap: 4rem;
  }
}
.land_cdtop .land_sec_video .video_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3rem;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec_video .video_item {
    gap: 2rem;
  }
}
.land_cdtop .land_sec_video .video_box {
  position: relative;
  width: 80rem;
  height: 45rem;
  border-radius: 2rem;
  overflow: hidden;
  background-color: #d9d9d9;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec_video .video_box {
    width: 32rem;
    height: 18rem;
    border-radius: 1.2rem;
  }
}
.land_cdtop .land_sec_video .video_box .video_link {
  display: block;
  width: 100%;
  height: 100%;
}
.land_cdtop .land_sec_video .video_box img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.land_cdtop .land_sec_video .video_desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  text-align: center;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec_video .video_desc {
    gap: 0.5rem;
  }
}
.land_cdtop .land_sec_video .desc_sub {
  margin: 0;
  font-size: 2.4rem;
  color: #111921;
  letter-spacing: -0.048rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec_video .desc_sub {
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
  }
}
.land_cdtop .land_sec_video .desc_tit {
  margin: 0;
  font-size: 2.8rem;
  font-weight: bold;
  color: #e62f87;
  letter-spacing: -0.056rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cdtop .land_sec_video .desc_tit {
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
  }
}

.bg_gray {
  background-color: #f5f5f5;
}

section.land_sec_btns {
  padding: 18rem 15rem;
}
@media (min-width: 0) and (max-width: 767px) {
  section.land_sec_btns {
    padding: 6rem 2rem;
  }
}

.land_sec_btns {
  background-color: #fff;
}
.land_sec_btns .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 120rem;
  margin: 0 auto;
}
.land_sec_btns .sec_btn_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
  width: 60.4rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_sec_btns .sec_btn_list {
    gap: 2.4rem;
    width: 32rem;
  }
}
.land_sec_btns .sec_btn_list li {
  width: 100%;
}
.land_sec_btns .sec_btn_list .rem_link_btn {
  width: 100%;
}

.land_ap {
  font-family: "Do_regular";
}
.land_ap section {
  padding: 15rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap section {
    padding: 6rem 2rem;
  }
}
.land_ap section .sec_in {
  max-width: 120rem;
  margin: 0 auto;
}
.land_ap .img_box img {
  width: 100%;
  height: 100%;
}
.land_ap .land_sec_visual {
  background-color: rgba(143, 195, 31, 0.15);
  height: 75rem;
  padding: 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec_visual {
    height: 54rem;
  }
}
.land_ap .land_sec_visual .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec_visual .sec_in {
    padding: 0 2.7rem;
  }
}
.land_ap .land_sec_visual .sec_in .img_box {
  max-width: 120rem;
  margin: 0 auto;
}
.land_ap .land_sec1 {
  background-color: #f5f5f5;
  padding: 18rem 1.5rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec1 {
    padding: 6rem 2rem;
  }
}
.land_ap .land_sec1 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4rem;
  max-width: 120rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec1 .sec_in {
    gap: 3rem;
    max-width: 32rem;
  }
}
.land_ap .land_sec1 .sec1_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
  text-align: center;
  color: #111921;
}
.land_ap .land_sec1 .sec1_tit {
  margin: 0;
  font-family: "Do_bold", sans-serif;
  font-size: 4.5rem;
  font-weight: bold;
  letter-spacing: -0.09rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec1 .sec1_tit {
    font-size: 2.4rem;
    letter-spacing: -0.048rem;
  }
}
.land_ap .land_sec1 .sec1_sub {
  margin: 0;
  font-size: 3rem;
  letter-spacing: -0.06rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec1 .sec1_sub {
    font-size: 1.5rem;
    letter-spacing: -0.03rem;
  }
}
.land_ap .land_sec1 .sec1_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4rem;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec1 .sec1_body {
    gap: 3rem;
  }
}
.land_ap .land_sec1 .sec1_cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6rem;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec1 .sec1_cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 3rem;
  }
}
.land_ap .land_sec1 .sec1_card {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3rem;
  max-width: 57rem;
  min-height: 44rem;
  padding: 6rem 2rem 4.5rem;
  border: 1px solid #b4b4b4;
  border-radius: 2.4rem;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec1 .sec1_card {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
    max-width: 32rem;
    min-height: auto;
    gap: 2rem;
    padding: 3rem 1.4rem;
    border-radius: 1.6rem;
  }
}
.land_ap .land_sec1 .card_quote {
  margin: 0;
  font-family: "Do_bold", sans-serif;
  font-size: 3rem;
  font-weight: bold;
  letter-spacing: -0.06rem;
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec1 .card_quote {
    font-size: 2rem;
    letter-spacing: -0.04rem;
  }
}
.land_ap .land_sec1 .card_dark .card_quote {
  color: #33715a;
}
.land_ap .land_sec1 .card_lime .card_quote {
  color: #8fc31f;
}
.land_ap .land_sec1 .card_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.4rem;
  width: 100%;
  max-width: 33.2rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec1 .card_list {
    gap: 1rem;
    max-width: 26rem;
  }
}
.land_ap .land_sec1 .list_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec1 .list_item {
    gap: 0.4rem;
  }
}
.land_ap .land_sec1 .check_ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 4rem;
  height: 2.7rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec1 .check_ico {
    width: 3.2rem;
    height: 2rem;
  }
}
.land_ap .land_sec1 .check_ico img {
  display: block;
  width: 1.4rem;
  height: 1.2rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.land_ap .land_sec1 .list_txt {
  margin: 0;
  width: 29rem;
  font-size: 2rem;
  letter-spacing: -0.04rem;
  line-height: 1.5;
  color: #000;
  word-break: keep-all;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec1 .list_txt {
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
  }
}
.land_ap .land_sec1 .card_badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36rem;
  margin: 0;
  padding: 2rem 1rem;
  border-radius: 2rem;
  font-family: "Do_bold", sans-serif;
  font-size: 2.6rem;
  font-weight: bold;
  letter-spacing: -0.052rem;
  line-height: 1.4;
  color: #fff;
  text-align: center;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec1 .card_badge {
    width: 27rem;
    font-size: 2rem;
    letter-spacing: -0.04rem;
  }
}
.land_ap .land_sec1 .card_dark .card_badge {
  background-color: #33715a;
}
.land_ap .land_sec1 .card_lime .card_badge {
  background-color: #8fc31f;
}
.land_ap .land_sec1 .sec1_dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}
.land_ap .land_sec1 .sec1_dots span {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec1 .sec1_dots span {
    width: 0.6rem;
    height: 0.6rem;
  }
}
.land_ap .land_sec1 .sec1_dots span:nth-child(1) {
  background-color: rgba(51, 113, 90, 0.2);
}
.land_ap .land_sec1 .sec1_dots span:nth-child(2) {
  background-color: rgba(51, 113, 90, 0.6);
}
.land_ap .land_sec1 .sec1_dots span:nth-child(3) {
  background-color: #33715a;
}
.land_ap .land_sec1 .sec1_summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 120rem;
  min-height: 11.6rem;
  border: 1px dashed #b4b4b4;
  border-radius: 2.4rem;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec1 .sec1_summary {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 32rem;
    min-height: auto;
    padding: 1rem 0;
    border-radius: 1.6rem;
  }
}
.land_ap .land_sec1 .summary_item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  padding: 2rem 1rem;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec1 .summary_item {
    width: 100%;
  }
}
.land_ap .land_sec1 .summary_tit {
  margin: 0;
  font-family: "Do_bold", sans-serif;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: -0.048rem;
  line-height: 1;
  color: #000;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec1 .summary_tit {
    font-size: 2rem;
    letter-spacing: -0.04rem;
  }
}
.land_ap .land_sec1 .summary_sub {
  margin: 0;
  font-size: 2rem;
  letter-spacing: -0.04rem;
  line-height: 1;
  color: #808080;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec1 .summary_sub {
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
  }
}
.land_ap .land_sec1 .summary_divider {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 1px;
  height: 4.4rem;
  background-color: #b4b4b4;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec1 .summary_divider {
    width: 26rem;
    height: 1px;
  }
}
.land_ap .land_sec2 {
  background-color: #fff;
  padding: 18rem 1.5rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec2 {
    padding: 6rem 2rem;
  }
}
.land_ap .land_sec2 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8rem;
  max-width: 120rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec2 .sec_in {
    gap: 4rem;
    max-width: 32rem;
  }
}
.land_ap .land_sec2 .sec2_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
  text-align: center;
  color: #111921;
}
.land_ap .land_sec2 .sec2_tit {
  margin: 0;
  font-family: "Do_bold", sans-serif;
  font-size: 4.5rem;
  font-weight: bold;
  letter-spacing: -0.09rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec2 .sec2_tit {
    font-size: 2.4rem;
    letter-spacing: -0.048rem;
  }
}
.land_ap .land_sec2 .sec2_sub {
  margin: 0;
  font-size: 3rem;
  letter-spacing: -0.06rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec2 .sec2_sub {
    font-size: 1.5rem;
    letter-spacing: -0.03rem;
  }
}
.land_ap .land_sec2 .sec2_diagram {
  position: relative;
  width: 79.2rem;
  height: 59.2rem;
  margin: 0 auto;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec2 .sec2_diagram {
    width: 30rem;
    height: 22.474rem;
  }
}
.land_ap .land_sec2 .diagram_bg {
  position: absolute;
  inset: 0;
}
.land_ap .land_sec2 .diagram_bg img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.land_ap .land_sec2 .diagram_list {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.land_ap .land_sec2 .diagram_node {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec2 .diagram_node {
    gap: 0.758rem;
    -webkit-transform: none;
            transform: none;
  }
}
.land_ap .land_sec2 .node_badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 7.4rem;
  height: 7.4rem;
  border-radius: 3rem 0.7rem 3rem 0.7rem;
  background-color: #fff;
  font-family: "Do_bold", sans-serif;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: -0.048rem;
  line-height: 1.4;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec2 .node_badge {
    width: 4rem;
    height: 4rem;
    border-radius: 1.1375rem 0.265rem 1.1375rem 0.265rem;
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
    background-color: #fff;
  }
}
.land_ap .land_sec2 .node_sub {
  margin: 0;
  font-size: 2.4rem;
  letter-spacing: -0.048rem;
  line-height: 1.4;
  color: #fff;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec2 .node_sub {
    display: block;
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
  }
}
.land_ap .land_sec2 .node_think {
  left: 34.5rem;
  top: 13.5rem;
}
.land_ap .land_sec2 .node_think .node_badge {
  color: #6bb308;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec2 .node_think {
    left: 12.4rem;
    top: 3.85rem;
  }
}
.land_ap .land_sec2 .node_expr {
  left: 12.5rem;
  top: 33.3rem;
}
.land_ap .land_sec2 .node_expr .node_badge {
  color: #8fc31f;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec2 .node_expr {
    left: 4rem;
    top: 11.7rem;
  }
}
.land_ap .land_sec2 .node_read {
  left: 53.4rem;
  top: 33.3rem;
}
.land_ap .land_sec2 .node_read .node_badge {
  color: #467700;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec2 .node_read {
    left: 19.4rem;
    top: 11.7rem;
  }
}
.land_ap .land_sec2 .sec2_cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec2 .sec2_cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2rem;
  }
}
.land_ap .land_sec2 .sec2_card {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6rem;
  min-height: 69.4rem;
  padding: 5rem 4rem;
  border: 1px solid #b4b4b4;
  border-radius: 2rem;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec2 .sec2_card {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
    max-width: 32rem;
    min-height: auto;
    gap: 3rem;
    padding: 3rem 4rem;
    border-radius: 1.6rem;
  }
}
.land_ap .land_sec2 .card_label {
  margin: 0;
}
.land_ap .land_sec2 .card_label span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 7.4rem;
  height: 7.4rem;
  border-radius: 3rem 0.7rem 3rem 0.7rem;
  font-family: "Do_bold", sans-serif;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: -0.048rem;
  line-height: 1.4;
  color: #fff;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec2 .card_label span {
    width: 4.6rem;
    height: 4.6rem;
    border-radius: 1.865rem 0.435rem 1.865rem 0.435rem;
    font-size: 2rem;
    letter-spacing: -0.04rem;
  }
}
.land_ap .land_sec2 .card_expr .card_label span {
  background-color: #8fc31f;
}
.land_ap .land_sec2 .card_think .card_label span {
  background-color: #6bb308;
}
.land_ap .land_sec2 .card_read .card_label span {
  background-color: #467700;
}
.land_ap .land_sec2 .card_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3rem;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec2 .card_body {
    gap: 2rem;
  }
}
.land_ap .land_sec2 .card_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  text-align: center;
}
.land_ap .land_sec2 .block_tit {
  margin: 0;
  font-family: "Do_bold", sans-serif;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: -0.048rem;
  line-height: 1;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec2 .block_tit {
    font-size: 2rem;
    letter-spacing: -0.04rem;
  }
}
.land_ap .land_sec2 .block_tit.row_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  line-height: 1;
}
.land_ap .land_sec2 .block_tit.row_tit strong {
  font-weight: bold;
}
.land_ap .land_sec2 .block_tit.row_tit .tit_sub {
  font-family: "Do_regular", sans-serif;
  font-size: 1.8rem;
  font-weight: normal;
  letter-spacing: -0.036rem;
  color: #808080;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec2 .block_tit.row_tit .tit_sub {
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
  }
}
.land_ap .land_sec2 .card_expr .block_tit {
  color: #8fc31f;
}
.land_ap .land_sec2 .card_think .block_tit {
  color: #6bb308;
}
.land_ap .land_sec2 .card_think .block_tit.row_tit strong {
  color: #6bb308;
}
.land_ap .land_sec2 .card_read .block_tit {
  color: #467700;
}
.land_ap .land_sec2 .block_desc {
  margin: 0;
  font-size: 2.4rem;
  letter-spacing: -0.048rem;
  line-height: 1.4;
  color: #111921;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec2 .block_desc {
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
  }
}
.land_ap .land_sec2 .card_divider {
  display: block;
  width: 32rem;
  height: 1px;
  background-color: #b4b4b4;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec2 .card_divider {
    width: 26rem;
  }
}
.land_ap .land_sec2 .card_arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.land_ap .land_sec2 .card_arrow img {
  display: block;
  width: 1.4rem;
  height: 1.1rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.land_ap .land_sec2 .card_result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.4rem;
  width: 32rem;
  padding: 2.5rem 1rem;
  border-radius: 1.4rem;
  background-color: #f4f4f4;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec2 .card_result {
    width: 26rem;
  }
}
.land_ap .land_sec2 .result_tit {
  margin: 0;
  font-family: "Do_bold", sans-serif;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: -0.048rem;
  line-height: 1;
  color: #000;
  text-align: center;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec2 .result_tit {
    font-size: 1.8rem;
    letter-spacing: -0.036rem;
  }
}
.land_ap .land_sec2 .result_tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  padding: 0.4rem 1rem;
  border-radius: 0.6rem;
  background-color: rgba(39, 53, 71, 0.25);
  font-family: "Do_bold", sans-serif;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: -0.04rem;
  line-height: 1.4;
  color: #000;
  text-align: center;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec2 .result_tag {
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec3 {
    padding: 6rem 2rem;
  }
}
.land_ap .land_sec3 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8rem;
  max-width: 90rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec3 .sec_in {
    gap: 3rem;
    max-width: 32rem;
  }
}
.land_ap .land_sec3 .sec1_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3rem;
  text-align: center;
}
.land_ap .land_sec3 .sec1_logo {
  line-height: 0;
}
.land_ap .land_sec3 .sec1_logo_img {
  display: block;
  width: 18rem;
  height: auto;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec3 .sec1_logo_img {
    width: 9.2rem;
  }
}
.land_ap .land_sec3 .sec1_desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec3 .sec1_desc {
    gap: 0rem;
  }
}
.land_ap .land_sec3 .desc_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.land_ap .land_sec3 .desc_row2 {
  text-align: center;
  margin-top: 0.2rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec3 .desc_row2 {
    width: 100%;
    margin-top: 0rem;
    line-height: 1.8;
  }
}
.land_ap .land_sec3 .desc_row2 .desc_txt {
  margin-left: -0.2rem;
  background: #eee;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec3 .desc_row2 .desc_txt {
    margin-left: -0.4rem;
  }
}
.land_ap .land_sec3 .desc_txt {
  display: inline-block;
  font-size: 2.4rem;
  color: #111921;
  letter-spacing: -0.048rem;
  line-height: 1.6;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec3 .desc_txt {
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
  }
}
.land_ap .land_sec3 .desc_emphasis {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 0.5rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec3 .desc_emphasis {
    margin-left: 0.3rem;
  }
}
.land_ap .land_sec3 .emphasis_dots {
  display: block;
  width: 13.3rem;
  height: auto;
  margin-bottom: 0.4rem;
  margin-left: 0.5rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec3 .emphasis_dots {
    width: 7.3rem;
    margin-bottom: -0.2rem;
    margin-top: 0.1rem;
    margin-left: 0.3rem;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  body.ios .land_ap .land_sec3 .emphasis_dots {
    width: 8.4rem;
  }
}
.land_ap .land_sec3 .emphasis_txt {
  position: relative;
  z-index: 1;
  font-size: 2.4rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.048rem;
  line-height: 1.6;
  font-family: "Do_regular";
  position: relative;
}
.land_ap .land_sec3 .emphasis_txt::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.6rem;
  z-index: -1;
  height: 1.1rem;
  border-radius: 0.6rem;
  background-color: rgba(143, 195, 31, 0.5);
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec3 .emphasis_txt {
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
  }
  .land_ap .land_sec3 .emphasis_txt::after {
    bottom: 0.3rem;
    height: 0.9rem;
  }
}
.land_ap .land_sec3 .emphasis_txt i {
  font-style: normal;
  position: relative;
}
.land_ap .land_sec3 .emphasis_txt i::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -1.3rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0.45rem;
  height: 0.45rem;
  background: rgb(143, 195, 31);
  pointer-events: none;
  border-radius: 50%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec3 .emphasis_txt i::before {
    width: 0.22rem;
    height: 0.22rem;
    top: -0.35rem;
  }
}
.land_ap .land_sec3 .desc_badge {
  display: inline;
  padding: 0 0.5rem;
  font-size: 2.4rem;
  color: #111921;
  letter-spacing: -0.048rem;
  line-height: 1.6;
  background-color: #8fc31f;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec3 .desc_badge {
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
  }
}
.land_ap .land_sec3 .key_visual {
  position: relative;
  width: 100%;
  max-width: 90rem;
  margin: 0 auto;
}
.land_ap .land_sec3 .sec1_key_img {
  display: block;
  width: 100%;
  height: auto;
}
.land_ap .land_sec3 .mobile_overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.land_ap .land_sec3 .mobile_overlay .num {
  position: absolute;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.036rem;
  line-height: 1;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.land_ap .land_sec3 .mobile_overlay .num01 {
  left: 22%;
  top: 77.5%;
}
.land_ap .land_sec3 .mobile_overlay .num02 {
  left: 38.9%;
  top: 45.2%;
}
.land_ap .land_sec3 .mobile_overlay .num03 {
  left: 61.1%;
  top: 45.2%;
}
.land_ap .land_sec3 .mobile_overlay .num04 {
  left: 77.6%;
  top: 78.1%;
}
.land_ap .land_sec3 .mobile_overlay .txt {
  font-size: 1.5rem;
  font-weight: bold;
  color: #273547;
  letter-spacing: -0.03rem;
  line-height: 1.25;
  text-align: center;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 11rem;
}
@media (max-width: 400px) {
  .land_ap .land_sec3 .mobile_overlay .txt {
    margin-top: 12rem;
  }
}
.land_ap .land_sec3 .key_items {
  position: absolute;
  inset: 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec3 .key_items {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
    margin-top: 3rem;
  }
}
.land_ap .land_sec3 .key_item {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.7rem;
  text-align: center;
  color: #fff;
  -webkit-transform: none;
          transform: none;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec3 .key_item {
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1rem;
    width: 100%;
    height: 6.8rem;
    padding: 0.9rem 1.2rem;
    border-radius: 5.4rem;
    background-color: #fff;
    color: #273547;
    text-align: left;
    left: auto !important;
    top: auto !important;
  }
}
.land_ap .land_sec3 .key_item .item_num {
  font-size: 3.2rem;
  font-weight: bold;
  letter-spacing: -0.064rem;
  line-height: 1.45;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec3 .key_item .item_num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    font-size: 1.6rem;
    color: #fff;
    letter-spacing: -0.032rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.land_ap .land_sec3 .key_item .item_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.7rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec3 .key_item .item_text {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0.6rem;
  }
}
.land_ap .land_sec3 .key_item .item_tit {
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: -0.04rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec3 .key_item .item_tit {
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
    line-height: 1;
  }
  .land_ap .land_sec3 .key_item .item_tit br {
    display: none;
  }
}
.land_ap .land_sec3 .key_item .item_sub {
  font-size: 1.6rem;
  font-weight: normal;
  letter-spacing: -0.032rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec3 .key_item .item_sub {
    font-size: 1rem;
    color: #5d5d5d;
    letter-spacing: -0.02rem;
  }
  .land_ap .land_sec3 .key_item .item_sub br {
    display: none;
  }
}
.land_ap .land_sec3 .key_item01 {
  left: 14.8%;
  top: 62.6%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec3 .key_item01 .item_num {
    background-color: #8fc31f;
  }
}
.land_ap .land_sec3 .key_item02 {
  left: 30.2%;
  top: 25.9%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec3 .key_item02 .item_num {
    background-color: #33715A;
  }
}
.land_ap .land_sec3 .key_item03 {
  left: 53%;
  top: 25.9%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec3 .key_item03 .item_num {
    background-color: #e62f87;
  }
}
.land_ap .land_sec3 .key_item04 {
  left: 67%;
  top: 62.6%;
  gap: 0.9rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec3 .key_item04 {
    gap: 1rem;
  }
  .land_ap .land_sec3 .key_item04 .item_num {
    background-color: #273547;
  }
}
.land_ap .land_sec3 .key_system {
  position: absolute;
  left: 50%;
  top: 86.3%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 2.8rem;
  font-weight: bold;
  color: #273547;
  letter-spacing: -0.056rem;
  line-height: 1.4;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec3 .key_system {
    display: none;
  }
}
.land_ap .land_sec3 {
  background-color: #eee;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec4 {
    padding: 6rem 2rem;
  }
}
.land_ap .land_sec4 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5rem;
  max-width: 90rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec4 .sec_in {
    gap: 2rem;
    max-width: 100%;
  }
}
.land_ap .land_sec4 .sec2_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec4 .sec2_head {
    gap: 1rem;
  }
}
.land_ap .land_sec4 .sec2_badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.5rem 3rem;
  border-radius: 4.2rem;
  background-color: #8fc31f;
  font-size: 3rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.06rem;
  line-height: 1.5;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec4 .sec2_badge {
    width: 22.4rem;
    height: 3rem;
    padding: 0.281rem 1.688rem;
    border-radius: 2.363rem;
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
  }
}
.land_ap .land_sec4 .sec2_tit {
  max-width: 78.4rem;
  font-size: 2.8rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.056rem;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec4 .sec2_tit {
    font-size: 1.5rem;
    letter-spacing: -0.03rem;
  }
}
.land_ap .land_sec4 .sec2_cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec4 .sec2_cards {
    gap: 0.6rem;
  }
}
.land_ap .land_sec4 .sec2_card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 4rem) / 3);
          flex: 0 0 calc((100% - 4rem) / 3);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3rem;
  height: 38rem;
  padding: 4rem;
  border-radius: 2rem;
  background-color: #f5f5f5;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec4 .sec2_card {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    gap: 1rem;
    height: 20rem;
    padding: 2.5rem 0.5rem;
    border-radius: 1rem;
  }
}
.land_ap .land_sec4 .card_img {
  width: 14rem;
  height: 14rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec4 .card_img {
    width: 6rem;
    height: 6rem;
  }
}
.land_ap .land_sec4 .card_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec4 .card_text {
    gap: 0.4rem;
  }
}
.land_ap .land_sec4 .card_tit {
  font-size: 2.4rem;
  font-weight: bold;
  color: #33715a;
  letter-spacing: -0.048rem;
  line-height: 1.4;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec4 .card_tit {
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
    white-space: normal;
  }
}
.land_ap .land_sec4 .card_desc {
  font-size: 2rem;
  color: #111921;
  letter-spacing: -0.04rem;
  line-height: 1.4;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec4 .card_desc {
    font-size: 1rem;
    letter-spacing: -0.02rem;
    white-space: normal;
  }
  .land_ap .land_sec4 .card_desc br.web {
    display: none;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec5 {
    padding: 6rem 2rem;
  }
}
.land_ap .land_sec5 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5rem;
  max-width: 90rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec5 .sec_in {
    gap: 2rem;
    max-width: 32rem;
  }
}
.land_ap .land_sec5 .sec3_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec5 .sec3_head {
    gap: 1rem;
  }
}
.land_ap .land_sec5 .sec3_badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.5rem 3rem;
  border-radius: 4.2rem;
  background-color: #33715a;
  font-size: 3rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.06rem;
  line-height: 1.5;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec5 .sec3_badge {
    height: 3rem;
    padding: 0 1.7rem;
    border-radius: 2.363rem;
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
  }
}
.land_ap .land_sec5 .sec3_tit {
  font-size: 2.8rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.056rem;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec5 .sec3_tit {
    font-size: 1.5rem;
    letter-spacing: -0.03rem;
  }
}
.land_ap .land_sec5 .sec3_list {
  display: grid;
  grid-template-columns: repeat(3, 27rem);
  gap: 2.5rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec5 .sec3_list {
    grid-template-columns: repeat(2, 15.5rem);
    gap: 1rem;
  }
}
.land_ap .land_sec5 .sec3_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
  width: 27rem;
  height: 27rem;
  padding: 4rem;
  border: 1px solid #bcbec0;
  border-radius: 50%;
  background-color: #fff;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec5 .sec3_item {
    gap: 0.8rem;
    width: 15.5rem;
    height: 15.5rem;
    padding: 0;
  }
}
.land_ap .land_sec5 .sec3_item:nth-child(1) .item_badge {
  background-color: #33715a;
}
.land_ap .land_sec5 .sec3_item:nth-child(2) .item_badge {
  background-color: #8fc31f;
}
.land_ap .land_sec5 .sec3_item:nth-child(3) .item_badge {
  background-color: #e62f87;
}
.land_ap .land_sec5 .sec3_item:nth-child(4) .item_badge {
  background-color: #273547;
}
.land_ap .land_sec5 .sec3_item:nth-child(5) .item_badge {
  background-color: #677716;
}
.land_ap .land_sec5 .sec3_item:nth-child(6) .item_badge {
  background-color: #111921;
}
.land_ap .land_sec5 .item_badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.2rem 1.4rem;
  border-radius: 999rem;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.04rem;
  line-height: 1.4;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec5 .item_badge {
    padding: 0.1rem 1rem;
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
  }
}
.land_ap .land_sec5 .item_txt {
  font-size: 2rem;
  color: #111921;
  letter-spacing: -0.04rem;
  line-height: 1.4;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec5 .item_txt {
    width: 100%;
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
  }
}
.land_ap .land_sec5 {
  background-color: #f5f5f5;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 {
    padding: 6rem 2rem;
  }
}
.land_ap .land_sec6 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5rem;
  max-width: 90rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .sec_in {
    gap: 3rem;
    max-width: 100%;
  }
}
.land_ap .land_sec6 .sec4_tab {
  width: 100%;
}
.land_ap .land_sec6 .sec4_badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.5rem 3rem;
  border-radius: 4.2rem;
  background-color: #e62f87;
  font-size: 3rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.06rem;
  line-height: 1.5;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .sec4_badge {
    height: 3rem;
    padding: 0 1.688rem;
    border-radius: 2.363rem;
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
  }
}
.land_ap .land_sec6 .sec4_tab_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .sec4_tab_list {
    gap: 0.4rem;
  }
}
.land_ap .land_sec6 .sec4_tab_list .tab-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.land_ap .land_sec6 .sec4_tab_list .tab-item > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 4.6rem;
  gap: 0.5rem;
  padding: 0.3rem 5.9rem;
  border: 1px solid #bcbec0;
  border-bottom: 0;
  border-radius: 2rem 2rem 0 0;
  background-color: #bcbec0;
  font-size: 2.4rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.048rem;
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .sec4_tab_list .tab-item > a {
    height: auto;
    padding: 0.7rem 0;
    border-radius: 1rem 1rem 0 0;
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
  }
}
.land_ap .land_sec6 .sec4_tab_list .tab-item > a .tab_em,
.land_ap .land_sec6 .sec4_tab_list .tab-item > a .tab_w {
  color: #fff;
}
.land_ap .land_sec6 .sec4_tab_list .tab-item.active > a {
  background-color: #111921;
  border-color: #111921;
}
.land_ap .land_sec6 .sec4_tab_list .tab-item.active > a .tab_em {
  color: #e62f87;
}
.land_ap .land_sec6 .sec4_tab_list .tab-item.active > a .tab_w {
  color: #fff;
}
.land_ap .land_sec6 .sec4_tab_cont {
  display: none;
  width: 90rem;
  padding: 3rem 0rem;
  border: 1px solid #bcbec0;
  border-radius: 0 0 2rem 2rem;
  background-color: #fff;
  text-align: center;
}
.land_ap .land_sec6 .sec4_tab_cont.active {
  display: block;
}
.land_ap .land_sec6 .sec4_tab_cont > * + * {
  margin-top: 3rem;
}
.land_ap .land_sec6 .sec4_tab_cont .web > * + *,
.land_ap .land_sec6 .sec4_tab_cont .mobile > * + * {
  margin-top: 3rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .sec4_tab_cont {
    padding: 3rem 0;
    width: 100%;
  }
  .land_ap .land_sec6 .sec4_tab_cont > * + * {
    margin-top: 2.5rem;
  }
  .land_ap .land_sec6 .sec4_tab_cont .web > * + *,
  .land_ap .land_sec6 .sec4_tab_cont .mobile > * + * {
    margin-top: 2.5rem;
  }
}
.land_ap .land_sec6 .sec4_subtit {
  font-size: 2.4rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.048rem;
  line-height: 1.4;
}
.land_ap .land_sec6 .sec4_subtit .regular {
  font-weight: normal;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .sec4_subtit {
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
  }
}
.land_ap .land_sec6 .sec4_symbol {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .sec4_symbol {
    gap: 5.2rem;
  }
}
.land_ap .land_sec6 .sec4_symbol::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 1.2rem;
  height: 1.2rem;
  background: url(../images/branch_s/fall26/ap/sec04_plus01_m.png) no-repeat center center;
  background-size: 1.2rem 1.2rem;
  pointer-events: none;
}
.land_ap .land_sec6 .sec4_symbol .symbol_esl,
.land_ap .land_sec6 .sec4_symbol .symbol_efl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 5.9rem;
  height: 5.9rem;
  border-radius: 50%;
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.028rem;
}
.land_ap .land_sec6 .sec4_symbol .symbol_esl {
  background-color: #33715a;
}
.land_ap .land_sec6 .sec4_symbol .symbol_efl {
  width: 6rem;
  height: 6rem;
  background-color: #e62f87;
}
.land_ap .land_sec6 .web .sec4_system {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3.8rem;
}
.land_ap .land_sec6 .web .sec4_system::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -0.5rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transform: translateX(3.8rem);
          transform: translateX(3.8rem);
  width: 1.8rem;
  height: 4.6rem;
  background: url(../images/branch_s/fall26/ap/sec04_plus01_w.png) no-repeat center center;
  background-size: 1.8rem 4.6rem;
  pointer-events: none;
  z-index: 1;
}
.land_ap .land_sec6 .mobile .sec4_system {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.333rem;
}
.land_ap .land_sec6 .system_col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .system_col {
    gap: 1.333rem;
    width: 100%;
  }
}
.land_ap .land_sec6 .system_col .col_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 0.3rem 5.9rem;
  border-radius: 2rem;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.04rem;
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
  height: 4.6rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .system_col .col_tit {
    max-width: 28rem;
    padding: 0.2rem 0;
    border-radius: 3.1rem;
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
    height: 2.8rem;
  }
}
.land_ap .land_sec6 .system_col.system_esl .col_tit {
  background-color: #33715a;
}
.land_ap .land_sec6 .system_col.system_efl .col_tit {
  background-color: #e62f87;
}
.land_ap .land_sec6 .system_col .col_tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.6rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 30rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .system_col .col_tags {
    gap: 0.4rem;
    width: 20rem;
  }
}
.land_ap .land_sec6 .system_col .col_tags li {
  display: inline;
  padding: 0 0.4rem;
  border-radius: 0.2rem;
  background-color: #d8d9db;
  font-size: 1.6rem;
  color: #111921;
  letter-spacing: -0.032rem;
  line-height: 1.4;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .system_col .col_tags li {
    padding: 0 0.267rem;
    border-radius: 0.133rem;
    font-size: 1rem;
    letter-spacing: -0.02rem;
  }
}
.land_ap .land_sec6 .system_col .col_img {
  display: block;
  width: auto;
  height: auto;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .system_col .col_img {
    max-width: 26.1rem;
  }
}
.land_ap .land_sec6 .system_col .col_desc {
  font-size: 1.8rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.036rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .system_col .col_desc {
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
    line-height: 1.5;
  }
}
.land_ap .land_sec6 .system_col .col_desc_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .system_col .col_desc_wrap {
    gap: 0.7rem;
  }
}
.land_ap .land_sec6 .system_col .col_note {
  font-size: 1.6rem;
  color: #909090;
  letter-spacing: -0.032rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .system_col .col_note {
    font-size: 1rem;
    letter-spacing: -0.02rem;
  }
}
.land_ap .land_sec6 .web .system_esl .col_img {
  width: 39.15rem;
}
.land_ap .land_sec6 .web .system_efl .col_img {
  width: 20.1rem;
}
.land_ap .land_sec6 .web .system_esl .col_tit {
  width: 44.8rem;
}
.land_ap .land_sec6 .web .system_efl .col_tit {
  width: 35.4rem;
}
.land_ap .land_sec6 .mobile .system_efl img {
  max-width: 13.4rem;
}
.land_ap .land_sec6 .sec4_feat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.8rem;
  padding: 0 3rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .sec4_feat {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
    padding: 0 2rem;
  }
}
.land_ap .land_sec6 .sec4_feat .feat_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.2rem;
  min-height: 17rem;
  padding: 3rem 1rem;
  border-radius: 1rem;
  background-color: #f5f5f5;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .sec4_feat .feat_item {
    gap: 0.8rem;
    min-height: auto;
    padding: 2rem 0;
  }
}
.land_ap .land_sec6 .sec4_feat .feat_badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.3rem 2rem;
  border-radius: 999rem;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.036rem;
  line-height: 1.4;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .sec4_feat .feat_badge {
    padding: 0.2rem 1.333rem;
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
  }
}
.land_ap .land_sec6 .sec4_feat .feat_badge.feat_green {
  background-color: #33715a;
}
.land_ap .land_sec6 .sec4_feat .feat_badge.feat_lime {
  background-color: #8fc31f;
}
.land_ap .land_sec6 .sec4_feat .feat_badge.feat_pink {
  background-color: #e62f87;
}
.land_ap .land_sec6 .sec4_feat .feat_txt {
  font-size: 1.8rem;
  color: #111921;
  letter-spacing: -0.036rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .sec4_feat .feat_txt {
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
  }
}
.land_ap .land_sec6 .sec4_road_tit {
  text-align: center;
}
.land_ap .land_sec6 .sec4_road_tit .road_sub {
  margin-bottom: 0.4rem;
  font-size: 2.4rem;
  font-weight: normal;
  color: #111921;
  letter-spacing: -0.048rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .sec4_road_tit .road_sub {
    margin-bottom: 0;
    font-size: 1.4rem;
    letter-spacing: -0.032rem;
  }
}
.land_ap .land_sec6 .sec4_road_tit .road_main {
  font-size: 2.4rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.048rem;
  line-height: 1.4;
}
.land_ap .land_sec6 .sec4_road_tit .road_main .regular {
  font-weight: normal;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .sec4_road_tit .road_main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.3rem;
    font-size: 1.4rem;
    letter-spacing: -0.032rem;
  }
}
.land_ap .land_sec6 .web .sec4_road .road_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
  height: 29rem;
}
.land_ap .land_sec6 .web .sec4_road .road_rise,
.land_ap .land_sec6 .web .sec4_road .road_bridge,
.land_ap .land_sec6 .web .sec4_road .road_prime {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.land_ap .land_sec6 .web .sec4_road .road_card {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 23rem;
  height: 20rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.land_ap .land_sec6 .web .sec4_road .road_rise {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 23rem;
}
.land_ap .land_sec6 .web .sec4_road .road_rise::after {
  content: "";
  position: absolute;
  right: -4.7rem;
  top: 9.65rem;
  width: 5.15rem;
  height: 2.4rem;
  background: url(../images/branch_s/fall26/ap/sec04_arrow01_w.png) no-repeat center center;
  background-size: 5.15rem 2.4rem;
  z-index: 3;
}
.land_ap .land_sec6 .web .sec4_road .road_rise .road_badge {
  margin-bottom: -2rem;
}
.land_ap .land_sec6 .web .sec4_road .road_group {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 55.1rem;
  height: 29rem;
}
.land_ap .land_sec6 .web .sec4_road .road_group::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 55.1rem;
  height: 29rem;
  background: url(../images/branch_s/fall26/ap/sec04_dot01_w.png) no-repeat left top;
  background-size: 55.1rem 29rem;
  pointer-events: none;
  z-index: 0;
}
.land_ap .land_sec6 .web .sec4_road .road_group_in {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 100%;
  padding: 1.6rem 2rem 0;
  gap: 4.3rem;
}
.land_ap .land_sec6 .web .sec4_road .road_bridge,
.land_ap .land_sec6 .web .sec4_road .road_prime {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 23rem;
}
.land_ap .land_sec6 .web .sec4_road .road_bridge .road_badge,
.land_ap .land_sec6 .web .sec4_road .road_prime .road_badge {
  margin-bottom: -2rem;
}
.land_ap .land_sec6 .web .sec4_road .road_bridge::after {
  content: "";
  position: absolute;
  left: 1.8rem;
  top: 11rem;
  width: 28rem;
  height: 3.3rem;
  background: url(../images/branch_s/fall26/ap/sec04_arrow02_w.png) no-repeat center center;
  background-size: 28rem 3.3rem;
  z-index: 2;
}
.land_ap .land_sec6 .web .sec4_road .road_prime::after {
  content: "";
  position: absolute;
  left: 28.5rem;
  top: 11rem;
  width: 2rem;
  height: 3.3rem;
  background-color: #fff;
  z-index: 1;
}
.land_ap .land_sec6 .web .sec4_road .road_academy {
  margin: 2.5rem 0 0;
  font-size: 1.6rem;
  color: #909090;
  letter-spacing: -0.032rem;
  line-height: 1;
  text-align: center;
}
.land_ap .land_sec6 .web .sec4_road .road_academy_cd {
  position: absolute;
  bottom: 1.8rem;
  left: 50%;
  z-index: 1;
  font-size: 1.6rem;
  color: #909090;
  letter-spacing: -0.032rem;
  line-height: 1;
  text-align: center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.land_ap .land_sec6 .mobile .sec4_road .road_inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 4rem;
}
.land_ap .land_sec6 .mobile .sec4_road .road_inner::before {
  content: "";
  position: absolute;
  left: 1rem;
  top: 14.7rem;
  width: 25.7rem;
  height: 35.8rem;
  background: url(../images/branch_s/fall26/ap/sec04_dot01_m.png) no-repeat left top;
  background-size: 25.7rem 35.8rem;
  pointer-events: none;
  z-index: 0;
}
.land_ap .land_sec6 .mobile .sec4_road .road_academy {
  position: absolute;
  left: -1.5rem;
  height: 3rem;
  -ms-flex-line-pack: center;
      align-content: center;
  font-size: 1.1rem;
  color: #909090;
  letter-spacing: -0.022rem;
  line-height: 1;
  background-color: #fff;
}
.land_ap .land_sec6 .mobile .sec4_road .road_academy_april {
  top: 5.8rem;
}
.land_ap .land_sec6 .mobile .sec4_road .road_academy_cd {
  top: 31.8rem;
}
.land_ap .land_sec6 .mobile .sec4_road .road_step {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 20.4rem;
}
.land_ap .land_sec6 .mobile .sec4_road .road_step:first-of-type {
  margin-top: 0;
}
.land_ap .land_sec6 .mobile .sec4_road .road_step .road_badge {
  margin-bottom: -2rem;
}
.land_ap .land_sec6 .mobile .sec4_road .road_step:nth-of-type(1), .land_ap .land_sec6 .mobile .sec4_road .road_step:nth-of-type(2) {
  padding-bottom: 4rem;
}
.land_ap .land_sec6 .mobile .sec4_road .road_step:nth-of-type(1)::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 13.2rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1.65rem;
  height: 3.45rem;
  transform: translateX(-50%);
  background: url(../images/branch_s/fall26/ap/sec04_arrow01_m.png) no-repeat center center;
  background-size: 1.65rem 3.45rem;
}
.land_ap .land_sec6 .mobile .sec4_road .road_step:nth-of-type(2)::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 13.2rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1.65rem;
  height: 3.45rem;
  transform: translateX(-50%);
  background: url(../images/branch_s/fall26/ap/sec04_arrow02_m.png) no-repeat center center;
  background-size: 1.65rem 3.45rem;
}
.land_ap .land_sec6 .road_badge {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 4rem;
  padding: 0.3rem 2rem;
  border: 0.3rem solid #fff;
  border-radius: 1.6rem;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.036rem;
  line-height: 1.4;
  white-space: nowrap;
  z-index: 1;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .road_badge {
    height: 3rem;
    border-width: 0.2rem;
    border-radius: 1.067rem;
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
  }
}
.land_ap .land_sec6 .road_badge.road_badge_lime {
  background-color: #8fc31f;
}
.land_ap .land_sec6 .road_badge.road_badge_dark {
  background-color: #273547;
}
.land_ap .land_sec6 .road_card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1rem;
  width: 100%;
  padding: 3rem 2rem;
  border: 0.2rem solid;
  border-radius: 1.6rem;
  background-color: #fff;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .road_card {
    padding: 2.5rem 2rem 2rem;
    border-width: 0.133rem;
    border-radius: 1rem;
  }
}
.land_ap .land_sec6 .road_card.road_card_lime {
  border-color: #8fc31f;
}
.land_ap .land_sec6 .road_card.road_card_dark {
  border-color: #273547;
}
.land_ap .land_sec6 .road_card .card_grade {
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: -0.036rem;
  line-height: 1.4;
  margin-top: 1.8rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .road_card .card_grade {
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
    margin-top: 0.4rem;
    margin-bottom: -0.5rem;
  }
}
.land_ap .land_sec6 .road_card.road_card_lime .card_grade {
  color: #8fc31f;
}
.land_ap .land_sec6 .road_card.road_card_dark .card_grade {
  color: #273547;
}
.land_ap .land_sec6 .road_card .card_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  width: 100%;
  padding: 2rem 1rem;
  border-radius: 1rem;
  background-color: #f5f5f5;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .road_card .card_box {
    gap: 0.5rem;
    padding: 1.2rem 1rem;
    border-radius: 0.7rem;
  }
}
.land_ap .land_sec6 .road_card .card_sub {
  font-size: 1.6rem;
  color: #111921;
  letter-spacing: -0.032rem;
  line-height: 1;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .road_card .card_sub {
    font-size: 1rem;
    letter-spacing: -0.02rem;
  }
}
.land_ap .land_sec6 .road_card .card_tit {
  font-size: 1.8rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.036rem;
  line-height: 1;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .road_card .card_tit {
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
  }
}
.land_ap .land_sec6 .sec4_note {
  font-size: 1.8rem;
  color: #111921;
  letter-spacing: -0.036rem;
  line-height: 1.5;
  text-align: center;
}
.land_ap .land_sec6 .sec4_note strong {
  font-weight: bold;
}
.land_ap .land_sec6 .mobile .sec4_note {
  margin-top: 5rem;
  font-size: 1.2rem;
  letter-spacing: -0.024rem;
}
.land_ap .land_sec6 .sec4_cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  width: 100%;
  max-width: 81rem;
  margin: 0 auto;
  padding: 5rem 7rem;
  border-radius: 2rem;
  background-color: #f5f5f5;
  font-size: 2.4rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.048rem;
  line-height: 1;
  text-align: center;
}
.land_ap .land_sec6 .sec4_cta .cta_lime {
  color: #8fc31f;
}
.land_ap .land_sec6 .sec4_cta .cta_pink {
  color: #e62f87;
}
.land_ap .land_sec6 .mobile .sec4_cta {
  gap: 0.5rem;
  max-width: 28rem;
  padding: 2rem 0;
  border-radius: 1rem;
  font-size: 1.4rem;
  letter-spacing: -0.028rem;
}
.land_ap .land_sec6 .sec4_tab,
.land_ap .land_sec6 .sec4_tab_list {
  display: none;
}
.land_ap .land_sec6 .sec4_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5rem;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .sec4_body {
    gap: 3rem;
  }
}
.land_ap .land_sec6 .sec4_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  text-align: center;
  gap: 3rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .sec4_block {
    gap: 2.5rem;
  }
}
.land_ap .land_sec6 .sec4_block .web,
.land_ap .land_sec6 .sec4_block .mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  gap: 3rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .sec4_block .web,
  .land_ap .land_sec6 .sec4_block .mobile {
    gap: 2.5rem;
  }
}
.land_ap .land_sec6 .sec4_block_system {
  max-width: 90rem;
}
.land_ap .land_sec6 .sec4_block_road {
  gap: 3.6rem;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .sec4_block_road {
    gap: 3rem;
  }
}
.land_ap .land_sec6 .sec4_block_road .web,
.land_ap .land_sec6 .sec4_block_road .mobile {
  gap: 3.6rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .sec4_block_road .web,
  .land_ap .land_sec6 .sec4_block_road .mobile {
    gap: 3rem;
  }
}
.land_ap .land_sec6 .sec4_subtit {
  font-size: 2.8rem;
  letter-spacing: -0.056rem;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .sec4_subtit {
    font-size: 1.5rem;
    letter-spacing: -0.03rem;
    line-height: 1.4;
  }
}
.land_ap .land_sec6 .sec4_road_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
}
.land_ap .land_sec6 .sec4_road_tit .road_sub {
  margin-bottom: 0;
  font-size: 2.8rem;
  letter-spacing: -0.056rem;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .sec4_road_tit .road_sub {
    font-size: 1.5rem;
    letter-spacing: -0.03rem;
    line-height: 1.4;
  }
}
.land_ap .land_sec6 .sec4_road_tit .road_main {
  font-size: 2.8rem;
  letter-spacing: -0.056rem;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .sec4_road_tit .road_main {
    font-size: 1.5rem;
    letter-spacing: -0.03rem;
    line-height: 1.4;
  }
}
.land_ap .land_sec6 .sec4_feat {
  width: 100%;
  max-width: 84rem;
  margin: 0;
  padding: 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .sec4_feat {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1rem;
    padding: 0;
  }
}
.land_ap .land_sec6 .sec4_feat .feat_item {
  height: 17rem;
  min-height: 17rem;
  padding: 3rem 1rem;
  gap: 1.2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec6 .sec4_feat .feat_item {
    width: 28rem;
    max-width: 100%;
    height: auto;
    min-height: auto;
    padding: 2rem 0;
    gap: 0.8rem;
  }
}
.land_ap .land_sec6 .sec4_note {
  margin: 3.6rem 0;
}
.land_ap .land_sec6 .mobile .system_plus {
  position: relative;
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  margin: 0 auto;
}
.land_ap .land_sec6 .mobile .system_plus::before, .land_ap .land_sec6 .mobile .system_plus::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 0.2rem;
  background-color: #909090;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.land_ap .land_sec6 .mobile .system_plus::before {
  width: 0.36rem;
  height: 1.8rem;
}
.land_ap .land_sec6 .mobile .system_plus::after {
  width: 1.8rem;
  height: 0.36rem;
}
.land_ap .land_sec6 .mobile .sec4_note {
  margin: 3rem 0;
  margin-top: 5.56rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec7 {
    padding: 6rem 2rem;
  }
}
.land_ap .land_sec7 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5rem;
  max-width: 90rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec7 .sec_in {
    gap: 3rem;
    max-width: 100%;
  }
}
.land_ap .land_sec7 .sec5_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  max-width: 90rem;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec7 .sec5_head {
    gap: 1rem;
    max-width: 32rem;
  }
}
.land_ap .land_sec7 .sec5_badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.5rem 3rem;
  border-radius: 4.2rem;
  background-color: #273547;
  font-size: 3rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.06rem;
  line-height: 1.5;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec7 .sec5_badge {
    height: 3rem;
    padding: 0 1.7rem;
    border-radius: 2.363rem;
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
    line-height: 1;
  }
}
.land_ap .land_sec7 .sec5_tit {
  font-size: 2.8rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.056rem;
  line-height: 1.5;
}
.land_ap .land_sec7 .sec5_tit .tit_em {
  font-style: normal;
  color: #8fc31f;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec7 .sec5_tit {
    font-size: 1.5rem;
    letter-spacing: -0.03rem;
  }
}
.land_ap .land_sec7 .sec5_tracks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3.6rem;
  width: 100%;
  max-width: 79.4rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec7 .sec5_tracks {
    gap: 3rem;
    max-width: 100%;
  }
}
.land_ap .land_sec7 .track_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.2rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec7 .track_item {
    gap: 1.2rem;
  }
}
.land_ap .land_sec7 .track_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}
.land_ap .land_sec7 .track_tit {
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: -0.048rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec7 .track_tit {
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
  }
}
.land_ap .land_sec7 .track_regular .track_tit {
  color: #8fc31f;
}
.land_ap .land_sec7 .track_ivy .track_tit {
  color: #33715a;
}
.land_ap .land_sec7 .track_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec7 .track_list {
    gap: 0.4rem;
  }
}
.land_ap .land_sec7 .track_desc {
  position: relative;
  padding-left: 2.4rem;
  font-size: 2rem;
  color: #111921;
  letter-spacing: -0.04rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec7 .track_desc {
    padding-left: 1.5rem;
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
  }
}
.land_ap .land_sec7 .track_desc::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1em;
  line-height: 1.4;
}
.land_ap .land_sec7 .track_desc.desc_lime::before {
  color: #8fc31f;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec7 .track_desc.desc_olive {
    letter-spacing: -0.06rem;
  }
}
.land_ap .land_sec7 .track_desc.desc_olive::before {
  color: #677716;
}
.land_ap .land_sec7 .track_desc.desc_ivy::before {
  color: #33715a;
}
.land_ap .land_sec7 .track_bar {
  position: relative;
  width: 100%;
  height: 5rem;
  border-radius: 999rem;
  background-color: #fff;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec7 .track_bar {
    height: 3rem;
  }
}
.land_ap .land_sec7 .bar_fill {
  position: absolute;
  border-radius: 999rem;
}
.land_ap .land_sec7 .bar_fill_lime {
  left: 0.7rem;
  top: 0.625rem;
  width: calc(100% - 1.4rem);
  height: 3.75rem;
  background-color: #8fc31f;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec7 .bar_fill_lime {
    left: 0.4rem;
    top: 0.332rem;
    width: calc(100% - 0.8rem);
    height: 2.3rem;
  }
}
.land_ap .land_sec7 .bar_fill_olive {
  left: 0.7rem;
  top: 0.625rem;
  width: calc(50% - 0.7rem);
  height: 3.75rem;
  background-color: #677716;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec7 .bar_fill_olive {
    left: 0.4rem;
    top: 0.375rem;
    width: calc(50% - 0.4rem);
    height: 2.25rem;
  }
}
.land_ap .land_sec7 .bar_fill_ivy {
  left: 0.7rem;
  top: 0.572rem;
  width: calc(100% - 1.4rem);
  height: 3.75rem;
  background-color: #33715a;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec7 .bar_fill_ivy {
    left: 0.4rem;
    top: 0.332rem;
    width: calc(100% - 0.8rem);
    height: 2.2rem;
  }
}
.land_ap .land_sec7 .bar_label {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.04rem;
  line-height: 1.4;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec7 .bar_label {
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
  }
}
.land_ap .land_sec7 .bar_label_fast {
  left: 50%;
  -webkit-transform: translate(-160%, -50%);
          transform: translate(-160%, -50%);
}
.land_ap .land_sec7 .bar_label_normal {
  right: 3.5rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec7 .bar_label_normal {
    right: 2rem;
  }
}
.land_ap .land_sec7 {
  background-color: #f5f5f5;
}
.land_ap .land_sec8 {
  background-color: #fff;
  padding: 18rem 1.5rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec8 {
    padding: 6rem 2rem;
  }
}
.land_ap .land_sec8 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4rem;
  max-width: 120rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec8 .sec_in {
    gap: 4rem;
    max-width: 32rem;
  }
}
.land_ap .land_sec8 .gt_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
  text-align: center;
  color: #111921;
}
.land_ap .land_sec8 .gt_tit {
  margin: 0;
  font-family: "Do_bold", sans-serif;
  font-size: 4.5rem;
  font-weight: bold;
  letter-spacing: -0.09rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec8 .gt_tit {
    font-size: 2.4rem;
    letter-spacing: -0.048rem;
  }
}
.land_ap .land_sec8 .gt_sub {
  margin: 0;
  font-size: 3rem;
  letter-spacing: -0.06rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec8 .gt_sub {
    font-size: 1.5rem;
    letter-spacing: -0.03rem;
  }
}
.land_ap .land_sec8 .gt_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.land_ap .land_sec8 .gt_web_cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4rem;
  width: 100%;
}
.land_ap .land_sec8 .gt_dot {
  position: relative;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.land_ap .land_sec8 .gt_dot::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
}
.land_ap .land_sec8 .gt_dot_green {
  background-color: rgba(143, 195, 31, 0.3);
}
.land_ap .land_sec8 .gt_dot_green::after {
  background-color: #33715a;
}
.land_ap .land_sec8 .gt_dot_gray {
  background: rgba(217, 217, 217, 0.3);
}
.land_ap .land_sec8 .gt_dot_gray::after {
  background-color: #808080;
}
.land_ap .land_sec8 .gt_icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 22rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.land_ap .land_sec8 .gt_icons li {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 8.948rem;
  height: 8.948rem;
}
.land_ap .land_sec8 .gt_icons li img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.land_ap .land_sec8 .gt_timeline {
  position: relative;
  width: 100%;
  max-width: 116rem;
}
.land_ap .land_sec8 .gt_line {
  position: absolute;
  left: 11.8rem;
  top: 1.7rem;
  width: 92.4rem;
  height: 0.8rem;
  pointer-events: none;
}
.land_ap .land_sec8 .gt_line .line_bg,
.land_ap .land_sec8 .gt_line .line_fill {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-radius: 999.9rem;
}
.land_ap .land_sec8 .gt_line .line_bg {
  width: 100%;
  background-color: #d9d9d9;
}
.land_ap .land_sec8 .gt_line .line_fill {
  width: 77.1rem;
  background-color: #8fc31f;
}
.land_ap .land_sec8 .gt_steps {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.land_ap .land_sec8 .gt_step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  width: 23rem;
}
.land_ap .land_sec8 .gt_step .gt_dot {
  width: 4.2rem;
  height: 4.2rem;
}
.land_ap .land_sec8 .gt_step .gt_dot::after {
  width: 2.4rem;
  height: 2.4rem;
}
.land_ap .land_sec8 .gt_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
  width: 100%;
  text-align: center;
}
.land_ap .land_sec8 .gt_step_tit {
  margin: 0;
  font-family: "Do_bold", sans-serif;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: -0.048rem;
  line-height: 1.4;
  color: #111921;
}
.land_ap .land_sec8 .gt_step_desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  font-size: 2rem;
  letter-spacing: -0.04rem;
  line-height: 1.4;
  color: #000;
}
.land_ap .land_sec8 .gt_step_desc span {
  font-weight: normal;
}
.land_ap .land_sec8 .gt_step_desc strong {
  font-family: "Do_bold", sans-serif;
  font-weight: bold;
}
.land_ap .land_sec8 .gt_step_gray .gt_step_tit,
.land_ap .land_sec8 .gt_step_gray .gt_step_desc {
  color: #808080;
}
.land_ap .land_sec8 .gt_cards {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
  width: 32rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.land_ap .land_sec8 .gt_cards::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 1.6rem;
  width: 0.2rem;
  height: calc(100% - 1.6rem);
  background-color: #d9d9d9;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.land_ap .land_sec8 .gt_cards::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 1.6rem;
  width: 0.2rem;
  height: 53.5rem;
  background-color: #8fc31f;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.land_ap .land_sec8 .gt_card_item {
  position: relative;
  width: 100%;
  background: #fff;
  z-index: 2;
}
.land_ap .land_sec8 .gt_card_dot {
  position: absolute;
  left: 14.4rem;
  top: 0;
  z-index: 1;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
}
.land_ap .land_sec8 .gt_card_dot::after {
  width: 1.8rem;
  height: 1.8rem;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #33715a;
}
.land_ap .land_sec8 .gt_card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  width: 100%;
  margin-top: 1.6rem;
  padding: 3rem 0;
  border: 0.2rem solid #8fc31f;
  border-radius: 1.6rem;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.land_ap .land_sec8 .gt_card_gray {
  border-color: #d9d9d9;
}
.land_ap .land_sec8 .gt_card_ico {
  display: block;
  width: 7.158rem;
  height: 7.158rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.land_ap .land_sec8 .gt_card_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
  width: 23rem;
  text-align: center;
}
.land_ap .land_sec8 .gt_card_tit {
  margin: 0;
  font-family: "Do_bold", sans-serif;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: -0.04rem;
  line-height: 1.4;
  color: #111921;
}
.land_ap .land_sec8 .gt_card_desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  font-size: 1.6rem;
  letter-spacing: -0.032rem;
  line-height: 1.4;
  color: #000;
}
.land_ap .land_sec8 .gt_card_desc span {
  font-weight: normal;
}
.land_ap .land_sec8 .gt_card_desc strong {
  font-family: "Do_bold", sans-serif;
  font-weight: bold;
}
.land_ap .land_sec8 .gt_card_item_gray .gt_card_tit,
.land_ap .land_sec8 .gt_card_item_gray .gt_card_desc {
  color: #808080;
}
.land_ap .land_sec8 .gt_card_item_gray .gt_card_dot {
  background: rgba(217, 217, 217, 0.3);
}
.land_ap .land_sec8 .gt_card_item_gray .gt_card_dot::after {
  background-color: #d9d9d9;
}
.land_ap .land_sec9 {
  background-color: #f5f5f5;
  padding: 18rem 1.5rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec9 {
    padding: 6rem 2rem;
  }
}
.land_ap .land_sec9 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6rem;
  max-width: 120rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec9 .sec_in {
    gap: 6rem;
    max-width: 32rem;
  }
}
.land_ap .land_sec9 .sec9_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec9 .sec9_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6rem;
  }
}
.land_ap .land_sec9 .sec9_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4rem;
  width: 56.7rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec9 .sec9_item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    gap: 4rem;
  }
}
.land_ap .land_sec9 .item_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2.5rem;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec9 .item_info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2.5rem;
  }
}
.land_ap .land_sec9 .item_profile {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24rem;
  height: 19rem;
}
.land_ap .land_sec9 .item_profile img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec9 .item_profile {
    width: 24rem;
    height: 19rem;
  }
}
.land_ap .land_sec9 .item_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.5rem;
  min-width: 0;
  padding-top: 2rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec9 .item_txt {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 0;
  }
}
.land_ap .land_sec9 .item_name {
  margin: 0;
  font-family: "Do_bold", sans-serif;
  font-size: 2.4rem;
  font-weight: bold;
  color: #000;
  letter-spacing: -0.048rem;
  line-height: 1.4;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec9 .item_name {
    text-align: center;
  }
}
.land_ap .land_sec9 .item_quote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec9 .item_quote {
    width: 30.2rem;
    max-width: 100%;
    margin: 0 auto;
  }
}
.land_ap .land_sec9 .quote_open,
.land_ap .land_sec9 .quote_close {
  font-family: "Do_regular", sans-serif;
  font-size: 3.6rem;
  color: #8fc31f;
  letter-spacing: -0.072rem;
  line-height: 1;
}
.land_ap .land_sec9 .quote_open {
  margin-bottom: -1.8rem;
}
.land_ap .land_sec9 .quote_body {
  position: relative;
  width: 30.2rem;
}
.land_ap .land_sec9 .quote_close {
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.land_ap .land_sec9 .sec9_item:nth-child(1) .quote_close {
  left: 28.9rem;
  top: 7.1rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec9 .sec9_item:nth-child(1) .quote_close {
    left: 28.9rem;
    top: 7.1rem;
  }
}
.land_ap .land_sec9 .sec9_item:nth-child(2) .quote_close {
  left: 12.8rem;
  top: 9.643rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec9 .sec9_item:nth-child(2) .quote_close {
    left: 12.7rem;
    top: 9.643rem;
  }
}
.land_ap .land_sec9 .quote_txt {
  margin: 0;
  font-family: "Do_regular", sans-serif;
  font-size: 1.8rem;
  color: #000;
  letter-spacing: -0.036rem;
  line-height: 1.4;
}
.land_ap .land_sec9 .item_video {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 56.6rem;
  height: 31.8rem;
  border-radius: 2rem;
  overflow: hidden;
  background-color: #000;
}
.land_ap .land_sec9 .item_video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.land_ap .land_sec9 .item_video a {
  display: block;
  width: 100%;
  height: 100%;
}
.land_ap .land_sec9 .item_video img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .land_sec9 .item_video {
    width: 32rem;
    height: 18rem;
    border-radius: 1rem;
  }
}
.land_ap .section_event {
  padding: 10rem 0;
  height: 173rem;
  background: url(../images/land_s/fall26/ap/bg_event01_w.png) no-repeat center bottom;
  background-size: cover;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_ap .section_event {
    padding: 0;
    height: auto;
  }
}
.land_ap .section_event .sec_in .img_box {
  max-width: 120rem;
  margin: 0 auto;
}
.land_ap .section_event .sec_in .img_box img {
  width: 100%;
}

.land_cd {
  font-family: "Do_regular";
}
.land_cd .section_visual .sec_in {
  padding: 0;
}
.land_cd .section_visual .img_box {
  width: 100%;
}
.land_cd .section_visual .img_box img {
  width: 100%;
}
.land_cd .section2 {
  background-color: #fff;
  padding: 18rem 1.5rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section2 {
    padding: 6rem 2rem;
  }
}
.land_cd .section2 .sec_in {
  max-width: 120rem;
  margin: 0 auto;
}
.land_cd .section2 .sec2_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section2 .sec2_body {
    gap: 4rem;
    margin: 0 auto;
  }
}
.land_cd .section2 .sec2_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  text-align: center;
  color: #111921;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section2 .sec2_head {
    gap: 1.5rem;
  }
}
.land_cd .section2 .sec2_sub {
  margin: 0;
  font-size: 3rem;
  letter-spacing: -0.06rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section2 .sec2_sub {
    font-size: 2rem;
    letter-spacing: -0.04rem;
  }
}
.land_cd .section2 .sec2_tit {
  margin: 0;
  font-family: "Do_bold", sans-serif;
  font-size: 4.5rem;
  font-weight: bold;
  letter-spacing: -0.09rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section2 .sec2_tit {
    font-size: 2.8rem;
    letter-spacing: -0.056rem;
  }
}
.land_cd .section2 .sec2_cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4.5rem;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section2 .sec2_cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2rem;
  }
}
.land_cd .section2 .sec2_card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 37rem;
          flex: 0 0 37rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 37rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section2 .sec2_card {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 32rem;
  }
}
.land_cd .section2 .card_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2rem;
  border-radius: 2.4rem 2.4rem 0 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section2 .card_head {
    padding: 1.2rem;
    border-radius: 1.6rem 1.6rem 0 0;
  }
}
.land_cd .section2 .card_head.card_pink {
  background-color: #e62f87;
}
.land_cd .section2 .card_head.card_dark {
  background-color: #273547;
}
.land_cd .section2 .card_tit {
  margin: 0;
  font-family: "Do_bold", sans-serif;
  font-size: 2.6rem;
  font-weight: bold;
  letter-spacing: -0.052rem;
  line-height: 1.4;
  color: #fff;
  text-align: center;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section2 .card_tit {
    font-size: 2rem;
    letter-spacing: -0.04rem;
  }
}
.land_cd .section2 .card_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
  padding: 3.5rem;
  border: 1px solid #b4b4b4;
  border-top: 0;
  border-radius: 0 0 2.4rem 2.4rem;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section2 .card_body {
    gap: 1.5rem;
    padding: 2.5rem 3.5rem;
    border-radius: 0 0 1.6rem 1.6rem;
  }
}
.land_cd .section2 .card_flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  width: 30rem;
  min-height: 4.7rem;
  padding: 0.7rem 2.7rem;
  border-radius: 0.6rem;
  background-color: rgba(39, 53, 71, 0.05);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section2 .card_flow {
    gap: 0.7rem;
    width: 26rem;
    min-height: auto;
    padding: 0.8rem 0;
  }
}
.land_cd .section2 .flow_txt {
  font-family: "Do_bold", sans-serif;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: -0.048rem;
  line-height: 1.4;
  color: #273547;
  text-align: center;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section2 .flow_txt {
    font-size: 1.8rem;
    letter-spacing: -0.036rem;
  }
}
.land_cd .section2 .flow_arr {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 0;
  height: 0;
  border-top: 0.5rem solid transparent;
  border-bottom: 0.5rem solid transparent;
  border-left: 0.8rem solid #E62F87;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section2 .flow_arr {
    border-left-width: 0.7rem;
  }
}
.land_cd .section2 .card_desc {
  margin: 0;
  font-size: 2rem;
  letter-spacing: -0.04rem;
  line-height: 1.4;
  color: #000;
  text-align: center;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section2 .card_desc {
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
  }
}
.land_cd .section3 {
  background-color: #f5f5f5;
  padding: 18rem 1.5rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section3 {
    padding: 6rem 2rem;
  }
}
.land_cd .section3 .sec_in {
  max-width: 120rem;
  margin: 0 auto;
}
.land_cd .section3 .sec3_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10rem;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section3 .sec3_body {
    gap: 4rem;
    max-width: 32rem;
    margin: 0 auto;
  }
}
.land_cd .section3 .sec3_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  gap: 4rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section3 .sec3_block {
    gap: 2rem;
  }
}
.land_cd .section3 .sec3_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  gap: 1.5rem;
  color: #111921;
}
.land_cd .section3 .sec3_sub {
  margin: 0;
  font-size: 3rem;
  letter-spacing: -0.06rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section3 .sec3_sub {
    font-size: 2rem;
    letter-spacing: -0.04rem;
  }
}
.land_cd .section3 .sec3_tit {
  margin: 0;
  font-family: "Do_bold", sans-serif;
  font-size: 4.5rem;
  font-weight: bold;
  letter-spacing: -0.09rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section3 .sec3_tit {
    font-size: 2.8rem;
    letter-spacing: -0.056rem;
  }
}
.land_cd .section3 .sec_note {
  color: #808080;
  text-align: center;
  font-family: "Do OTF";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.028rem;
}
.land_cd .section3 {
  /* 화살표 아이콘 (텍스트 대체용 css triangle) */
}
.land_cd .section3 .arr {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
}
.land_cd .section3 .arr.arr_r {
  margin: 0 0.2rem;
  border-top: 0.5rem solid transparent;
  border-bottom: 0.5rem solid transparent;
  border-left: 0.7rem solid #E62F87;
}
.land_cd .section3 .arr.arr_d {
  border-left: 0.7rem solid transparent;
  border-right: 0.7rem solid transparent;
  border-top: 0.6rem solid #b4b4b4;
}
.land_cd .section3 .arr.arr_red {
  border-left: 0.7rem solid transparent;
  border-right: 0.7rem solid transparent;
  border-top: 0.8rem solid #ea0029;
}
.land_cd .section3 .arr.arr_pink {
  border-left: 0.7rem solid transparent;
  border-right: 0.7rem solid transparent;
  border-top: 0.8rem solid #e62f87;
}
.land_cd .section3 {
  /* 현재1 : 정책 비교 카드 */
}
.land_cd .section3 .compare_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4rem;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section3 .compare_row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2rem;
  }
}
.land_cd .section3 .plus_ico {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 4rem;
  height: 4rem;
  margin-top: 15rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section3 .plus_ico {
    width: 3.2rem;
    height: 3.2rem;
    margin: 0.5rem 0;
  }
}
.land_cd .section3 .plus_ico img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.land_cd .section3 .compare_card {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50rem;
          flex: 1 1 50rem;
  max-width: 50rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section3 .compare_card {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
    max-width: 32rem;
  }
}
.land_cd .section3 .card_pill {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 6.4rem;
  padding: 0 4.6rem;
  border-radius: 3.2rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
  font-family: "Do_bold", sans-serif;
  font-size: 2.6rem;
  font-weight: bold;
  letter-spacing: -0.052rem;
  color: #fff;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section3 .card_pill {
    height: 3.8rem;
    padding: 0 3rem;
    font-size: 2rem;
    letter-spacing: -0.04rem;
  }
}
.land_cd .section3 .card_pill.pill_dark {
  background-color: #273547;
}
.land_cd .section3 .card_pill.pill_pink {
  background-color: #e62f87;
}
.land_cd .section3 .card_box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3rem;
  margin-top: 3rem;
  padding: 7rem 2.3rem 5rem;
  border: 1px solid #b4b4b4;
  border-radius: 2.4rem;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section3 .card_box {
    gap: 2rem;
    margin-top: 1.9rem;
    padding: 4rem 2.3rem 3rem;
    border-radius: 1.6rem;
  }
}
.land_cd .section3 .box_tit {
  margin: 0;
  font-family: "Do_bold", sans-serif;
  font-size: 3.2rem;
  font-weight: bold;
  letter-spacing: -0.064rem;
  color: #000;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section3 .box_tit {
    font-size: 2.4rem;
    letter-spacing: -0.048rem;
  }
}
.land_cd .section3 .box_line {
  display: block;
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #b4b4b4;
}
.land_cd .section3 .box_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  width: 100%;
  margin: 0;
  padding: 0 0 2.8rem;
  list-style: none;
  font-size: 2rem;
  letter-spacing: -0.04rem;
  line-height: 1.4;
  color: #000;
  margin-left: 4.1rem;
  min-height: 12.2rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section3 .box_list {
    padding: 0;
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
    margin-left: 1.5rem;
    min-height: auto;
  }
}
.land_cd .section3 .box_list li {
  position: relative;
  padding-left: 1.4rem;
}
.land_cd .section3 .box_list li::before {
  content: "∙";
  position: absolute;
  left: 0;
}
.land_cd .section3 .video_wrap {
  position: relative;
  width: 30rem;
  aspect-ratio: 30/54.144; /* 세로형 쇼츠 비율 */
  margin: 0 auto;
  background-color: #000;
  border-radius: 1.5rem;
  overflow: hidden;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section3 .video_wrap {
    width: 20.5rem;
  }
}
.land_cd .section3 .video_wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.land_cd .section3 {
  /* 현재2 : 커리큘럼 비교 */
}
.land_cd .section3 .curri_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6rem;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section3 .curri_row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4rem;
  }
}
.land_cd .section3 .curri_col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 53rem;
          flex: 1 1 53rem;
  max-width: 53rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section3 .curri_col {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
    max-width: 32rem;
    gap: 1.5rem;
  }
}
.land_cd .section3 .curri_circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 23rem;
  height: 23rem;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section3 .curri_circle {
    width: 16rem;
    height: 16rem;
  }
}
.land_cd .section3 .curri_circle em {
  font-family: "Do_bold", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 2.6rem;
  letter-spacing: -0.052rem;
  color: #fff;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section3 .curri_circle em {
    font-size: 2rem;
    letter-spacing: -0.04rem;
  }
}
.land_cd .section3 .curri_line {
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 0.8rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section3 .curri_line {
    width: 0.6rem;
  }
}
.land_cd .section3 .curri_line img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.land_cd .section3 .curri_box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.4rem;
  width: 100%;
  margin-top: 3.254rem;
  padding: 6rem 0 4.5rem;
  border: 1px solid #b4b4b4;
  border-radius: 2.4rem;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section3 .curri_box {
    gap: 1.6rem;
    margin-top: 2rem;
    padding: 4rem 0 3rem;
    border-radius: 1.6rem;
  }
}
.land_cd .section3 .box_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  text-align: center;
  color: #000;
}
.land_cd .section3 .head_tit {
  margin: 0;
  font-family: "Do_bold", sans-serif;
  font-size: 2.6rem;
  font-weight: bold;
  letter-spacing: -0.052rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section3 .head_tit {
    font-size: 2rem;
    letter-spacing: -0.04rem;
  }
}
.land_cd .section3 .head_sub {
  margin: 0;
  font-size: 2rem;
  letter-spacing: -0.04rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section3 .head_sub {
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
  }
}
.land_cd .section3 .box_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  width: 45rem;
  padding: 2rem 0;
  border-radius: 2rem;
  background-color: #f4f4f4;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section3 .box_info {
    gap: 0.8rem;
    width: 26rem;
    padding: 1.6rem 0;
    border-radius: 1.2rem;
  }
}
.land_cd .section3 .box_info .info_badge {
  margin: 0;
  font-family: "Do_bold", sans-serif;
  font-size: 2.2rem;
  font-weight: bold;
  letter-spacing: -0.044rem;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section3 .box_info .info_badge {
    font-size: 2rem;
    letter-spacing: -0.04rem;
  }
}
.land_cd .section3 .box_info .info_pill {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 2.7rem;
  padding: 0 0.6rem;
  font-family: "Do_bold", sans-serif;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: -0.036rem;
  white-space: nowrap;
  text-align: center;
  color: #fff;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section3 .box_info .info_pill {
    height: 2.4rem;
    padding: 0 1rem;
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
  }
}
.land_cd .section3 .box_info .info_desc {
  margin: 0;
  font-size: 2rem;
  letter-spacing: -0.04rem;
  line-height: 1.4;
  text-align: center;
  color: #000;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section3 .box_info .info_desc {
    font-size: 1.8rem;
    letter-spacing: -0.036rem;
  }
}
.land_cd .section3 .box_info .info_desc strong {
  font-family: "Do_bold", sans-serif;
  font-weight: bold;
}
.land_cd .section3 .box_info.info_dark .info_badge {
  color: #ea0029;
}
.land_cd .section3 .box_info.info_dark .info_pill {
  background-color: #ea0029;
}
.land_cd .section3 .box_info.info_pink .info_badge {
  color: #e62f87;
}
.land_cd .section3 .box_info.info_pink .info_pill {
  background-color: #e62f87;
}
.land_cd .section3 .curri_pill {
  position: absolute;
  top: -3.2rem;
  left: 50%;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 6.4rem;
  padding: 0 3rem;
  border-radius: 3.2rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
  font-family: "Do_bold", sans-serif;
  font-size: 3rem;
  font-weight: bold;
  letter-spacing: -0.06rem;
  color: #fff;
  min-width: 28rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section3 .curri_pill {
    top: -2rem;
    height: 4rem;
    padding: 0 2rem;
    font-size: 2.4rem;
    letter-spacing: -0.048rem;
    min-width: 20rem;
  }
}
.land_cd .section3 .curri_pill.pill_dark {
  background-color: #273547;
}
.land_cd .section3 .curri_pill.pill_pink {
  background-color: #e62f87;
}
.land_cd .section3 .curri_note {
  width: 100%;
  margin: 0;
  font-size: 1.8rem;
  letter-spacing: -0.036rem;
  text-align: right;
  color: #808080;
  margin-top: -2.5rem;
  margin-right: 8rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section3 .curri_note {
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
    text-align: right;
    margin-top: -1rem;
    margin-right: 0;
  }
}
.land_cd .section3 {
  /* 레벨별 학습 목표 */
}
.land_cd .section3 .level_img {
  width: 100%;
  max-width: 112rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section3 .level_img {
    max-width: 28rem;
  }
}
.land_cd .section3 .level_img img {
  display: block;
  width: 100%;
  height: auto;
}
.land_cd .section3 {
  /* 하단 풀 영상 */
}
.land_cd .section3 .sec3_bottom_video {
  width: 100%;
  max-width: 96rem;
  margin: 0 auto;
  margin-top: 10rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section3 .sec3_bottom_video {
    max-width: 32rem;
    margin-top: 4rem;
  }
}
.land_cd .section3 .sec3_bottom_video .video_link {
  display: block;
  border-radius: 1rem;
  overflow: hidden;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section3 .sec3_bottom_video .video_link {
    border-radius: 0.6rem;
  }
}
.land_cd .section3 .sec3_bottom_video img {
  display: block;
  width: 100%;
  height: auto;
}
.land_cd .section4 {
  background-color: #fff;
  padding: 18rem 1.5rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section4 {
    padding: 8rem 2rem;
  }
}
.land_cd .section4 .sec_in {
  max-width: 120rem;
  margin: 0 auto;
}
.land_cd .section4 .sec4_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4rem;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section4 .sec4_body {
    gap: 4rem;
    margin: 0 auto;
  }
}
.land_cd .section4 .sec4_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  gap: 4rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section4 .sec4_block {
    gap: 3rem;
  }
}
.land_cd .section4 .sec4_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3rem;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section4 .sec4_head {
    gap: 2rem;
  }
}
.land_cd .section4 .sec4_badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20rem;
  height: 6.8rem;
  border-radius: 5rem;
  background-color: #273547;
  font-family: "Do_bold", sans-serif;
  font-size: 3rem;
  font-weight: bold;
  letter-spacing: -0.06rem;
  color: #fff;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section4 .sec4_badge {
    width: 12rem;
    height: 4rem;
    font-size: 2.2rem;
    letter-spacing: -0.044rem;
  }
}
.land_cd .section4 .sec4_tit {
  margin: 0;
  font-family: "Do_bold", sans-serif;
  font-size: 4rem;
  font-weight: bold;
  letter-spacing: -0.08rem;
  line-height: 1.4;
  color: #111921;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section4 .sec4_tit {
    font-size: 2.6rem;
    letter-spacing: -0.052rem;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section4 .masters_tit br {
    display: block;
  }
}
.land_cd .section4 {
  /* ESL 카드 */
}
.land_cd .section4 .esl_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 2rem;
  width: 100%;
  max-width: 90rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section4 .esl_wrap {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1rem;
  }
}
.land_cd .section4 .esl_cards {
  display: grid;
  grid-template-columns: repeat(2, 44rem);
  gap: 2rem;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section4 .esl_cards {
    grid-template-columns: 1fr;
    gap: 1.2rem;
    max-width: 32rem;
  }
}
.land_cd .section4 .esl_card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.4rem;
  min-height: 20rem;
  padding: 4.6rem 2rem;
  border: 1px solid #b4b4b4;
  border-radius: 1.2rem;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section4 .esl_card {
    gap: 0.8rem;
    min-height: auto;
    padding: 3.2rem 2rem;
    border-color: #d1d1d6;
    border-radius: 1.5rem;
  }
}
.land_cd .section4 .card_mark {
  position: absolute;
  top: 2rem;
  right: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.7rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section4 .card_mark {
    top: 2rem;
    right: 2.3rem;
    gap: 1.2rem;
  }
}
.land_cd .section4 .mark_dot,
.land_cd .section4 .legend_dot {
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section4 .mark_dot,
  .land_cd .section4 .legend_dot {
    width: 2rem;
    height: 2rem;
  }
}
.land_cd .section4 .mark_dot.dot_lit,
.land_cd .section4 .legend_dot.dot_lit {
  background-color: #b5cf3c;
}
.land_cd .section4 .mark_dot.dot_img,
.land_cd .section4 .legend_dot.dot_img {
  background-color: #c9a3db;
}
.land_cd .section4 .mark_dot.dot_story,
.land_cd .section4 .legend_dot.dot_story {
  background-color: #f0a84b;
}
.land_cd .section4 .card_code {
  margin: 0;
  font-family: "Do_bold", sans-serif;
  font-size: 2.6rem;
  font-weight: bold;
  letter-spacing: -0.052rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section4 .card_code {
    font-size: 2rem;
    letter-spacing: -0.04rem;
  }
}
.land_cd .section4 .card_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section4 .card_txt {
    gap: 0.6rem;
  }
}
.land_cd .section4 .card_tit {
  margin: 0;
  font-family: "Do_bold", sans-serif;
  font-size: 2.6rem;
  font-weight: bold;
  letter-spacing: -0.052rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section4 .card_tit {
    font-size: 2rem;
    letter-spacing: -0.04rem;
  }
}
.land_cd .section4 .card_sub {
  margin: 0;
  font-size: 2rem;
  letter-spacing: -0.04rem;
  line-height: 1.4;
  color: #808080;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section4 .card_sub {
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
    color: #636366;
  }
}
.land_cd .section4 .card_c1 .card_code,
.land_cd .section4 .card_c1 .card_tit {
  color: #316092;
}
.land_cd .section4 .card_c2 .card_code,
.land_cd .section4 .card_c2 .card_tit {
  color: #0599ae;
}
.land_cd .section4 .card_a2 .card_code,
.land_cd .section4 .card_a2 .card_tit {
  color: #c2914d;
}
.land_cd .section4 .card_v1 .card_code,
.land_cd .section4 .card_v1 .card_tit {
  color: #cb296d;
}
.land_cd .section4 .esl_legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.6rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section4 .esl_legend {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 3.2rem;
    padding: 1rem;
  }
}
.land_cd .section4 .esl_legend li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
  font-size: 1.8rem;
  letter-spacing: -0.036rem;
  line-height: 1.4;
  color: #111921;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section4 .esl_legend li {
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
    color: #1c1c1e;
  }
}
.land_cd .section4 {
  /* Masters 모듈 */
}
.land_cd .section4 .masters_modules {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
  width: 100%;
  max-width: 90rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section4 .masters_modules {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1rem;
    max-width: 32rem;
  }
}
.land_cd .section4 .module_card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 16.4rem;
          flex: 1 1 16.4rem;
  max-width: 16.4rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section4 .module_card {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
    max-width: 32rem;
  }
}
.land_cd .section4 .module_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 6.8rem;
  border-radius: 1.2rem 1.2rem 0 0;
  font-family: "Do_bold", sans-serif;
  font-size: 2.6rem;
  font-weight: bold;
  letter-spacing: -0.052rem;
  color: #fff;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section4 .module_head {
    height: 5rem;
    border-radius: 1.5rem 1.5rem 0 0;
    font-size: 2rem;
    letter-spacing: -0.04rem;
  }
}
.land_cd .section4 .module_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 10rem;
  padding: 1rem;
  border: 1px solid #b4b4b4;
  border-top: 0;
  border-radius: 0 0 1.2rem 1.2rem;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section4 .module_body {
    min-height: 7.4rem;
    border-radius: 0 0 1.5rem 1.5rem;
  }
}
.land_cd .section4 .module_body p {
  margin: 0;
  font-size: 2rem;
  letter-spacing: -0.04rem;
  line-height: 1.4;
  text-align: center;
  color: #333;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section4 .module_body p {
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
  }
}
.land_cd .section4 .mod1 .module_head {
  background-color: #a8b4c4;
}
.land_cd .section4 .mod2 .module_head {
  background-color: #8090a4;
}
.land_cd .section4 .mod3 .module_head {
  background-color: #607188;
}
.land_cd .section4 .mod4 .module_head {
  background-color: #425368;
}
.land_cd .section4 .mod5 .module_head {
  background-color: #273547;
}
.land_cd .section5 {
  background-color: #f4f4f4;
  padding: 18rem 1.5rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section5 {
    padding: 8rem 2rem;
  }
}
.land_cd .section5 .sec_in {
  max-width: 120rem;
  margin: 0 auto;
}
.land_cd .section5 .sec5_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4rem;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section5 .sec5_body {
    gap: 4rem;
    margin: 0 auto;
  }
}
.land_cd .section5 .sec5_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.land_cd .section5 .sec5_efl {
  gap: 4rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section5 .sec5_efl {
    gap: 3rem;
  }
}
.land_cd .section5 .sec5_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3rem;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section5 .sec5_head {
    gap: 2rem;
  }
}
.land_cd .section5 .sec5_badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20rem;
  height: 6.8rem;
  border-radius: 5rem;
  background-color: #e62f87;
  font-family: "Do_bold", sans-serif;
  font-size: 3rem;
  font-weight: bold;
  letter-spacing: -0.06rem;
  color: #fff;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section5 .sec5_badge {
    width: 12rem;
    height: 4rem;
    font-size: 2.2rem;
    letter-spacing: -0.044rem;
  }
}
.land_cd .section5 .sec5_tit {
  margin: 0;
  font-family: "Do_bold", sans-serif;
  font-size: 4rem;
  font-weight: bold;
  letter-spacing: -0.08rem;
  line-height: 1.4;
  color: #111921;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section5 .sec5_tit {
    font-size: 2.6rem;
    letter-spacing: -0.052rem;
  }
}
.land_cd .section5 .sec5_diagram,
.land_cd .section5 .roadmap_img {
  width: 100%;
  max-width: 90rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section5 .sec5_diagram,
  .land_cd .section5 .roadmap_img {
    max-width: 32rem;
  }
}
.land_cd .section5 .sec5_diagram img,
.land_cd .section5 .roadmap_img img {
  display: block;
  width: 100%;
  height: auto;
}
.land_cd .section5 .sec5_courses {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  width: 100%;
  max-width: 90rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section5 .sec5_courses {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3rem;
    max-width: 32rem;
  }
}
.land_cd .section5 .course_col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section5 .course_col {
    gap: 1.5rem;
    width: 100%;
  }
}
.land_cd .section5 .course_badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 8rem;
  height: 3.4rem;
  border-radius: 5rem;
  font-family: "Do_bold", sans-serif;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: -0.036rem;
  color: #fff;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section5 .course_badge {
    height: 3rem;
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
  }
}
.land_cd .section5 .col_read .course_badge {
  background-color: #273547;
}
.land_cd .section5 .col_gram .course_badge {
  background-color: #93b0d8;
}
.land_cd .section5 .col_vocab .course_badge {
  background-color: #b9944b;
}
.land_cd .section5 .col_prep .course_badge {
  background-color: #00babb;
}
.land_cd .section5 .course_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section5 .course_list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
  }
}
.land_cd .section5 .course_item {
  min-width: 0;
}
.land_cd .section5 .item_code {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0 0 0.4rem;
  font-family: "Do_bold", sans-serif;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: -0.036rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section5 .item_code {
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.land_cd .section5 .item_abbr {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.land_cd .section5 .item_bar {
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 0.23rem;
  height: 1.6rem;
  background-color: currentColor;
  margin-top: -0.1rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section5 .item_bar {
    width: 0.18rem;
    height: 1.2rem;
  }
}
.land_cd .section5 .item_en {
  font-family: "Do_regular", sans-serif;
  font-size: 1.2rem;
  font-weight: normal;
  letter-spacing: -0.024rem;
  color: #333;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section5 .item_en {
    font-size: 0.8rem;
    letter-spacing: -0.016rem;
    white-space: nowrap;
  }
}
.land_cd .section5 .item_desc {
  margin: 0;
  font-size: 1.8rem;
  letter-spacing: -0.036rem;
  line-height: 1.4;
  color: inherit;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section5 .item_desc {
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
  }
}
.land_cd .section5 .col_read .item_code,
.land_cd .section5 .col_read .item_desc {
  color: #273547;
}
.land_cd .section5 .col_gram .item_code,
.land_cd .section5 .col_gram .item_desc {
  color: #93b0d8;
}
.land_cd .section5 .col_vocab .item_code,
.land_cd .section5 .col_vocab .item_desc {
  color: #b9944b;
}
.land_cd .section5 .col_prep .item_code,
.land_cd .section5 .col_prep .item_desc {
  color: #00babb;
}
.land_cd .section5 .sec5_roadmap {
  gap: 4rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section5 .sec5_roadmap {
    gap: 3rem;
  }
}
.land_cd .section5 .roadmap_badge {
  margin: 0;
  padding: 1rem;
  background-color: rgba(230, 47, 135, 0.2);
  font-family: "Do_bold", sans-serif;
  font-size: 3rem;
  font-weight: bold;
  letter-spacing: -0.06rem;
  line-height: 1.4;
  text-align: center;
  color: #111921;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section5 .roadmap_badge {
    padding: 0.8rem 1rem;
    font-size: 1.8rem;
    letter-spacing: -0.036rem;
  }
}
.land_cd .section6 {
  background-color: #fff;
  padding: 18rem 1.5rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section6 {
    padding: 8rem 2rem;
  }
}
.land_cd .section6 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7rem;
  max-width: 120rem;
  margin: 0 auto;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section6 .sec_in {
    gap: 4rem;
    max-width: 32rem;
  }
}
.land_cd .section6 .sec6_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4rem;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section6 .sec6_body {
    gap: 4rem;
  }
}
.land_cd .section6 .sec6_head {
  width: 100%;
  text-align: center;
}
.land_cd .section6 .sec6_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  font-family: "Do_bold", sans-serif;
  font-size: 4.5rem;
  font-weight: bold;
  letter-spacing: -0.09rem;
  line-height: 1.4;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section6 .sec6_tit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 2.6rem;
    letter-spacing: -0.052rem;
  }
}
.land_cd .section6 .tit_red {
  color: #ea0029;
}
.land_cd .section6 .tit_black {
  color: #111921;
}
.land_cd .section6 .sec6_videos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7rem;
  width: 100%;
  max-width: 80rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section6 .sec6_videos {
    gap: 4rem;
    max-width: 32rem;
  }
}
.land_cd .section6 .video_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3rem;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section6 .video_item {
    gap: 2rem;
  }
}
.land_cd .section6 .video_box {
  width: 100%;
  border-radius: 2rem;
  overflow: hidden;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section6 .video_box {
    border-radius: 1.2rem;
  }
}
.land_cd .section6 .video_box .video_link {
  display: block;
}
.land_cd .section6 .video_box img {
  display: block;
  width: 100%;
  height: auto;
}
.land_cd .section6 .video_desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  text-align: center;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section6 .video_desc {
    gap: 1rem;
  }
}
.land_cd .section6 .desc_sub {
  margin: 0;
  font-size: 3rem;
  letter-spacing: -0.06rem;
  line-height: 1.4;
  color: #111921;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section6 .desc_sub {
    font-size: 2rem;
    letter-spacing: -0.04rem;
  }
}
.land_cd .section6 .desc_tit {
  margin: 0;
  font-family: "Do_bold", sans-serif;
  font-size: 3rem;
  font-weight: bold;
  letter-spacing: -0.06rem;
  line-height: 1.4;
  color: #ea0029;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section6 .desc_tit {
    font-size: 2rem;
    letter-spacing: -0.04rem;
  }
}
.land_cd .section_event {
  padding: 10rem 0;
  height: 173rem;
  background: url(../images/land_s/fall26/cd/bg_event01_w.png) no-repeat center bottom;
  background-size: cover;
}
@media (min-width: 0) and (max-width: 767px) {
  .land_cd .section_event {
    padding: 0;
    height: auto;
  }
}
.land_cd .section_event .sec_in .img_box {
  max-width: 120rem;
  margin: 0 auto;
}
.land_cd .section_event .sec_in .img_box img {
  width: 100%;
}
.land_cd .land_sec_btns {
  background: #F4F4F4;
}

.rem_container {
  width: 100%;
}

.container:has(.branch_curriculum, .branch_roadmap) {
  padding: 0;
}

.branch_brand {
  font-family: "Do_regular";
}
.branch_brand > section .sec_in {
  opacity: 0;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.branch_brand > section.trOn .sec_in {
  opacity: 1;
}
.branch_brand section {
  padding: 15rem;
}
.branch_brand section .sec_in {
  max-width: 120rem;
  margin: 0 auto;
}
.branch_brand section.brand_sec1 {
  background-color: #eee;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec1 {
    padding: 6rem 2rem;
  }
}
.branch_brand section.brand_sec1 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8rem;
  max-width: 90rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec1 .sec_in {
    gap: 3rem;
    max-width: 32rem;
  }
}
.branch_brand section.brand_sec1 .sec1_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3rem;
  text-align: center;
}
.branch_brand section.brand_sec1 .sec1_logo {
  line-height: 0;
}
.branch_brand section.brand_sec1 .sec1_logo_img {
  display: block;
  width: 18rem;
  height: auto;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec1 .sec1_logo_img {
    width: 9.2rem;
  }
}
.branch_brand section.brand_sec1 .sec1_desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec1 .sec1_desc {
    gap: 0rem;
  }
}
.branch_brand section.brand_sec1 .desc_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.branch_brand section.brand_sec1 .desc_row2 {
  text-align: center;
  margin-top: 0.2rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec1 .desc_row2 {
    width: 100%;
    margin-top: 0rem;
    line-height: 1.8;
  }
}
.branch_brand section.brand_sec1 .desc_row2 .desc_txt {
  margin-left: -0.2rem;
  background: #eee;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec1 .desc_row2 .desc_txt {
    margin-left: -0.4rem;
  }
}
.branch_brand section.brand_sec1 .desc_txt {
  display: inline-block;
  font-size: 2.4rem;
  color: #111921;
  letter-spacing: -0.048rem;
  line-height: 1.6;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec1 .desc_txt {
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
  }
}
.branch_brand section.brand_sec1 .desc_emphasis {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 0.5rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec1 .desc_emphasis {
    margin-left: 0.3rem;
  }
}
.branch_brand section.brand_sec1 .emphasis_dots {
  display: block;
  width: 13.3rem;
  height: auto;
  margin-bottom: 0.4rem;
  margin-left: 0.5rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec1 .emphasis_dots {
    width: 7.3rem;
    margin-bottom: -0.2rem;
    margin-top: 0.1rem;
    margin-left: 0.3rem;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  body.ios .branch_brand section.brand_sec1 .emphasis_dots {
    width: 8.4rem;
  }
}
.branch_brand section.brand_sec1 .emphasis_txt {
  position: relative;
  z-index: 1;
  font-size: 2.4rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.048rem;
  line-height: 1.6;
  font-family: "Do_regular";
  position: relative;
}
.branch_brand section.brand_sec1 .emphasis_txt::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.6rem;
  z-index: -1;
  height: 1.1rem;
  border-radius: 0.6rem;
  background-color: rgba(143, 195, 31, 0.5);
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec1 .emphasis_txt {
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
  }
  .branch_brand section.brand_sec1 .emphasis_txt::after {
    bottom: 0.3rem;
    height: 0.9rem;
  }
}
.branch_brand section.brand_sec1 .emphasis_txt i {
  font-style: normal;
  position: relative;
}
.branch_brand section.brand_sec1 .emphasis_txt i::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -1.3rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0.45rem;
  height: 0.45rem;
  background: rgb(143, 195, 31);
  pointer-events: none;
  border-radius: 50%;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec1 .emphasis_txt i::before {
    width: 0.22rem;
    height: 0.22rem;
    top: -0.35rem;
  }
}
.branch_brand section.brand_sec1 .desc_badge {
  display: inline;
  padding: 0 0.5rem;
  font-size: 2.4rem;
  color: #111921;
  letter-spacing: -0.048rem;
  line-height: 1.6;
  background-color: #8fc31f;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec1 .desc_badge {
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
  }
}
.branch_brand section.brand_sec1 .key_visual {
  position: relative;
  width: 100%;
  max-width: 90rem;
  margin: 0 auto;
}
.branch_brand section.brand_sec1 .sec1_key_img {
  display: block;
  width: 100%;
  height: auto;
}
.branch_brand section.brand_sec1 .mobile_overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.branch_brand section.brand_sec1 .mobile_overlay .num {
  position: absolute;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.036rem;
  line-height: 1;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.branch_brand section.brand_sec1 .mobile_overlay .num01 {
  left: 22%;
  top: 77.5%;
}
.branch_brand section.brand_sec1 .mobile_overlay .num02 {
  left: 38.9%;
  top: 45.2%;
}
.branch_brand section.brand_sec1 .mobile_overlay .num03 {
  left: 61.1%;
  top: 45.2%;
}
.branch_brand section.brand_sec1 .mobile_overlay .num04 {
  left: 77.6%;
  top: 78.1%;
}
.branch_brand section.brand_sec1 .mobile_overlay .txt {
  font-size: 1.5rem;
  font-weight: bold;
  color: #273547;
  letter-spacing: -0.03rem;
  line-height: 1.25;
  text-align: center;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 11rem;
}
@media (max-width: 400px) {
  .branch_brand section.brand_sec1 .mobile_overlay .txt {
    margin-top: 12rem;
  }
}
.branch_brand section.brand_sec1 .key_items {
  position: absolute;
  inset: 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec1 .key_items {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
    margin-top: 3rem;
  }
}
.branch_brand section.brand_sec1 .key_item {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.7rem;
  text-align: center;
  color: #fff;
  -webkit-transform: none;
          transform: none;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec1 .key_item {
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1rem;
    width: 100%;
    height: 6.8rem;
    padding: 0.9rem 1.2rem;
    border-radius: 5.4rem;
    background-color: #fff;
    color: #273547;
    text-align: left;
    left: auto !important;
    top: auto !important;
  }
}
.branch_brand section.brand_sec1 .key_item .item_num {
  font-size: 3.2rem;
  font-weight: bold;
  letter-spacing: -0.064rem;
  line-height: 1.45;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec1 .key_item .item_num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    font-size: 1.6rem;
    color: #fff;
    letter-spacing: -0.032rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.branch_brand section.brand_sec1 .key_item .item_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.7rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec1 .key_item .item_text {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0.6rem;
  }
}
.branch_brand section.brand_sec1 .key_item .item_tit {
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: -0.04rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec1 .key_item .item_tit {
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
    line-height: 1;
  }
  .branch_brand section.brand_sec1 .key_item .item_tit br {
    display: none;
  }
}
.branch_brand section.brand_sec1 .key_item .item_sub {
  font-size: 1.6rem;
  font-weight: normal;
  letter-spacing: -0.032rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec1 .key_item .item_sub {
    font-size: 1rem;
    color: #5d5d5d;
    letter-spacing: -0.02rem;
  }
  .branch_brand section.brand_sec1 .key_item .item_sub br {
    display: none;
  }
}
.branch_brand section.brand_sec1 .key_item01 {
  left: 14.8%;
  top: 62.6%;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec1 .key_item01 .item_num {
    background-color: #8fc31f;
  }
}
.branch_brand section.brand_sec1 .key_item02 {
  left: 30.2%;
  top: 25.9%;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec1 .key_item02 .item_num {
    background-color: #33715A;
  }
}
.branch_brand section.brand_sec1 .key_item03 {
  left: 53%;
  top: 25.9%;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec1 .key_item03 .item_num {
    background-color: #e62f87;
  }
}
.branch_brand section.brand_sec1 .key_item04 {
  left: 67%;
  top: 62.6%;
  gap: 0.9rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec1 .key_item04 {
    gap: 1rem;
  }
  .branch_brand section.brand_sec1 .key_item04 .item_num {
    background-color: #273547;
  }
}
.branch_brand section.brand_sec1 .key_system {
  position: absolute;
  left: 50%;
  top: 86.3%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 2.8rem;
  font-weight: bold;
  color: #273547;
  letter-spacing: -0.056rem;
  line-height: 1.4;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec1 .key_system {
    display: none;
  }
}
.branch_brand section.brand_sec2 {
  background-color: #fff;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec2 {
    padding: 6rem 2rem;
  }
}
.branch_brand section.brand_sec2 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5rem;
  max-width: 90rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec2 .sec_in {
    gap: 2rem;
    max-width: 100%;
  }
}
.branch_brand section.brand_sec2 .sec2_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec2 .sec2_head {
    gap: 1rem;
  }
}
.branch_brand section.brand_sec2 .sec2_badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.5rem 3rem;
  border-radius: 4.2rem;
  background-color: #8fc31f;
  font-size: 3rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.06rem;
  line-height: 1.5;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec2 .sec2_badge {
    width: 22.4rem;
    height: 3rem;
    padding: 0.281rem 1.688rem;
    border-radius: 2.363rem;
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
  }
}
.branch_brand section.brand_sec2 .sec2_tit {
  max-width: 78.4rem;
  font-size: 2.8rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.056rem;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec2 .sec2_tit {
    font-size: 1.5rem;
    letter-spacing: -0.03rem;
  }
}
.branch_brand section.brand_sec2 .sec2_cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec2 .sec2_cards {
    gap: 0.6rem;
  }
}
.branch_brand section.brand_sec2 .sec2_card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 4rem) / 3);
          flex: 0 0 calc((100% - 4rem) / 3);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3rem;
  height: 38rem;
  padding: 4rem;
  border-radius: 2rem;
  background-color: #f5f5f5;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec2 .sec2_card {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    gap: 1rem;
    height: 20rem;
    padding: 2.5rem 0.5rem;
    border-radius: 1rem;
  }
}
.branch_brand section.brand_sec2 .card_img {
  width: 14rem;
  height: 14rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec2 .card_img {
    width: 6rem;
    height: 6rem;
  }
}
.branch_brand section.brand_sec2 .card_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec2 .card_text {
    gap: 0.4rem;
  }
}
.branch_brand section.brand_sec2 .card_tit {
  font-size: 2.4rem;
  font-weight: bold;
  color: #33715a;
  letter-spacing: -0.048rem;
  line-height: 1.4;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec2 .card_tit {
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
    white-space: normal;
  }
}
.branch_brand section.brand_sec2 .card_desc {
  font-size: 2rem;
  color: #111921;
  letter-spacing: -0.04rem;
  line-height: 1.4;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec2 .card_desc {
    font-size: 1rem;
    letter-spacing: -0.02rem;
    white-space: normal;
  }
  .branch_brand section.brand_sec2 .card_desc br.web {
    display: none;
  }
}
.branch_brand section.brand_sec3 {
  background-color: #f5f5f5;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec3 {
    padding: 6rem 2rem;
  }
}
.branch_brand section.brand_sec3 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5rem;
  max-width: 90rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec3 .sec_in {
    gap: 2rem;
    max-width: 32rem;
  }
}
.branch_brand section.brand_sec3 .sec3_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec3 .sec3_head {
    gap: 1rem;
  }
}
.branch_brand section.brand_sec3 .sec3_badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.5rem 3rem;
  border-radius: 4.2rem;
  background-color: #33715a;
  font-size: 3rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.06rem;
  line-height: 1.5;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec3 .sec3_badge {
    height: 3rem;
    padding: 0 1.7rem;
    border-radius: 2.363rem;
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
  }
}
.branch_brand section.brand_sec3 .sec3_tit {
  font-size: 2.8rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.056rem;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec3 .sec3_tit {
    font-size: 1.5rem;
    letter-spacing: -0.03rem;
  }
}
.branch_brand section.brand_sec3 .sec3_list {
  display: grid;
  grid-template-columns: repeat(3, 27rem);
  gap: 2.5rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec3 .sec3_list {
    grid-template-columns: repeat(2, 15.5rem);
    gap: 1rem;
  }
}
.branch_brand section.brand_sec3 .sec3_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
  width: 27rem;
  height: 27rem;
  padding: 4rem;
  border: 1px solid #bcbec0;
  border-radius: 50%;
  background-color: #fff;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec3 .sec3_item {
    gap: 0.8rem;
    width: 15.5rem;
    height: 15.5rem;
    padding: 0;
  }
}
.branch_brand section.brand_sec3 .sec3_item:nth-child(1) .item_badge {
  background-color: #33715a;
}
.branch_brand section.brand_sec3 .sec3_item:nth-child(2) .item_badge {
  background-color: #8fc31f;
}
.branch_brand section.brand_sec3 .sec3_item:nth-child(3) .item_badge {
  background-color: #e62f87;
}
.branch_brand section.brand_sec3 .sec3_item:nth-child(4) .item_badge {
  background-color: #273547;
}
.branch_brand section.brand_sec3 .sec3_item:nth-child(5) .item_badge {
  background-color: #677716;
}
.branch_brand section.brand_sec3 .sec3_item:nth-child(6) .item_badge {
  background-color: #111921;
}
.branch_brand section.brand_sec3 .item_badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.2rem 1.4rem;
  border-radius: 999rem;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.04rem;
  line-height: 1.4;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec3 .item_badge {
    padding: 0.1rem 1rem;
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
  }
}
.branch_brand section.brand_sec3 .item_txt {
  font-size: 2rem;
  color: #111921;
  letter-spacing: -0.04rem;
  line-height: 1.4;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec3 .item_txt {
    width: 100%;
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
  }
}
.branch_brand section.brand_sec4 {
  background-color: #fff;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec4 {
    padding: 6rem 2rem;
  }
}
.branch_brand section.brand_sec4 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5rem;
  max-width: 90rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec4 .sec_in {
    gap: 3rem;
    max-width: 100%;
  }
}
.branch_brand section.brand_sec4 .sec4_tab {
  width: 100%;
}
.branch_brand section.brand_sec4 .sec4_badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.5rem 3rem;
  border-radius: 4.2rem;
  background-color: #e62f87;
  font-size: 3rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.06rem;
  line-height: 1.5;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec4 .sec4_badge {
    height: 3rem;
    padding: 0 1.688rem;
    border-radius: 2.363rem;
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
  }
}
.branch_brand section.brand_sec4 .sec4_tab_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec4 .sec4_tab_list {
    gap: 0.4rem;
  }
}
.branch_brand section.brand_sec4 .sec4_tab_list .tab-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.branch_brand section.brand_sec4 .sec4_tab_list .tab-item > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 4.6rem;
  gap: 0.5rem;
  padding: 0.3rem 5.9rem;
  border: 1px solid #bcbec0;
  border-bottom: 0;
  border-radius: 2rem 2rem 0 0;
  background-color: #bcbec0;
  font-size: 2.4rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.048rem;
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec4 .sec4_tab_list .tab-item > a {
    height: auto;
    padding: 0.7rem 0;
    border-radius: 1rem 1rem 0 0;
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
  }
}
.branch_brand section.brand_sec4 .sec4_tab_list .tab-item > a .tab_em,
.branch_brand section.brand_sec4 .sec4_tab_list .tab-item > a .tab_w {
  color: #fff;
}
.branch_brand section.brand_sec4 .sec4_tab_list .tab-item.active > a {
  background-color: #111921;
  border-color: #111921;
}
.branch_brand section.brand_sec4 .sec4_tab_list .tab-item.active > a .tab_em {
  color: #e62f87;
}
.branch_brand section.brand_sec4 .sec4_tab_list .tab-item.active > a .tab_w {
  color: #fff;
}
.branch_brand section.brand_sec4 .sec4_tab_cont {
  display: none;
  width: 90rem;
  padding: 3rem 0rem;
  border: 1px solid #bcbec0;
  border-radius: 0 0 2rem 2rem;
  background-color: #fff;
  text-align: center;
}
.branch_brand section.brand_sec4 .sec4_tab_cont.active {
  display: block;
}
.branch_brand section.brand_sec4 .sec4_tab_cont > * + * {
  margin-top: 3rem;
}
.branch_brand section.brand_sec4 .sec4_tab_cont .web > * + *,
.branch_brand section.brand_sec4 .sec4_tab_cont .mobile > * + * {
  margin-top: 3rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec4 .sec4_tab_cont {
    padding: 3rem 0;
    width: 100%;
  }
  .branch_brand section.brand_sec4 .sec4_tab_cont > * + * {
    margin-top: 2.5rem;
  }
  .branch_brand section.brand_sec4 .sec4_tab_cont .web > * + *,
  .branch_brand section.brand_sec4 .sec4_tab_cont .mobile > * + * {
    margin-top: 2.5rem;
  }
}
.branch_brand section.brand_sec4 .sec4_subtit {
  font-size: 2.4rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.048rem;
  line-height: 1.4;
}
.branch_brand section.brand_sec4 .sec4_subtit .regular {
  font-weight: normal;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec4 .sec4_subtit {
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
  }
}
.branch_brand section.brand_sec4 .sec4_symbol {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec4 .sec4_symbol {
    gap: 5.2rem;
  }
}
.branch_brand section.brand_sec4 .sec4_symbol::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 1.2rem;
  height: 1.2rem;
  background: url(../images/branch_s/fall26/ap/sec04_plus01_m.png) no-repeat center center;
  background-size: 1.2rem 1.2rem;
  pointer-events: none;
}
.branch_brand section.brand_sec4 .sec4_symbol .symbol_esl,
.branch_brand section.brand_sec4 .sec4_symbol .symbol_efl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 5.9rem;
  height: 5.9rem;
  border-radius: 50%;
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.028rem;
}
.branch_brand section.brand_sec4 .sec4_symbol .symbol_esl {
  background-color: #33715a;
}
.branch_brand section.brand_sec4 .sec4_symbol .symbol_efl {
  width: 6rem;
  height: 6rem;
  background-color: #e62f87;
}
.branch_brand section.brand_sec4 .web .sec4_system {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3.8rem;
}
.branch_brand section.brand_sec4 .web .sec4_system::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -0.5rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transform: translateX(3.8rem);
          transform: translateX(3.8rem);
  width: 1.8rem;
  height: 4.6rem;
  background: url(../images/branch_s/fall26/ap/sec04_plus01_w.png) no-repeat center center;
  background-size: 1.8rem 4.6rem;
  pointer-events: none;
  z-index: 1;
}
.branch_brand section.brand_sec4 .mobile .sec4_system {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.333rem;
}
.branch_brand section.brand_sec4 .system_col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec4 .system_col {
    gap: 1.333rem;
    width: 100%;
  }
}
.branch_brand section.brand_sec4 .system_col .col_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 0.3rem 5.9rem;
  border-radius: 2rem;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.04rem;
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
  height: 4.6rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec4 .system_col .col_tit {
    max-width: 28rem;
    padding: 0.2rem 0;
    border-radius: 3.1rem;
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
    height: 2.8rem;
  }
}
.branch_brand section.brand_sec4 .system_col.system_esl .col_tit {
  background-color: #33715a;
}
.branch_brand section.brand_sec4 .system_col.system_efl .col_tit {
  background-color: #e62f87;
}
.branch_brand section.brand_sec4 .system_col .col_tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.6rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 30rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec4 .system_col .col_tags {
    gap: 0.4rem;
    width: 20rem;
  }
}
.branch_brand section.brand_sec4 .system_col .col_tags li {
  display: inline;
  padding: 0 0.4rem;
  border-radius: 0.2rem;
  background-color: #d8d9db;
  font-size: 1.6rem;
  color: #111921;
  letter-spacing: -0.032rem;
  line-height: 1.4;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec4 .system_col .col_tags li {
    padding: 0 0.267rem;
    border-radius: 0.133rem;
    font-size: 1rem;
    letter-spacing: -0.02rem;
  }
}
.branch_brand section.brand_sec4 .system_col .col_img {
  display: block;
  width: auto;
  height: auto;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec4 .system_col .col_img {
    max-width: 26.1rem;
  }
}
.branch_brand section.brand_sec4 .system_col .col_desc {
  font-size: 1.8rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.036rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec4 .system_col .col_desc {
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
    line-height: 1.5;
  }
}
.branch_brand section.brand_sec4 .system_col .col_desc_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec4 .system_col .col_desc_wrap {
    gap: 0.7rem;
  }
}
.branch_brand section.brand_sec4 .system_col .col_note {
  font-size: 1.6rem;
  color: #909090;
  letter-spacing: -0.032rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec4 .system_col .col_note {
    font-size: 1rem;
    letter-spacing: -0.02rem;
  }
}
.branch_brand section.brand_sec4 .web .system_esl .col_img {
  width: 39.15rem;
}
.branch_brand section.brand_sec4 .web .system_efl .col_img {
  width: 20.1rem;
}
.branch_brand section.brand_sec4 .web .system_esl .col_tit {
  width: 44.8rem;
}
.branch_brand section.brand_sec4 .web .system_efl .col_tit {
  width: 35.4rem;
}
.branch_brand section.brand_sec4 .mobile .system_efl img {
  max-width: 13.4rem;
}
.branch_brand section.brand_sec4 .sec4_feat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.8rem;
  padding: 0 3rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec4 .sec4_feat {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
    padding: 0 2rem;
  }
}
.branch_brand section.brand_sec4 .sec4_feat .feat_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.2rem;
  min-height: 17rem;
  padding: 3rem 1rem;
  border-radius: 1rem;
  background-color: #f5f5f5;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec4 .sec4_feat .feat_item {
    gap: 0.8rem;
    min-height: auto;
    padding: 2rem 0;
  }
}
.branch_brand section.brand_sec4 .sec4_feat .feat_badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.3rem 2rem;
  border-radius: 999rem;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.036rem;
  line-height: 1.4;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec4 .sec4_feat .feat_badge {
    padding: 0.2rem 1.333rem;
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
  }
}
.branch_brand section.brand_sec4 .sec4_feat .feat_badge.feat_green {
  background-color: #33715a;
}
.branch_brand section.brand_sec4 .sec4_feat .feat_badge.feat_lime {
  background-color: #8fc31f;
}
.branch_brand section.brand_sec4 .sec4_feat .feat_badge.feat_pink {
  background-color: #e62f87;
}
.branch_brand section.brand_sec4 .sec4_feat .feat_txt {
  font-size: 1.8rem;
  color: #111921;
  letter-spacing: -0.036rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec4 .sec4_feat .feat_txt {
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
  }
}
.branch_brand section.brand_sec4 .sec4_road_tit {
  text-align: center;
}
.branch_brand section.brand_sec4 .sec4_road_tit .road_sub {
  margin-bottom: 0.4rem;
  font-size: 2.4rem;
  font-weight: normal;
  color: #111921;
  letter-spacing: -0.048rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec4 .sec4_road_tit .road_sub {
    margin-bottom: 0;
    font-size: 1.4rem;
    letter-spacing: -0.032rem;
  }
}
.branch_brand section.brand_sec4 .sec4_road_tit .road_main {
  font-size: 2.4rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.048rem;
  line-height: 1.4;
}
.branch_brand section.brand_sec4 .sec4_road_tit .road_main .regular {
  font-weight: normal;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec4 .sec4_road_tit .road_main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.3rem;
    font-size: 1.4rem;
    letter-spacing: -0.032rem;
  }
}
.branch_brand section.brand_sec4 .web .sec4_road .road_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
  height: 29rem;
}
.branch_brand section.brand_sec4 .web .sec4_road .road_rise,
.branch_brand section.brand_sec4 .web .sec4_road .road_bridge,
.branch_brand section.brand_sec4 .web .sec4_road .road_prime {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.branch_brand section.brand_sec4 .web .sec4_road .road_card {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 23rem;
  height: 20rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.branch_brand section.brand_sec4 .web .sec4_road .road_rise {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 23rem;
}
.branch_brand section.brand_sec4 .web .sec4_road .road_rise::after {
  content: "";
  position: absolute;
  right: -4.7rem;
  top: 9.65rem;
  width: 5.15rem;
  height: 2.4rem;
  background: url(../images/branch_s/fall26/ap/sec04_arrow01_w.png) no-repeat center center;
  background-size: 5.15rem 2.4rem;
  z-index: 3;
}
.branch_brand section.brand_sec4 .web .sec4_road .road_rise .road_badge {
  margin-bottom: -2rem;
}
.branch_brand section.brand_sec4 .web .sec4_road .road_group {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 55.1rem;
  height: 29rem;
}
.branch_brand section.brand_sec4 .web .sec4_road .road_group::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 55.1rem;
  height: 29rem;
  background: url(../images/branch_s/fall26/ap/sec04_dot01_w.png) no-repeat left top;
  background-size: 55.1rem 29rem;
  pointer-events: none;
  z-index: 0;
}
.branch_brand section.brand_sec4 .web .sec4_road .road_group_in {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 100%;
  padding: 1.6rem 2rem 0;
  gap: 4.3rem;
}
.branch_brand section.brand_sec4 .web .sec4_road .road_bridge,
.branch_brand section.brand_sec4 .web .sec4_road .road_prime {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 23rem;
}
.branch_brand section.brand_sec4 .web .sec4_road .road_bridge .road_badge,
.branch_brand section.brand_sec4 .web .sec4_road .road_prime .road_badge {
  margin-bottom: -2rem;
}
.branch_brand section.brand_sec4 .web .sec4_road .road_bridge::after {
  content: "";
  position: absolute;
  left: 1.8rem;
  top: 11rem;
  width: 28rem;
  height: 3.3rem;
  background: url(../images/branch_s/fall26/ap/sec04_arrow02_w.png) no-repeat center center;
  background-size: 28rem 3.3rem;
  z-index: 2;
}
.branch_brand section.brand_sec4 .web .sec4_road .road_prime::after {
  content: "";
  position: absolute;
  left: 28.5rem;
  top: 11rem;
  width: 2rem;
  height: 3.3rem;
  background-color: #fff;
  z-index: 1;
}
.branch_brand section.brand_sec4 .web .sec4_road .road_academy {
  margin: 2.5rem 0 0;
  font-size: 1.6rem;
  color: #909090;
  letter-spacing: -0.032rem;
  line-height: 1;
  text-align: center;
}
.branch_brand section.brand_sec4 .web .sec4_road .road_academy_cd {
  position: absolute;
  bottom: 1.8rem;
  left: 50%;
  z-index: 1;
  font-size: 1.6rem;
  color: #909090;
  letter-spacing: -0.032rem;
  line-height: 1;
  text-align: center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.branch_brand section.brand_sec4 .mobile .sec4_road .road_inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 4rem;
}
.branch_brand section.brand_sec4 .mobile .sec4_road .road_inner::before {
  content: "";
  position: absolute;
  left: 1rem;
  top: 14.7rem;
  width: 25.7rem;
  height: 35.8rem;
  background: url(../images/branch_s/fall26/ap/sec04_dot01_m.png) no-repeat left top;
  background-size: 25.7rem 35.8rem;
  pointer-events: none;
  z-index: 0;
}
.branch_brand section.brand_sec4 .mobile .sec4_road .road_academy {
  position: absolute;
  left: -1.5rem;
  height: 3rem;
  -ms-flex-line-pack: center;
      align-content: center;
  font-size: 1.1rem;
  color: #909090;
  letter-spacing: -0.022rem;
  line-height: 1;
  background-color: #fff;
}
.branch_brand section.brand_sec4 .mobile .sec4_road .road_academy_april {
  top: 5.8rem;
}
.branch_brand section.brand_sec4 .mobile .sec4_road .road_academy_cd {
  top: 31.8rem;
}
.branch_brand section.brand_sec4 .mobile .sec4_road .road_step {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 20.4rem;
}
.branch_brand section.brand_sec4 .mobile .sec4_road .road_step:first-of-type {
  margin-top: 0;
}
.branch_brand section.brand_sec4 .mobile .sec4_road .road_step .road_badge {
  margin-bottom: -2rem;
}
.branch_brand section.brand_sec4 .mobile .sec4_road .road_step:nth-of-type(1), .branch_brand section.brand_sec4 .mobile .sec4_road .road_step:nth-of-type(2) {
  padding-bottom: 4rem;
}
.branch_brand section.brand_sec4 .mobile .sec4_road .road_step:nth-of-type(1)::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 13.2rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1.65rem;
  height: 3.45rem;
  transform: translateX(-50%);
  background: url(../images/branch_s/fall26/ap/sec04_arrow01_m.png) no-repeat center center;
  background-size: 1.65rem 3.45rem;
}
.branch_brand section.brand_sec4 .mobile .sec4_road .road_step:nth-of-type(2)::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 13.2rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1.65rem;
  height: 3.45rem;
  transform: translateX(-50%);
  background: url(../images/branch_s/fall26/ap/sec04_arrow02_m.png) no-repeat center center;
  background-size: 1.65rem 3.45rem;
}
.branch_brand section.brand_sec4 .road_badge {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 4rem;
  padding: 0.3rem 2rem;
  border: 0.3rem solid #fff;
  border-radius: 1.6rem;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.036rem;
  line-height: 1.4;
  white-space: nowrap;
  z-index: 1;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec4 .road_badge {
    height: 3rem;
    border-width: 0.2rem;
    border-radius: 1.067rem;
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
  }
}
.branch_brand section.brand_sec4 .road_badge.road_badge_lime {
  background-color: #8fc31f;
}
.branch_brand section.brand_sec4 .road_badge.road_badge_dark {
  background-color: #273547;
}
.branch_brand section.brand_sec4 .road_card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1rem;
  width: 100%;
  padding: 3rem 2rem;
  border: 0.2rem solid;
  border-radius: 1.6rem;
  background-color: #fff;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec4 .road_card {
    padding: 2.5rem 2rem 2rem;
    border-width: 0.133rem;
    border-radius: 1rem;
  }
}
.branch_brand section.brand_sec4 .road_card.road_card_lime {
  border-color: #8fc31f;
}
.branch_brand section.brand_sec4 .road_card.road_card_dark {
  border-color: #273547;
}
.branch_brand section.brand_sec4 .road_card .card_grade {
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: -0.036rem;
  line-height: 1.4;
  margin-top: 1.8rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec4 .road_card .card_grade {
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
    margin-top: 0.4rem;
    margin-bottom: -0.5rem;
  }
}
.branch_brand section.brand_sec4 .road_card.road_card_lime .card_grade {
  color: #8fc31f;
}
.branch_brand section.brand_sec4 .road_card.road_card_dark .card_grade {
  color: #273547;
}
.branch_brand section.brand_sec4 .road_card .card_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  width: 100%;
  padding: 2rem 1rem;
  border-radius: 1rem;
  background-color: #f5f5f5;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec4 .road_card .card_box {
    gap: 0.5rem;
    padding: 1.2rem 1rem;
    border-radius: 0.7rem;
  }
}
.branch_brand section.brand_sec4 .road_card .card_sub {
  font-size: 1.6rem;
  color: #111921;
  letter-spacing: -0.032rem;
  line-height: 1;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec4 .road_card .card_sub {
    font-size: 1rem;
    letter-spacing: -0.02rem;
  }
}
.branch_brand section.brand_sec4 .road_card .card_tit {
  font-size: 1.8rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.036rem;
  line-height: 1;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec4 .road_card .card_tit {
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
  }
}
.branch_brand section.brand_sec4 .sec4_note {
  font-size: 1.8rem;
  color: #111921;
  letter-spacing: -0.036rem;
  line-height: 1.5;
  text-align: center;
}
.branch_brand section.brand_sec4 .sec4_note strong {
  font-weight: bold;
}
.branch_brand section.brand_sec4 .mobile .sec4_note {
  margin-top: 5rem;
  font-size: 1.2rem;
  letter-spacing: -0.024rem;
}
.branch_brand section.brand_sec4 .sec4_cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  width: 100%;
  max-width: 81rem;
  margin: 0 auto;
  padding: 5rem 7rem;
  border-radius: 2rem;
  background-color: #f5f5f5;
  font-size: 2.4rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.048rem;
  line-height: 1;
  text-align: center;
}
.branch_brand section.brand_sec4 .sec4_cta .cta_lime {
  color: #8fc31f;
}
.branch_brand section.brand_sec4 .sec4_cta .cta_pink {
  color: #e62f87;
}
.branch_brand section.brand_sec4 .mobile .sec4_cta {
  gap: 0.5rem;
  max-width: 28rem;
  padding: 2rem 0;
  border-radius: 1rem;
  font-size: 1.4rem;
  letter-spacing: -0.028rem;
}
.branch_brand section.brand_sec5 {
  background-color: #f5f5f5;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec5 {
    padding: 6rem 2rem;
  }
}
.branch_brand section.brand_sec5 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5rem;
  max-width: 90rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec5 .sec_in {
    gap: 3rem;
    max-width: 100%;
  }
}
.branch_brand section.brand_sec5 .sec5_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  max-width: 90rem;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec5 .sec5_head {
    gap: 1rem;
    max-width: 32rem;
  }
}
.branch_brand section.brand_sec5 .sec5_badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.5rem 3rem;
  border-radius: 4.2rem;
  background-color: #273547;
  font-size: 3rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.06rem;
  line-height: 1.5;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec5 .sec5_badge {
    height: 3rem;
    padding: 0 1.7rem;
    border-radius: 2.363rem;
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
    line-height: 1;
  }
}
.branch_brand section.brand_sec5 .sec5_tit {
  font-size: 2.8rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.056rem;
  line-height: 1.5;
}
.branch_brand section.brand_sec5 .sec5_tit .tit_em {
  font-style: normal;
  color: #8fc31f;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec5 .sec5_tit {
    font-size: 1.5rem;
    letter-spacing: -0.03rem;
  }
}
.branch_brand section.brand_sec5 .sec5_tracks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3.6rem;
  width: 100%;
  max-width: 79.4rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec5 .sec5_tracks {
    gap: 3rem;
    max-width: 100%;
  }
}
.branch_brand section.brand_sec5 .track_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.2rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec5 .track_item {
    gap: 1.2rem;
  }
}
.branch_brand section.brand_sec5 .track_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}
.branch_brand section.brand_sec5 .track_tit {
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: -0.048rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec5 .track_tit {
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
  }
}
.branch_brand section.brand_sec5 .track_regular .track_tit {
  color: #8fc31f;
}
.branch_brand section.brand_sec5 .track_ivy .track_tit {
  color: #33715a;
}
.branch_brand section.brand_sec5 .track_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec5 .track_list {
    gap: 0.4rem;
  }
}
.branch_brand section.brand_sec5 .track_desc {
  position: relative;
  padding-left: 2.4rem;
  font-size: 2rem;
  color: #111921;
  letter-spacing: -0.04rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec5 .track_desc {
    padding-left: 1.5rem;
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
  }
}
.branch_brand section.brand_sec5 .track_desc::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1em;
  line-height: 1.4;
}
.branch_brand section.brand_sec5 .track_desc.desc_lime::before {
  color: #8fc31f;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec5 .track_desc.desc_olive {
    letter-spacing: -0.06rem;
  }
}
.branch_brand section.brand_sec5 .track_desc.desc_olive::before {
  color: #677716;
}
.branch_brand section.brand_sec5 .track_desc.desc_ivy::before {
  color: #33715a;
}
.branch_brand section.brand_sec5 .track_bar {
  position: relative;
  width: 100%;
  height: 5rem;
  border-radius: 999rem;
  background-color: #fff;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec5 .track_bar {
    height: 3rem;
  }
}
.branch_brand section.brand_sec5 .bar_fill {
  position: absolute;
  border-radius: 999rem;
}
.branch_brand section.brand_sec5 .bar_fill_lime {
  left: 0.7rem;
  top: 0.625rem;
  width: calc(100% - 1.4rem);
  height: 3.75rem;
  background-color: #8fc31f;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec5 .bar_fill_lime {
    left: 0.4rem;
    top: 0.332rem;
    width: calc(100% - 0.8rem);
    height: 2.3rem;
  }
}
.branch_brand section.brand_sec5 .bar_fill_olive {
  left: 0.7rem;
  top: 0.625rem;
  width: calc(50% - 0.7rem);
  height: 3.75rem;
  background-color: #677716;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec5 .bar_fill_olive {
    left: 0.4rem;
    top: 0.375rem;
    width: calc(50% - 0.4rem);
    height: 2.25rem;
  }
}
.branch_brand section.brand_sec5 .bar_fill_ivy {
  left: 0.7rem;
  top: 0.572rem;
  width: calc(100% - 1.4rem);
  height: 3.75rem;
  background-color: #33715a;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec5 .bar_fill_ivy {
    left: 0.4rem;
    top: 0.332rem;
    width: calc(100% - 0.8rem);
    height: 2.2rem;
  }
}
.branch_brand section.brand_sec5 .bar_label {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.04rem;
  line-height: 1.4;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec5 .bar_label {
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
  }
}
.branch_brand section.brand_sec5 .bar_label_fast {
  left: 50%;
  -webkit-transform: translate(-160%, -50%);
          transform: translate(-160%, -50%);
}
.branch_brand section.brand_sec5 .bar_label_normal {
  right: 3.5rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec5 .bar_label_normal {
    right: 2rem;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec5 {
    background-color: #f4f4f4;
  }
}
.branch_brand section.brand_sec6 {
  background-color: #fff;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec6 {
    padding: 6rem 2rem;
  }
}
.branch_brand section.brand_sec6 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5rem;
  max-width: 118rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec6 .sec_in {
    gap: 3rem;
    max-width: 36rem;
  }
}
.branch_brand section.brand_sec6 .sec6_tit {
  font-size: 4rem;
  font-weight: bold;
  color: #333;
  letter-spacing: -0.08rem;
  line-height: 1.5;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec6 .sec6_tit {
    font-size: 2.4rem;
    color: #111921;
    letter-spacing: -0.048rem;
  }
}
.branch_brand section.brand_sec6 .sec6_img {
  width: 100%;
}
.branch_brand section.brand_sec6 .sec6_img img {
  display: block;
  width: 100%;
  height: auto;
}
.branch_brand section.brand_sec7 {
  background-color: #f5f5f5;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec7 {
    padding: 6rem 2rem;
  }
}
.branch_brand section.brand_sec7 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5rem;
  max-width: 91.8rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec7 .sec_in {
    gap: 3rem;
    max-width: 36rem;
  }
}
.branch_brand section.brand_sec7 .sec7_tit {
  font-size: 4rem;
  font-weight: bold;
  color: #333;
  letter-spacing: -0.08rem;
  line-height: 1.5;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec7 .sec7_tit {
    font-size: 2.4rem;
    color: #111921;
    letter-spacing: -0.048rem;
  }
}
.branch_brand section.brand_sec7 .sec7_road {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.3rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec7 .sec7_road {
    gap: 0.1125rem;
  }
}
.branch_brand section.brand_sec7 .road_chart {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 88rem;
  height: 81.1rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec7 .road_chart {
    width: 30.4313rem;
    height: 43.4813rem;
  }
}
.branch_brand section.brand_sec7 .road_col {
  width: 20.8rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec7 .road_col {
    width: 7.3rem;
  }
}
.branch_brand section.brand_sec7 .road_col_april {
  position: absolute;
  left: 0;
  top: 28.5rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec7 .road_col_april {
    left: -0.224rem;
    top: 15.6rem;
  }
}
.branch_brand section.brand_sec7 .road_group_cdto {
  position: absolute;
  left: 50%;
  top: 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  border-radius: 2rem;
  -webkit-transform: translateX(calc(-50% - 0.15rem));
          transform: translateX(calc(-50% - 0.15rem));
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec7 .road_group_cdto {
    left: 7.676rem;
    top: 0.1rem;
    gap: 0.2rem;
    padding: 0;
    border-radius: 0;
    -webkit-transform: none;
            transform: none;
  }
}
.branch_brand section.brand_sec7 .road_col_toefl {
  position: absolute;
  right: 0.3rem;
  top: 0.1rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec7 .road_col_toefl {
    right: 0.055rem;
  }
}
.branch_brand section.brand_sec7 .road_col_tit {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.02;
  letter-spacing: -0.048rem;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec7 .road_col_tit {
    font-size: 0.9rem;
    letter-spacing: -0.018rem;
  }
}
.branch_brand section.brand_sec7 .road_col_tit.tit_april {
  color: #8fc31f;
}
.branch_brand section.brand_sec7 .road_col_tit.tit_cd {
  color: #ea0029;
}
.branch_brand section.brand_sec7 .road_col_tit.tit_open {
  color: #e62f87;
}
.branch_brand section.brand_sec7 .road_col_tit.tit_toefl {
  color: #000;
}
.branch_brand section.brand_sec7 .road_col_april,
.branch_brand section.brand_sec7 .road_col_cd,
.branch_brand section.brand_sec7 .road_col_open,
.branch_brand section.brand_sec7 .road_col_toefl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.2rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec7 .road_col_april,
  .branch_brand section.brand_sec7 .road_col_cd,
  .branch_brand section.brand_sec7 .road_col_open,
  .branch_brand section.brand_sec7 .road_col_toefl {
    gap: 0.675rem;
  }
}
.branch_brand section.brand_sec7 .road_lv_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4rem;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec7 .road_lv_list {
    gap: 0.2rem;
  }
}
.branch_brand section.brand_sec7 .road_lv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 4rem;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.03rem;
  line-height: 1;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec7 .road_lv {
    height: 2.2rem;
    font-size: 0.7rem;
    letter-spacing: -0.014rem;
  }
}
.branch_brand section.brand_sec7 .road_lv.lv_tall {
  height: 8.4rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec7 .road_lv.lv_tall {
    height: 4.6rem;
  }
}
.branch_brand section.brand_sec7 .road_lv.lv_april {
  background-color: #8fc31f;
}
.branch_brand section.brand_sec7 .road_lv.lv_april.lv_ivy {
  background-color: #bcdb79;
}
.branch_brand section.brand_sec7 .road_lv.lv_april.lv_first {
  border-radius: 1.6rem 1.6rem 0 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec7 .road_lv.lv_april.lv_first {
    border-radius: 0.6rem 0.6rem 0 0;
  }
}
.branch_brand section.brand_sec7 .road_lv.lv_april.lv_last {
  border-radius: 0 0 1.6rem 1.6rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec7 .road_lv.lv_april.lv_last {
    border-radius: 0 0 0.6rem 0.6rem;
  }
}
.branch_brand section.brand_sec7 .road_lv.lv_cd {
  background-color: #ea0029;
}
.branch_brand section.brand_sec7 .road_lv.lv_cd.lv_first {
  border-radius: 1.6rem 0 0 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec7 .road_lv.lv_cd.lv_first {
    border-radius: 0.6rem 0 0 0;
  }
}
.branch_brand section.brand_sec7 .road_lv.lv_cd.lv_last {
  border-radius: 0 0 1.6rem 1.6rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec7 .road_lv.lv_cd.lv_last {
    border-radius: 0 0 0.6rem 0.6rem;
  }
}
.branch_brand section.brand_sec7 .road_lv.lv_open {
  background-color: #e62f87;
}
.branch_brand section.brand_sec7 .road_lv.lv_open.lv_first {
  border-radius: 0 1.6rem 0 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec7 .road_lv.lv_open.lv_first {
    border-radius: 0 0.6rem 0 0;
  }
}
.branch_brand section.brand_sec7 .road_lv.lv_open.lv_last {
  border-radius: 0 0 1.6rem 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec7 .road_lv.lv_open.lv_last {
    border-radius: 0 0 0.6rem 0;
  }
}
.branch_brand section.brand_sec7 .road_lv.lv_toefl.lv_first {
  border-radius: 1.6rem 1.6rem 0 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec7 .road_lv.lv_toefl.lv_first {
    border-radius: 0.6rem 0.6rem 0 0;
  }
}
.branch_brand section.brand_sec7 .road_lv.lv_toefl.lv_last {
  border-radius: 0 0 1.6rem 1.6rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec7 .road_lv.lv_toefl.lv_last {
    border-radius: 0 0 0.6rem 0.6rem;
  }
}
.branch_brand section.brand_sec7 .road_lv.lv_toefl.lv_toefl_1 {
  background-color: #000;
}
.branch_brand section.brand_sec7 .road_lv.lv_toefl.lv_toefl_2 {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.05)), to(rgba(255, 255, 255, 0.05))), #000;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)), #000;
}
.branch_brand section.brand_sec7 .road_lv.lv_toefl.lv_toefl_3 {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.1))), #000;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), #000;
}
.branch_brand section.brand_sec7 .road_lv.lv_toefl.lv_toefl_4 {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.15)), to(rgba(255, 255, 255, 0.15))), #000;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15)), #000;
}
.branch_brand section.brand_sec7 .road_lv.lv_toefl.lv_toefl_5 {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2))), #000;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #000;
}
.branch_brand section.brand_sec7 .road_lv.lv_toefl.lv_toefl_6 {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.25)), to(rgba(255, 255, 255, 0.25))), #000;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25)), #000;
}
.branch_brand section.brand_sec7 .road_lv.lv_toefl.lv_toefl_7 {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.3))), #000;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), #000;
}
.branch_brand section.brand_sec7 .road_lv.lv_toefl.lv_toefl_8 {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.35)), to(rgba(255, 255, 255, 0.35))), #000;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.35)), #000;
}
.branch_brand section.brand_sec7 .road_lv.lv_toefl.lv_toefl_9 {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0.4))), #000;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), #000;
}
.branch_brand section.brand_sec7 .road_lv_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec7 .road_lv_row {
    gap: 0.2rem;
  }
}
.branch_brand section.brand_sec7 .road_lv_row .road_lv {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.branch_brand section.brand_sec7 .road_bar {
  margin-top: -0.8rem;
  width: 1.35rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec7 .road_bar {
    margin-top: 0rem;
    -ms-flex-item-align: start;
        align-self: flex-start;
    width: 0.7rem;
    height: 30.3rem;
  }
}
.branch_brand section.brand_sec7 .road_bar img {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec7 .road_bar img {
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.branch_brand section.brand_sec8 {
  background-color: #fff;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec8 {
    padding: 6rem 2rem;
  }
}
.branch_brand section.brand_sec8 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5rem;
  max-width: 90rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec8 .sec_in {
    gap: 3rem;
    max-width: 100%;
  }
}
.branch_brand section.brand_sec8 .sec8_tit {
  font-size: 4rem;
  font-weight: bold;
  color: #333;
  letter-spacing: -0.08rem;
  line-height: 1.5;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec8 .sec8_tit {
    font-size: 2.4rem;
    color: #111921;
    letter-spacing: -0.048rem;
  }
}
.branch_brand section.brand_sec8 .sec8_cards {
  display: grid;
  grid-template-columns: repeat(4, 21rem);
  gap: 2rem;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec8 .sec8_cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.9rem;
  }
}
.branch_brand section.brand_sec8 .sec8_card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.2rem;
  height: 100%;
  padding: 3.6rem 0 14.5rem;
  border-radius: 1.6rem;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec8 .sec8_card {
    gap: 0;
    height: 24.8rem;
    padding: 2.25rem 0 0;
    border-radius: 0.9rem;
  }
}
.branch_brand section.brand_sec8 .sec8_card.card_step1 {
  background-color: #00babb;
}
.branch_brand section.brand_sec8 .sec8_card.card_step1 .card_badge {
  color: #00babb;
}
.branch_brand section.brand_sec8 .sec8_card.card_step1 .card_tit {
  letter-spacing: -0.2rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec8 .sec8_card.card_step1 .card_tit {
    letter-spacing: 0;
  }
}
.branch_brand section.brand_sec8 .sec8_card.card_step2 {
  background-color: #028fa1;
}
.branch_brand section.brand_sec8 .sec8_card.card_step2 .card_badge {
  color: #028fa1;
}
.branch_brand section.brand_sec8 .sec8_card.card_step3 {
  background-color: #045880;
}
.branch_brand section.brand_sec8 .sec8_card.card_step3 .card_badge {
  color: #045880;
}
.branch_brand section.brand_sec8 .sec8_card.card_step4 {
  gap: 2.3rem;
  background-color: #052460;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec8 .sec8_card.card_step4 {
    gap: 0;
  }
}
.branch_brand section.brand_sec8 .sec8_card.card_step4 .card_badge {
  color: #052460;
}
.branch_brand section.brand_sec8 .card_badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 3.3rem;
  padding: 0 1rem;
  border-radius: 0.8rem;
  background-color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec8 .card_badge {
    height: 2.3625rem;
    padding: 0 0.8885rem;
    border-radius: 0.5625rem;
    font-size: 1.2rem;
  }
}
.branch_brand section.brand_sec8 .card_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
  width: 100%;
  color: #fff;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec8 .card_txt {
    gap: 0.5625rem;
    margin-top: 1.125rem;
    padding: 0 0.5rem;
  }
}
.branch_brand section.brand_sec8 .card_tit {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec8 .card_tit {
    font-size: 1.4rem;
    line-height: 1.45;
  }
}
.branch_brand section.brand_sec8 .card_desc {
  font-size: 1.8rem;
  line-height: 1.44;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec8 .card_desc {
    font-size: 1rem;
    line-height: 1.5;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec8 .card_desc_pc {
    display: none;
  }
}
.branch_brand section.brand_sec8 .card_desc_mo {
  display: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec8 .card_desc_mo {
    display: block;
  }
}
.branch_brand section.brand_sec8 .card_icon {
  position: absolute;
  left: 50%;
  bottom: 3.2rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec8 .card_icon {
    bottom: 2rem;
  }
}
.branch_brand section.brand_sec8 .card_icon img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
}
.branch_brand section.brand_sec8 .card_step1 .card_icon img {
  width: 10.1rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec8 .card_step1 .card_icon img {
    width: 8.4rem;
  }
}
.branch_brand section.brand_sec8 .card_step2 .card_icon img {
  width: 10.3rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec8 .card_step2 .card_icon img {
    width: 8.9rem;
  }
}
.branch_brand section.brand_sec8 .card_step3 .card_icon img {
  width: 8.5rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec8 .card_step3 .card_icon img {
    width: 7rem;
  }
}
.branch_brand section.brand_sec8 .card_step4 .card_icon img {
  width: 9.8rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_brand section.brand_sec8 .card_step4 .card_icon img {
    width: 8.1rem;
  }
}

.branch_curriculum {
  font-family: "Noto Sans KR", sans-serif;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum {
    margin-top: -30px;
  }
}
.branch_curriculum > section .sec_in {
  opacity: 0;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.branch_curriculum > section.trOn .sec_in {
  opacity: 1;
}
.branch_curriculum section {
  padding: 15rem;
}
.branch_curriculum section .sec_in {
  max-width: 120rem;
  margin: 0 auto;
}
.branch_curriculum .curri_sec1 {
  padding: 10.8rem;
  background: #FAFAFA;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 {
    background-color: #f6f6f6;
    padding: 4rem 2rem 8rem;
  }
}
.branch_curriculum .curri_sec1 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4rem;
  width: 100%;
  max-width: 119.4rem;
  margin: 0 auto;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .sec_in {
    gap: 2rem;
    max-width: 100%;
  }
}
.branch_curriculum .curri_sec1 .tit_glo {
  width: 100%;
  margin: 0;
  font-size: 3.6rem;
  font-weight: bold;
  color: #000;
  line-height: 1.4;
  letter-spacing: -0.1rem;
}
.branch_curriculum .curri_sec1 .tit_glo .tit_pri {
  color: #90c31f;
}
.branch_curriculum .curri_sec1 .tit_glo .tit_suf {
  color: #000;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .tit_glo {
    font-size: 2.4rem;
    color: #111921;
    letter-spacing: -0.048rem;
    line-height: 1.29;
    text-align: center;
  }
  .branch_curriculum .curri_sec1 .tit_glo .tit_suf {
    display: none;
  }
}
.branch_curriculum .curri_sec1 .curri_img {
  width: 100%;
  max-width: 119.4rem;
}
.branch_curriculum .curri_sec1 .curri_img img {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_img {
    max-width: 32rem;
  }
}
.branch_curriculum .curri_sec1 .curri_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 7rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_list {
    gap: 4rem;
    width: 100%;
  }
}
.branch_curriculum .curri_sec1 .curri_divider {
  width: 100%;
  height: 0;
  border-top: 1px solid #9E9E9E;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_divider {
    display: none;
  }
}
.branch_curriculum .curri_sec1 .curri_note_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4rem;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_note_wrap {
    gap: 0;
    width: calc(100% + 4rem);
    margin-left: -2rem;
  }
}
.branch_curriculum .curri_sec1 .curri_note_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 3rem 0;
  background-color: #e4e4e4;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_note_box {
    max-width: 100%;
    margin: 0 auto;
    padding: 2rem 0;
  }
}
.branch_curriculum .curri_sec1 .curri_note_box .note_icon {
  margin-bottom: 1.5rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_note_box .note_icon {
    margin-bottom: 1.2rem;
  }
}
.branch_curriculum .curri_sec1 .curri_note_box .note_icon img {
  display: block;
  width: 2.3rem;
  height: auto;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_note_box .note_icon img {
    width: 1rem;
  }
}
.branch_curriculum .curri_sec1 .curri_note_box .note_item {
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_note_box .note_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.5rem;
    max-width: none;
  }
  .branch_curriculum .curri_sec1 .curri_note_box .note_item + .note_item {
    padding-top: 1.2rem;
  }
}
.branch_curriculum .curri_sec1 .curri_note_box .note_tit,
.branch_curriculum .curri_sec1 .curri_note_box .note_txt {
  display: inline;
  margin: 0;
  font-size: 1.6rem;
  color: #000;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_note_box .note_tit,
  .branch_curriculum .curri_sec1 .curri_note_box .note_txt {
    display: block;
  }
}
.branch_curriculum .curri_sec1 .curri_note_box .note_tit::after {
  content: " : ";
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_note_box .note_tit::after {
    content: none;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_note_box .note_tit {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.125;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_note_box .note_txt {
    max-width: 23.6rem;
    font-size: 1rem;
    line-height: 1.4;
  }
}
.branch_curriculum .curri_sec1 .curri_info_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  gap: 6.6rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_info_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3rem;
  }
}
.branch_curriculum .curri_sec1 .curri_info_box .info_left {
  width: 27.6rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  background-color: #385f04;
  border-radius: 2rem;
  padding: 7rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4.8rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_info_box .info_left {
    width: 100%;
    height: 15.8rem;
    padding: 0;
    gap: 0.5rem;
    border-radius: 1rem;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_info_box .info_left .img_box {
    display: none;
  }
}
.branch_curriculum .curri_sec1 .curri_info_box .info_left .img_box img {
  width: auto;
  max-width: 20.4rem;
  display: block;
  margin: 0 auto;
}
.branch_curriculum .curri_sec1 .curri_info_box .info_left .txt_box {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #fff;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_info_box .info_left .txt_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.5rem;
  }
}
.branch_curriculum .curri_sec1 .curri_info_box .info_left .txt_box .tit {
  display: block;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 2rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_info_box .info_left .txt_box .tit {
    font-size: 2rem;
    margin-bottom: 0;
    line-height: 1.55;
  }
}
.branch_curriculum .curri_sec1 .curri_info_box .info_left .txt_box .txt {
  font-size: 1.6rem;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_info_box .info_left .txt_box .txt {
    font-size: 1.3rem;
    line-height: 1.38;
  }
}
.branch_curriculum .curri_sec1 .curri_info_box .info_right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5rem;
  padding-bottom: 3rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_info_box .info_right {
    gap: 3rem;
    padding-bottom: 0;
  }
}
.branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
  min-width: 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list {
    gap: 1.5rem;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
  }
}
.branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list .tit {
  font-size: 2.4rem;
  font-weight: bold;
  color: #385f04;
  line-height: 1.4;
  border-bottom: 1px solid #9E9E9E;
  padding-bottom: 3rem;
  margin: 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list .tit {
    max-width: 26.1rem;
    margin: 0 auto;
    padding-bottom: 0;
    border-bottom: none;
    font-size: 1.6rem;
    text-align: center;
    line-height: 1.4;
  }
}
.branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list > ul {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    border: 1px solid #d9d9d9;
    border-radius: 1rem;
    background-color: #fff;
    padding: 2rem 1.5rem;
    gap: 1.5rem;
  }
}
.branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list > ul > li {
  border-bottom: 1px dashed #ccc;
  padding: 3rem 0;
}
.branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list > ul > li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list > ul > li:first-child {
  padding-top: 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list > ul > li {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    max-width: none;
    padding: 0;
    border-bottom: none;
  }
  .branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list > ul > li + li:not(.info_phonics_item) {
    border-top: 1px dashed #ccc;
    padding-top: 1.5rem;
  }
}
.branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list > ul > li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.7rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list > ul > li dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 1rem;
    width: 100%;
    max-width: none;
  }
}
.branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list > ul > li dl dt {
  width: 17.6rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 1.8rem;
  font-weight: bold;
  color: #000;
  line-height: 1.44;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list > ul > li dl dt {
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.5;
    padding: 0 0.5rem;
  }
  .branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list > ul > li dl dt.wide {
    width: 100%;
  }
}
.branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list > ul > li dl dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list > ul > li dl dd {
    width: 100%;
  }
}
.branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list > ul > li dl dd ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list > ul > li dl dd ul li {
  font-size: 1.6rem;
  color: #000;
  line-height: 1.5;
  position: relative;
  padding-left: 2.4rem;
}
.branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list > ul > li dl dd ul li::before {
  content: "";
  position: absolute;
  left: 0.8rem;
  top: 1rem;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #000;
  border-radius: 50%;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list > ul > li dl dd ul li {
    font-size: 1.2rem;
    line-height: 1.7;
    letter-spacing: -0.024rem;
    padding-left: 0;
  }
  .branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list > ul > li dl dd ul li::before {
    left: -1rem;
    width: 0.3rem;
    height: 0.3rem;
    top: 0.9rem;
  }
  .branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list > ul > li dl dd ul li::marker {
    display: none;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list > ul > li dl dd ul {
    padding-left: 1.8rem;
  }
}
.branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list > ul > li dl dd ul.type_enter li {
  line-height: 1.875;
}
.branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list > ul > li dl dd ul.type_enter li::before {
  top: 1.3rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list > ul > li dl dd ul.type_enter li::before {
    top: 0.9rem;
  }
}
.branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list > ul > li.info_phonics_item {
  border-bottom: none;
  padding-top: 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list > ul > li.info_phonics_item {
    border-top: none;
  }
}
.branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list > ul > li.info_phonics_item .info_phonics_box {
  margin-top: 3rem;
  padding: 3.6rem 2.9rem;
  border-radius: 0;
  background-color: #e8f0f8;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list > ul > li.info_phonics_item .info_phonics_box {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 2rem 0;
    border: none;
    border-radius: 0;
    background-color: #e1eaf1;
  }
}
.branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list > ul > li.info_phonics_item .info_phonics_box .phonics_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
  margin: 0 0 1rem;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list > ul > li.info_phonics_item .info_phonics_box .phonics_tit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.2rem;
    margin-bottom: 0;
    font-size: 1.2rem;
    text-align: center;
    line-height: 2;
  }
}
.branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list > ul > li.info_phonics_item .info_phonics_box .phonics_tit img {
  width: 1.8rem;
  height: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list > ul > li.info_phonics_item .info_phonics_box .phonics_txt {
  margin: 0 0 1.2rem;
  padding-left: 2.5rem;
  font-size: 1.6rem;
  color: #000;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list > ul > li.info_phonics_item .info_phonics_box .phonics_txt {
    max-width: 100%;
    margin: 0 auto;
    padding: 0.9rem 0.7rem;
    font-size: 1rem;
    text-align: center;
    letter-spacing: -0.02rem;
  }
}
.branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list > ul > li.info_phonics_item .info_phonics_box .phonics_order {
  margin: 0;
  padding-left: 2.5rem;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_info_box .info_right .info_list > ul > li.info_phonics_item .info_phonics_box .phonics_order {
    max-width: 26rem;
    margin: 0 auto;
    padding: 0;
    font-size: 1rem;
    text-align: center;
  }
}
.branch_curriculum .curri_sec1 .curri_info_box.curri_jm .info_left {
  background-color: #385f04;
}
.branch_curriculum .curri_sec1 .curri_info_box.curri_jm .info_right .info_list .tit {
  color: #385f04;
}
.branch_curriculum .curri_sec1 .curri_info_box.curri_sapling .info_left {
  background-color: #447700;
}
.branch_curriculum .curri_sec1 .curri_info_box.curri_sapling .info_right .info_list .tit {
  color: #447700;
}
.branch_curriculum .curri_sec1 .curri_info_box.curri_sprout .info_left {
  background-color: #589900;
}
.branch_curriculum .curri_sec1 .curri_info_box.curri_sprout .info_right .info_list .tit {
  color: #589900;
}
.branch_curriculum .curri_sec1 .curri_info_box.curri_seed .info_left {
  background-color: #6bb308;
}
.branch_curriculum .curri_sec1 .curri_info_box.curri_seed .info_right .info_list .tit {
  color: #6bb308;
}
.branch_curriculum .curri_sec1 .curri_info_box.curri_seedbed .info_left {
  padding: 5rem 0;
  background-color: #7cc913;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_info_box.curri_seedbed .info_left {
    padding: 0;
  }
}
.branch_curriculum .curri_sec1 .curri_info_box.curri_seedbed .info_right .info_list .tit {
  color: #7cc913;
}
.branch_curriculum .curri_sec1 .curri_info_box.curri_phonics .info_left {
  background-color: #94dc34;
}
.branch_curriculum .curri_sec1 .curri_info_box.curri_phonics .info_right .info_list .tit {
  color: #94dc34;
}
.branch_curriculum .curri_sec1 .curri_info_box.curri_phonics .info_right {
  padding-bottom: 0.5rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec1 .curri_info_box.curri_phonics .info_right {
    padding-bottom: 0;
  }
}
.branch_curriculum .curri_sec2 {
  font-family: "Do_regular";
  background-color: #eee;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec2 {
    padding: 6rem 2rem;
  }
}
.branch_curriculum .curri_sec2 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8rem;
  max-width: 90rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec2 .sec_in {
    gap: 3rem;
    max-width: 32rem;
  }
}
.branch_curriculum .curri_sec2 .sec1_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3rem;
  text-align: center;
}
.branch_curriculum .curri_sec2 .sec1_logo {
  line-height: 0;
}
.branch_curriculum .curri_sec2 .sec1_logo_img {
  display: block;
  width: 18rem;
  height: auto;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec2 .sec1_logo_img {
    width: 9.2rem;
  }
}
.branch_curriculum .curri_sec2 .sec1_desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec2 .sec1_desc {
    gap: 0rem;
  }
}
.branch_curriculum .curri_sec2 .desc_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.branch_curriculum .curri_sec2 .desc_row2 {
  text-align: center;
  margin-top: 0.2rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec2 .desc_row2 {
    width: 100%;
    margin-top: 0rem;
    line-height: 1.8;
  }
}
.branch_curriculum .curri_sec2 .desc_row2 .desc_txt {
  margin-left: -0.2rem;
  background: #eee;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec2 .desc_row2 .desc_txt {
    margin-left: -0.4rem;
  }
}
.branch_curriculum .curri_sec2 .desc_txt {
  display: inline-block;
  font-size: 2.4rem;
  color: #111921;
  letter-spacing: -0.048rem;
  line-height: 1.6;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec2 .desc_txt {
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
  }
}
.branch_curriculum .curri_sec2 .desc_emphasis {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 0.5rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec2 .desc_emphasis {
    margin-left: 0.3rem;
  }
}
.branch_curriculum .curri_sec2 .emphasis_dots {
  display: block;
  width: 13.3rem;
  height: auto;
  margin-bottom: 0.4rem;
  margin-left: 0.5rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec2 .emphasis_dots {
    width: 7.3rem;
    margin-bottom: -0.2rem;
    margin-top: 0.1rem;
    margin-left: 0.3rem;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  body.ios .branch_curriculum .curri_sec2 .emphasis_dots {
    width: 8.4rem;
  }
}
.branch_curriculum .curri_sec2 .emphasis_txt {
  position: relative;
  z-index: 1;
  font-size: 2.4rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.048rem;
  line-height: 1.6;
  font-family: "Do_regular";
  position: relative;
}
.branch_curriculum .curri_sec2 .emphasis_txt::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.6rem;
  z-index: -1;
  height: 1.1rem;
  border-radius: 0.6rem;
  background-color: rgba(143, 195, 31, 0.5);
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec2 .emphasis_txt {
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
  }
  .branch_curriculum .curri_sec2 .emphasis_txt::after {
    bottom: 0.3rem;
    height: 0.9rem;
  }
}
.branch_curriculum .curri_sec2 .emphasis_txt i {
  font-style: normal;
  position: relative;
}
.branch_curriculum .curri_sec2 .emphasis_txt i::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -1.3rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0.45rem;
  height: 0.45rem;
  background: rgb(143, 195, 31);
  pointer-events: none;
  border-radius: 50%;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec2 .emphasis_txt i::before {
    width: 0.22rem;
    height: 0.22rem;
    top: -0.35rem;
  }
}
.branch_curriculum .curri_sec2 .desc_badge {
  display: inline;
  padding: 0 0.5rem;
  font-size: 2.4rem;
  color: #111921;
  letter-spacing: -0.048rem;
  line-height: 1.6;
  background-color: #8fc31f;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec2 .desc_badge {
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
  }
}
.branch_curriculum .curri_sec2 .key_visual {
  position: relative;
  width: 100%;
  max-width: 90rem;
  margin: 0 auto;
}
.branch_curriculum .curri_sec2 .sec1_key_img {
  display: block;
  width: 100%;
  height: auto;
}
.branch_curriculum .curri_sec2 .mobile_overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.branch_curriculum .curri_sec2 .mobile_overlay .num {
  position: absolute;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.036rem;
  line-height: 1;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.branch_curriculum .curri_sec2 .mobile_overlay .num01 {
  left: 22%;
  top: 77.5%;
}
.branch_curriculum .curri_sec2 .mobile_overlay .num02 {
  left: 38.9%;
  top: 45.2%;
}
.branch_curriculum .curri_sec2 .mobile_overlay .num03 {
  left: 61.1%;
  top: 45.2%;
}
.branch_curriculum .curri_sec2 .mobile_overlay .num04 {
  left: 77.6%;
  top: 78.1%;
}
.branch_curriculum .curri_sec2 .mobile_overlay .txt {
  font-size: 1.5rem;
  font-weight: bold;
  color: #273547;
  letter-spacing: -0.03rem;
  line-height: 1.25;
  text-align: center;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 11rem;
}
@media (max-width: 400px) {
  .branch_curriculum .curri_sec2 .mobile_overlay .txt {
    margin-top: 12rem;
  }
}
.branch_curriculum .curri_sec2 .key_items {
  position: absolute;
  inset: 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec2 .key_items {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
    margin-top: 3rem;
  }
}
.branch_curriculum .curri_sec2 .key_item {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.7rem;
  text-align: center;
  color: #fff;
  -webkit-transform: none;
          transform: none;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec2 .key_item {
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1rem;
    width: 100%;
    height: 6.8rem;
    padding: 0.9rem 1.2rem;
    border-radius: 5.4rem;
    background-color: #fff;
    color: #273547;
    text-align: left;
    left: auto !important;
    top: auto !important;
  }
}
.branch_curriculum .curri_sec2 .key_item .item_num {
  font-size: 3.2rem;
  font-weight: bold;
  letter-spacing: -0.064rem;
  line-height: 1.45;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec2 .key_item .item_num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    font-size: 1.6rem;
    color: #fff;
    letter-spacing: -0.032rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.branch_curriculum .curri_sec2 .key_item .item_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.7rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec2 .key_item .item_text {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0.6rem;
  }
}
.branch_curriculum .curri_sec2 .key_item .item_tit {
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: -0.04rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec2 .key_item .item_tit {
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
    line-height: 1;
  }
  .branch_curriculum .curri_sec2 .key_item .item_tit br {
    display: none;
  }
}
.branch_curriculum .curri_sec2 .key_item .item_sub {
  font-size: 1.6rem;
  font-weight: normal;
  letter-spacing: -0.032rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec2 .key_item .item_sub {
    font-size: 1rem;
    color: #5d5d5d;
    letter-spacing: -0.02rem;
  }
  .branch_curriculum .curri_sec2 .key_item .item_sub br {
    display: none;
  }
}
.branch_curriculum .curri_sec2 .key_item01 {
  left: 14.8%;
  top: 62.6%;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec2 .key_item01 .item_num {
    background-color: #8fc31f;
  }
}
.branch_curriculum .curri_sec2 .key_item02 {
  left: 30.2%;
  top: 25.9%;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec2 .key_item02 .item_num {
    background-color: #33715A;
  }
}
.branch_curriculum .curri_sec2 .key_item03 {
  left: 53%;
  top: 25.9%;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec2 .key_item03 .item_num {
    background-color: #e62f87;
  }
}
.branch_curriculum .curri_sec2 .key_item04 {
  left: 67%;
  top: 62.6%;
  gap: 0.9rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec2 .key_item04 {
    gap: 1rem;
  }
  .branch_curriculum .curri_sec2 .key_item04 .item_num {
    background-color: #273547;
  }
}
.branch_curriculum .curri_sec2 .key_system {
  position: absolute;
  left: 50%;
  top: 86.3%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 2.8rem;
  font-weight: bold;
  color: #273547;
  letter-spacing: -0.056rem;
  line-height: 1.4;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec2 .key_system {
    display: none;
  }
}
.branch_curriculum .curri_sec3 {
  font-family: "Do_regular";
  background-color: #fff;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec3 {
    padding: 6rem 2rem;
  }
}
.branch_curriculum .curri_sec3 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5rem;
  max-width: 90rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec3 .sec_in {
    gap: 2rem;
    max-width: 100%;
  }
}
.branch_curriculum .curri_sec3 .sec2_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec3 .sec2_head {
    gap: 1rem;
  }
}
.branch_curriculum .curri_sec3 .sec2_badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.5rem 3rem;
  border-radius: 4.2rem;
  background-color: #8fc31f;
  font-size: 3rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.06rem;
  line-height: 1.5;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec3 .sec2_badge {
    width: 22.4rem;
    height: 3rem;
    padding: 0.281rem 1.688rem;
    border-radius: 2.363rem;
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
  }
}
.branch_curriculum .curri_sec3 .sec2_tit {
  max-width: 78.4rem;
  font-size: 2.8rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.056rem;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec3 .sec2_tit {
    font-size: 1.5rem;
    letter-spacing: -0.03rem;
  }
}
.branch_curriculum .curri_sec3 .sec2_cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec3 .sec2_cards {
    gap: 0.6rem;
  }
}
.branch_curriculum .curri_sec3 .sec2_card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 4rem) / 3);
          flex: 0 0 calc((100% - 4rem) / 3);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3rem;
  height: 38rem;
  padding: 4rem;
  border-radius: 2rem;
  background-color: #f5f5f5;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec3 .sec2_card {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    gap: 1rem;
    height: 20rem;
    padding: 2.5rem 0.5rem;
    border-radius: 1rem;
  }
}
.branch_curriculum .curri_sec3 .card_img {
  width: 14rem;
  height: 14rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec3 .card_img {
    width: 6rem;
    height: 6rem;
  }
}
.branch_curriculum .curri_sec3 .card_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec3 .card_text {
    gap: 0.4rem;
  }
}
.branch_curriculum .curri_sec3 .card_tit {
  font-size: 2.4rem;
  font-weight: bold;
  color: #33715a;
  letter-spacing: -0.048rem;
  line-height: 1.4;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec3 .card_tit {
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
    white-space: normal;
  }
}
.branch_curriculum .curri_sec3 .card_desc {
  font-size: 2rem;
  color: #111921;
  letter-spacing: -0.04rem;
  line-height: 1.4;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec3 .card_desc {
    font-size: 1rem;
    letter-spacing: -0.02rem;
    white-space: normal;
  }
  .branch_curriculum .curri_sec3 .card_desc br.web {
    display: none;
  }
}
.branch_curriculum .curri_sec4 {
  font-family: "Do_regular";
  background-color: #f5f5f5;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec4 {
    padding: 6rem 2rem;
  }
}
.branch_curriculum .curri_sec4 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5rem;
  max-width: 90rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec4 .sec_in {
    gap: 2rem;
    max-width: 32rem;
  }
}
.branch_curriculum .curri_sec4 .sec3_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec4 .sec3_head {
    gap: 1rem;
  }
}
.branch_curriculum .curri_sec4 .sec3_badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.5rem 3rem;
  border-radius: 4.2rem;
  background-color: #33715a;
  font-size: 3rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.06rem;
  line-height: 1.5;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec4 .sec3_badge {
    height: 3rem;
    padding: 0 1.7rem;
    border-radius: 2.363rem;
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
  }
}
.branch_curriculum .curri_sec4 .sec3_tit {
  font-size: 2.8rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.056rem;
  line-height: 1.5;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec4 .sec3_tit {
    font-size: 1.5rem;
    letter-spacing: -0.03rem;
  }
}
.branch_curriculum .curri_sec4 .sec3_list {
  display: grid;
  grid-template-columns: repeat(3, 27rem);
  gap: 2.5rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec4 .sec3_list {
    grid-template-columns: repeat(2, 15.5rem);
    gap: 1rem;
  }
}
.branch_curriculum .curri_sec4 .sec3_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
  width: 27rem;
  height: 27rem;
  padding: 4rem;
  border: 1px solid #bcbec0;
  border-radius: 50%;
  background-color: #fff;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec4 .sec3_item {
    gap: 0.8rem;
    width: 15.5rem;
    height: 15.5rem;
    padding: 0;
  }
}
.branch_curriculum .curri_sec4 .sec3_item:nth-child(1) .item_badge {
  background-color: #33715a;
}
.branch_curriculum .curri_sec4 .sec3_item:nth-child(2) .item_badge {
  background-color: #8fc31f;
}
.branch_curriculum .curri_sec4 .sec3_item:nth-child(3) .item_badge {
  background-color: #e62f87;
}
.branch_curriculum .curri_sec4 .sec3_item:nth-child(4) .item_badge {
  background-color: #273547;
}
.branch_curriculum .curri_sec4 .sec3_item:nth-child(5) .item_badge {
  background-color: #677716;
}
.branch_curriculum .curri_sec4 .sec3_item:nth-child(6) .item_badge {
  background-color: #111921;
}
.branch_curriculum .curri_sec4 .item_badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.2rem 1.4rem;
  border-radius: 999rem;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.04rem;
  line-height: 1.4;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec4 .item_badge {
    padding: 0.1rem 1rem;
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
  }
}
.branch_curriculum .curri_sec4 .item_txt {
  font-size: 2rem;
  color: #111921;
  letter-spacing: -0.04rem;
  line-height: 1.4;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec4 .item_txt {
    width: 100%;
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
  }
}
.branch_curriculum .curri_sec5 {
  font-family: "Do_regular";
  background-color: #fff;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec5 {
    padding: 6rem 2rem;
  }
}
.branch_curriculum .curri_sec5 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5rem;
  max-width: 90rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec5 .sec_in {
    gap: 3rem;
    max-width: 100%;
  }
}
.branch_curriculum .curri_sec5 .sec4_tab {
  width: 100%;
}
.branch_curriculum .curri_sec5 .sec4_badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.5rem 3rem;
  border-radius: 4.2rem;
  background-color: #e62f87;
  font-size: 3rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.06rem;
  line-height: 1.5;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec5 .sec4_badge {
    height: 3rem;
    padding: 0 1.688rem;
    border-radius: 2.363rem;
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
  }
}
.branch_curriculum .curri_sec5 .sec4_tab_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec5 .sec4_tab_list {
    gap: 0.4rem;
  }
}
.branch_curriculum .curri_sec5 .sec4_tab_list .tab-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.branch_curriculum .curri_sec5 .sec4_tab_list .tab-item > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 4.6rem;
  gap: 0.5rem;
  padding: 0.3rem 5.9rem;
  border: 1px solid #bcbec0;
  border-bottom: 0;
  border-radius: 2rem 2rem 0 0;
  background-color: #bcbec0;
  font-size: 2.4rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.048rem;
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec5 .sec4_tab_list .tab-item > a {
    height: auto;
    padding: 0.7rem 0;
    border-radius: 1rem 1rem 0 0;
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
  }
}
.branch_curriculum .curri_sec5 .sec4_tab_list .tab-item > a .tab_em,
.branch_curriculum .curri_sec5 .sec4_tab_list .tab-item > a .tab_w {
  color: #fff;
}
.branch_curriculum .curri_sec5 .sec4_tab_list .tab-item.active > a {
  background-color: #111921;
  border-color: #111921;
}
.branch_curriculum .curri_sec5 .sec4_tab_list .tab-item.active > a .tab_em {
  color: #e62f87;
}
.branch_curriculum .curri_sec5 .sec4_tab_list .tab-item.active > a .tab_w {
  color: #fff;
}
.branch_curriculum .curri_sec5 .sec4_tab_cont {
  display: none;
  width: 90rem;
  padding: 3rem 0rem;
  border: 1px solid #bcbec0;
  border-radius: 0 0 2rem 2rem;
  background-color: #fff;
  text-align: center;
}
.branch_curriculum .curri_sec5 .sec4_tab_cont.active {
  display: block;
}
.branch_curriculum .curri_sec5 .sec4_tab_cont > * + * {
  margin-top: 3rem;
}
.branch_curriculum .curri_sec5 .sec4_tab_cont .web > * + *,
.branch_curriculum .curri_sec5 .sec4_tab_cont .mobile > * + * {
  margin-top: 3rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec5 .sec4_tab_cont {
    padding: 3rem 0;
    width: 100%;
  }
  .branch_curriculum .curri_sec5 .sec4_tab_cont > * + * {
    margin-top: 2.5rem;
  }
  .branch_curriculum .curri_sec5 .sec4_tab_cont .web > * + *,
  .branch_curriculum .curri_sec5 .sec4_tab_cont .mobile > * + * {
    margin-top: 2.5rem;
  }
}
.branch_curriculum .curri_sec5 .sec4_subtit {
  font-size: 2.4rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.048rem;
  line-height: 1.4;
}
.branch_curriculum .curri_sec5 .sec4_subtit .regular {
  font-weight: normal;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec5 .sec4_subtit {
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
  }
}
.branch_curriculum .curri_sec5 .sec4_symbol {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec5 .sec4_symbol {
    gap: 5.2rem;
  }
}
.branch_curriculum .curri_sec5 .sec4_symbol::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 1.2rem;
  height: 1.2rem;
  background: url(../images/branch_s/fall26/ap/sec04_plus01_m.png) no-repeat center center;
  background-size: 1.2rem 1.2rem;
  pointer-events: none;
}
.branch_curriculum .curri_sec5 .sec4_symbol .symbol_esl,
.branch_curriculum .curri_sec5 .sec4_symbol .symbol_efl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 5.9rem;
  height: 5.9rem;
  border-radius: 50%;
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.028rem;
}
.branch_curriculum .curri_sec5 .sec4_symbol .symbol_esl {
  background-color: #33715a;
}
.branch_curriculum .curri_sec5 .sec4_symbol .symbol_efl {
  width: 6rem;
  height: 6rem;
  background-color: #e62f87;
}
.branch_curriculum .curri_sec5 .web .sec4_system {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3.8rem;
}
.branch_curriculum .curri_sec5 .web .sec4_system::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -0.5rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transform: translateX(3.8rem);
          transform: translateX(3.8rem);
  width: 1.8rem;
  height: 4.6rem;
  background: url(../images/branch_s/fall26/ap/sec04_plus01_w.png) no-repeat center center;
  background-size: 1.8rem 4.6rem;
  pointer-events: none;
  z-index: 1;
}
.branch_curriculum .curri_sec5 .mobile .sec4_system {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.333rem;
}
.branch_curriculum .curri_sec5 .system_col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec5 .system_col {
    gap: 1.333rem;
    width: 100%;
  }
}
.branch_curriculum .curri_sec5 .system_col .col_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 0.3rem 5.9rem;
  border-radius: 2rem;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.04rem;
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
  height: 4.6rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec5 .system_col .col_tit {
    max-width: 28rem;
    padding: 0.2rem 0;
    border-radius: 3.1rem;
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
    height: 2.8rem;
  }
}
.branch_curriculum .curri_sec5 .system_col.system_esl .col_tit {
  background-color: #33715a;
}
.branch_curriculum .curri_sec5 .system_col.system_efl .col_tit {
  background-color: #e62f87;
}
.branch_curriculum .curri_sec5 .system_col .col_tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.6rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 30rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec5 .system_col .col_tags {
    gap: 0.4rem;
    width: 20rem;
  }
}
.branch_curriculum .curri_sec5 .system_col .col_tags li {
  display: inline;
  padding: 0 0.4rem;
  border-radius: 0.2rem;
  background-color: #d8d9db;
  font-size: 1.6rem;
  color: #111921;
  letter-spacing: -0.032rem;
  line-height: 1.4;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec5 .system_col .col_tags li {
    padding: 0 0.267rem;
    border-radius: 0.133rem;
    font-size: 1rem;
    letter-spacing: -0.02rem;
  }
}
.branch_curriculum .curri_sec5 .system_col .col_img {
  display: block;
  width: auto;
  height: auto;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec5 .system_col .col_img {
    max-width: 26.1rem;
  }
}
.branch_curriculum .curri_sec5 .system_col .col_desc {
  font-size: 1.8rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.036rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec5 .system_col .col_desc {
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
    line-height: 1.5;
  }
}
.branch_curriculum .curri_sec5 .system_col .col_desc_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec5 .system_col .col_desc_wrap {
    gap: 0.7rem;
  }
}
.branch_curriculum .curri_sec5 .system_col .col_note {
  font-size: 1.6rem;
  color: #909090;
  letter-spacing: -0.032rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec5 .system_col .col_note {
    font-size: 1rem;
    letter-spacing: -0.02rem;
  }
}
.branch_curriculum .curri_sec5 .web .system_esl .col_img {
  width: 39.15rem;
}
.branch_curriculum .curri_sec5 .web .system_efl .col_img {
  width: 20.1rem;
}
.branch_curriculum .curri_sec5 .web .system_esl .col_tit {
  width: 44.8rem;
}
.branch_curriculum .curri_sec5 .web .system_efl .col_tit {
  width: 35.4rem;
}
.branch_curriculum .curri_sec5 .mobile .system_efl img {
  max-width: 13.4rem;
}
.branch_curriculum .curri_sec5 .sec4_feat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.8rem;
  padding: 0 3rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec5 .sec4_feat {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
    padding: 0 2rem;
  }
}
.branch_curriculum .curri_sec5 .sec4_feat .feat_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.2rem;
  min-height: 17rem;
  padding: 3rem 1rem;
  border-radius: 1rem;
  background-color: #f5f5f5;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec5 .sec4_feat .feat_item {
    gap: 0.8rem;
    min-height: auto;
    padding: 2rem 0;
  }
}
.branch_curriculum .curri_sec5 .sec4_feat .feat_badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.3rem 2rem;
  border-radius: 999rem;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.036rem;
  line-height: 1.4;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec5 .sec4_feat .feat_badge {
    padding: 0.2rem 1.333rem;
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
  }
}
.branch_curriculum .curri_sec5 .sec4_feat .feat_badge.feat_green {
  background-color: #33715a;
}
.branch_curriculum .curri_sec5 .sec4_feat .feat_badge.feat_lime {
  background-color: #8fc31f;
}
.branch_curriculum .curri_sec5 .sec4_feat .feat_badge.feat_pink {
  background-color: #e62f87;
}
.branch_curriculum .curri_sec5 .sec4_feat .feat_txt {
  font-size: 1.8rem;
  color: #111921;
  letter-spacing: -0.036rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec5 .sec4_feat .feat_txt {
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
  }
}
.branch_curriculum .curri_sec5 .sec4_road_tit {
  text-align: center;
}
.branch_curriculum .curri_sec5 .sec4_road_tit .road_sub {
  margin-bottom: 0.4rem;
  font-size: 2.4rem;
  font-weight: normal;
  color: #111921;
  letter-spacing: -0.048rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec5 .sec4_road_tit .road_sub {
    margin-bottom: 0;
    font-size: 1.4rem;
    letter-spacing: -0.032rem;
  }
}
.branch_curriculum .curri_sec5 .sec4_road_tit .road_main {
  font-size: 2.4rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.048rem;
  line-height: 1.4;
}
.branch_curriculum .curri_sec5 .sec4_road_tit .road_main .regular {
  font-weight: normal;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec5 .sec4_road_tit .road_main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.3rem;
    font-size: 1.4rem;
    letter-spacing: -0.032rem;
  }
}
.branch_curriculum .curri_sec5 .web .sec4_road .road_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
  height: 29rem;
}
.branch_curriculum .curri_sec5 .web .sec4_road .road_rise,
.branch_curriculum .curri_sec5 .web .sec4_road .road_bridge,
.branch_curriculum .curri_sec5 .web .sec4_road .road_prime {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.branch_curriculum .curri_sec5 .web .sec4_road .road_card {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 23rem;
  height: 20rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.branch_curriculum .curri_sec5 .web .sec4_road .road_rise {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 23rem;
}
.branch_curriculum .curri_sec5 .web .sec4_road .road_rise::after {
  content: "";
  position: absolute;
  right: -4.7rem;
  top: 9.65rem;
  width: 5.15rem;
  height: 2.4rem;
  background: url(../images/branch_s/fall26/ap/sec04_arrow01_w.png) no-repeat center center;
  background-size: 5.15rem 2.4rem;
  z-index: 3;
}
.branch_curriculum .curri_sec5 .web .sec4_road .road_rise .road_badge {
  margin-bottom: -2rem;
}
.branch_curriculum .curri_sec5 .web .sec4_road .road_group {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 55.1rem;
  height: 29rem;
}
.branch_curriculum .curri_sec5 .web .sec4_road .road_group::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 55.1rem;
  height: 29rem;
  background: url(../images/branch_s/fall26/ap/sec04_dot01_w.png) no-repeat left top;
  background-size: 55.1rem 29rem;
  pointer-events: none;
  z-index: 0;
}
.branch_curriculum .curri_sec5 .web .sec4_road .road_group_in {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 100%;
  padding: 1.6rem 2rem 0;
  gap: 4.3rem;
}
.branch_curriculum .curri_sec5 .web .sec4_road .road_bridge,
.branch_curriculum .curri_sec5 .web .sec4_road .road_prime {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 23rem;
}
.branch_curriculum .curri_sec5 .web .sec4_road .road_bridge .road_badge,
.branch_curriculum .curri_sec5 .web .sec4_road .road_prime .road_badge {
  margin-bottom: -2rem;
}
.branch_curriculum .curri_sec5 .web .sec4_road .road_bridge::after {
  content: "";
  position: absolute;
  left: 1.8rem;
  top: 11rem;
  width: 28rem;
  height: 3.3rem;
  background: url(../images/branch_s/fall26/ap/sec04_arrow02_w.png) no-repeat center center;
  background-size: 28rem 3.3rem;
  z-index: 2;
}
.branch_curriculum .curri_sec5 .web .sec4_road .road_prime::after {
  content: "";
  position: absolute;
  left: 28.5rem;
  top: 11rem;
  width: 2rem;
  height: 3.3rem;
  background-color: #fff;
  z-index: 1;
}
.branch_curriculum .curri_sec5 .web .sec4_road .road_academy {
  margin: 2.5rem 0 0;
  font-size: 1.6rem;
  color: #909090;
  letter-spacing: -0.032rem;
  line-height: 1;
  text-align: center;
}
.branch_curriculum .curri_sec5 .web .sec4_road .road_academy_cd {
  position: absolute;
  bottom: 1.8rem;
  left: 50%;
  z-index: 1;
  font-size: 1.6rem;
  color: #909090;
  letter-spacing: -0.032rem;
  line-height: 1;
  text-align: center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.branch_curriculum .curri_sec5 .mobile .sec4_road .road_inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 4rem;
}
.branch_curriculum .curri_sec5 .mobile .sec4_road .road_inner::before {
  content: "";
  position: absolute;
  left: 1rem;
  top: 14.7rem;
  width: 25.7rem;
  height: 35.8rem;
  background: url(../images/branch_s/fall26/ap/sec04_dot01_m.png) no-repeat left top;
  background-size: 25.7rem 35.8rem;
  pointer-events: none;
  z-index: 0;
}
.branch_curriculum .curri_sec5 .mobile .sec4_road .road_academy {
  position: absolute;
  left: -1.5rem;
  height: 3rem;
  -ms-flex-line-pack: center;
      align-content: center;
  font-size: 1.1rem;
  color: #909090;
  letter-spacing: -0.022rem;
  line-height: 1;
  background-color: #fff;
}
.branch_curriculum .curri_sec5 .mobile .sec4_road .road_academy_april {
  top: 5.8rem;
}
.branch_curriculum .curri_sec5 .mobile .sec4_road .road_academy_cd {
  top: 31.8rem;
}
.branch_curriculum .curri_sec5 .mobile .sec4_road .road_step {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 20.4rem;
}
.branch_curriculum .curri_sec5 .mobile .sec4_road .road_step:first-of-type {
  margin-top: 0;
}
.branch_curriculum .curri_sec5 .mobile .sec4_road .road_step .road_badge {
  margin-bottom: -2rem;
}
.branch_curriculum .curri_sec5 .mobile .sec4_road .road_step:nth-of-type(1), .branch_curriculum .curri_sec5 .mobile .sec4_road .road_step:nth-of-type(2) {
  padding-bottom: 4rem;
}
.branch_curriculum .curri_sec5 .mobile .sec4_road .road_step:nth-of-type(1)::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 13.2rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1.65rem;
  height: 3.45rem;
  transform: translateX(-50%);
  background: url(../images/branch_s/fall26/ap/sec04_arrow01_m.png) no-repeat center center;
  background-size: 1.65rem 3.45rem;
}
.branch_curriculum .curri_sec5 .mobile .sec4_road .road_step:nth-of-type(2)::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 13.2rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1.65rem;
  height: 3.45rem;
  transform: translateX(-50%);
  background: url(../images/branch_s/fall26/ap/sec04_arrow02_m.png) no-repeat center center;
  background-size: 1.65rem 3.45rem;
}
.branch_curriculum .curri_sec5 .road_badge {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 4rem;
  padding: 0.3rem 2rem;
  border: 0.3rem solid #fff;
  border-radius: 1.6rem;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.036rem;
  line-height: 1.4;
  white-space: nowrap;
  z-index: 1;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec5 .road_badge {
    height: 3rem;
    border-width: 0.2rem;
    border-radius: 1.067rem;
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
  }
}
.branch_curriculum .curri_sec5 .road_badge.road_badge_lime {
  background-color: #8fc31f;
}
.branch_curriculum .curri_sec5 .road_badge.road_badge_dark {
  background-color: #273547;
}
.branch_curriculum .curri_sec5 .road_card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1rem;
  width: 100%;
  padding: 3rem 2rem;
  border: 0.2rem solid;
  border-radius: 1.6rem;
  background-color: #fff;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec5 .road_card {
    padding: 2.5rem 2rem 2rem;
    border-width: 0.133rem;
    border-radius: 1rem;
  }
}
.branch_curriculum .curri_sec5 .road_card.road_card_lime {
  border-color: #8fc31f;
}
.branch_curriculum .curri_sec5 .road_card.road_card_dark {
  border-color: #273547;
}
.branch_curriculum .curri_sec5 .road_card .card_grade {
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: -0.036rem;
  line-height: 1.4;
  margin-top: 1.8rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec5 .road_card .card_grade {
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
    margin-top: 0.4rem;
    margin-bottom: -0.5rem;
  }
}
.branch_curriculum .curri_sec5 .road_card.road_card_lime .card_grade {
  color: #8fc31f;
}
.branch_curriculum .curri_sec5 .road_card.road_card_dark .card_grade {
  color: #273547;
}
.branch_curriculum .curri_sec5 .road_card .card_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  width: 100%;
  padding: 2rem 1rem;
  border-radius: 1rem;
  background-color: #f5f5f5;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec5 .road_card .card_box {
    gap: 0.5rem;
    padding: 1.2rem 1rem;
    border-radius: 0.7rem;
  }
}
.branch_curriculum .curri_sec5 .road_card .card_sub {
  font-size: 1.6rem;
  color: #111921;
  letter-spacing: -0.032rem;
  line-height: 1;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec5 .road_card .card_sub {
    font-size: 1rem;
    letter-spacing: -0.02rem;
  }
}
.branch_curriculum .curri_sec5 .road_card .card_tit {
  font-size: 1.8rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.036rem;
  line-height: 1;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec5 .road_card .card_tit {
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
  }
}
.branch_curriculum .curri_sec5 .sec4_note {
  font-size: 1.8rem;
  color: #111921;
  letter-spacing: -0.036rem;
  line-height: 1.5;
  text-align: center;
}
.branch_curriculum .curri_sec5 .sec4_note strong {
  font-weight: bold;
}
.branch_curriculum .curri_sec5 .mobile .sec4_note {
  margin-top: 5rem;
  font-size: 1.2rem;
  letter-spacing: -0.024rem;
}
.branch_curriculum .curri_sec5 .sec4_cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  width: 100%;
  max-width: 81rem;
  margin: 0 auto;
  padding: 5rem 7rem;
  border-radius: 2rem;
  background-color: #f5f5f5;
  font-size: 2.4rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.048rem;
  line-height: 1;
  text-align: center;
}
.branch_curriculum .curri_sec5 .sec4_cta .cta_lime {
  color: #8fc31f;
}
.branch_curriculum .curri_sec5 .sec4_cta .cta_pink {
  color: #e62f87;
}
.branch_curriculum .curri_sec5 .mobile .sec4_cta {
  gap: 0.5rem;
  max-width: 28rem;
  padding: 2rem 0;
  border-radius: 1rem;
  font-size: 1.4rem;
  letter-spacing: -0.028rem;
}
.branch_curriculum .curri_sec6 {
  font-family: "Do_regular";
  background-color: #f5f5f5;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec6 {
    padding: 6rem 2rem;
  }
}
.branch_curriculum .curri_sec6 .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5rem;
  max-width: 90rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec6 .sec_in {
    gap: 3rem;
    max-width: 100%;
  }
}
.branch_curriculum .curri_sec6 .sec5_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  max-width: 90rem;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec6 .sec5_head {
    gap: 1rem;
    max-width: 32rem;
  }
}
.branch_curriculum .curri_sec6 .sec5_badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.5rem 3rem;
  border-radius: 4.2rem;
  background-color: #273547;
  font-size: 3rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.06rem;
  line-height: 1.5;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec6 .sec5_badge {
    height: 3rem;
    padding: 0 1.7rem;
    border-radius: 2.363rem;
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
    line-height: 1;
  }
}
.branch_curriculum .curri_sec6 .sec5_tit {
  font-size: 2.8rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.056rem;
  line-height: 1.5;
}
.branch_curriculum .curri_sec6 .sec5_tit .tit_em {
  font-style: normal;
  color: #8fc31f;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec6 .sec5_tit {
    font-size: 1.5rem;
    letter-spacing: -0.03rem;
  }
}
.branch_curriculum .curri_sec6 .sec5_tracks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3.6rem;
  width: 100%;
  max-width: 79.4rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec6 .sec5_tracks {
    gap: 3rem;
    max-width: 100%;
  }
}
.branch_curriculum .curri_sec6 .track_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.2rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec6 .track_item {
    gap: 1.2rem;
  }
}
.branch_curriculum .curri_sec6 .track_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}
.branch_curriculum .curri_sec6 .track_tit {
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: -0.048rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec6 .track_tit {
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
  }
}
.branch_curriculum .curri_sec6 .track_regular .track_tit {
  color: #8fc31f;
}
.branch_curriculum .curri_sec6 .track_ivy .track_tit {
  color: #33715a;
}
.branch_curriculum .curri_sec6 .track_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec6 .track_list {
    gap: 0.4rem;
  }
}
.branch_curriculum .curri_sec6 .track_desc {
  position: relative;
  padding-left: 2.4rem;
  font-size: 2rem;
  color: #111921;
  letter-spacing: -0.04rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec6 .track_desc {
    padding-left: 1.5rem;
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
  }
}
.branch_curriculum .curri_sec6 .track_desc::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1em;
  line-height: 1.4;
}
.branch_curriculum .curri_sec6 .track_desc.desc_lime::before {
  color: #8fc31f;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec6 .track_desc.desc_olive {
    letter-spacing: -0.06rem;
  }
}
.branch_curriculum .curri_sec6 .track_desc.desc_olive::before {
  color: #677716;
}
.branch_curriculum .curri_sec6 .track_desc.desc_ivy::before {
  color: #33715a;
}
.branch_curriculum .curri_sec6 .track_bar {
  position: relative;
  width: 100%;
  height: 5rem;
  border-radius: 999rem;
  background-color: #fff;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec6 .track_bar {
    height: 3rem;
  }
}
.branch_curriculum .curri_sec6 .bar_fill {
  position: absolute;
  border-radius: 999rem;
}
.branch_curriculum .curri_sec6 .bar_fill_lime {
  left: 0.7rem;
  top: 0.625rem;
  width: calc(100% - 1.4rem);
  height: 3.75rem;
  background-color: #8fc31f;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec6 .bar_fill_lime {
    left: 0.4rem;
    top: 0.332rem;
    width: calc(100% - 0.8rem);
    height: 2.3rem;
  }
}
.branch_curriculum .curri_sec6 .bar_fill_olive {
  left: 0.7rem;
  top: 0.625rem;
  width: calc(50% - 0.7rem);
  height: 3.75rem;
  background-color: #677716;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec6 .bar_fill_olive {
    left: 0.4rem;
    top: 0.375rem;
    width: calc(50% - 0.4rem);
    height: 2.25rem;
  }
}
.branch_curriculum .curri_sec6 .bar_fill_ivy {
  left: 0.7rem;
  top: 0.572rem;
  width: calc(100% - 1.4rem);
  height: 3.75rem;
  background-color: #33715a;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec6 .bar_fill_ivy {
    left: 0.4rem;
    top: 0.332rem;
    width: calc(100% - 0.8rem);
    height: 2.2rem;
  }
}
.branch_curriculum .curri_sec6 .bar_label {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.04rem;
  line-height: 1.4;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec6 .bar_label {
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
  }
}
.branch_curriculum .curri_sec6 .bar_label_fast {
  left: 50%;
  -webkit-transform: translate(-160%, -50%);
          transform: translate(-160%, -50%);
}
.branch_curriculum .curri_sec6 .bar_label_normal {
  right: 3.5rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec6 .bar_label_normal {
    right: 2rem;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_curriculum .curri_sec6 {
    background-color: #f4f4f4;
  }
}

.branch_roadmap {
  font-family: "Noto Sans KR", sans-serif;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_roadmap {
    padding: 6rem 2rem;
  }
}
.branch_roadmap .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5rem;
  max-width: 118rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_roadmap .sec_in {
    gap: 3rem;
    max-width: 36rem;
  }
}
.branch_roadmap .sec6_tit {
  font-size: 4rem;
  font-weight: bold;
  color: #333;
  letter-spacing: -0.08rem;
  line-height: 1.5;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_roadmap .sec6_tit {
    font-size: 2.4rem;
    color: #111921;
    letter-spacing: -0.048rem;
  }
}
.branch_roadmap .sec6_img {
  width: 100%;
}
.branch_roadmap .sec6_img img {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_roadmap {
    padding: 6rem 2rem;
  }
}
.branch_roadmap .sec_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5rem;
  max-width: 90rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_roadmap .sec_in {
    gap: 3rem;
    max-width: 100%;
  }
}
.branch_roadmap .sec5_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  max-width: 90rem;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_roadmap .sec5_head {
    gap: 1rem;
    max-width: 32rem;
  }
}
.branch_roadmap .sec5_badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.5rem 3rem;
  border-radius: 4.2rem;
  background-color: #273547;
  font-size: 3rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.06rem;
  line-height: 1.5;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_roadmap .sec5_badge {
    height: 3rem;
    padding: 0 1.7rem;
    border-radius: 2.363rem;
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
    line-height: 1;
  }
}
.branch_roadmap .sec5_tit {
  font-size: 2.8rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.056rem;
  line-height: 1.5;
}
.branch_roadmap .sec5_tit .tit_em {
  font-style: normal;
  color: #8fc31f;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_roadmap .sec5_tit {
    font-size: 1.5rem;
    letter-spacing: -0.03rem;
  }
}
.branch_roadmap .sec5_tracks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3.6rem;
  width: 100%;
  max-width: 79.4rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_roadmap .sec5_tracks {
    gap: 3rem;
    max-width: 100%;
  }
}
.branch_roadmap .track_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.2rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_roadmap .track_item {
    gap: 1.2rem;
  }
}
.branch_roadmap .track_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}
.branch_roadmap .track_tit {
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: -0.048rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_roadmap .track_tit {
    font-size: 1.4rem;
    letter-spacing: -0.028rem;
  }
}
.branch_roadmap .track_regular .track_tit {
  color: #8fc31f;
}
.branch_roadmap .track_ivy .track_tit {
  color: #33715a;
}
.branch_roadmap .track_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_roadmap .track_list {
    gap: 0.4rem;
  }
}
.branch_roadmap .track_desc {
  position: relative;
  padding-left: 2.4rem;
  font-size: 2rem;
  color: #111921;
  letter-spacing: -0.04rem;
  line-height: 1.4;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_roadmap .track_desc {
    padding-left: 1.5rem;
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
  }
}
.branch_roadmap .track_desc::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1em;
  line-height: 1.4;
}
.branch_roadmap .track_desc.desc_lime::before {
  color: #8fc31f;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_roadmap .track_desc.desc_olive {
    letter-spacing: -0.06rem;
  }
}
.branch_roadmap .track_desc.desc_olive::before {
  color: #677716;
}
.branch_roadmap .track_desc.desc_ivy::before {
  color: #33715a;
}
.branch_roadmap .track_bar {
  position: relative;
  width: 100%;
  height: 5rem;
  border-radius: 999rem;
  background-color: #fff;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_roadmap .track_bar {
    height: 3rem;
  }
}
.branch_roadmap .bar_fill {
  position: absolute;
  border-radius: 999rem;
}
.branch_roadmap .bar_fill_lime {
  left: 0.7rem;
  top: 0.625rem;
  width: calc(100% - 1.4rem);
  height: 3.75rem;
  background-color: #8fc31f;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_roadmap .bar_fill_lime {
    left: 0.4rem;
    top: 0.332rem;
    width: calc(100% - 0.8rem);
    height: 2.3rem;
  }
}
.branch_roadmap .bar_fill_olive {
  left: 0.7rem;
  top: 0.625rem;
  width: calc(50% - 0.7rem);
  height: 3.75rem;
  background-color: #677716;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_roadmap .bar_fill_olive {
    left: 0.4rem;
    top: 0.375rem;
    width: calc(50% - 0.4rem);
    height: 2.25rem;
  }
}
.branch_roadmap .bar_fill_ivy {
  left: 0.7rem;
  top: 0.572rem;
  width: calc(100% - 1.4rem);
  height: 3.75rem;
  background-color: #33715a;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_roadmap .bar_fill_ivy {
    left: 0.4rem;
    top: 0.332rem;
    width: calc(100% - 0.8rem);
    height: 2.2rem;
  }
}
.branch_roadmap .bar_label {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.04rem;
  line-height: 1.4;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_roadmap .bar_label {
    font-size: 1.2rem;
    letter-spacing: -0.024rem;
  }
}
.branch_roadmap .bar_label_fast {
  left: 50%;
  -webkit-transform: translate(-160%, -50%);
          transform: translate(-160%, -50%);
}
.branch_roadmap .bar_label_normal {
  right: 3.5rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_roadmap .bar_label_normal {
    right: 2rem;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_roadmap {
    padding-top: 0rem;
    margin-top: -30px;
  }
}
.branch_roadmap > section .sec_in {
  opacity: 0;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.branch_roadmap > section.trOn .sec_in {
  opacity: 1;
}
.branch_roadmap section .sec_in {
  max-width: 120rem;
  margin: 0 auto;
}
.branch_roadmap .roadmap_sec1.brand_curriculum {
  padding: 10.8rem 15rem 7.5rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_roadmap .roadmap_sec1.brand_curriculum {
    padding: 4rem 2rem 2rem;
  }
}
.branch_roadmap .roadmap_sec1.brand_curriculum .sec_in {
  gap: 7rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 119.4rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_roadmap .roadmap_sec1.brand_curriculum .sec_in {
    gap: 4rem;
  }
}
.branch_roadmap .roadmap_sec1.brand_curriculum .sec6_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.5rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_roadmap .roadmap_sec1.brand_curriculum .sec6_head {
    gap: 1.5rem;
  }
}
.branch_roadmap .roadmap_sec1.brand_curriculum .sec6_tit {
  font-size: 3.6rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.072rem;
  line-height: 1.4;
  text-align: left;
}
.branch_roadmap .roadmap_sec1.brand_curriculum .sec6_tit .tit_em {
  color: #90c31f;
  font-style: normal;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_roadmap .roadmap_sec1.brand_curriculum .sec6_tit {
    font-size: 2.4rem;
    letter-spacing: -0.048rem;
    text-align: center;
  }
}
.branch_roadmap .roadmap_sec1.brand_curriculum .sec6_desc {
  font-size: 1.8rem;
  color: #111921;
  line-height: 1.4;
  letter-spacing: -0.036rem;
  word-break: keep-all;
}
.branch_roadmap .roadmap_sec1.brand_curriculum .sec6_desc .desc_em {
  color: #8fc31f;
  font-style: normal;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_roadmap .roadmap_sec1.brand_curriculum .sec6_desc {
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
    line-height: 1.5;
    text-align: center;
  }
}
.branch_roadmap .roadmap_sec2.brand_my_curriculum {
  padding: 7.5rem 15rem 18rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_roadmap .roadmap_sec2.brand_my_curriculum {
    padding: 2rem 2rem 8rem;
  }
}
.branch_roadmap .roadmap_sec2.brand_my_curriculum .sec_in {
  gap: 7rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 119.4rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_roadmap .roadmap_sec2.brand_my_curriculum .sec_in {
    gap: 4rem;
  }
}
.branch_roadmap .roadmap_sec2.brand_my_curriculum .sec5_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2.5rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_roadmap .roadmap_sec2.brand_my_curriculum .sec5_head {
    gap: 1.5rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 100%;
  }
}
.branch_roadmap .roadmap_sec2.brand_my_curriculum .sec5_tit {
  font-size: 3.6rem;
  font-weight: bold;
  color: #111921;
  letter-spacing: -0.072rem;
  line-height: 1.4;
  text-align: left;
}
.branch_roadmap .roadmap_sec2.brand_my_curriculum .sec5_tit .tit_em {
  color: #90c31f;
  font-style: normal;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_roadmap .roadmap_sec2.brand_my_curriculum .sec5_tit {
    font-size: 2.4rem;
    letter-spacing: -0.048rem;
    text-align: center;
  }
}
.branch_roadmap .roadmap_sec2.brand_my_curriculum .sec5_desc {
  font-size: 1.8rem;
  color: #111921;
  line-height: 1.5;
  letter-spacing: -0.036rem;
  word-break: keep-all;
  text-align: left;
}
.branch_roadmap .roadmap_sec2.brand_my_curriculum .sec5_desc .desc_em {
  color: #8fc31f;
  font-style: normal;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_roadmap .roadmap_sec2.brand_my_curriculum .sec5_desc {
    font-size: 1.6rem;
    letter-spacing: -0.032rem;
    text-align: center;
  }
}
.branch_roadmap .roadmap_sec2.brand_my_curriculum .sec5_tracks {
  max-width: 100%;
  padding: 6rem 0;
  background-color: #F4F4F4;
}
@media (min-width: 0) and (max-width: 767px) {
  .branch_roadmap .roadmap_sec2.brand_my_curriculum .sec5_tracks {
    padding: 0;
    background-color: transparent;
  }
}
.branch_roadmap .roadmap_sec2.brand_my_curriculum .track_item {
  max-width: 79.4rem;
  margin: 0 auto;
  width: 100%;
}

.bg_gray {
  background-color: #f5f5f5;
}

.enter_procedure.fullsec.cdto_08 {
  background-color: #f5f8fa;
  padding: 12rem 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .enter_procedure.fullsec.cdto_08 {
    background-color: #f4f4f4;
    padding: 6rem 2rem;
  }
}
.enter_procedure .full-in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  max-width: 119.4rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .enter_procedure .full-in {
    gap: 3rem;
    max-width: 32rem;
    padding: 0;
  }
}
.enter_procedure .procedure_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.8rem;
  width: 100%;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .enter_procedure .procedure_head {
    gap: 1.575rem;
  }
}
.enter_procedure .procedure_tit {
  font-family: "Do_bold", "Do_regular", sans-serif;
  font-size: 3.6rem;
  font-weight: bold;
  color: #333;
  line-height: 1.11;
  letter-spacing: -0.072rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .enter_procedure .procedure_tit {
    font-size: 2.4rem;
    color: #111921;
    letter-spacing: -0.048rem;
    line-height: 1.5;
  }
}
.enter_procedure .procedure_desc {
  font-size: 1.8rem;
  color: #333 !important;
  line-height: 1.78;
  opacity: 0.8;
}
@media (min-width: 0) and (max-width: 767px) {
  .enter_procedure .procedure_desc {
    font-size: 1.4rem;
    color: #111921;
    line-height: 1.69;
    letter-spacing: -0.014rem;
    opacity: 1;
  }
}