@charset "UTF-8";
/*-------------------------------------------------
title       : 설정
Author      : 플랜아이 광주
Create date : 2025-06-17
Last revision : 
-------------------------------------------------*/
/*-------------------------------------------------
title       : 메인
Author      : 플랜아이 moni
Create date : 2025-06-17
Last revision : 
-------------------------------------------------*/
body.fp-viewing-firstPage .header_wrap::after {
  opacity: 0;
}
body.fp-viewing-firstPage #logo a {
  background-image: url(../../images/rdh/layout/logo2.svg);
}
body.fp-viewing-firstPage #gnb1 > ul > li > a {
  color: #fff;
}
body.fp-viewing-firstPage #search .control {
  color: #fff;
}
body.fp-viewing-firstPage #gnb2 .allmenu.open [class*=bar] {
  background: #fff;
}
body.fp-viewing-firstPage #fp_nav ul li::before {
  background: #fff;
}
body.fp-viewing-firstPage #fp_nav ul li.active::after {
  border-color: #fff;
}
body.fp-viewing-firstPage #fp_nav ul li a span {
  color: #fff;
}

body.no_scroll {
  overflow: hidden !important;
}

#header {
  position: absolute;
  max-width: 100%;
  z-index: 10;
}
#header.active #logo a {
  background-image: url(../../images/rdh/layout/logo.svg);
}
#header.active #gnb1 > ul > li > a {
  color: #222;
}
#header.active #search .control {
  color: #222;
}
#header.active #gnb2 .allmenu.open [class*=bar] {
  background: #222;
}

.header_wrap::after {
  width: 1000%;
  height: 100%;
  z-index: -1;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(5px);
  position: absolute;
  left: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
}

#fp_nav {
  width: 13.2rem;
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 4.8rem;
  z-index: 1;
}
#fp_nav ul {
  position: relative;
}
#fp_nav ul li {
  padding: 0.4rem 0 0.4rem 4.4rem;
  position: relative;
}
#fp_nav ul li::before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: #00358C;
  opacity: 0.4;
  position: absolute;
  left: 1.2rem;
  top: 1.5rem;
}
#fp_nav ul li a span {
  color: #222;
  line-height: 3.2rem;
  font-weight: 600;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#fp_nav ul li:last-child {
  display: none;
}
#fp_nav ul li.active::before {
  opacity: 1;
}
#fp_nav ul li.active::after {
  content: "";
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  border: 2px solid #00358C;
  opacity: 0.2;
  position: absolute;
  left: 0%;
  top: 0.3rem;
}
.section .inner {
  width: 140rem;
  max-width: calc(100% - 5rem);
  padding-top: 18rem;
  margin: 0 auto;
}
.section .fp-tableCell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#section01 {
  position: relative;
}
#section01 .scroll {
  position: absolute;
  bottom: 17.5rem;
  width: 140rem;
  max-width: calc(100% - 10rem);
  left: 50%;
  margin: 0 auto;
  z-index: 1;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#section01 .scroll::before {
  content: "";
  width: 1px;
  height: 16rem;
  background: #fff;
  opacity: 0.3;
  position: absolute;
  left: 0;
  top: 3.3rem;
}
#section01 .scroll::after {
  content: "";
  width: 3px;
  height: 4.4rem;
  background: #fff;
  position: absolute;
  left: 0;
  top: 3.3rem;
}
#section01 .scroll p {
  color: #fff;
  font-family: "Montserrat";
  font-size: 1.4rem;
  font-weight: 500;
  padding-left: 2rem;
  height: 1.8rem;
  line-height: 1.8rem;
  font-style: italic;
}
#section01 .scroll p::before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #36E1FF;
  position: absolute;
  left: 0;
  top: 0.5rem;
}

#visual {
  height: 100%;
}
#visual .bg_img {
  height: 100%;
}
#visual .bg_img::after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  top: 0;
}
#visual .bg_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#visual .item {
  width: 140rem;
  max-width: calc(100% - 10rem);
  position: absolute;
  left: 50%;
  top: calc(50% - 8rem);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#visual .item .title {
  font-size: 6.4rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
  margin-bottom: 4.1rem;
  -webkit-transform: translateY(5rem);
          transform: translateY(5rem);
  opacity: 0;
}
#visual .item .title span {
  background: linear-gradient(92deg, #67BBFF 18.45%, #32E0FF 41.83%, #3FB5FF 88.91%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: block;
}
#visual .item .desc {
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.8);
  word-break: keep-all;
  -webkit-transform: translateY(5rem);
          transform: translateY(5rem);
  opacity: 0;
}
#visual .swiper-slide.swiper-slide-active .item .title {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  -webkit-transition: all 1s 0.4s;
  transition: all 1s 0.4s;
}
#visual .swiper-slide.swiper-slide-active .item .desc {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  -webkit-transition: all 1s 0.7s;
  transition: all 1s 0.7s;
}
#visual .swiper-controls {
  --swiper-navigation-size: 24px;
  width: 140rem;
  max-width: calc(100% - 10rem);
  position: absolute;
  z-index: 1;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: calc(50% + 10rem);
}
#visual .swiper-controls .swiper-button-prev,
#visual .swiper-controls .swiper-button-next {
  position: absolute;
  top: 0;
  z-index: 1;
  border-radius: 0.5rem;
  width: 3.2rem;
  height: 3.2rem;
  line-height: 3.2rem;
  text-align: center;
  color: #fff;
  margin: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#visual .swiper-controls .swiper-button-prev:hover, #visual .swiper-controls .swiper-button-prev:focus,
