@charset "utf-8";
/* section1 - 메인 비주얼 */
.pcbr {
  display: block !important;
}
.ptbr {
  display: block !important;
}
.tbr {
  display: none !important;
}
.tmbr {
  display: none !important;
}
.mbr {
  display: none !important;
}
.pc_view {
  display: block !important;
}
.pt_view {
  display: block !important;
}
.tm_view {
  display: none !important;
}
.t_view {
  display: none !important;
}
.m_view {
  display: none !important;
}
#wrap.banner_on header {
  top: 120px;
}
#wrap.banner_on #main_gpt_banner {
  display: block;
}
#wrap.banner_on #main_gpt_banner .bg {
  max-height: 120px;
}
#wrap.banner_on .section1 .inner {
  margin-top: 300px;
}
#wrap header {
  top: 0;
  transition: top 0.3s;
}
#wrap header.scroll {
  top: 0 !important;
}
#wrap #main_gpt_banner {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-height: 0;
  background-color: #262626;
  z-index: 101;
}
#wrap #main_gpt_banner.scroll .bg {
  max-height: 0 !important;
}
#wrap #main_gpt_banner .bg {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-bottom: 0;
  width: 100%;
  max-height: 120px;
  background: url(/ref/main/main_2023/images/main/main_gpt_banner.png) no-repeat center / cover;
  overflow: hidden;
  transition: max-height 0.3s;
}
#wrap #main_gpt_banner .bg .banner_inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 120px;
}
#wrap #main_gpt_banner .bg .banner_inner .banner_title {
  font-size: 24px;
  font-weight: 500;
  color: #79d760;
}
#wrap #main_gpt_banner .bg .banner_inner .banner_info_box {
  display: flex;
  align-items: center;
  margin-top: 5px;
}
#wrap #main_gpt_banner .bg .banner_inner .banner_info_box .banner_text_pc {
  max-width: 645px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18.2px;
  color: #fff;
}
#wrap #main_gpt_banner .bg .banner_inner .banner_info_box .banner_text_mobile,
#wrap #main_gpt_banner .bg .banner_inner .banner_info_box .banner_text_tablet {
  display: none;
}
#wrap #main_gpt_banner .bg .banner_inner .banner_info_box .inquiry_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 0 26px;
  margin-left: 30px;
  border-radius: 22px;
  background-color: #79d760;
  font-size: 16px;
  font-weight: 700;
  color: #000;
}
#wrap #main_gpt_banner .bg .close_btn_box {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 4%;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  line-height: 14.4px;
  transform: translateY(-50%);
}
#wrap #main_gpt_banner .bg .close_btn_box .close_checkbox {
  width: 12px;
  height: 12px;
  outline: 1px solid #d9d9d9;
  -webkit-appearance: checkbox;
  accent-color: transparent;
}
#wrap #main_gpt_banner .bg .close_btn_box label {
  margin-left: 5px;
}
#wrap #main_gpt_banner .bg .close_btn_box .close_btn {
  display: flex;
  align-items: center;
  margin-left: 16px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  line-height: 14.4px;
}
#wrap #main_gpt_banner .bg .close_btn_box .close_btn .close_icon {
  width: 9px;
  height: 9px;
  margin-right: 6.5px;
  background: url(/ref/main/main_2023/images/main/icon_banner_close.svg) no-repeat center / contain;
}
.section1 {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.section1 .inner {
  position: absolute;
  top: 0;
  left: 50%;
  margin-top: 11%;
  transform: translateX(-50%);
  transition: margin-top 0.3s;
  width: 100%;
  z-index: 1;
}
.section1 .main_img_slider {
  width: 100%;
  height: 100%;
}
.section1 .main_img_slider .main_img {
  background: #013b8f;
  overflow: hidden;
}
.section1 .main_img_slider .main_img .bg {
  width: 100%;
  height: 100%;
  filter: blur(10px);
  transform: scale(1.08);
  opacity: 0;
  transition: 1.5s;
}
.section1 .main_img_slider .main_img.swiper-slide-active .bg {
  filter: blur(0px);
  transform: scale(1);
  opacity: 1;
}
.section1 .main_slider_wrap {
  width: 100%;
  padding: 0 50px;
}
.section1 .main_text_slider {
  width: 100%;
  overflow: visible;
}
.section1 .main_text_slider .main_text {
  text-align: center;
}
.section1 .main_text_slider .main_text * {
  display: block;
  color: #fff;
}
.section1 .main_text_slider .main_text .txt1 {
  font-size: 26px;
  font-weight: 600;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.8s;
  will-chahge: transform;
}
.section1 .main_text_slider .main_text .txt2 {
  font-size: 48px;
  font-weight: 500;
  margin-top: 30px;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.8s;
  will-chahge: transform;
}
.section1 .main_text_slider .main_text .txt2 .main_br {
  display: inline;
}
.section1 .main_text_slider .main_text.swiper-slide-active .txt1 {
  opacity: 1;
  transform: translateY(0);
  transition: 0.8s 0.7s;
}
.section1 .main_text_slider .main_text.swiper-slide-active .txt2 {
  opacity: 1;
  transform: translateY(0);
  transition: 0.8s 0.95s;
}
.section1 .main_pagination {
  text-align: center;
  margin-top: 22px;
  opacity: 0;
  transform: translateY(40px);
  transition: 0.8s 1s;
  will-chahge: transform;
}
.section1 .main_pagination > span {
  width: 8px;
  height: 8px;
  border: 1px solid #fff;
  border-radius: 50vh;
  background: transparent;
  margin: 0 6px;
  opacity: 1;
}
.section1 .main_pagination > span.swiper-pagination-bullet-active {
  width: 22px;
  background: #fff;
}
.section1 .form_wrap {
  display: flex;
  justify-content: center;
  margin-top: 65px;
  opacity: 0;
  transform: translateY(40px);
  transition: 0.8s 1.3s;
  will-chahge: transform;
}
.section1 .form_wrap form {
  width: 640px;
  margin-right: 20px;
}
.section1 .form_wrap form .form_g {
  position: relative;
}
.section1 .form_wrap form .form_g input {
  width: 100%;
  height: 73px;
  font-size: 18px;
  background: #fff;
  border: 0;
  outline: none;
  border-radius: 50vh;
  padding: 0 145px 0 38px;
}
.section1 .form_wrap form .form_g button {
  position: absolute;
  top: 0;
  right: -10px;
  width: 125px;
  height: 73px;
  font-size: 17px;
  font-weight: 600;
  color: #fff;
  border-radius: 50vh;
  background: #015bff;
}
.section1 .form_wrap form .form_g button div {
  height: 20px;
  overflow: hidden;
}
.section1 .form_wrap form .form_g button div span {
  display: block;
  line-height: 20px;
  transform: translateY(-20px);
}
.section1 .form_wrap form .form_g button:hover div span {
  transform: translateY(0px);
  transition: 0.3s;
}
.section1 .form_wrap button.new_room_btn {
  width: 175px;
  height: 73px;
  font-size: 17px;
  font-weight: 600;
  color: #fff;
  border-radius: 50vh;
  background: #3864a4;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section1 .form_wrap button.new_room_btn span.plus {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 50%;
  margin: -1px 10px 0 0;
}
.section1 .form_wrap button.new_room_btn span.plus:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 2px;
  margin: -1px 0 0 -6px;
  background: #00388b;
}
.section1 .form_wrap button.new_room_btn span.plus:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 2px;
  margin: -1px 0 0 -6px;
  background: #00388b;
  transform: rotate(90deg);
}
.section1 .form_wrap button.new_room_btn > div {
  height: 20px;
  overflow: hidden;
}
.section1 .form_wrap button.new_room_btn > div span {
  display: block;
  line-height: 20px;
  transform: translateY(-20px);
}
.section1 .form_wrap button.new_room_btn:hover > div span {
  transform: translateY(0px);
  transition: 0.3s;
}
.section1 .scroll_down {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}
.section1 .scroll_down .scroll_icon {
  position: relative;
  width: 22px;
  height: 30px;
  border-radius: 50vh;
  border: 1px solid rgba(255, 255, 255, 0.4);
  margin: 0 auto 10px;
}
.section1 .scroll_down .scroll_icon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #fff;
  margin: -2px 0 0 -2px;
  transform: translate3d(0, -7px, 0);
  animation: scrollMotion 1.5s infinite;
}
.section1 .scroll_down p {
  font-family: 'Heebo';
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
}
.section {
  padding: 165px 0 0;
}
.section .conwrap {
  width: 97%;
  max-width: 1280px;
  margin: 0 auto;
}
.section .section_text_wrap {
  text-align: center;
}
.section .section_text_wrap .title {
  display: block;
  font-size: 24px;
  font-weight: 600;
  color: #016ff2;
  opacity: 0;
  transform: translateY(40px);
  transition: 0.8s;
  will-chahge: transform;
}
.section .section_text_wrap .b_txt {
  display: block;
  font-size: 52px;
  font-weight: 600;
  color: #000;
  line-height: 1.3;
  margin-top: 33px;
  opacity: 0;
  transform: translateY(40px);
  transition: 0.8s 0.2s;
  will-chahge: transform;
}
.section .section_text_wrap .txt1 {
  font-size: 18px;
  font-weight: 500;
  color: #000;
  margin-top: 26px;
  opacity: 0;
  transform: translateY(40px);
  transition: 0.8s 0.4s;
  will-chahge: transform;
}
.section .btn {
  width: 263px;
  margin: 0 auto;
}
.section .btn a {
  display: block;
  font-size: 20px;
  font-weight: 600;
  line-height: 73px;
  color: #fff;
  background: #000;
  border-radius: 14px;
  text-align: center;
  transition: background 0.3s;
}
.section .section_text_wrap.in-view .title {
  opacity: 1;
  transform: translateY(0);
}
.section .section_text_wrap.in-view .b_txt {
  opacity: 1;
  transform: translateY(0);
}
.section .section_text_wrap.in-view .txt1 {
  opacity: 1;
  transform: translateY(0);
}
.section .section_text_wrap.in-view .btn {
  opacity: 1;
  transform: translateY(0);
}
.section5 {
  height: 149.64vh;
  padding: 0;
}
.section5 .btn a:hover {
  background: #006ff2;
  box-shadow: 1px 4px 10px rgba(0, 0, 0, 0.24);
}
.section5 .conwrap {
  position: relative;
  height: 100%;
}
.section5 .section_text_wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.section5 .section_text_wrap .btn {
  margin-top: 57px;
  opacity: 0;
  transform: translateY(40px);
  transition: 0.8s 0.6s;
  will-chahge: transform;
  transform: translateY(0);
  transition: 1.2s 0.5s;
}
.section5 .section_text_wrap .title {
  transform: translateY(0);
  transition: 1.2s 0.5s;
}
.section5 .section_text_wrap .b_txt {
  transform: translateY(0);
  transition: 1.2s 0.5s;
}
.section5 .section_text_wrap .txt1 {
  transform: translateY(0);
  transition: 1.2s 0.5s;
}
.section5 .icon_wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  padding-bottom: 100%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  box-shadow: 0px 6px 3px rgba(0, 0, 0, 0.03);
}
.section5 .icon_wrap:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 73%;
  height: 73%;
  border: 2px dashed #8bceff70;
  border-radius: 50%;
  opacity: 0;
  transition: 1.5s 1s;
}
.section5 .icon_wrap .line {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 45.5%;
  height: 45.5%;
  border: 2px dashed #8bceff30;
  border-radius: 50%;
  opacity: 0;
  transition: 1.5s 0.7s;
}
.section5 .icon_wrap .line:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 130%;
  height: 130%;
  border: 2px dashed #8bceff4f;
  border-radius: 50%;
  opacity: 0;
  transition: 1.5s 0.85s;
}
.section5 .icon_wrap .icon {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 94px;
  height: 94px;
  border-radius: 18px;
  background: #fff;
  text-align: center;
  box-shadow: 0px 13px 12px 1px rgba(0, 0, 0, 0.1);
  transform: scale(0);
  transition: transform 0.6s;
}
.section5 .icon_wrap .icon p {
  font-size: 14px;
  font-weight: 600;
  color: #000;
  margin-top: 5px;
  word-break: keep-all;
}
.section5 .icon_wrap .icon.sz1 {
  width: 122px;
  height: 122px;
}
.section5 .icon_wrap .icon.sz1 p {
  font-size: 18px;
  margin-top: 10px;
}
.section5 .icon_wrap .icon1 {
  top: 12%;
  left: 22%;
}
.section5 .icon_wrap .icon2 {
  top: 17%;
  left: 50%;
  margin-left: -47px;
}
.section5 .icon_wrap .icon3 {
  top: 13.5%;
  right: 29%;
}
.section5 .icon_wrap .icon4 {
  top: 19%;
  right: 7.5%;
}
.section5 .icon_wrap .icon5 {
  top: 27.5%;
  left: 24%;
}
.section5 .icon_wrap .icon6 {
  top: 27%;
  right: 23%;
}
.section5 .icon_wrap .icon7 {
  top: 40%;
  left: 9%;
}
.section5 .icon_wrap .icon8 {
  top: 39%;
  right: 0;
}
.section5 .icon_wrap .icon9 {
  bottom: 31%;
  left: 0;
}
.section5 .icon_wrap .icon10 {
  bottom: 36%;
  left: 19%;
}
.section5 .icon_wrap .icon11 {
  bottom: 40%;
  right: 16%;
}
.section5 .icon_wrap .icon12 {
  bottom: 15.5%;
  left: 27%;
}
.section5 .icon_wrap .icon13 {
  bottom: 19%;
  right: 35%;
}
.section5 .icon_wrap .icon14 {
  bottom: 9.5%;
  left: 47%;
}
.section5 .icon_wrap .icon15 {
  bottom: 13%;
  right: 13%;
}
.section5 .icon_wrap .icon.ani1 {
  transition-delay: 1s;
}
.section5 .icon_wrap .icon.ani2 {
  transition-delay: 1.05s;
}
.section5 .icon_wrap .icon.ani3 {
  transition-delay: 1.1s;
}
.section5 .icon_wrap .icon.ani4 {
  transition-delay: 1.15s;
}
.section5 .icon_wrap .icon.ani5 {
  transition-delay: 1.2s;
}
.section5 .icon_wrap .icon.ani6 {
  transition-delay: 1.25s;
}
.section5 .icon_wrap .icon.ani7 {
  transition-delay: 1.3s;
}
.section5 .icon_wrap .icon.ani8 {
  transition-delay: 1.35s;
}
.section5 .icon_wrap .icon.ani9 {
  transition-delay: 1.4s;
}
.section5 .icon_wrap .icon.ani10 {
  transition-delay: 1.45s;
}
.section5 .icon_wrap .icon.ani11 {
  transition-delay: 1.5s;
}
.section5 .icon_wrap .icon.ani12 {
  transition-delay: 1.55s;
}
.section5 .icon_wrap .icon.ani13 {
  transition-delay: 1.6s;
}
.section5 .icon_wrap .icon.ani14 {
  transition-delay: 1.65s;
}
.section5 .icon_wrap .icon.ani15 {
  transition-delay: 1.7s;
}
.section5 .icon_wrap.in-view .line {
  opacity: 1;
}
.section5 .icon_wrap.in-view .line:before {
  opacity: 1;
}
.section5 .icon_wrap.in-view:before {
  opacity: 1;
}
.section5 .icon_wrap.in-view .icon {
  transform: scale(1);
}
.section_popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 1280px;
  width: 94%;
  border-radius: 15px;
  background: #fff;
  padding: 0 90px 50px;
  z-index: 10001;
  display: none;
}
.section_popup .close {
  position: sticky;
  top: 0;
  left: 0;
  width: 65px;
  height: 65px;
  margin-left: calc(100% - -15px);
  transform: translate(0, -10px);
  border-radius: 50%;
  background: #dadbdf;
  z-index: 100;
}
.section_popup .close div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 23px;
  height: 23px;
  transform: rotate(45deg);
  margin: -11px 0 0 -11px;
}
.section_popup .close div span {
  position: absolute;
  top: 46%;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #6d6d6f;
}
.section_popup .close div span:nth-child(2) {
  transform: rotate(90deg);
}
.section_popup .pop {
  display: none;
}
.section_popup .pop .pop_tit_wrap {
  text-align: center;
  margin-bottom: 60px;
}
.section_popup .pop .pop_tit_wrap .pop_cate {
  display: block;
  font-size: 22px;
  font-weight: 600;
  color: #016ff2;
}
.section_popup .pop .pop_tit_wrap .pop_tit {
  display: block;
  font-size: 36px;
  color: #000;
  margin-top: 22px;
}
.section_popup .pop_wrap::-webkit-scrollbar {
  width: 5px;
}
.section_popup .pop_wrap::-webkit-scrollbar-track {
  background: #dbdbdb;
}
.section_popup .pop_wrap::-webkit-scrollbar-thumb {
  background: #5e5e5e;
}
.section2 .new_function_list {
  display: flex;
  margin-top: 74px;
  opacity: 0;
  transform: translateY(40px);
  transition: 0.8s 0.2s;
  will-chahge: transform;
}
.section2 .new_function_list li {
  width: calc(25% - 15px);
  height: 436px;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 5px 14px 25px 0px rgba(0, 0, 0, 0.35);
}
.section2 .new_function_list li + li {
  margin-left: 20px;
}
.section2 .new_function_list li a {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 55px 35px 50px;
}
.section2 .new_function_list li a .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.8s;
}
.section2 .new_function_list li a .text {
  position: relative;
}
.section2 .new_function_list li a .text * {
  word-break: keep-all;
}
.section2 .new_function_list li a .text .tit {
  display: block;
  font-size: 26px;
  font-weight: 600;
  color: #fff;
  line-height: 1.4;
}
.section2 .new_function_list li a .text .txt1 {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.6;
  margin-top: 20px;
}
.section2 .new_function_list li a .more {
  position: relative;
  text-align: right;
}
.section2 .new_function_list li a .more p {
  display: inline-block;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
  border-bottom: 1px solid rgba(255, 255, 255, 0.9);
}
.section2 .new_function_list li a .more span.arrow {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fff;
  margin: -7px 0 0 7px;
  transition: 0.3s;
}
.section2 .new_function_list li a .more span.arrow:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/ref/main/main_2023/images/main/link_icon1.png) no-repeat center;
  transition: 0.3s;
}
.section2 .new_function_list li a:hover .bg {
  transform: scale(1.08);
}
.section2 .new_function_list li a:hover .more span.arrow {
  background: #016ff2;
}
.section2 .new_function_list li a:hover .more span.arrow:before {
  background-image: url(/ref/main/main_2023/images/main/link_icon2.png);
}
.section2 .new_function_list.in-view {
  opacity: 1;
  transform: translateY(0);
}
.section3 {
  padding-bottom: 140px;
}
.section3 .con_list_wrap {
  margin-top: 118px;
  overflow: hidden;
  padding-bottom: 30px;
}
.section3 .con {
  position: relative;
}
.section3 .con + .con {
  margin-top: 90px;
}
.section3 .con .con_text_wrap {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 37.265%;
}
.section3 .con .con_text_wrap .tit {
  display: block;
  font-size: 36px;
  font-weight: 600;
  color: #000;
}
.section3 .con .con_text_wrap .txt1 {
  font-size: 18px;
  font-weight: 500;
  color: #777;
  line-height: 1.6;
  margin-top: 20px;
}
.section3 .con .slider_wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.section3 .con .function_slider {
  width: 32.657%;
  margin: 0;
  padding-bottom: 30px;
}
.section3 .con .function_slider .function_item {
  width: 100%;
  padding-bottom: 102.874%;
}
.section3 .con .function_slider .function_item a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #dae0f6;
  border-radius: 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 31px 20px 14px;
  cursor: default;
  opacity: 0;
  transform: translateX(30px);
}
.section3 .con .function_slider .function_item a .text {
  position: relative;
  z-index: 1;
}
.section3 .con .function_slider .function_item a .text .tit {
  display: block;
  font-size: 24px;
  font-weight: 600;
  color: #000;
}
.section3 .con .function_slider .function_item a .text .txt1 {
  height: 96px;
  margin-top: 16px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
}
.section3 .con .function_slider .function_item a .text .text1,
.section3 .con .function_slider .function_item a .text .text_list li {
  font-size: 15px;
  color: #777;
  letter-spacing: -0.01em;
  line-height: 1.6;
  word-break: keep-all;
}
.section3 .con .function_slider .function_item a .text .text_list {
  margin-top: 16px;
  height: 96px;
}
.section3 .con .function_slider .function_item a .text .text_list li {
  position: relative;
  padding-left: 11px;
}
.section3 .con .function_slider .function_item a .text .text_list li:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 6px;
  height: 6px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  box-sizing: border-box;
}
.section3 .con .function_slider .function_item a .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section3 .con .function_list_slider {
  width: 62.735%;
  margin: 0;
  padding-bottom: 30px;
}
.section3 .con .function_list_slider .list_item {
  position: relative;
  width: calc(33.333% - 12px);
  padding-bottom: calc(33.333% - 12px);
  background: #f3f4f8;
  border-radius: 15px;
  margin-right: 18px;
  transition: 0.7s;
}
.section3 .con .function_list_slider .list_item:hover {
  box-shadow: -3px 8px 17px rgba(0, 0, 0, 0.08);
}
.section3 .con .function_list_slider .list_item.on {
  display: none;
}
.section3 .con .function_list_slider .list_item a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 31px 20px 14px;
}
.section3 .con .function_list_slider .list_item a .text {
  position: relative;
  z-index: 1;
}
.section3 .con .function_list_slider .list_item a .text .tit {
  display: block;
  font-size: 24px;
  font-weight: 600;
  color: #000;
}
.section3 .con .function_list_slider .list_item a .text .txt1 {
  height: 96px;
  margin-top: 16px;
}
.section3 .con .function_list_slider .list_item a .text .txt1,
.section3 .con .function_list_slider .list_item a .text .text_list li {
  font-size: 15px;
  color: #777;
  letter-spacing: -0.01em;
  line-height: 1.6;
  word-break: keep-all;
}
.section3 .con .function_list_slider .list_item a .text .text_list {
  margin-top: 16px;
  height: 96px;
}
.section3 .con .function_list_slider .list_item a .text .text_list li {
  position: relative;
  padding-left: 11px;
}
.section3 .con .function_list_slider .list_item a .text .text_list li:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 6px;
  height: 6px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  box-sizing: border-box;
}
.section3 .con .function_list_slider .list_item a .bot {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.section3 .con .function_list_slider .list_item a .bot .arrow {
  position: relative;
  width: 37px;
  height: 23px;
  border-radius: 50vh;
  background: #dadbdf;
}
.section3 .con .function_list_slider .list_item a .bot .arrow:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/ref/main/main_2023/images/main/btn_arrow.png) no-repeat center;
}
.section3 .con .function_list_slider .list_item a .bg {
  display: none;
}
.section3 .con:nth-child(even) .con_text_wrap {
  margin-left: 0;
}
.section3 .con:nth-child(even) .slider_wrap {
  flex-direction: row-reverse;
}
.section3 .con:nth-child(even) .function_slider .function_item a {
  transform: translateX(-30px);
}
.section3 .con:nth-child(even) .function_list_slider .list_item a .text {
  text-align: left;
}
.section3 .con:nth-child(even) .function_list_slider .list_item a .bot .icon {
  order: 1;
}
.section3 .con:nth-child(even) .function_list_slider .list_item a .bot .arrow {
  order: 2;
}
.section3 .con:nth-child(even) .function_list_slider .list_item a .bot .arrow:before {
  transform: rotate(180deg);
}
.section3 .con .function_slider .function_item.swiper-slide-active a {
  opacity: 1;
  transform: translateX(0);
  transition: 0.9s 0.3s;
}
.section3 .con .function_pagination {
  display: none;
}
.section3 .con .function_list_slider .list_item.flip {
  transform: rotateY(180deg);
  transition: 0.3s;
}
#solutionPop .close {
  transform: translate(-10px, 20px);
}
#solutionPop .pop_wrap {
  max-height: 76vh;
  overflow-y: auto;
}
#solutionPop .pop .pop_tit_wrap .pop_text {
  font-size: 18px;
  font-weight: 500;
  color: #777;
  margin-top: 14px;
}
#solutionPop .pop .text_wrap .b_text {
  display: block;
  font-size: 18px;
  font-weight: 600;
  color: #016ff2;
}
#solutionPop .pop .text_wrap .tit {
  display: block;
  font-size: 24px;
  color: #000;
  line-height: 1.4;
  margin-top: 10px;
  word-break: keep-all;
}
#solutionPop .pop .text_wrap .txt1 {
  font-size: 17px;
  font-weight: 500;
  color: #777;
  letter-spacing: -0.01em;
  line-height: 1.6;
  margin-top: 19px;
  word-break: keep-all;
}
#solutionPop .pop .text_wrap .icon_g {
  margin-top: 33px;
}
#solutionPop .pop .text_wrap .icon_g span + span {
  margin-left: 8px;
}
#solutionPop .pop .pop_pagination {
  text-align: center;
  margin-top: 30px;
}
#solutionPop .pop .pop_pagination span {
  width: 8px;
  height: 8px;
  border: 1px solid #888;
  border-radius: 50vh;
  background: transparent;
  margin: 0 6px;
  opacity: 1;
}
#solutionPop .pop .pop_pagination span.swiper-pagination-bullet-active {
  width: 22px;
  background: #888;
}
#solutionPop .pop .pop_arrow {
  position: absolute;
  top: 54%;
  left: 60px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0px 3px 22px rgba(0, 0, 0, 0.04);
  z-index: 10;
}
#solutionPop .pop .pop_arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
  border: 2px solid #6d6d6f;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: rotate(-135deg);
}
#solutionPop .pop .pop_next {
  left: auto;
  right: 60px;
  transform: rotate(180deg);
}
#solutionPop .pop1 .inner {
  display: flex;
  align-items: center;
}
#solutionPop .pop1 .inner .img_wrap {
  width: 44.5%;
  background: #f0f0f0;
  border-radius: 16px;
  text-align: center;
  padding: 50px 0 30px;
}
#solutionPop .pop1 .inner .img_wrap img {
  max-width: 80%;
}
#solutionPop .pop1 .inner .text_wrap {
  width: 55.5%;
  padding-left: 7.4%;
}
#solutionPop .pop2 .pop_slider .swiper-slide .img_wrap {
  height: 42vh;
  background: #f0f0f0;
  border-radius: 16px;
  text-align: center;
  padding: 40px 0 30px;
}
#solutionPop .pop2 .pop_slider .swiper-slide .img_wrap img {
  height: 100%;
}
#solutionPop .pop3 .pop_slider .swiper-slide .img_wrap.bg {
  display: block;
  background: #f0f0f0;
  border-radius: 16px;
  text-align: center;
  height: 42vh;
  padding: 30px 0;
}
#solutionPop .pop3 .pop_slider .swiper-slide .img_wrap.bg img {
  max-height: 100%;
}
#solutionPop .pop3 .pop_slider .swiper-slide .img_wrap {
  display: flex;
  justify-content: space-between;
}
#solutionPop .pop3 .pop_slider .swiper-slide .img_wrap > div {
  width: calc(50% - 10px);
}
#solutionPop .pop3 .pop_slider .swiper-slide .img_wrap > div .img {
  height: 35vh;
  text-align: center;
  border-radius: 16px;
  border: 1px solid #ececec;
  overflow: hidden;
}
#solutionPop .pop3 .pop_slider .swiper-slide .img_wrap > div .img img {
  width: 100%;
}
#solutionPop .pop3 .pop_slider .swiper-slide .img_wrap > div p {
  font-size: 20px;
  font-weight: 600;
  color: #016ff2;
  text-align: center;
  margin-top: 25px;
}
#solutionPop .pop4 .inner {
  display: flex;
  align-items: center;
}
#solutionPop .pop4 .inner .img_wrap {
  width: 44.5%;
  background: #f0f0f0;
  border-radius: 16px;
  text-align: center;
  padding: 65px 0;
}
#solutionPop .pop4 .inner .img_wrap img {
  max-width: 80%;
}
#solutionPop .pop4 .inner .text_wrap {
  width: 55.5%;
  padding-left: 7.4%;
}
.section4 {
  padding: 165px 0 170px;
  background: #f3f4f7;
}
.section4 .tab_list {
  display: flex;
  justify-content: space-between;
  margin-top: 88px;
  opacity: 0;
  transform: translateY(40px);
  transition: 0.8s;
  will-chahge: transform;
}
.section4 .tab_list li {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  line-height: 50px;
  border-radius: 50vh;
  background: #fff;
  padding: 0 32px;
  cursor: pointer;
  transition: 0.2s;
}
.section4 .tab_list li:hover {
  color: #fff;
  background: #016ff2;
}
.section4 .tab_list li.on {
  color: #fff;
  background: #016ff2;
}
.section4 .service_con_wrap .con {
  display: none;
}
.section4 .service_con_wrap .con > div {
  width: 50%;
}
.section4 .service_con_wrap .con .img_wrap {
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 5px 6px 16px rgba(0, 0, 0, 0.15);
  opacity: 0;
  transform: translateX(-30px);
  transition: 0.8s;
  will-chahge: transform;
}
.section4 .service_con_wrap .con .img_wrap img {
  width: 100%;
}
.section4 .service_con_wrap .con .text_wrap {
  padding: 0 5% 0 7%;
}
.section4 .service_con_wrap .con .text_wrap .tit {
  display: block;
  font-size: 20px;
  font-weight: 700;
  color: #016ff2;
  opacity: 0;
  transform: translateX(-30px);
  transition: 0.8s;
  will-chahge: transform;
  transition-delay: 0.2s;
}
.section4 .service_con_wrap .con .text_wrap .b_txt {
  display: block;
  font-size: 34px;
  font-weight: 600;
  line-height: 1.4;
  color: #000;
  margin: 14px 0 52px;
  word-break: keep-all;
  opacity: 0;
  transform: translateX(-30px);
  transition: 0.8s;
  will-chahge: transform;
  transition-delay: 0.35s;
}
.section4 .service_con_wrap .con .text_wrap .p_wrap {
  opacity: 0;
  transform: translateX(-30px);
  transition: 0.8s;
  will-chahge: transform;
  transition-delay: 0.5s;
}
.section4 .service_con_wrap .con .text_wrap .p_wrap + .p_wrap {
  margin-top: 27px;
}
.section4 .service_con_wrap .con .text_wrap .p_wrap b {
  display: block;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.7;
  color: #000;
  word-break: keep-all;
}
.section4 .service_con_wrap .con .text_wrap .p_wrap b.blue {
  color: #016ff2;
}
.section4 .service_con_wrap .con .text_wrap .p_wrap p {
  font-size: 17px;
  font-weight: 500;
  color: #777;
  line-height: 1.7;
  margin-top: 5px;
  word-break: keep-all;
}
.section4 .service_con_wrap .con.on {
  display: flex;
  align-items: flex-start;
  margin-top: 90px;
}
.section4 .tab_list.in-view {
  opacity: 1;
  transform: translateY(0);
}
.section4 .service_con_wrap.in-view .con .img_wrap.on {
  opacity: 1;
  transform: translateX(0);
}
.section4 .service_con_wrap.in-view .con .text_wrap.on .tit {
  opacity: 1;
  transform: translateX(0);
}
.section4 .service_con_wrap.in-view .con .text_wrap.on .b_txt {
  opacity: 1;
  transform: translateX(0);
}
.section4 .service_con_wrap.in-view .con .text_wrap.on .p_wrap {
  opacity: 1;
  transform: translateX(0);
}
.section6 {
  padding-top: 60px;
}
.section6 .interview_slider {
  margin: 87px auto 0;
  overflow: visible;
  opacity: 0;
  transform: translateY(40px);
  transition: 0.8s;
  will-chahge: transform;
}
.section6 .interview_slider .interview_item {
  display: flex;
  width: 1040px;
  height: 570px;
  background: #f3f4f7;
  border-radius: 48px;
  overflow: hidden;
  margin: 0 30px;
  opacity: 0.6;
}
.section6 .interview_slider .interview_item .video_wrap {
  width: 37%;
  overflow: hidden;
}
.section6 .interview_slider .interview_item .video_wrap .video {
  position: relative;
  height: 100%;
}
.section6 .interview_slider .interview_item .video_wrap .thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 1040px;
  height: 100%;
  cursor: pointer;
  z-index: 10;
}
.section6 .interview_slider .interview_item .video_wrap .thumbnail:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 18.5%;
  width: 88px;
  height: 88px;
  margin: -44px 0 0 -44px;
  background: url(/ref/main/main_2023/images/main/play_btn.png) no-repeat center / contain;
  transition: 0.3s;
}
.section6 .interview_slider .interview_item .video_wrap iframe {
  width: 1040px;
  height: 570px;
  opacity: 0;
}
.section6 .interview_slider .interview_item .text_wrap {
  width: 63%;
  padding: 100px 0 75px 6%;
}
.section6 .interview_slider .interview_item .text_wrap .text {
  padding: 0 12% 160px 0;
}
.section6 .interview_slider .interview_item .text_wrap .text .tit {
  display: block;
  font-size: 34px;
  font-weight: 600;
  color: #000;
}
.section6 .interview_slider .interview_item .text_wrap .text .txt1 {
  font-size: 17px;
  font-weight: 500;
  color: #626262;
  line-height: 1.7;
  margin-top: 27px;
}
.section6 .interview_slider .interview_item .text_wrap .interviewee_info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  padding: 22px 12% 0 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.section6 .interview_slider .interview_item .text_wrap .interviewee_info dl > * {
  font-size: 23px;
  color: #000;
}
.section6 .interview_slider .interview_item .text_wrap .interviewee_info dl dt {
  font-weight: 500;
}
.section6 .interview_slider .interview_item .text_wrap .interviewee_info dl dd {
  font-weight: 600;
}
.section6 .interview_slider .interview_item.swiper-slide-active {
  opacity: 1;
}
.section6 .interview_slider .interview_item.show .video_wrap {
  width: 100%;
  transition: 0.3s;
}
.section6 .interview_slider .interview_item.show .video_wrap .thumbnail {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s 0.4s;
}
.section6 .interview_slider .interview_item.show .video_wrap .thumbnail:before {
  left: 50%;
}
.section6 .interview_slider .interview_item.show .video_wrap iframe {
  opacity: 1;
}
.section6 .interview_slider .interview_item.show .text_wrap {
  margin-right: -63%;
  transition: 0.3s;
}
.section6 .interview_pagination {
  text-align: center;
  margin-top: 50px;
  opacity: 0;
  transform: translateY(40px);
  transition: 0.8s;
  will-chahge: transform;
}
.section6 .interview_pagination > span {
  width: 8px;
  height: 8px;
  background: transparent;
  border: 1px solid #383838;
  border-radius: 50vh;
  margin: 0 6px;
  opacity: 1;
}
.section6 .interview_pagination > span.swiper-pagination-bullet-active {
  width: 22px;
  background: #383838;
}
.section6 .interview_slider.in-view {
  opacity: 1;
  transform: translateY(0);
}
.section6 .interview_pagination.in-view {
  opacity: 1;
  transform: translateY(0);
}
.section7 .client_interview_wrap {
  position: relative;
  padding: 150px 0;
  margin-top: 76px;
}
.section7 .client_interview_wrap:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  margin-left: -50vw;
  background: #e7edf9;
  z-index: -1;
}
.section7 .client_interview_wrap .cloud_acc {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  margin-left: -50vw;
}
.section7 .client_interview_wrap .cloud_acc .cld {
  position: absolute;
  background: url(/ref/main/main_2023/images/main/sec7_cld.png) no-repeat center / contain;
}
.section7 .client_interview_wrap .cloud_acc .cld1 {
  top: 6.8%;
  right: 11.8%;
  width: 118px;
  height: 71px;
}
.section7 .client_interview_wrap .cloud_acc .cld2 {
  top: 15.7%;
  left: 4.6%;
  width: 112px;
  height: 68px;
}
.section7 .client_interview_wrap .cloud_acc .cld3 {
  top: 54.2%;
  right: 5.8%;
  width: 66px;
  height: 40px;
}
.section7 .client_interview_wrap .cloud_acc .cld4 {
  bottom: 26%;
  left: 9.4%;
  width: 112px;
  height: 68px;
}
.section7 .client_interview_wrap .cloud_acc .cld5 {
  bottom: 10.4%;
  left: 3.3%;
  width: 66px;
  height: 40px;
}
.section7 .client_interview_wrap .cloud_acc .cld6 {
  bottom: 4.6%;
  left: 33.4%;
  width: 93px;
  height: 56px;
}
.section7 .client_interview_wrap .cloud_acc .cld7 {
  bottom: 7.7%;
  right: 5.25%;
  width: 178px;
  height: 109px;
}
.section7 .client_interview_wrap .client_interview_list {
  position: relative;
  display: flex;
}
.section7 .client_interview_wrap .client_interview_list li {
  width: calc(33.333% - 22px);
  background: #fff;
  border-radius: 20px;
  padding: 40px 45px 50px;
}
.section7 .client_interview_wrap .client_interview_list li + li {
  margin-left: 33px;
}
.section7 .client_interview_wrap .client_interview_list li .logo {
  height: 72px;
}
.section7 .client_interview_wrap .client_interview_list li .txt1 {
  font-size: 17px;
  font-weight: 500;
  color: #626262;
  line-height: 1.7;
  word-break: keep-all;
  margin-top: 25px;
}
.section7 .client_interview_wrap .client_interview_list li dl {
  margin-top: 13px;
}
.section7 .client_interview_wrap .client_interview_list li dl:before {
  content: "";
  display: block;
  width: 17px;
  height: 1px;
  background: #000;
  margin-bottom: 6px;
}
.section7 .client_interview_wrap .client_interview_list li dl > * {
  display: inline-block;
  font-size: 17px;
  font-weight: 500;
  color: #000;
}
.section7 .client_interview_wrap .client_interview_list li dl dd:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  background: #b9b9b9;
  margin: 0 10px;
}
.section7 .client_interview_wrap .client_interview_list li .img {
  margin-top: 38px;
}
.section7 .client_interview_wrap .client_interview_slider {
  opacity: 0;
  transform: translateY(40px);
  transition: 0.8s;
  will-chahge: transform;
}
.section7 .client_interview_wrap .client_interview_slider.in-view {
  opacity: 1;
  transform: translateY(0);
}
.section7 .client_logo_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
  opacity: 0;
  transform: translateY(40px);
  transition: 0.8s;
  will-chahge: transform;
}
.section7 .client_logo_list li {
  width: calc(100% / 6);
  height: 50px;
  line-height: 50px;
  text-align: center;
}
.section7 .client_logo_list li:nth-child(n+7) {
  margin-top: 30px;
}
.section7 .client_logo_list li img {
  height: 40px;
}
.section7 .client_logo_list li:first-child img {
  height: 50px;
}
.section7 .client_logo_list li:nth-child(4) img {
  height: 50px;
}
.section7 .client_logo_list li:nth-child(6) img {
  height: 30px;
}
.section7 .client_logo_list.in-view {
  opacity: 1;
  transform: translateY(0);
}
.section8 {
  padding-bottom: 170px;
}
.section8 .conwrap {
  width: 100%;
  max-width: 100%;
}
.section8 .slider_wrap {
  margin-top: 77px;
}
.section8 .slider_wrap:after {
  content: "";
  display: block;
  clear: both;
}
.section8 .slider_wrap .partner_slider {
  width: 100%;
  margin: 0;
  overflow: visible;
  opacity: 0;
  transform: translateX(100px);
  transition: 0.8s;
  will-chahge: transform;
}
.section8 .slider_wrap .partner_slider .swiper-wrapper {
  transition-timing-function: linear;
}
.section8 .slider_wrap .partner_slider .partner_item {
  width: 610px;
  height: 364px;
  margin-right: 20px;
  border-radius: 20px;
  overflow: hidden;
  cursor: pointer;
}
.section8 .slider_wrap .partner_slider .partner_item:last-child {
  margin-right: 0;
  margin-left: 0;
}
.section8 .slider_wrap .partner_slider .partner_item .img {
  width: 100%;
  height: 100%;
}
.section8 .slider_wrap .partner_slider .partner_item .hover {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 111, 214, 0.9);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.section8 .slider_wrap .partner_slider .partner_item:hover .hover {
  opacity: 1;
  visibility: visible;
}
.section8 .slider_wrap .partner_slider:nth-child(even) {
  margin-top: 20px;
}
.section8 .slider_wrap .partner_slider:nth-child(even) .partner_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-right: 0;
  margin-left: 20px;
}
.section8 .slider_wrap .partner_slider:nth-child(2) {
  transform: translateX(-100px);
}
.section8 .slider_wrap .partner_slider.in-view {
  opacity: 1;
  transform: translateX(0);
}
#partnerPop {
  top: 50px;
  transform: translate(-50%, 0);
  padding: 20px 20px 100px;
}
#partnerPop .close {
  transform: translate(20px, 25px);
  margin-left: calc(100% - 85px);
  margin-top: -35px;
}
#partnerPop .pop_wrap {
  font-size: 17px;
  line-height: 1.6;
  letter-spacing: -0.01em;
  color: #777;
  word-break: keep-all;
  overflow-y: auto;
  width: calc(100% - 140px);
  max-height: calc(100vh - 127px);
  padding: 0 10px 0;
  margin: 0 auto;
}
#partnerPop .pop {
  padding-bottom: 100px;
}
#partnerPop .pop .pop_tit_wrap .pop_cate {
  font-size: 26px;
}
#partnerPop .pop .pop_tit_wrap .pop_tit {
  margin-top: 6px;
}
#partnerPop .pop .top_con .img_wrap {
  border-radius: 16px;
  border: 1px solid #f3f4f8;
  overflow: hidden;
}
#partnerPop .pop .top_con .img_wrap img {
  width: 100%;
}
#partnerPop .pop .top_con .text_wrap {
  border-radius: 16px;
  background: #f0f0f0;
  text-align: center;
  padding: 35px 60px;
  margin-top: 20px;
}
#partnerPop .pop .top_con .text_wrap .b_txt {
  display: block;
  font-size: 18px;
  color: #000;
  margin-bottom: 14px;
}
#partnerPop .pop .top_con .text_wrap .txt1 + .txt1 {
  margin-top: 6px;
}
#partnerPop .pop .img_con_g {
  border: 1px solid #ccc;
  border-radius: 16px;
  margin-top: 40px;
  overflow: hidden;
}
#partnerPop .pop .img_con img {
  width: 100%;
}
#partnerPop .pop .img_con .con + .con {
  margin-top: 95px;
}
#partnerPop .pop .img_con .con .text_g {
  text-align: center;
}
#partnerPop .pop .img_con .con .text_g .num {
  display: inline-block;
  font-size: 17px;
  font-weight: 600;
  color: #000;
  border-bottom: 2px solid #000;
}
#partnerPop .pop .img_con .con .text_g .tit {
  display: block;
  font-size: 22px;
  color: #000;
  margin-top: 8px;
}
#partnerPop .pop .img_con .con .text_g .txt1 {
  margin-top: 12px;
}
#partnerPop .pop .bot_logo {
  height: 140px;
  line-height: 140px;
  background: #f0f0f0;
  text-align: center;
}
#partnerPop .pop1 .top_con {
  padding: 0 100px;
}
#partnerPop .pop1 .img_con {
  margin-top: 20px;
}
#partnerPop .pop2 .img_con {
  padding: 100px;
}
#partnerPop .pop2 .img_con .con .img {
  border-radius: 16px;
  border: 1px solid #ddd;
  overflow: hidden;
  margin-top: 47px;
}
#partnerPop .pop3 .img_con {
  padding: 100px 65px;
}
#partnerPop .pop3 .img_con .con b.b_txt {
  display: block;
  font-size: 20px;
  color: #000;
}
#partnerPop .pop3 .img_con .con b.b_txt .color {
  color: #00b0ad;
}
#partnerPop .pop3 .img_con .con .text_g b.b_txt {
  margin-top: 35px;
}
#partnerPop .pop3 .img_con .con .text_g .txt1 {
  margin-top: 16px;
}
#partnerPop .pop3 .img_con .con .text_g .text_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}
#partnerPop .pop3 .img_con .con .text_g .text_list li {
  width: 100%;
  text-align: center;
  border-radius: 50vh;
  border: 2px solid #eaebed;
  padding: 10px;
}
#partnerPop .pop3 .img_con .con .text_g .text_list.list1 li {
  width: calc(50% - 5px);
}
#partnerPop .pop3 .img_con .con .text_g .text_list.list1 li:nth-child(even) {
  margin-left: 10px;
}
#partnerPop .pop3 .img_con .con .text_g .text_list.list1 li:nth-child(n+3) {
  margin-top: 10px;
}
#partnerPop .pop3 .img_con .con .text_g .text_list.list2 {
  margin-top: 50px;
}
#partnerPop .pop3 .img_con .con .text_g .text_list.list2 li {
  display: flex;
  color: #444;
  padding: 0;
}
#partnerPop .pop3 .img_con .con .text_g .text_list.list2 li + li {
  margin-top: 10px;
}
#partnerPop .pop3 .img_con .con .text_g .text_list.list2 li span {
  display: inline-block;
  width: 49px;
  height: 49px;
  font-weight: 500;
  text-align: center;
  line-height: 49px;
  background: #f3f4f5;
  border-radius: 50%;
}
#partnerPop .pop3 .img_con .con .text_g .text_list.list2 li p {
  width: calc(100% - 49px);
  line-height: 49px;
}
#partnerPop .pop3 .img_con .con .img_g {
  margin-top: 45px;
  text-align: center;
}
#partnerPop .pop3 .img_con .con .img_g img {
  width: auto;
  max-width: 100%;
}
#partnerPop .pop3 .img_con .con .img_g .list {
  display: flex;
  justify-content: space-between;
  padding: 0 40px;
  margin-top: 35px;
}
#partnerPop .pop3 .img_con .con .img_g .list li {
  width: calc(33.333% - 45px);
}
#partnerPop .pop3 .img_con .con .img_g .list li .num {
  display: inline-block;
  width: 49px;
  height: 49px;
  line-height: 49px;
  border-radius: 50%;
  background: #00b0ad;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  text-align: center;
}
#partnerPop .pop3 .img_con .con .img_g .list li strong {
  display: block;
  font-size: 20px;
  color: #00b0ad;
  margin-top: 13px;
}
#partnerPop .pop3 .img_con .con .img_g .list li .txt1 {
  margin-top: 8px;
}
#partnerPop .pop3 .img_con .con .img_g .img_list {
  display: flex;
  margin-top: 28px;
  padding: 0 35px;
}
#partnerPop .pop3 .img_con .con .img_g .img_list li {
  position: relative;
  width: calc(33.333% - 22px);
  padding-bottom: calc(33.333% - 22px);
  border-radius: 50%;
  background: #f7f9f9;
}
#partnerPop .pop3 .img_con .con .img_g .img_list li + li {
  margin-left: 33px;
}
#partnerPop .pop3 .img_con .con .img_g .img_list li .inner {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
}
#partnerPop .pop3 .img_con .con .img_g .img_list li .inner img {
  max-width: 90%;
}
#partnerPop .pop3 .img_con .con .img_g .img_list li .inner p {
  font-size: 18px;
  font-weight: 600;
  color: #444;
  line-height: 1.2;
  margin-top: 20px;
}
#partnerPop .pop4 .img_con_g {
  padding: 100px;
}
#partnerPop .pop4 .img_con_g .img_g {
  margin-top: 65px;
}
#partnerPop .pop4 .img_con_g .img_g .img {
  text-align: center;
}
#partnerPop .pop4 .img_con_g .img_g .img + .img {
  margin-top: 50px;
}
#partnerPop .pop4 .img_con_g .img_g .img > img {
  width: auto;
  max-width: 100%;
}
#partnerPop .pop4 .img_con_g .img_g .img .b_txt {
  font-size: 20px;
  font-weight: 600;
  color: #000;
  text-align: center;
  margin-bottom: 12px;
}
#partnerPop .pop4 .img_con_g .img_g .img .b_txt span {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  background: #77b255 url(/ref/main/main_2023/images/main/chk_icon.svg) no-repeat center;
  margin: 6px 10px 0 0;
}
#partnerPop .pop4 .img_con_g .img_g .img p {
  font-size: 17px;
  color: #777;
  margin-top: 10px;
}
#partnerPop .pop4 .img_con_g .img_g .img p img {
  width: auto;
}
#partnerPop .pop5 .img_con_g {
  padding: 100px;
}
#partnerPop .pop5 .img_con_g .top_logo {
  text-align: center;
  margin-bottom: 55px;
}
#partnerPop .pop5 .img_con_g .con {
  text-align: center;
}
#partnerPop .pop5 .img_con_g .con + .con {
  margin-top: 115px;
}
#partnerPop .pop5 .img_con_g .con .img_g {
  border: 1px solid #ddd;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 50px;
}
#partnerPop .pop5 .img_con_g .con .b_txt {
  display: block;
  font-size: 22px;
  color: #000;
}
#partnerPop .pop5 .img_con_g .con .text_list {
  display: flex;
  margin-top: 40px;
}
#partnerPop .pop5 .img_con_g .con .text_list li {
  padding: 0 30px;
}
#partnerPop .pop5 .img_con_g .con .text_list li:nth-child(1) {
  padding-left: 0;
}
#partnerPop .pop5 .img_con_g .con .text_list li:nth-child(3) {
  padding-right: 0;
}
#partnerPop .pop5 .img_con_g .con .text_list li + li {
  border-left: 1px solid #ddd;
}
#partnerPop .pop5 .img_con_g .con .text_list li span {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: #000;
  border-bottom: 2px solid #000;
}
#partnerPop .pop5 .img_con_g .con .text_list li strong {
  display: block;
  font-size: 18px;
  color: #000;
  margin-top: 7px;
}
#partnerPop .pop5 .img_con_g .con .text_list li p {
  margin-top: 6px;
}
#partnerPop .pop6 .img_con_g {
  padding: 0;
}
#partnerPop .pop6 .img_con_g .img_con {
  padding: 100px;
}
#partnerPop .pop6 .img_con_g .con .con_tit {
  text-align: center;
  margin-bottom: 20px;
}
#partnerPop .pop6 .img_con_g .con .con_tit > span {
  display: block;
  font-size: 22px;
  font-weight: 600;
  color: #fff;
  background: #0148a8;
  border-radius: 50vh;
  text-align: center;
  line-height: 72px;
  padding: 0 50px;
}
#partnerPop .pop6 .img_con_g .con .con_tit > span img {
  width: auto;
}
#partnerPop .pop6 .img_con_g .con .con_list {
  display: flex;
}
#partnerPop .pop6 .img_con_g .con .con_list li {
  width: 100%;
  text-align: center;
}
#partnerPop .pop6 .img_con_g .con .con_list li + li {
  margin-left: 20px;
}
#partnerPop .pop6 .img_con_g .con .con_list li .img img {
  width: 100%;
}
#partnerPop .pop6 .img_con_g .con .con_list li p {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  letter-spacing: -0.02em;
  margin-top: 10px;
  word-break: keep-all;
}
#partnerPop .pop6 .img_con_g .con1 .con_tit {
  margin-bottom: 0;
}
#partnerPop .pop6 .img_con_g .con1 .con_tit > span {
  display: inline-block;
}
#partnerPop .pop6 .img_con_g .con1 .con_list {
  padding-top: 70px;
  background: url(/ref/main/main_2023/images/main/sec8_pop6_line.jpg) no-repeat center top / 100% 70px;
}
#partnerPop .pop6 .img_con_g .con2 .img {
  background: #1f3252;
  padding: 40px 100px;
  text-align: center;
  border-radius: 15px;
}
#partnerPop .pop6 .img_con_g .con4 .con_list li + li {
  margin-left: 35px;
}
#partnerPop .pop6 .img_con_g .con4 .con_list li .img {
  border: 1px solid #ddd;
  border-radius: 15px;
  overflow: hidden;
}
#partnerPop .pop7 .img_con_g {
  padding: 100px;
}
#partnerPop .pop7 .img_con_g .con .img {
  border-radius: 15px;
  overflow: hidden;
}
#partnerPop .pop7 .img_con_g .con .text {
  text-align: center;
  margin-top: 42px;
}
#partnerPop .pop7 .img_con_g .con .text .b_txt {
  display: block;
  font-size: 22px;
  color: #000;
  margin-bottom: 6px;
}
#partnerPop .pop7 .img_con_g .con .text .txt1 + .txt1 {
  margin-top: 7px;
}
#partnerPop .pop8 .top_con .text_wrap {
  padding: 35px 100px;
}
#partnerPop .pop8 .img_con_g .img_con {
  padding: 100px;
}
#partnerPop .pop8 .img_con_g .con .img {
  border: 1px solid #ddd;
  border-radius: 15px;
  overflow: hidden;
}
#partnerPop .pop8 .img_con_g .con .text {
  text-align: center;
  margin-top: 42px;
}
#partnerPop .pop8 .img_con_g .con .text .b_txt {
  display: block;
  font-size: 22px;
  color: #000;
  margin-bottom: 6px;
}
#partnerPop .pop8 .img_con_g .con .text .txt1 + .txt1 {
  margin-top: 7px;
}
.section9 {
  width: 100%;
  padding: 0;
  pointer-events: none;
}
.section9 .conwrap {
  width: 100%;
  height: 100%;
  max-width: unset;
}
.section9 .sec_wrap {
  width: 100%;
  height: 300vh !important;
}
.section9 .about_slider {
  width: 100%;
  height: 100vh;
  pointer-events: none;
}
.section9 .about_slider .about_slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  transition: 0.5s;
}
.section9 .about_slider .about_slide .inner {
  width: 100%;
  height: 100%;
}
.section9 .about_slider .about_slide .inner .bg {
  width: 100%;
  height: 100%;
}
.section9 .about_slider .about_slide:first-child .bg {
  background: url(/ref/main/main_2023/images/main/sec9_slider_bg1.jpg) no-repeat center / cover;
}
.section9 .about_slider .about_slide:nth-child(2) .bg {
  background: url(/ref/main/main_2023/images/main/sec9_slider_bg2.jpg) no-repeat center / cover;
}
.section9 .about_slider .about_slide:last-child .bg {
  background: url(/ref/main/main_2023/images/main/sec9_slider_bg3.jpg) no-repeat center / cover;
}
.section9 .about_slider .about_slide .text {
  position: absolute;
  bottom: 42.5%;
  left: 50%;
  width: 94%;
  max-width: 1280px;
  transform: translate(-50%, 0);
}
.section9 .about_slider .about_slide .text .tit {
  display: block;
  font-size: 26px;
  font-weight: 600;
  color: #fff;
  opacity: 0;
  transform: translateY(40px);
  transition: 0.8s;
  will-chahge: transform;
  transition-delay: 0.4s;
}
.section9 .about_slider .about_slide .text .b_txt {
  display: block;
  font-size: 56px;
  font-weight: 600;
  color: #fff;
  line-height: 1.3;
  margin-top: 31px;
  opacity: 0;
  transform: translateY(40px);
  transition: 0.8s;
  will-chahge: transform;
  transition-delay: 0.6s;
}
.section9 .about_slider .about_slide .text .txt1 {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  line-height: 1.6;
  margin-top: 20px;
  opacity: 0;
  transform: translateY(40px);
  transition: 0.8s;
  will-chahge: transform;
  transition-delay: 0.8s;
}
.section9 .about_slider .about_slide .bg {
  transform: scale(1.07);
  transition: 1.2s 0.15s;
}
.section9 .about_slider .slider_paging {
  position: absolute;
  bottom: 28%;
  left: 50%;
  transform: translateX(-50%);
  width: 94%;
  max-width: 1280px;
  z-index: 10;
  opacity: 0;
  transform: translate(-50%, 40px);
  transition: 0.8s;
  will-chahge: transform;
  transition-delay: 1s;
}
.section9 .about_slider .slider_paging .num {
  font-family: 'Heebo';
  font-size: 14px;
  color: #fff;
}
.section9 .about_slider .about_pagination {
  margin-top: 5px;
}
.section9 .about_slider .about_pagination > span {
  position: relative;
  width: 90px;
  height: 6px;
  border-radius: 50vh;
  opacity: 1;
  background: rgba(255, 255, 255, 0.45);
  margin-right: 10px;
  overflow: hidden;
}
.section9 .about_slider .about_pagination > span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #fff;
}
.section9 .about_slider .about_pagination > span.swiper-pagination-bullet-active {
  width: 180px;
}
.section9 .about_slider .about_pagination > span.swiper-pagination-bullet-active:before {
  width: 100%;
  transition: width 0.5s;
}
.section9 .about_slider.in-view .about_slide.swiper-slide-active .bg {
  transform: scale(1);
}
.section9 .about_slider.in-view .about_slide.swiper-slide-active .text .tit {
  opacity: 1;
  transform: translateY(0);
}
.section9 .about_slider.in-view .about_slide.swiper-slide-active .text .b_txt {
  opacity: 1;
  transform: translateY(0);
}
.section9 .about_slider.in-view .about_slide.swiper-slide-active .text .txt1 {
  opacity: 1;
  transform: translateY(0);
}
.section9 .about_slider.in-view .slider_paging {
  opacity: 1;
  transform: translate(-50%, 0);
}
body.on .section9 {
  pointer-events: visible;
}
body.on .section9 .about_slider {
  pointer-events: visible;
}
body.on .section9 .about_slider .about_slide {
  pointer-events: visible;
}
.section10 {
  position: relative;
  padding: 0 0 0;
  height: 350vh;
}
.section10 .sec_wrap {
  position: relative;
}
.section10 .sec_tit_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 350vh;
}
.section10 .sec_tit_wrap .sec_tit {
  opacity: 0;
  transform: translateY(80px);
}
.section10 .sec_tit {
  position: relative;
  display: block;
  font-size: 52px;
  font-weight: 600;
  color: #000;
  text-align: center;
  padding-top: 43vh;
}
.section10 .bg {
  position: relative;
  width: 100%;
  height: 350vh;
  padding-top: 160vh;
  transform: translateY(0);
}
.section10 .bg .cld_bg {
  position: relative;
  width: 100%;
  height: 100%;
  background: #016ff2;
  margin-top: 317px;
  transform: translate3d(0, 20%, 0);
}
.section10 .bg .cld_bg:before {
  content: "";
  position: absolute;
  top: -315px;
  left: 0;
  width: 100%;
  padding-bottom: 317px;
  background: url(/ref/main/main_2023/images/main/sec10_cld_bg.png) no-repeat center bottom / 100%;
}
.section10 .bg .cloud {
  position: absolute;
  background: url(/ref/main/main_2023/images/main/sec10_cld.png) no-repeat center / contain;
  opacity: 0;
  transform: translate3d(0, 50%, 0);
  margin-top: 160vh;
}
.section10 .bg .cloud1 {
  top: -220px;
  left: 12%;
  width: 112px;
  height: 68px;
}
.section10 .bg .cloud2 {
  top: -30px;
  left: 33%;
  width: 93px;
  height: 56px;
}
.section10 .bg .cloud3 {
  top: -150px;
  right: 12.5%;
  width: 178px;
  height: 109px;
}
.section10 .text_wrap_g {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}
.section10 .text_wrap_g .inner {
  position: relative;
  width: 100%;
  height: 120vh;
}
.section10 .text_wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 26vh;
  z-index: 10;
}
.section10 .text_wrap .btn {
  margin-top: 60px;
  display: block;
  opacity: 0;
  transform: translateY(40px);
  will-chahge: transform;
}
.section10 .text_wrap strong {
  display: block;
  opacity: 0;
  transform: translateY(40px);
  will-chahge: transform;
}
.section1.in-view .main_pagination {
  opacity: 1;
  transform: translateY(0);
}
.section1.in-view .form_wrap {
  opacity: 1;
  transform: translateY(0);
}
.twc-chat-bot {
  position: fixed;
  bottom: 46px;
  right: 24px;
  z-index: 999;
}
.twc-chat-bot img {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 4px 6px, rgba(0, 0, 0, 0.15) 0px 8px 30px;
}
@keyframes scrollMotion {
  0% {
    transform: translate3d(0, -5px, 0);
  }
  50% {
    transform: translate3d(0, 5px, 0);
  }
  100% {
    transform: translate3d(0, -5px, 0);
  }
}