.header_fran {
  display: flex !important;
}
.header_brand {
  display: none !important;
}
.contact_service {
  display: flex !important;
}
.footer01 {
  display: none !important;
}
.footer02 {
  display: flex !important;
}
.header_quick {
  display: none !important;
}
.f_tothetop {
  display: flex !important;
}

@keyframes shakeTwice {
    0% {
      transform: rotate(0deg);
    }
    10% {
      transform: rotate(5deg);
    }
    20% {
      transform: rotate(-5deg);
    }
    30% {
      transform: rotate(4deg);
    }
    40% {
      transform: rotate(-4deg);
    }
    50% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(0deg);
    }
  }
  @keyframes shakeTwices {
    0% {
      transform: rotate(0deg);
    }
    10% {
      transform: rotate(3deg);
    }
    20% {
      transform: rotate(-3deg);
    }
    30% {
      transform: rotate(2deg);
    }
    40% {
      transform: rotate(-2deg);
    }
    50% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(0deg);
    }
  }
.shakeTwice {
    animation: shakeTwice 2s ease-in-out infinite;
    transform-origin: center;
  }
  .shakeTwices {
    animation: shakeTwices 2s ease-in-out infinite;
    transform-origin: center;
  }


.gcon_title {
  font-size: var(--size-50);
  font-weight: 700;
  line-height: 1.3;
}