#visual .swiper-controls .swiper-button-next:hover,
#visual .swiper-controls .swiper-button-next:focus {
  color: #000;
  background: #fff;
}
#visual .swiper-controls .swiper-button-prev {
  left: 0rem;
  right: inherit;
}
#visual .swiper-controls .swiper-button-prev:after {
  font-family: "remixicon";
  content: "\ea60";
}
#visual .swiper-controls .swiper-button-next {
  left: 20.7rem;
}
#visual .swiper-controls .swiper-button-next:after {
  font-family: "remixicon";
  content: "\ea6c";
}
#visual .swiper-pagination {
  left: 5rem;
  top: 0;
  line-height: 3rem;
  width: auto;
  font-size: 2.2rem;
  color: #BDBDBD;
  font-weight: 500;
  font-family: "Montserrat";
}
#visual .swiper-pagination .swiper-pagination-current {
  font-weight: 600;
  color: #fff;
  font-size: 3.2rem;
}
#visual .play_stop {
  position: absolute;
  left: 16rem;
  top: 0;
  z-index: 1;
}
#visual .play_stop button {
  display: none;
  font-size: 1.8rem;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  color: rgb(219, 219, 219);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  padding: 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 2.4rem;
  border-radius: 0.5rem;
}
#visual .play_stop button i {
  line-height: 3rem;
}
#visual .play_stop button:hover, #visual .play_stop button:focus {
  color: #000;
  background: #fff;
}
#visual .play_stop button.active {
  display: block;
}
#visual .play_stop .play {
  display: none;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(3rem) scale(1.5);
            transform: translateX(3rem) scale(1.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) scale(1);
            transform: translateX(0px) scale(1);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(3rem) scale(1.5);
            transform: translateX(3rem) scale(1.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) scale(1);
            transform: translateX(0px) scale(1);
  }
}
.map_wrap {
  width: 52.1rem;
  height: 77rem;
  position: absolute;
  left: calc(50% + 44rem);
  top: calc(50% + 5rem);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
  background-image: url(../../images/rdh/main/map.png);
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.map_wrap .link_list a {
  width: 8.8rem;
  height: 8.8rem;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  display: inline-block;
  background: rgba(8, 44, 120, 0.91);
  mix-blend-mode: multiply;
  -webkit-box-shadow: 6px 4px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 6px 4px 5px rgba(0, 0, 0, 0.25);
  padding: 1.8rem;
  line-height: 1.4;
  position: absolute;
}
.map_wrap .link_list a span {
  color: #55E5FF;
  font-size: 2.4rem;
  display: block;
}
.map_wrap .link_list a.divi1 {
  width: 11.2rem;
  height: 11.2rem;
  font-size: 2.2rem;
  padding: 2rem;
  left: 29%;
  top: 15%;
}
.map_wrap .link_list a.divi1 span {
  font-size: 2.8rem;
}
.map_wrap .link_list a.divi2 {
  left: 7%;
  top: 12%;
}
.map_wrap .link_list a.divi3 {
  left: 16%;
  top: 26%;
}
.map_wrap .link_list a.divi4 {
  right: 27%;
  top: 14%;
}
.map_wrap .link_list a.divi5 {
  left: 11%;
  bottom: 24%;
}
.map_wrap .link_list a.divi6 {
  right: 27%;
  bottom: 42%;
}
.map_wrap .link_list a.divi7 {
  left: 45%;
  bottom: 27%;
}
.map_wrap .link_list a:hover, .map_wrap .link_list a:focus {
  text-decoration: none;
  background: #000;
}

.layer_wrap {
  visibility: hidden;
  overflow: hidden;
  width: 0;
  height: 0;
  opacity: 0;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.layer_wrap .close {
  font-size: 2.6rem;
  width: 6.4rem;
  height: 6.4rem;
  line-height: 6.4rem;
  text-align: center;
  border-radius: 0 0 0 2rem;
  background: #424242;
  color: #fff;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  position: absolute;
  right: 0rem;
  top: 0rem;
  z-index: 2;
}
.layer_wrap .close i {
  display: inline-block;
  font-size: 3rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.layer_wrap .close:hover i, .layer_wrap .close:focus i {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.layer_wrap .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.layer_wrap .hospital_list_wrap {
  padding: 4.8rem 3.2rem 4.8rem 4.8rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 36.8rem;
          flex: 0 0 36.8rem;
  height: 100%;
  background: #fff;
}
.layer_wrap .hospital_list_wrap .title {
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.4;
  color: #222;
  margin-bottom: 4rem;
}
.layer_wrap .hospital_list_wrap .title span {
  background: linear-gradient(92deg, #3474D2 18.45%, #48C1DC 41.83%, #3796D0 88.91%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.layer_wrap .hospital_list_wrap .title b {
  font-weight: 700;
  display: block;
}
.layer_wrap .hospital_list_wrap .hospital_list_box {
  height: calc(100% - 12rem);
  overflow: hidden;
  overflow-y: auto;
  padding-right: 4rem;
}
.layer_wrap .hospital_list_wrap .hospital_list_box::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.layer_wrap .hospital_list_wrap .hospital_list_box::-webkit-scrollbar-thumb {
  background-color: #354462;
  border-radius: 5px;
}
.layer_wrap .hospital_list_wrap .hospital_list_box::-webkit-scrollbar-track {
  background-color: #D1D9E9;
  border-radius: 5px;
}
.layer_wrap .hospital_list_wrap .hospital_list button {
  padding: 3.2rem 1.2rem;
  font-size: 2rem;
  color: #222;
  font-weight: 700;
  border-top: 1px solid #222;
  position: relative;
  width: 100%;
  text-align: left;
}
.layer_wrap .hospital_list_wrap .hospital_list button[aria-selected=true] {
  padding-left: 2.8rem;
  color: #1A57B1;
  text-decoration: underline;
}
.layer_wrap .hospital_list_wrap .hospital_list button[aria-selected=true]::before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  position: absolute;
  left: 1.2rem;
  top: 4rem;
  background: #1A57B1;
}
.layer_wrap .hospital_list_wrap .hospital_list button:hover, .layer_wrap .hospital_list_wrap .hospital_list button:focus {
  text-decoration: underline;
  text-underline-position: under;
}
.layer_wrap .hospital_cont_wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(100% - 36.8rem);
          flex: 1 1 calc(100% - 36.8rem);
  max-width: calc(100% - 36.8rem);
  height: 100%;
  background-image: url(../../images/rdh/main/modal_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.layer_wrap .hospital_cont_wrap .group {
  height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
}
.layer_wrap .hospital_cont_wrap .group.is-hidden {
  opacity: 0;
  visibility: hidden;
  height: 0;
}
.layer_wrap .hospital_cont_wrap .group .diagram {
  width: 88rem;
  position: relative;
  margin-bottom: 4.8rem;
  margin-top: 8.4rem;
}
.layer_wrap .hospital_cont_wrap .group .diagram img {
  display: block;
  margin: 0 auto;
  width: 32.4rem;
}
.layer_wrap .hospital_cont_wrap .group .diagram p {
  position: absolute;
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.3;
  word-break: keep-all;
}
.layer_wrap .hospital_cont_wrap .group .diagram p .sm {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  display: block;
  margin-top: 1rem;
}
.layer_wrap .hospital_cont_wrap .group .diagram p::before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #36E1FF;
  position: absolute;
}
.layer_wrap .hospital_cont_wrap .group .diagram p::after {
  content: "";
  width: 8rem;
  height: 1px;
  border-top: 1px dashed rgba(255, 255, 255, 0.5);
  position: absolute;
}
.layer_wrap .hospital_cont_wrap .group .diagram p.pos1 {
  width: 26.5rem;
  text-align: right;
  left: 0;
  top: 4rem;
}
.layer_wrap .hospital_cont_wrap .group .diagram p.pos1::before {
  right: -9.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.layer_wrap .hospital_cont_wrap .group .diagram p.pos1::after {
  right: -9rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.layer_wrap .hospital_cont_wrap .group .diagram p.pos2 {
  width: 21.7rem;
  text-align: right;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.layer_wrap .hospital_cont_wrap .group .diagram p.pos2::before {
  right: -9.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.layer_wrap .hospital_cont_wrap .group .diagram p.pos2::after {
  right: -9rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.layer_wrap .hospital_cont_wrap .group .diagram p.pos3 {
  width: 26.5rem;
  text-align: right;
  left: 0;
  bottom: 4rem;
}
.layer_wrap .hospital_cont_wrap .group .diagram p.pos3::before {
  right: -9.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.layer_wrap .hospital_cont_wrap .group .diagram p.pos3::after {
  right: -9rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.layer_wrap .hospital_cont_wrap .group .diagram p.pos4 {
  width: 26.5rem;
  text-align: left;
  right: 0;
  top: 4rem;
}
.layer_wrap .hospital_cont_wrap .group .diagram p.pos4::before {
  left: -9.7rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.layer_wrap .hospital_cont_wrap .group .diagram p.pos4::after {
  left: -9rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.layer_wrap .hospital_cont_wrap .group .diagram p.pos5 {
  width: 21.7rem;
  text-align: left;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.layer_wrap .hospital_cont_wrap .group .diagram p.pos5::before {
  left: -9.7rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.layer_wrap .hospital_cont_wrap .group .diagram p.pos5::after {
  left: -9rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.layer_wrap .hospital_cont_wrap .group .diagram p.pos6 {
  width: 26.5rem;
  text-align: left;
  right: 0;
  bottom: 4rem;
}
.layer_wrap .hospital_cont_wrap .group .diagram p.pos6::before {
  left: -9.7rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.layer_wrap .hospital_cont_wrap .group .diagram p.pos6::after {
  left: -9rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.layer_wrap .hospital_cont_wrap .group .diagram .prepare {
  width: 100%;
}
.layer_wrap .hospital_cont_wrap .group .text_box {
  width: 88rem;
  margin-bottom: 8.4rem;
}
.layer_wrap .hospital_cont_wrap .group .text_box .title {
  font-size: 4rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0.8rem;
}
.layer_wrap .hospital_cont_wrap .group .text_box .desc {
  font-size: 2rem;
  color: #fff;
  margin-bottom: 3.2rem;
  word-break: keep-all;
}
.layer_wrap .hospital_cont_wrap .group .text_box .link {
  font-weight: 500;
  color: #fff;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.layer_wrap .hospital_cont_wrap .group .text_box .link i {
  margin-left: 0.8rem;
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.layer_wrap .hospital_cont_wrap .group .text_box .link::before {
  content: "";
  width: 100%;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: -1.6rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.layer_wrap .hospital_cont_wrap .group .text_box .link:hover, .layer_wrap .hospital_cont_wrap .group .text_box .link:focus {
  text-decoration: none;
  color: #48C1DC;
}
.layer_wrap .hospital_cont_wrap .group .text_box .link:hover i, .layer_wrap .hospital_cont_wrap .group .text_box .link:focus i {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.layer_wrap .hospital_cont_wrap .group .text_box .link:hover::before, .layer_wrap .hospital_cont_wrap .group .text_box .link:focus::before {
  background: #48C1DC;
}
.layer_wrap #tabpanel-a-6 .diagram p.pos5 {
  padding-top: 8rem;
}
.layer_wrap #tabpanel-a-9 .diagram p.pos5 {
  padding-top: 8rem;
}
.layer_wrap.active {
  visibility: visible;
  overflow: visible;
  width: auto;
  height: auto;
  opacity: 1;
  width: 100%;
  height: 100%;
  z-index: 10;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

#section02 .cont_box {
  position: relative;
}
#section02 .cont_box::before {
  content: "";
  width: 2px;
  height: calc(100% - 8rem);
  background: #fff;
  position: absolute;
  left: 0;
  z-index: 2;
  top: 0;
}
#section02 .cont_box::after {
  content: "";
  width: 2px;
  height: calc(100% - 8rem);
  background: #fff;
  position: absolute;
  right: 0;
  z-index: 2;
  top: 0px;
}
#section02 .title_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#section02 .selectBox {
  position: relative;
  margin-bottom: 6rem;
}
#section02 .selectBox.active .selectOptions {
  display: block;
}
#section02 .selectBox.active .selectBoxTop .selectArrow i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#section02 .selectBoxTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#section02 .selectBoxTop .selectArrow {
  width: 5.6rem;
  height: 4rem;
  text-align: center;
  border-radius: 20px;
  background: linear-gradient(77deg, #1651A8 34.77%, #489FDC 83.06%, #1651A8 112.63%), #A2B9D8;
  font-size: 2.5rem;
  color: #fff;
  font-weight: 400;
  line-height: 4rem;
  cursor: pointer;
}
#section02 .selectBoxTop .selectArrow i {
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#section02 .selectBoxTop .selected {
  background: linear-gradient(95deg, #3474D2 16.87%, #48C1DC 64.95%, #3796D0 94.39%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 6.4rem;
  font-weight: 700;
  line-height: 7.6rem;
  border-bottom: 3px solid #E7EAF2;
  margin: 0 2.4rem 0 1.6rem;
  cursor: pointer;
}
#section02 .selectBoxTop .text_1 {
  font-size: 6.4rem;
  font-weight: 700;
  color: #222;
}
#section02 .selectOptions {
  position: absolute;
  z-index: 2;
  background: #ECF5FC;
  left: 7.3rem;
  top: 10rem;
  width: calc(100% - 31.9rem);
  padding: 2rem 1.5rem 2rem 2rem;
  border-radius: 2rem;
  min-width: 26.4rem;
  display: none;
}
#section02 .selectOptions span {
  display: block;
  padding: 0.6rem 0;
  color: #616161;
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
}
#section02 .selectOptions span:hover {
  color: #222;
  text-decoration: underline;
  font-weight: 700;
  cursor: pointer;
}
#section02 .selectOptions .scroll_box {
  height: 27rem;
  overflow-y: auto;
}
#section02 .selectOptions .scroll_box::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
#section02 .selectOptions .scroll_box::-webkit-scrollbar-thumb {
  background-color: #94B2C4;
  border-radius: 5px;
}
#section02 .selectOptions .scroll_box::-webkit-scrollbar-track {
  background-color: #D1D9E9;
  border-radius: 5px;
}

#tech_list {
  width: 100%;
  height: 100%;
  padding-bottom: 8rem; /* overflow: visible; */
}
#tech_list::before {
  content: "";
  width: 100%;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 0;
  z-index: 2;
  top: calc(50% - 4rem);
}
#tech_list .swiper-slide {
  height: 23.6rem !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#tech_list .swiper-slide a {
  border: 1px solid #000;
  border-right: none;
  display: block;
  height: 100%;
  width: 100%;
  padding: 3.2rem 4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  text-decoration: none;
}
#tech_list .swiper-slide a::before {
  content: "";
  width: 1.6rem;
  height: calc(100% + 6px);
  background: #fff;
  position: absolute;
  left: 0;
  top: -3px;
  z-index: 2;
}
#tech_list .swiper-slide a::after {
  content: "";
  width: 1.6rem;
  height: calc(100% + 6px);
  background: #fff;
  position: absolute;
  right: 0;
  top: -3px;
  z-index: 2;
}
#tech_list .swiper-slide a:hover, #tech_list .swiper-slide a:focus {
  text-decoration: none;
}
#tech_list .swiper-slide a:hover .professor, #tech_list .swiper-slide a:focus .professor {
  padding-left: 1.6rem;
}
#tech_list .swiper-slide a:hover .professor::before, #tech_list .swiper-slide a:focus .professor::before {
  width: 0.8rem;
  height: 0.8rem;
  top: 1rem;
}
#tech_list .swiper-slide a:hover .tech_name, #tech_list .swiper-slide a:focus .tech_name {
  text-decoration: underline;
}
#tech_list .swiper-slide a:hover .more, #tech_list .swiper-slide a:focus .more {
  width: 11.8rem;
  height: 11.8rem;
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
  opacity: 1;
}
#tech_list .professor {
  font-size: 1.8rem;
  color: #616161;
  font-weight: 600;
  margin-bottom: 2.4rem;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#tech_list .professor::before {
  content: "";
  width: 0rem;
  height: 0rem;
  border-radius: 50%;
  background: #165ECA;
  position: absolute;
  left: 0;
  top: 1.4rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#tech_list .tech_name {
  font-size: 2.4rem;
  color: #222;
  font-weight: 700;
  word-break: break-word;
  line-height: 1.2;
  line-height: 3rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  max-height: 12rem;
  white-space: normal;
}
#tech_list .more {
  width: 11.8rem;
  height: 11.8rem;
  border-radius: 50%;
  opacity: 0.9;
  background: rgba(4, 43, 128, 0.95);
  -webkit-box-shadow: 8px 8px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 8px 8px 10px 0 rgba(0, 0, 0, 0.1);
  color: #fff;
  padding: 2rem;
  text-align: center;
  word-break: break-word;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  right: 5rem;
  bottom: 2.7rem;
  z-index: 2;
  font-family: Montserrat;
  font-weight: 300;
  line-height: 1.4;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#tech_list .more span {
  letter-spacing: 0.05rem;
}
#tech_list .swiper-controls {
  --swiper-navigation-size: 20px;
}
#tech_list .swiper-controls .swiper-button-prev,
#tech_list .swiper-controls .swiper-button-next {
  position: absolute;
  top: initial;
  bottom: 0;
  z-index: 1;
  border-radius: 0.5rem;
  width: 3.2rem;
  height: 3.2rem;
  line-height: 3.2rem;
  text-align: center;
  color: #222;
  margin: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#tech_list .swiper-controls .swiper-button-prev:hover, #tech_list .swiper-controls .swiper-button-prev:focus,