.gcon1_main {
  width: 100.788%;
  height: 50.5729vw;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  background-image: url(/images/gcon1_bg.jpg);
  box-sizing: border-box;
  padding-top: 18.5vw;
}
.gcon1_title {
  font-size: 4.1667vw;
  line-height: 1.2;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;  
}
.gcon1_title p {
  position: relative;
}
.gcon1_01 {
    width: 105.923%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -10%;
}
.gcon1_subTitle {
  font-size: var(--size-30);
  margin-top: 1.5vw;
}
.gcon1_bot_tt {
  font-size: var(--size-15);
  margin-top: 11vw;
  padding-bottom: 2vw;
  border-bottom: 1px solid #ffffff57;
}
.gcon2_main {
  background-color: #000000af;
  padding-top: 5vw;
  padding-bottom: 5vw;
}
.gcon2_top {
  width: 81.8898%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-left: 7%;
    margin-bottom: 4vw;
}
.gcon2_top_left_tt01 {
  margin-bottom: 1vw;
    display: flex;
    justify-content: center;
    align-items: center;  
    margin-top: 4vw;
}
.gcon2_top_left_tt02 {
  font-size: var(--size-20);
}
.gcon2_01 {
    width: 75.7226%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -5%;
    top: 26%;
}
.gcon2_top_banner {
  height: 3.6458vw;
  background-color: var(--b-color);
  font-size: var(--size-15);
  box-sizing: border-box;
  padding-top: 0.3vw;
}
.gcon2_top_right {
  width: 52.5641%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4vw 0;
}
.gcon2_top_right_item {
  width: 21.1458vw;
  height: 13.2813vw;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 3vw;
  box-sizing: border-box;
  opacity: 0.3;
  transition: opacity 0.3s;
}
.gcon2_top_right_item.gcon2_change {
  opacity: 1;
}
.gcon2_top_right_item_tt {
  width: 80%;
}
.gcon2_top_right_item_tt01 {
  font-size: var(--size-26);
  font-weight: 700;
}
.gcon2_top_right_item_tt02 {
  font-size: 3.125vw;
  font-weight: 700;
  color: var(--b-color);
  line-height: 1.2;
  margin-bottom: 0.5vw;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 0.3vw;
}
.gcon2_top_right_item_tt03 {
  font-size: 0.8854vw;
  font-weight: 400;
  opacity: 0.5;
}
.gcon2_top_right_item_tt02_right {
  font-size: var(--size-26);
  font-weight: 600;
  margin-bottom: 2%;
}
div.gcon2_bot {
  width: 103%;
}
.gcon2_slide_item {
  width: 20.0521vw;
  height: 17.6042vw;
  background-color: var(--b-color);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  color: #fff;
  box-sizing: border-box;
  padding-top: 2vw;
  transition: all 0.3s;
}
.gcon2_slide_item_top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-bottom: 1px solid #ffffff73;
  margin-bottom: 2vw;
  padding: 0 3vw;
  padding-bottom: 1vw;
  box-sizing: border-box;
  transition: border 0.3s;
}
.gcon2_slide_item_top_tt01 {
  font-size: 1.25vw;
  font-weight: 700;
}
.gcon2_slide_item_top_tt02 {
 display: flex; 
 justify-content: center;
 align-items: center;
 gap: 0.5vw;
 font-weight: 600;
}
.gcon2_slide_item_top_tt02 p:nth-child(2) {
  width: 0.1vw;
  height: 0.7vw;
  background-color: #fff;
  transition: background 0.3s;
}
.swiper-slide-active .gcon2_slide_item_top_tt02 p:nth-child(2) {
  background-color: var(--lb-line);
}
.gcon2_slide_item_bot {
  margin-left: 3vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1vw;
}
.gcon2_slide_item_bot_tt01 {
  font-size: 0.8854vw;
  margin-bottom: -0.5vw;
  font-weight: 400;
}
.gcon2_slide_item_bot_tt02 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  font-weight: 700;
  gap: 0.2vw;
}
.gcon2_slide_item_bot_tt02 p:nth-child(1) {
  font-size: 2.3438vw;
  transition: color 0.3s;
}
.gcon2_slide_item_bot_tt02 p:nth-child(2) {
  font-size: 1.25vw;
  margin-bottom: 0.37vw;
}
.swiper-slide-active .gcon2_slide_item {
  background-color: #fff;
  color: #000;
}
.swiper-slide-active .gcon2_slide_item_top {
  border-color: var(--lb-line);
}
.swiper-slide-active .gcon2_slide_item_bot_tt02 p:nth-child(1) {
  color: var(--b-color);
}
.gcon2_bot_absol {
  font-weight: 600;
  border-radius: 50%;
  background-color: #f33c1d;
  padding: 0.5vw 1vw 0.7vw;
  top: -1.3vw;
}
.gcon3 {
  padding-top: 6vw;
}
.gcon3_08 {
    width: 100.788%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gcon3_07 {
  top: 0.3%;
}
.gcon3_tt_wrap {
    left: 13%;
    top: 8vw;
}
.gcon3_tt {
  font-size: var(--size-20);
  font-weight: 400;
  margin-top: 1.5vw;
}
.gcon3_04 {
    width: 27.8647%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 4%;
    bottom: 14%;
}
.gcon3_bot {
  width: 105%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  bottom: 0%;
}
.gcon3_bot_box {
  width: calc(100% / 6);
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.gcon3_bot_box01 {
  height: 14.3vw;
}
.gcon3_bot_box02 {
  height: 17.5vw;
}
.gcon3_bot_box03 {
  height: 22.3vw;
}
.gcon3_bot_box04 {
  height: 27.7vw;
}
.gcon3_bot_box05 {
  height: 36vw;
}
.gcon3_graph {
  width: 1px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff57;
}
.gcon3_graph_circle {
  width: 0.5729vw;
  height: 0.5729vw;
  background-color: #fff;
  top: -0.3vw;
  border-radius: 50%;
  border: 1px solid var(--lb-line);
}
.gcon3_graph_top {
  top: -6vw;
  z-index: 1;
}
.gcon3_graph_tt {
  font-size: 2.0833vw;
  top: 3vw;
}
.gcon3_graph_tt_month {
  font-size: 0.8333vw;
  margin-bottom: 0.5vw;
  font-weight: 600;
}


.gcon3_02 {
  width: 2.5521vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gcon3_02a {
  width: 3.2813vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gcon3_02b {
  width: 3.5417vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gcon3_02c {
  width: 4.0104vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gcon3_02d {
  width: 4.9479vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gcon3_03 {
    width: 14.5313vw;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -9%;
    right: 8%;
  }
  .gcon3_03 > img {
  animation: smoke 1.5s infinite linear;

}
.gcon4_bg {
  width: 94.4882%;
  height: 100%;
  top: 2vw;
  border-radius: 2vw;
  border: 1px solid var(--b-color);
  box-sizing: border-box;
}
.gcon4_main {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  overflow: hidden;
}
.gcon4_left {
    width: 22.3097%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-left: 13vw;
    margin-top: 10vw;
}
div.gcon4_left_top {
  justify-content: space-between;
}
.gcon4_01 {
    width: 40.473%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -2.6vw;
}
.gcon4_01a {
  opacity: 0;
  transition: opacity 0.3s;
}
.gcon4_01.gcon4_change .gcon4_01a {
  opacity: 1;
}
.gcon4_01:nth-child(1) {
  z-index: 2;
}
.gcon4_01:nth-child(2) {
  z-index: 1;
}
.gcon4_right {
  width: 43.3071%;
  height: 40vw;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-right: 5.5vw;
}
.gcon4_right_move {
  gap: 1.5vw;
  top: 15%;
}
div.gcon4_right_item {
  width: 100%;
  height: 33.75vw;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  box-sizing: border-box;
  padding-top: 4.5vw;
  overflow: hidden;
}
.gcon4_right_item01 {
  background-image: url(/images/gcon4_02a.png);
}
.gcon4_right_item02 {
  background-color: #FBF7EE;
}
.gcon4_right_item03 {
  background-image: url(/images/gcon4_04b.png);
}
.gcon4_right_item_num {
    width: 6.78798%;
    display: flex;
    justify-content: center;
    align-items: center;  
  margin-left: 3.5vw;
}
.gcon4_right_item_title {
  margin-left: 6vw;
  margin-top: 1vw;
}
.gcon4_right_item_tt_wrap {
  margin-left: 18.5vw;
  margin-top: -2.5vw;
}
.gcon4_right_item_tt01 {
  width: fit-content;
  font-size: var(--size-30);
  background-color: var(--b-color);
  font-weight: 700;
  padding: 0 0.3vw;
  padding-bottom: 0.1vw;
  margin-bottom: 0.3vw;
}
.gcon4_right_item01 .gcon4_right_item_tt01 {
  background-color: #fff;
}
.gcon4_right_item_tt02 {
  font-size: var(--size-20);
}
/* 너비와 간격을 이미지에서 설정 */
/* 예시 */
.gcon4_right_item02_slide .flow_sd_img {
  width: unset !important;
  height: 22.3438vw;
  margin-right: 2vw;
}
.gcon4_right_item02_slide .flow_sd_img img {
  width: unset !important;
  height: 100%;
  animation: rotate_image_r 20s infinite linear;
}
.gcon4_04a {
    width: 107.273%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 6%;
    top: 6%;
}
.gcon5 {
  padding-bottom: 5vw;
}
.gcon5_main {
  width: 94.4882%;
    display: flex;
    justify-content: center;
    align-items: center;  
    flex-direction: column;
    background-color: var(--b-color);
    border-radius: 0 0 2vw 2vw;
    padding-top: 5vw;
    padding-bottom: 5vw;
    overflow: hidden;
}
.gcon5_top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4vw;
}
.gcon5_top_line {
  width: 44%;
  height: 1px;
  background-color: #ffffff57;
}
.gcon5_top_tt {
  font-size: var(--size-15);
}
.gcon5_title {
  margin-bottom: 0.5vw;
}
.gcon5_subTitle {
  font-size: var(--size-20);
  margin-bottom: 2vw;
}
.gcon5_graph_box {
  width: 80%;
  height: 28.4896vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}
.gcon5_graph_wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  border-bottom: 1px solid var(--b-color);
  margin-bottom: 5vw;
}
.gcon5_graph_wrap_bg {
  width: 100%;
  height: 58%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.gcon5_graph_wrap_bg > div {
  width: 100%;
  height: 1px;
  background-color: var(--lb-line);
}
.gcon5_04 {
    width: 27.5695%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gcon5_05 {
    width: 41.7362%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 4vw;
}
.gcon5_02 {
    width: 38.791%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 22%;
}
.gcon5_03 {
    width: 35.2646%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -2.5vw;
}
.gcon5_04_tt {
  font-size: 0.8854vw;
  top: 37%;
}
.gcon5_05_absol {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  bottom: -2.5vw;
}
.gcon5_05_tt {
  width: 12.4793%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8854vw;  
  font-weight: 400;
}
.gcon5_07b {
    width: 24.1112%;
    display: flex;
    justify-content: center;
    align-items: center;  
  left: 0%;
  bottom: 0%;
}
.gcon5_07 {
    width: 40.3227%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -10.3%;
    top: -55%;
    animation: shakeTwice 2s infinite linear;
}
.gcon5_07a {
    width: 31.3365%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -27%;
    left: 39%;
    animation: shakeTwice 2s infinite linear;
    animation-delay: 1s;
  }
  .gcon5_coin_wrap {
    width: 15%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 1vw;
    right: -1%;
    top: -158%;
    /* animation: shakeAndFall 4s infinite linear; */
}
  .gcon5_coin_wrap > div {
    z-index: 1;
  }
.gcon5_01 {
    width: 68.5186%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-bottom: 2vw; */
}
.gcon5_01a {
    width: 71.2964%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-left: 10vw; */
}
.gcon5_01b {
    width: 45.8334%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-right: 5vw; */
}
.gcon5_01c {
    width: 64.352%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-left: 7vw; */
}
.gcon5_graph_box_right_absol {
    font-size: var(--size-16);
    color: #7D7E83;
    right: 7%;
    top: 13%;
    font-weight: 400;
}
.gcon6_main {
  height: 49vw;
    background-color: #000000af;
}
.gcon6_top {
  margin-bottom: 2vw;
}
.gcon6_top_circle {
  width: 8.8021vw;
  height: 8.8021vw;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--b-color);
  font-size: var(--size-30);
  font-weight: 700;
  margin: 0 -0.7vw;
}
.gcon6_top_circle01 {
  transition: background 0.3s;
}
.gcon6_top_circle01.gcon6_change {
  background-color: var(--b-color);
}
.gcon6_top_circle02 {
  color: #fff;
  background-color: var(--b-color);
  opacity: 0;
  transition: all 0.3s;
}

.gcon6_top_circle02.gcon6_change {
  opacity: 1;
}
.gcon6_title {
  margin-bottom: 2vw;
}
.gcon6_01 {
    width: 16.9555%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 33.4%;
    top: 44%;
}
.gcon6_tt {
  font-size: var(--size-20);
}
.gcon6_line {
  height: 1px;
  background-color: #ffffff57;
}
.gcon6_line01 {
  top: 5vw;
}
.gcon6_line02 {
  bottom: 5vw;
}
.gcon7 {
  padding: 7vw 0;
}
.gcon7_main {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.gcon7_left {
  margin-left: 10vw;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.gcon7_left_tt01 {
  font-size: var(--size-15);
  margin-bottom: 2vw;
}
.gcon7_left_tt02 {
  margin-bottom: 1vw;
}
.gcon7_left_tt03 {
  font-size: var(--size-20);
}
.gcon7_right {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gcon7_slide_item {
  width: 38.4896vw;
  height: 33.9063vw;
  background-color: var(--b-color);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}
.gcon7_slide_inner {
  width: 78%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.gcon7_slide_num {
    width: 14.5834%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1vw 0;
}
.gcon7_slide_video {
  height: 16.9vw;
  margin-bottom: 3vw;
}
.gcon7_slide_tt01 {
  font-size: var(--size-20);
  font-weight: 400;
}
.gcon7_slide_tt02 {
  font-size: var(--size-16);
  align-self: flex-end;
  margin-top: 2vw;
  font-weight: 500;
}
.gcon7_arr {
  width: 3.0729vw;
  height: 3.0729vw;
  background-color: var(--black-color);
  border-radius: 0.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 8%;
}
.gcon7_01 {
    width: 25.4238%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gcon7_arr_prev {
  right: 115%;
}
.gcon7_arr_next {
  right: 108%;
}
.gcon8_main {
  width: 94.4882%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-radius: 2vw 2vw 0 0;
  padding-top: 5vw;
  background-image: url(/images/gcon8_bg.jpg);
}
.gcon8_left {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  margin-left: 8vw;
  margin-top: 4vw;
}
.gcon8_left_tt01 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.5vw;
  font-size: var(--size-26);
}
.gcon8_left_tt01_bg {
  width: 104%;
  height: 103%;
  background-color: #fff;
}
.gcon8_left_tt02 {
  margin-bottom: 1.5vw;
}
.gcon8_left_tt03 {
  font-size: var(--size-20);
  line-height: 1.5;
}
.gcon8_left_bot {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5vw;
  margin-top: 4vw;
}
.gcon8_left_bot_item {
  width: 13.9063vw;
  display: flex;
  justify-content: center;
  align-items: center;  
}
.gcon8_03 {
    width: 80.5244%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -13%;
    top: -16%;
    mix-blend-mode: screen;
}
.gcon8_right {
  width: 38.3855vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  margin-right: 5vw;
}
.gcon8_right_col01 {
  width: 97.1506%;
  height: 4.6875vw;
  background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;  
    font-size: var(--size-26);
    font-weight: 700;
    gap: 0.5vw;
}
.gcon8_04 {
    width: 4.05038%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gcon8_slide_item {
  height: 6.3542vw;
}
.gcon8_slide_item_arr {
    width: 2.84949%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gcon8_slide_item_box {
  width: 97.1507%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--b-color);
  box-sizing: border-box;
  padding: 0 3.5vw;
}
.gcon8_right_col02_top {
  margin-bottom: 0.1vw;
}
.gcon8_right_col02_top .gcon8_slide_item_box {
  background-color: #f33c1d;
}
.gcon8_slide_item_left {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1vw;
}
.gcon8_05 {
  width: 4.4271vw;
    display: flex;
    justify-content: center;
    align-items: center; 
    margin-top: -1vw; 
}
.gcon8_slide_item_left_tt {
  font-size: 1.25vw;
  margin-bottom: -0.3vw;
}
.gcon8_05_tt {
  font-weight: 700;
  font-size: var(--size-15);
  text-transform: uppercase;
  bottom: 15%;
  letter-spacing: 0;
}
.gcon8_slide_item_right {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: -0.5vw;
}
.gcon8_slide_item_right_tt01 {
  font-size: 0.8854vw;
}
.gcon8_slide_item_right_tt02 {
  font-size: 1.8229vw;
  margin-left: 0.7vw;
  margin-right: 0.3vw;
}
.gcon8_slide_item_right_tt03 {
  font-size: 0.9375vw;
  margin-bottom: 0.2vw;
}
.gcon8_slide {
  height: 33vw;
}
.gcon9_main {
  width: 94.4882%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-radius: 0 0 2vw 2vw;  
  background-image: url(/images/gcon9_bg.jpg);
  padding-top: 8vw;
  padding-bottom: 8vw;
  border: 1px solid var(--b-color);
  box-sizing: border-box;
  overflow: hidden;
}
.gcon9_left {
  margin-left: 8vw;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.gcon9_title {
  margin-bottom: 1.5vw;
}
.gcon9_left_tt01 {
  font-size: var(--size-20);
  line-height: 1.5;
  margin-bottom: 3vw;
}
.gcon9_left_tt02 {
  font-size: 1.6667vw;
}
.gcon9_left_tt03 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.gcon9_left_tt03_1 {
  font-size: 3.2813vw;
}
.gcon9_left_tt03_2 {
  font-size: 1.6667vw;
  margin-bottom: -1vw;
  margin-left: 0.5vw;
}
.gcon9_left_bot_bg {
    width: 146%;
    height: 10vw;
    background-color: var(--b-color);
    bottom: -7%;
    left: -36%;
  display: flex;
  justify-content: center;
  align-items: center;    
}
.gcon9_02 {
    width: 36.6353%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    right: -23%;
    top: -23%;
}
.gcon9_left_bot_tt {
    font-size: var(--size-16);
    font-weight: 400;
    right: 18%;
    top: 29%;
}
.gcon9_right {
  width: 37.2917vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-right: 5vw;
  background-color: #fff;
}
.gcon9_right_col_inner {
  width: 80%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gcon9_right_col01 {
  height: 7.0834vw;
  background-color: var(--lb-color);
  padding-top: 3vw;
  box-sizing: border-box;
}
.gcon9_right_col01_left {
  font-size: var(--size-26);
}
.gcon9_right_col01_right {
  font-size: var(--size-16);
  color: #787275;
}
.gcon9_right_col02 {
  padding: 1vw 0;
  border-top: 1px solid var(--b-color);
  border-bottom: 1px solid var(--b-color);
}
.gcon9_right_col02 .gcon9_right_col_inner {
  align-items: flex-start;
}
.gcon9_right_col02_row {
  width: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.7vw;
}
.gcon9_right_col02_row_col {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.8854vw;
  font-weight: 400;
}
.gcon9_right_col02_row_col p:last-child {
  font-weight: 700;
}
.gcon9_right_col03_tt01  {
  font-size: var(--size-26);
  margin-bottom: -0.4vw;
}
.gcon9_right_col03_tt02 {
  width: 50.5%;
  font-size: 3.8021vw;
  margin-left: 2vw;
}
.gcon9_right_col03_tt03 {
  font-size: var(--size-26);
}
.gcon9_right_col03 {
  padding-top: 2.5vw;
  padding-bottom: 2vw;
}
.gcon10 {
  background-color: var(--b-color);
}
div.gcon10_col01 {
  align-items: flex-start;
}

.gcon10_col01_row {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 10vw;
  padding-bottom: 10vw;
}
.gcon10_col01_line {
  width: 1px;
  height: 100%;
  top: 0%;
  background-color: #ffffff57;
}
.gcon10_col01_tt_wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: flex-start;
  margin-left: 11vw;
}
.gcon10_01 {
  width: 8.2292vw;
  display: flex;
  justify-content: center;
  align-items: center;  
  margin-bottom: 2vw;
}
.gcon10_col01_tt01 {
  font-size: 3.3854vw;
  line-height: 1.2;
}
.gcon10_col01_row02 {
  height: 26.7292vw;
}
.gcon10_col01_slide {
  height: 100%;
  margin-top: -2vw;
}
div.gcon10_col01_slide_item {
  height: 5.8854vw;
  justify-content: flex-start;
  padding-left: 3vw;
  box-sizing: border-box;
  background-color: transparent;
  color: #fff;
  font-size: var(--size-28);
  font-weight: 400;
  opacity: 0.5;
  transition: all 0.3s;
}
div.gcon10_col01_slide_item span {
  font-size: 1.1458vw;
}
.swiper-slide-next + div div.gcon10_col01_slide_item {
  color: var(--b-color);
  font-size: 1.7708vw;
  background-color: #fff;
  font-weight: 700;
  opacity: 1;
  line-height: 1.1;
}
.swiper-slide-next + div div.gcon10_col01_slide_item span {
  display: block;
}
.swiper-slide-next div.gcon10_col01_slide_item {
  transform: translateY(-16%);
}
.swiper-slide-next + div + div div.gcon10_col01_slide_item {
  transform: translateY(16%);
}
.gcon10_col02 {
  border-top: 1px solid #ffffff57;
  border-bottom: 1px solid #ffffff57;
  padding: 1.5vw 0;
}
.gcon10_06 {
    width: 119.475%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gcon10_05 {
    width: 31.8111%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gcon10_02 {
    width: 16.8941%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 1%;
    top: 5%;
}
.gcon10_03 {
    width: 20.8815%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -9%;
    left: 47%;
    animation-delay: 0.5s;
  }
  .gcon10_04 {
    width: 30.3254%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -3%;
    top: 67%;
    animation-delay: 1s;
}
.gcon10_col03 {
  padding-top: 22vw;
  padding-bottom: 13vw;
}
.gcon10_09 {
    width: 94.3833%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 2vw;
}
.gcon10_col03_slide_wrap {
    width: 92%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 7vw;
}
.gcon10_col03_slide {
  height: 33vw;
  padding: 4vw 0;
}
.gcon10_07 {
    width: 17.627%;
    display: flex;
    justify-content: center;
    align-items: center;  
  bottom: 0%;
  pointer-events: none;
}
.gcon10_col03_slide_item {
    width: 85.855%;
    height: 28.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
    overflow: hidden;
    border-radius: 2vw;
}
.gcon10_col03_slide_item img {
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.swiper-slide-active .gcon10_col03_slide_item {
  height: 32.7083vw;
  transform: translateY(12%);
}
.gcon10_arr {
    width: 3.0729vw;
    height: 3.0729vw;
    background-color: var(--black-color);
    border-radius: 0.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -4%;
}
.gcon10_arr_prev {
  margin-right: 3.7%;
}
.gcon10_arr_next {
  margin-left: 3.7%;
}
.gcon10_col03_tt_wrap {
    right: 10%;
    bottom: -14%;
}
.gcon10_col03_tt01 {
  margin-bottom: 1vw;
}
.gcon10_col03_tt02 {
  font-size: var(--size-20);
}
.gcon11 {
  background-color: var(--b-color);
  padding-bottom: 6vw;
}
.gcon11_main {
    width: 94.6458%;
    height: 42.2917vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-image: url(/images/gcon11_01.jpg);
    border-radius: 2vw;
}
.gcon11_tt_wrap {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  margin-left: 8vw;
}
.gcon11_tt01 {
  margin-bottom: 2vw;
}
.gcon11_timer {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 5vw;
}
.gcon11_02 {
    width: 23.06%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gcon11_02a {
    width: 70.1924%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gcon11_02a1 {
  animation: rotate_image 144s infinite linear;
}
.gcon11_02a2 {
  animation: rotate_image 6s infinite linear;
}
.gcon11_02b {
    width: 133.654%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 104%;
}
.gcon11_timer_tt_wrap {
  margin-left: 2.5vw;
}
.gcon11_timer_tt01 {
  font-size: var(--size-30);
  line-height: 1.3;
  margin-bottom: 1vw;
}
.gcon11_timer_tt02 {
  font-size: 4.1667vw;
}
.gcon11_tt_wrap_bot {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.3vw;
}
.gcon11_tt_wrap_bot_tt {
  padding: 0.6vw 1.5vw 0.8vw;
  font-size: 1.1458vw;
  border: 1px solid var(--b-color);
  border-radius: 50vw;
  background-color: var(--lb-color);
}
.gcon12 {
  padding-top: 5vw;
  padding-bottom: 9vw;
}
.gcon12_top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4vw;
}
.gcon12_top_tt {
  font-size: var(--size-15);
}
.gcon12_top_line {
  height: 1px;
  width: 46%;
  background-color: var(--lb-line);
}
.gcon_point {
    width: 4.67202%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1vw;
}
.gcon12_title {
  margin-bottom: 2vw;
}
.gcon12_col_wrap {
  gap: 1vw;
}
.gcon12_col_item {
  width: 31.8635%;
  height: 13.6458vw;
  box-sizing: border-box;
  border: 1px solid var(--lb-line);
    display: flex;
    justify-content: space-between;
    align-items: center;  
    color: var(--b-color);
    z-index: 2;
    background-color: #fff;
}
.gcon12_col_item_left {
  align-self: flex-start;
  margin-top: 3vw;
  margin-left: 3vw;
}
.gcon12_col_item_tt01 {
  font-size: var(--size-15);
  margin-bottom: 0.6vw;
}
.gcon12_col_item_tt02 {
  font-size: var(--size-30);
}
.gcon12_col_item_right {
    width: 53.3885%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 3.5%;
}
.gcon12_col01 .gcon12_col_item ,
.gcon12_col03 .gcon12_col_item {
  margin-right: 17vw;
}
.gcon12_col02 .gcon12_col_item {
  margin-left: 17vw;
}
div.gcon12_col_bg {
  width: 0%;
  height: 100%;
  background-color: var(--b-color);
}
.gcon12_02 {
    width: 16.1681%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 33%;
    left: 5%;
}
.gcon12_03 {
    width: 13.2284%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 38%;
    right: 8%;
}
.gcon12_04 {
    width: 20.63%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -4%;
    top: 58%;
}
.gcon12_05 {
    width: 18.6878%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 13%;
    bottom: 0%;
}
.gcon13 {
  padding-top: 9vw;
}
.gcon13_title {
  margin-bottom: 2vw;
}
.gcon13_col {
  border-top: 1px solid var(--b-color);
  padding-bottom: 7vw;
}
.gcon13_col_row {
  width: 37.7953%;
  height: 21.5625vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;  
    flex-direction: column;
    position: relative;
}
.gcon13_video {
  height: 100%;
  overflow: hidden;
}
.gcon13_video iframe {
  pointer-events: none;
  scale: 1.05;
}
.gcon13_col_row_top {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  /* height: 5.3543vw; */
  height: 25%;
  background-color: #0b109f;
  box-sizing: border-box;
  padding: 0 6vw;
  font-size: var(--size-26);
}
.gcon13_col_row_top p {
  width: 100%;
}
.gcon13_col_row_top02 {
  text-align: end;
}
.gcon13_col_row_bot {
  width: 100%;
  height: 75%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gcon13_col_row_bot_tt {
  font-size: var(--size-30);
  line-height: 1.3;
}
.gcon13_col_row_bot_tt01 {
  margin-left: 6vw;
}
.gcon13_col_row_bot_tt02 {
  margin-right: 6vw;
  text-align: end;
}
.gcon13_col_row_bot_point {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.3vw;
}
.gcon13_col_row_bot_point_item {
  width: 5.7292vw;
  height: 5.1042vw;
  background-color: var(--lb-color);
  border: 1px solid var(--b-color);
  border-radius: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;  
  text-align: center;
  font-weight: 700;
  font-size: var(--size-20);
  color: var(--b-color);
}
.gcon13_col_row_bot_point01 {
  margin-right: 2vw;
}
.gcon13_col_row_bot_point02 {
  margin-left: 2vw;
}
.gcon13_03 {
  width: 37.8479%;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 7%;
  left: 7%;
}
.gcon13_04 {
  width: 21.9424%;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 7%;
  right: 7%;
}
.gcon13_col02 {
  border-bottom: 1px solid var(--b-color);
}
.gcon13_bot {
  padding-top: 5vw;
  padding-bottom: 5vw;
}
.gcon13_title02 {
  margin-bottom: 4vw;
}
.gcon13_bot_circle {
  width: 18.8344vw;
  height: 18.8344vw;
  border-radius: 50%;
  color: white;
  font-weight: 700;
  box-sizing: border-box;
  margin: 0 -0.1vw;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;  
  font-size: var(--size-30);
  padding-top: 4vw;
}
.gcon13_bot_circle_b .gcon13_bot_circle_bg {
  background-color: var(--b-color);
}
.gcon13_bot_circle_r .gcon13_bot_circle_bg {
  background-color: #f33c1d;
}
.gcon13_bot_circle_bg {
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gcon13_06 {
    width: 78.7294%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0%;
    left: 22%;
}
.gcon13_07 {
    width: 100.276%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0%; 
}
.gcon13_08 {
    width: 100.276%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -1%;
    left: 0%;
}
.gcon13_09 {
    width: 100.276%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -2%;     
}
.gcon13_bot_circle_scale.gcon13_change {
  background-color: #EEEEF8;
  border-radius: 50%;
  animation: scaleOpa2 1.5s linear;
}
.gcon13_bot_tt {
  font-size: var(--size-20);
  margin-top: 3vw;
}
.gcon14 {
  background-image: url(/images/gcon14_bg.jpg);
  padding-top: 7vw;

}
.gcon14_point {
    width: 4.72451%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1vw;
}
.gcon14_title {
  margin-bottom: 2vw;
}

.gcon14_main {
  width: 94.4882%;
  background-color: #fff;
  border-radius: 2vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 5vw;
  padding-bottom: 5vw;
}
.gcon14_slide_wrap {
  width: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 3vw;
}
.gcon14_slide_item {
  width: 18.2750vw;
  height: 19.3828vw;
  border: 1px solid var(--lb-line);
  box-sizing: border-box;
  background-color: #FBF7EE;
  color: var(--b-color);
  transition: all 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;  
  cursor: pointer;
}
.gcon14_slide_item:hover {
  color: #fff;
  background-color: var(--b-color);
}
.gcon14_slide_img {
  height: 10.3646vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;   
}
.gcon14_slide_img img {
  width: unset !important;
  height: 100%;
}
.gcon14_slide_tt01 {
  margin-bottom: 0.5vw;
  margin-top: 2vw;
}
.gcon14_slide_tt02 {
  font-size: var(--size-15);
}
.gcon14_arr {
    width: 3.0729vw;
    height: 3.0729vw;
    background-color: var(--black-color);
    border-radius: 0.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gcon14_arr_prev {
  left: -5.5%;
}
.gcon14_arr_next {
  right: -5.5%;
}
.gcon14_tt01 {
  font-size: var(--size-20);
  margin-bottom: 2.5vw;
}
.gcon14_btn {
  width: 11.0938vw;
  height: 2.9688vw;
    display: flex;
    justify-content: center;
    align-items: center;  
    border-radius: 50vw;
    background-color: #f33c1d;
    color: white;
    font-weight: 400;
    font-size: 0.8854vw;
}
.gcon14_tt02 {
  font-size: var(--size-15);
  margin-top: 2.5vw;
  margin-bottom: 5vw;
}
.gcon15 {
  background-image: url(/images/gcon15_bg.jpg);
  padding-top: 7vw;
  padding-bottom: 3vw;
}
.gcon15_01 {
    width: 6.4043%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1vw;
}
.gcon15_title {
  margin-bottom: 2vw;
}
.gcon15_table {
  width: 51.706%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.gcon15_table_top {
  height: 3.874vw;
  background-color: var(--lb-color);
  border-radius: 1vw 1vw 0 0;
}
.gcon15_table_bot {
  height: 3.874vw;
  background-color: var(--b-color);
  border-radius: 0 0 1vw 1vw;
  color: #fff;
}
.gcon15_table_top .gcon15_td {
  font-weight: 500;
}
.gcon15_td {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
}
.gcon15_table_mid {
  background-color: #fff;
}
.gcon15_td01 {
  width: 25%;
  font-weight: 700;
}
.gcon15_td02 {
  width: 25%;
  font-weight: 700;
  position: relative;
}
.gcon15_td02 p {
  position: relative;
    display: flex;
    justify-content: center;
    align-items: center;  
}
.gcon15_td03 {
  width: 44%;
  position: relative;
}
.gcon15_tr {
  height: 3vw;
  border-bottom: 1px solid var(--lb-line);
}
.gcon15_tr .gcon15_td03 p {
  width: 100%;
  text-align: start;
  box-sizing: border-box;
  padding-left: 25%;
}
.gcon15_tr:last-child {
  border: none;
  margin-bottom: 1vw;
}
.gcon15_table_bot_tt01 {
  font-size: var(--size-20);
  margin-top: 0.5vw;
}
.gcon15_table_bot_tt02 {
  font-size: var(--size-30);
  margin-left: 3%;
  margin-right: 2%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gcon15_table_bot_tt03 {
  width: 11%;
  font-size: var(--size-40);
  margin-top: 0.5vw;
}
.gcon15_table_bot_tt04 {
  font-size: var(--size-20);
  margin-left: 0.5vw;
}
.gcon15_table_bot_tt02_line {
    width: 130%;
    height: 2px;
    background-color: #fff;
    top: 58%;
}
.gcon15_04 {
    width: 18.2742%;
    display: flex;
    justify-content: center;
    align-items: center;  
  right: 13%;
}
.gcon15_td02_line {
    width: 130%;
    height: 2px;
    background-color: #0000004d;
    top: 56%;
}
.gcon15_02 {
    width: 28.4554%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0%;
}
.gcon15_03 {
    width: 16.1664%;
    display: flex;
    justify-content: center;
    align-items: center;  
  right: 4%;
}
.gcon15_bot_tt {
  border-radius: 1vw;
  padding: 0.5vw 0;
  background-color: #00000057;
  margin-top: 1.5vw;
  font-size: 0.6771vw;
  color: #AAABAD;
  font-weight: 400;
}
.gcon15_bot_tt p {
  width: 95%;
}
.gcon16 {
  border-bottom: 1px solid var(--b-color);
}
.gcon16_row {
  width: 50%;
  height: 46.3542vw;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.gcon16_row01 {
  background-color: var(--b-color);
  color: #fff;
}
.gcon16_row01_tt_wrap {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 7vw;
}
.gcon16_row01_tt01 {
  margin-bottom: 1.5vw;
}
.gcon16_row01_tt02 {
  font-size: var(--size-20);
  margin-bottom: 4vw;
}
.gcon16_row01_tel {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: var(--size-50);
  gap: 1vw;
  cursor: pointer;
}
.gcon16_02 {
    width: 4.62195%;
    display: flex;
    justify-content: center;
    align-items: center;  
  margin-top: -4%;
}
.gcon16_01 {
    width: 28.0169%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 4%;
    top: 0%;
}
.gcon16_04 {
    width: 34.7325%;
    display: flex;
    justify-content: center;
    align-items: center;  
  right: 0%;
  bottom: 0%;
}
.gcon16_03 {
    width: 47.7342%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -15%;
    right: -15%;
    animation: ddm 3s infinite linear;
}
.gcon16_row_bot_line {
  height: 0.1vw;
  bottom: 7%;
  opacity: 0.2;
}
.gcon16_row_top_line {
  height: 0.1vw;
  top: 7%;
  opacity: 0.2;
}
.gcon16_row_bot_line01 {
  background-color: #fff;
}
.gcon16_row_bot_line02 ,
.gcon16_row_top_line {
  background-color: #00000077;
}
.gcon16_row01_bot_tt {
    font-size: var(--size-15);
    left: 11%;
    bottom: 10%;
  }
  .gcon16_row02_top_tt {
  font-size: var(--size-15);
  right: 11%;
  top: 10%;
  color: var(--b-color);
}
.gcon16_05 {
    width: 6.06071%;
    display: flex;
    justify-content: center;
    align-items: center;  
  left: -14%;
  top: 0%;
}



/* animation hidden */
.gcon1_title .line,
.gcon1_subTitle,
.gcon2_top_left_tt01 .line,
.gcon2_top_left_tt02,
.gcon3_title .line,
.gcon5_title,
.gcon5_subTitle,
.gcon6_title .line,
.gcon7_left_tt02 .line,
.gcon8_left_tt02 .line,
.gcon10_col01_tt01 .line,
.gcon10_col03_tt01 .line,
.gcon11_tt01 .line,
.gcon12_title .line,
.gcon13_title .line,
.gcon13_title02 .line,
.gcon14_title .line,
.gcon15_title
















{
  overflow: hidden;
}