#tech_list .swiper-controls .swiper-button-next:hover,
#tech_list .swiper-controls .swiper-button-next:focus {
  background: #000;
  color: #fff;
}
#tech_list .swiper-controls .swiper-button-prev {
  right: 14.5rem;
  left: initial;
}
#tech_list .swiper-controls .swiper-button-prev:after {
  font-family: "remixicon";
  content: "\ea60";
}
#tech_list .swiper-controls .swiper-button-next {
  right: 0rem;
}
#tech_list .swiper-controls .swiper-button-next:after {
  font-family: "remixicon";
  content: "\ea6c";
}
#tech_list .swiper-pagination {
  right: 4.8rem;
  left: initial;
  top: initial;
  bottom: 0;
  line-height: 3rem;
  width: auto;
  font-size: 2.2rem;
  color: #757575;
  font-weight: 500;
  font-family: "Montserrat";
}
#tech_list .swiper-pagination .swiper-pagination-current {
  font-weight: 600;
  color: #222;
  font-size: 3.2rem;
}

#section03 {
  background-image: url(../../images/rdh/main/sec3_bg.jpg);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: cover;
}
#section03 .title {
  font-size: 6.4rem;
  color: #222;
  font-weight: 700;
  line-height: 7.6rem;
  margin-bottom: 1.5rem;
}
#section03 .title span {
  font-family: Montserrat;
  background: linear-gradient(92deg, #3474D2 18.45%, #48C1DC 62.15%, #3796D0 88.91%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#section03 .desc {
  font-size: 2.2rem;
  margin-bottom: 4.8rem;
  word-break: keep-all;
}
#section03 .group {
  margin-bottom: 8.8rem;
  height: 8rem;
  width: 67rem;
  border: 0.3rem solid #D1D9E9;
  background: #FFF;
  border-radius: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#section03 .group .selectBox {
  position: relative;
  margin-bottom: 6rem;
}
#section03 .group .selectBox.active .selectOptions {
  display: block;
}
#section03 .group .selectBox.active .selectBoxTop .selectArrow i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#section03 .group .selectBoxTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#section03 .group .selectBoxTop .selectArrow {
  width: 2rem;
  height: 4rem;
  text-align: center;
  font-size: 2.5rem;
  color: #9E9E9E;
  font-weight: 400;
  line-height: 4rem;
  cursor: pointer;
}
#section03 .group .selectBoxTop .selectArrow i {
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#section03 .group .selectBoxTop .selected {
  font-size: 2rem;
  font-weight: 700;
  line-height: 7.4rem;
  margin: 0 1.4rem 0 4rem;
  cursor: pointer;
}
#section03 .group .selectOptions {
  position: absolute;
  z-index: 3;
  background: #ECF5FC;
  left: 3.3rem;
  top: 6rem;
  width: 14rem;
  padding: 2rem 1.5rem 2rem 2rem;
  border-radius: 2rem;
  border: 0.3rem solid #94B2C4;
  display: none;
}
#section03 .group .selectOptions span {
  display: block;
  padding: 0.6rem 0;
  color: #616161;
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
}
#section03 .group .selectOptions span:hover {
  color: #222;
  text-decoration: underline;
  font-weight: 700;
  cursor: pointer;
}
#section03 .group .selectOptions .scroll_box {
  height: 16rem;
  overflow-y: auto;
}
#section03 .group .selectOptions .scroll_box::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
#section03 .group .selectOptions .scroll_box::-webkit-scrollbar-thumb {
  background-color: #94B2C4;
  border-radius: 5px;
}
#section03 .group .selectOptions .scroll_box::-webkit-scrollbar-track {
  background-color: #D1D9E9;
  border-radius: 5px;
}
#section03 .group fieldset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#section03 .group input {
  width: 40rem;
  height: 7.4rem;
  border: none;
  margin-left: 4rem;
  margin-right: 1rem;
  font-size: 2rem;
}
#section03 .group button {
  width: 4.8rem;
  height: 4.8rem;
  line-height: 4.8rem;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  background: #4b4b4b;
  font-size: 2rem;
  display: block;
}
#section03 .group button:hover, #section03 .group button:focus {
  background: linear-gradient(92deg, #3474D2 18.45%, #3796D0 88.91%);
  color: #fff;
}
#section03 .link_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.15rem;
}
#section03 .link_list .item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(33.33% - 2.1rem);
          flex: 1 1 calc(33.33% - 2.1rem);
  height: 26rem;
  border-radius: 2rem;
  padding: 4rem;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#section03 .link_list .item::before {
  content: "";
  position: absolute;
  top: 4rem;
  z-index: 2;
}
#section03 .link_list .item::after {
  content: "";
  width: 18.4rem;
  height: 10.3rem;
  position: absolute;
  top: 0rem;
  right: 0;
  background-image: url(../../images/rdh/main/sec3_item_bg2.png);
  z-index: 1;
  opacity: 0.12;
  background-size: 100%;
}
#section03 .link_list .item.item1::before {
  width: 6.9rem;
  height: 8.4rem;
  background-image: url(../../images/rdh/main/sec3_1.png);
  background-size: contain;
  background-repeat: no-repeat;
  right: 4rem;
}
#section03 .link_list .item.item2::before {
  width: 6.8rem;
  height: 8.4rem;
  background-image: url(../../images/rdh/main/sec3_2.png);
  background-size: contain;
  background-repeat: no-repeat;
  right: 6.5rem;
}
#section03 .link_list .item.item3::before {
  width: 8.3rem;
  height: 8rem;
  background-image: url(../../images/rdh/main/sec3_3.png);
  background-size: contain;
  background-repeat: no-repeat;
  right: 4rem;
}
#section03 .link_list .item:hover, #section03 .link_list .item:focus {
  background-image: url(../../images/rdh/main/sec3_item_bg.jpg);
  background-size: cover;
  text-decoration: none;
  -webkit-box-shadow: 23px 21px 24px 1px rgba(56, 111, 146, 0.2);
          box-shadow: 23px 21px 24px 1px rgba(56, 111, 146, 0.2);
}
#section03 .link_list .item:hover .text1, #section03 .link_list .item:focus .text1 {
  padding-left: 1.6rem;
  text-decoration: underline;
  color: #fff;
}
#section03 .link_list .item:hover .text1::before, #section03 .link_list .item:focus .text1::before {
  width: 0.8rem;
  height: 0.8rem;
  top: 1.2rem;
}
#section03 .link_list .item:hover .text2, #section03 .link_list .item:focus .text2 {
  text-decoration: none;
  color: #fff;
}
#section03 .link_list .text1 {
  font-size: 2.4rem;
  font-weight: 700;
  color: #222;
  margin-bottom: 1.6rem;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#section03 .link_list .text1::before {
  content: "";
  width: 0;
  height: 0;
  background: #36E1FF;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 1.6rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#section03 .link_list .text1 i {
  font-weight: 300;
}
#section03 .link_list .text2 {
  font-size: 2rem;
  font-weight: 400;
  color: #616161;
  word-break: keep-all;
}

#section04 .title {
  font-size: 6.4rem;
  color: #222;
  font-weight: 700;
  line-height: 7.6rem;
  margin-bottom: 5rem;
}
#section04 .title span {
  font-family: Montserrat;
  background: linear-gradient(92deg, #3474D2 18.45%, #48C1DC 62.15%, #3796D0 88.91%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#section04 .cont_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#section04 .cont_wrap .video_wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 85.8rem;
          flex: 1 1 85.8rem;
  margin-right: 4.8rem;
  border-radius: 2rem;
  overflow: hidden;
}
#section04 .cont_wrap .video_wrap video {
  -o-object-fit: cover;
     object-fit: cover;
}
#section04 .cont_wrap .link_list {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 49.4rem;
          flex: 1 1 49.4rem;
}
#section04 .cont_wrap .link_list .item {
  background-image: url(../../images/rdh/main/sec4_1_bg.png);
  background-size: cover;
  padding: 4rem 4.8rem;
  position: relative;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  height: 26rem;
  border-radius: 2rem;
  margin-bottom: 2rem;
}
#section04 .cont_wrap .link_list .item::before {
  content: "";
  width: 10rem;
  height: 10rem;
  background-image: url(../../images/rdh/main/sec4_1.png);
  background-size: contain;
  position: absolute;
  right: 4.8rem;
  top: 4rem;
}
#section04 .cont_wrap .link_list .item .text1 {
  font-size: 2.4rem;
  margin-bottom: 1.6rem;
  font-weight: 700;
}
#section04 .cont_wrap .link_list .item .text2 {
  font-size: 2rem;
  padding-right: 5rem;
  word-break: keep-all;
}
#section04 .cont_wrap .link_list .item:hover, #section04 .cont_wrap .link_list .item:focus {
  text-decoration: none;
}
#section04 .cont_wrap .link_list .item:hover .text1, #section04 .cont_wrap .link_list .item:focus .text1 {
  text-decoration: underline;
}
#section04 .cont_wrap .link_list .item2,
#section04 .cont_wrap .link_list .item3 {
  padding: 3.5rem 4.8rem 3.5rem 7.4rem;
  position: relative;
  border-bottom: 1px solid #222;
  font-size: 2.4rem;
  color: #222;
  font-weight: 700;
  display: block;
}
#section04 .cont_wrap .link_list .item2 i,
#section04 .cont_wrap .link_list .item3 i {
  position: absolute;
  right: 2.4rem;
  font-weight: 300;
  top: 3.5rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#section04 .cont_wrap .link_list .item2:hover, #section04 .cont_wrap .link_list .item2:focus,
#section04 .cont_wrap .link_list .item3:hover,
#section04 .cont_wrap .link_list .item3:focus {
  text-decoration: none;
}
#section04 .cont_wrap .link_list .item2:hover i, #section04 .cont_wrap .link_list .item2:focus i,
#section04 .cont_wrap .link_list .item3:hover i,
#section04 .cont_wrap .link_list .item3:focus i {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#section04 .cont_wrap .link_list .item2::before {
  content: "";
  width: 3.4rem;
  height: 3rem;
  position: absolute;
  left: 1rem;
  top: 3.5rem;
  background-image: url(../../images/rdh/main/sec4_2.png);
  background-size: contain;
}
#section04 .cont_wrap .link_list .item3::before {
  content: "";
  width: 3.4rem;
  height: 3.5rem;
  position: absolute;
  left: 1rem;
  top: 3.5rem;
  background-image: url(../../images/rdh/main/sec4_3.png);
  background-size: contain;
}

#section05 {
  background: #E6F1F8;
  position: relative;
}
#section05::before {
  content: "";
  width: 109.5rem;
  height: 87.4rem;
  background-image: url(../../images/rdh/main/sec5_bg.png);
  position: absolute;
  right: 0;
  top: 0;
}
#section05 .title {
  font-size: 6.4rem;
  color: #222;
  font-weight: 700;
  line-height: 7.6rem;
  margin-bottom: 1.5rem;
}
#section05 .title span {
  font-family: Montserrat;
  background: linear-gradient(92deg, #3474D2 18.45%, #48C1DC 62.15%, #3796D0 88.91%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#news_list {
  width: calc(100% + 3rem);
  height: 56rem;
  padding-top: 7.3rem;
  padding-right: 3.1rem;
  margin-top: -5rem;
}
#news_list .swiper-slide a {
  padding: 4.8rem;
  border-radius: 2rem;
  display: block;
  background: #fff;
}
#news_list .swiper-slide a:hover, #news_list .swiper-slide a:focus {
  text-decoration: none;
  -webkit-box-shadow: 1.8rem 1.8rem 1.8rem rgba(136, 155, 169, 0.4);
          box-shadow: 1.8rem 1.8rem 1.8rem rgba(136, 155, 169, 0.4);
}
#news_list .swiper-slide a:hover .tit, #news_list .swiper-slide a:focus .tit {
  text-decoration: underline;
}
#news_list .swiper-slide .divi {
  display: inline-block;
  border-radius: 0.6rem;
  line-height: 3.5rem;
  color: #fff;
  background: #222;
  padding: 0 1.6rem;
  font-weight: 700;
  margin-bottom: 2.4rem;
}
#news_list .swiper-slide .divi.divi2 {
  background: #2561B8;
}
#news_list .swiper-slide .tit {
  font-size: 2.2rem;
  color: #222;
  font-weight: 600;
  line-height: 2.8rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 5.6rem;
  white-space: normal;
  margin-bottom: 5.6rem;
}
#news_list .swiper-slide .date {
  font-size: 1.8rem;
  color: #616161;
}
#news_list .swiper-slide:nth-child(2n) {
  margin-top: 9.6rem;
}
#news_list .swiper-scrollbar {
  background: #C6D6DF;
  opacity: 1 !important;
  width: calc(100% - 3rem);
  left: 0;
}
#news_list .swiper-scrollbar-drag {
  background: #94B2C4;
}
#news_list .swiper-controls {
  --swiper-navigation-size: 20px;
}
#news_list .swiper-controls .swiper-button-prev,
#news_list .swiper-controls .swiper-button-next {
  position: absolute;
  top: 0;
  z-index: 1;
  border-radius: 0.5rem;
  width: 3.2rem;
  height: 3.2rem;
  line-height: 3.2rem;
  text-align: center;
  color: #222;
  margin: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#news_list .swiper-controls .swiper-button-prev:hover, #news_list .swiper-controls .swiper-button-prev:focus,
#news_list .swiper-controls .swiper-button-next:hover,
#news_list .swiper-controls .swiper-button-next:focus {
  background: #000;
  color: #fff;
}
#news_list .swiper-controls .swiper-button-prev {
  right: 7rem;
  left: initial;
}
#news_list .swiper-controls .swiper-button-prev:after {
  font-family: "remixicon";
  content: "\ea60";
}
#news_list .swiper-controls .swiper-button-next {
  right: 3rem;
}
#news_list .swiper-controls .swiper-button-next:after {
  font-family: "remixicon";
  content: "\ea6c";
}

#section06 {
  height: 41.3rem !important;
}
#section06 > div {
  padding-top: 0;
  height: auto !important;
}
#section06 .inner {
  height: 41.3rem;
}

#footer {
  position: fixed;
  width: 100%;
  bottom: -100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

body.fp-viewing-fifthPage #footer {
  bottom: 0;
}