@font-face {
  font-family: 'simsun';
  src: url(../font/SimSun.ttf);
}

.subtop {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 340px;
  position: relative;
}

#subtop1 {
  background-image: url(../image/subtop1.png);
}

#subtop2 {
  background-image: url(../image/subtop2.png);
}

#subtop3 {
  background-image: url(../image/subtop3.png);
}

.subtop_p {
  width: 100%;
  position: absolute;
  left: 0px;
  text-align: center;
  top: 60%;
  transform: translateY(-50%);
  font-size: 50px;
  line-height: 65px;
  letter-spacing: -1.83px;
  text-transform: uppercase;
  color: #FFFFFF;
  font-weight: bold;
}

.subtop_p span {
  position: relative;
}

.subtop_p span::before {
  content: "";
  width: 4px;
  height: 25px;
  transform: rotate(45deg);
  position: absolute;
  top: -15px;
  left: -15px;
  background-color: #fff;
}

.subtop_nav_wrap {
  width: 100%;
  border-bottom: 1px solid #ddd;
  position: relative;
  height: 50px;
}

.subtop_nav {
  width: 100%;
  font-size: 0px;
  position: absolute;
  left: 50%;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}

.subtop_nav > li {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  color: #4D4D4D;
  font-size: 16px;
  line-height: 50px;
  transform: skewX(-0.3deg);
  width: auto;
  padding: 0px 25px;
  position: relative;
}

.subtop_nav > li::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 15px;
  background-color: #4D4D4D;
}

.subtop_nav > li:last-child::after {
  display: none;
}

.subtop_nav > li.on {
  font-weight: bold;
}




.sub {
  width: 100%;
  position: relative;
}

.sub_inner {
  width: 100%;
  max-width: 1200px;
  margin: 0px auto;
}

.main_p {
  text-align: center;
}

.main_p .main_p1::before {
  top: -10px;
}




/*sub1-1 end */

.s11-2 {
  padding: 150px 0px 120px;
}

.sub_inner {
  width: 100%;
  max-width: 1200px;
  margin: 0px auto;
  display: block;
  position: relative;
}

.s11-2 .sub_inner {
  max-width: 1300px;
}

.sub_title {
  font-size: 45px;
  line-height: 45px;
  letter-spacing: -0.45px;
  text-transform: uppercase;
  color: #00929F;
  font-family: 'Titillium Web', sans-serif;
  text-align: center;
  font-weight: 200;
}

.sub_title span {
  position: relative;
  font-weight: 800;
  font-family: 'NanumSquare', sans-serif;
}

.sub_title span.ch_txt {
  position: relative;
  font-weight: bold;
}

.sub_title span::before {
  content: "";
  position: absolute;
  left: -15px;
  top: -5px;
  width: 27px;
  height: 3px;
  background-color: #00929f;
  transform: rotate(-45deg);
}

.s11-1_img {
  margin-top: 80px;
  position: relative;
  padding-bottom: 40px;
}

.s11-1_img img {
  width: 100%;
  padding-left: 50px;
}

.s11-1_txt {
  position: absolute;
  right: 10%;
  bottom: 0px;
  padding: 35px 50px;
  border: 1px solid #00929f;
  background-color: #fff;
  width: 100%;
  max-width: 475px;
}

.s11-1_txt p {
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.8px;
  color: #333333;
  transform: skewX(-0.3deg);
}

.m1_text2 {
  position: absolute;
  left: -10%;
  bottom: 17%;
  transform: rotate(-90deg);
  font-size: 11px;
  line-height: 40px;
  letter-spacing: 17.5px;
  text-transform: uppercase;
  color: #b2b2b2;
}

.scroll.sub1 {
  top: 40%;
}

.s11-3 {
  padding: 120px 0px 80px;
}

.s11-3_img {
  width: 100%;
  max-width: 1000px;
  margin: 80px auto;
  display: block;
}


.s11-4 {
  width: 100%;
  position: relative;
  margin-bottom: 200px;
}

.s11-4_bg {
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 500px;
  background-image: url(../image/s1/s11_img3.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

.s11-4 .sub_inner {
  margin-top: 150px;
  background-color: #fff;
  padding: 100px 45px;
  border: 1px solid #00929f;
  box-sizing: border-box;
}

.s11_his {
  margin-top: 50px;
  width: 100%;
  margin-bottom: 80px;
}

.s11_his.first {
  margin-top: 100px;
}

.s11_his > p {
  font-size: 35px;
  line-height: 45px;
  letter-spacing: -1px;
  color: #3396A7;
  text-align: center;
  font-family: 'GmarketSansLight';
}

.s11_his_txtbox {
  width: 50%;
  margin: 20px 0px;
}

.s11_his_txtbox p {
  font-size: 15px;
  line-height: 20.62px;
  color: #717071;
  margin-bottom: 15px;
  position: relative;
  transform: skewX(-0.3deg);
}

.s11_his_txtbox p span.s11_num {
  position: absolute;
  font-size: 14px;
  line-height: 23.62px;
  letter-spacing: 0.8px;
  color: #717071;
  font-weight: bold;
  font-family: 'GmarketSansMedium';
}

.s11_his_txtbox p span.s11_dot_p {
  position: relative;
  padding-left: 10px;
  box-sizing: border-box;
  display: block;
}

.s11_his_txtbox p span.s11_dot_p::before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: #338d9e;
  position: absolute;
  left: 0px;
  top: 9px;
}

.s11_his_txtbox.R {
  margin-left: 50%;
  border-left: 1px solid #3396a7;
  padding-left: 20px;
  box-sizing: border-box;
  text-align: left;
}

.s11_his_txtbox.R p {
  padding-left: 90px;
  box-sizing: border-box;
}

.s11_his_txtbox.R p span {
  left: 0px;
  top: 0px;
}

.s11_his_txtbox.L {
  margin-right: 50%;
  border-right: 1px solid #3396a7;
  padding-right: 20px;
  box-sizing: border-box;
  text-align: right
}

.s11_his_txtbox.L p {
  padding-right: 90px;
  box-sizing: border-box;
}

.s11_his_txtbox.L p span {
  right: 0px;
  top: 0px;
}


.s11_his_txtbox.L p span.s11_dot_p {
  position: relative;
  padding-right: 10px;
  box-sizing: border-box;
  display: block;
  padding-left: 0px;
}

.s11_his_txtbox.L p span.s11_dot_p::before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: #338d9e;
  position: absolute;
  right: 0px;
  top: 9px;
  left: auto;
}


.fp-scroller {
  transition: all 0.4s;
}

.iScrollIndicator {
  background-color: #404040 !important;
}

/*sub1-1 end*/

#s12-1 {
  margin: 150px 0px 200px;
}

.s12_cont {
  margin: 100px 0px;
  width: 100%;
}

.s12_cont > p:nth-child(1) {
  font-family: 'Noto Serif SC', serif;
  font-weight: bold;
  font-size: 30px;
  line-height: 45px;
  text-transform: uppercase;
  color: #00929F;
  padding-bottom: 8px;
  border-bottom: 1px solid #00929f
}

.s12_ul {
  margin-top: 25px;
  width: 100%;
  font-size: 0px;
}

.s12_ul li {
  display: inline-block;
  vertical-align: top;
}

.s12_ul li:nth-child(1) {
  width: 28%;
  margin-top: 60px;
}

.s12_ul li:nth-child(1) p {
  font-size: 17px;
  line-height: 26px;
  color: #333333;
}

.s12_ul li:nth-child(2) {
  width: 67%;
  margin-left: 5%;
}

.s12_ul li:nth-child(2) img {
  width: 100%;
}

/*sub1-2 end*/

#s13-1 {
  margin: 150px 0px 0px;
  padding-bottom: 200px;
}

.s13_ul {
  width: 100%;
  font-size: 0px;
  margin-top: 100px;
  padding: 0px 75px;
  box-sizing: border-box;
  position: relative;
  z-index: 10;
}

.s13_ul li {
  width: 18%;
  vertical-align: top;
  display: inline-block;
  margin: 10px 1%;
}

.s13_ul li.aa {
  width: 38%
}

.s13_ul li img {
  width: 100%;
  margin: 0px auto;
  display: block;
  transition: all 0.4s;
}

.s13_ul li:hover img {
  transform: scale(1.1)
}

.s13_color {
  width: 100%;
  margin-top: -80px;
  background-color: #00929f;
  opacity: 0.15;
  height: 185px;
}

.s13_img {
  width: 100%;
  position: absolute;
  bottom: 3%;
  right: 8%;
  max-width: 400px;
}

.s13_img img {
  width: 100%;
}

.s13_bg {
  position: absolute;
  left: -5px;
  bottom: -5px;
  width: 100%;
  max-width: 650px;
  z-index: -1
}

.s13_bg img {
  width: 100%;
  max-width: 500px;
}

.clear {
  content: "";
  clear: both;
}


/*sub1-3 end*/


.s21-2 {
  padding: 150px 0px;
  position: relative;
}

.s212_ul {
  width: 100%;
  max-width: 900px;
  margin: 100px auto 0px;
  font-size: 0px;
}

.s212_ul li {
  display: inline-block;
  vertical-align: top;
}

.s212_ul li:nth-child(1) {
  width: 70%;
}

.s212_ul li:nth-child(1) p {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.8px;
  color: #4d4d4d;
  transform: skewX(-0.3deg);
}

.s212_ul li:nth-child(2) {
  width: 22%;
  margin-left: 8%;
}

.s212_ul li:nth-child(2) p {
  font-size: 16px;
  line-height: 24px;
  color: #4d4d4d;
  transform: skewX(-0.3deg)
}

.s212_ul li:nth-child(2) p span {
  display: block;
  margin-top: 10px;
}

.s212_ul li p.s212_p {
  font-family: 'Titillium Web', sans-serif;
  font-size: 21px;
  line-height: 25px;
  text-transform: uppercase;
  color: #4d4d4d;
  margin-bottom: 20px;
}

.s212_ul li:nth-child(2) img {
  width: 100%;
  max-width: 230px;
}

.s212_bg {
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  max-width: 600px;
}

.s212_bg img {
  width: 100%;
}


.s213_ul {
  width: 100%;
  height: 100vh;
  font-size: 0px;
}

.s213_ul > li {
  display: inline-block;
  vertical-align: top;
}

.s213_ul > li:nth-child(1) {
  width: 55%;
  background-image: url(../image/s2/s213_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
}

.s213_ul > li:nth-child(2) {
  height: 100%;
  position: relative;
  background-color: #008895;
  width: 45%;
}

.s213_txtbox {
  width: 100%;
  position: absolute;
  left: 0px;
  padding: 0px 100px;
  box-sizing: border-box;
  top: 50%;
  transform: translateY(-50%);
}

.s213_txtbox .sub_title {
  position: relative;
}

.s213_txtbox .sub_title::before {
  content: "";
  position: absolute;
  left: -20px;
  top: -5px;
  width: 27px;
  height: 3px;
  background-color: #fff;
  transform: rotate(-45deg);
}

.s213_txtbox .sub_title span::before {
  display: none;
}

.s213_txtbox > p:nth-child(2) {
  border-left: 3px solid #fff;
  padding-left: 15px;
  box-sizing: border-box;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  transform: skewX(-0.3deg);
  margin: 50px 0px;
}

.pro_pop_p {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #FFFFFF;
  transform: skewX(-0.3deg);
}

.pro_pop_btn {
  font-size: 0px;
  width: 100%;
  margin-top: 15px;
}

.pro_pop_btn li {
  width: 47%;
  display: inline-block;
  box-sizing: border-box;
  margin-right: 3%;
  border: 1px solid #fff;
  color: #fff;
  font-size: 16px;
  line-height: 30.57px;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 10px 0px;
  text-align: center;
  border-radius: 25px;
  margin-bottom: 3%;
  transition: all 0.4s;
  cursor: pointer;
  max-width: 150px;
  transform: skewX(-0.3deg)
}

.pro_pop_btn li:hover {
  background-color: rgba(255, 255, 255, 0.8);
  color: #008895;
}

.sub_title.white {
  color: #fff;
}

.sub_title.white span::before {
  background-color: #fff;
}


.scroll.white {
  color: #fff;
}

.scroll.white::after {
  background-color: #fff;
}

.s21-4 .sub_inner {
  margin: 110px auto 150px;
}

.s214_bg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  background-color: #dadddf;
  height: 650px;
}

.s214_bg img {
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  max-width: 440px;
}

.s214_cont {
  margin-top: 75px;
  padding: 80px;
  box-sizing: border-box;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

.s21_txt1 {
  text-align: center;
  font-size: 21px;
  line-height: 16px;
  text-transform: uppercase;
  color: #4d4d4d;
}

.s21_txt2 {
  text-align: center;
  font-size: 16px;
  line-height: 16px;
  color: #808080;
  transform: skewX(-0.3deg);
  margin-top: 10px;
}

.s214_ul {
  margin-top: 50px;
  width: 100;
  font-size: 0px;
}

.s214_ul li {
  width: 20%;
  vertical-align: top;
  display: inline-block;
  position: relative;
  cursor: default;
}

.s214_ul li img {
  width: 100%;
}

.s214_hoverbg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 136, 149, 0.88);
  opacity: 0;
  transition: all 0.4s;
}

.s214_ul li:hover .s214_hoverbg {
  opacity: 1
}

.s214_hoverbox {
  position: absolute;
  left: 50%;
  box-sizing: border-box;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
}

.s214_hoverbox p {
  text-align: center;
  font-size: 16px;
  line-height: 19px;
  color: #fff;
  transform: skewX(-0.3deg);
  cursor: default;
}

.s214_hoverbox p.s214_hover_tit {
  font-family: 'Titillium Web', sans-serif;
  font-size: 22px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 20px;
  text-align: center;
}


.s21-5 {
  padding-top: 80px;
  margin-bottom: 150px;
}

.s21-5 .s21_txt1 {
  margin-top: 50px;
}

#s215_img {
  width: 90%;
  margin: 120px auto 0px;
  display: block;
}


.pro_pop_wrap {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 1);
  z-index: 100;
}

.pro_pop_inner {
  position: absolute;
  left: 50%;
  width: 100%;
  max-width: 1100px;
  top: 10%;
  height: 80%;
  transform: translateX(-50%);
}

.pro_pop_imgbox {
  overflow-y: scroll;
  width: 95%;
  height: 100%;
  background-color: #fff;
  padding: 40px 0px 50px;
  box-sizing: border-box;
  border: 1px solid #008895;
  border-right: 0px;
  z-index: 100;
  position: relative;
}

.pro_pop_imgbox img {
  width: 100%;
}

.pop_close {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 5%;
  max-width: 40px;
  cursor: pointer;
  transition: all 0.4s;
}

.pop_close:hover {
  transform: rotate(180deg);
}

.pop_close img {
  width: 100%;
}

/*s2-1 end*/

.s22-2-1 {
  padding: 150px 0px 150px;
  position: relative;
}

.sub_title.p span {
  font-weight: 200;
}

.sub_title.p span.bold {
  font-weight: bold;
}

.sub_title.p span.bold::before {
  display: none;
}

.s222_img1 {
  width: 100%;
  box-sizing: border-box;
  margin: 30px 0px 0px;
}

.s222_cont {
  width: 100%;
  max-width: 940px;
  margin: 0px auto;
  box-sizing: border-box;
}

.s222_cont > p:nth-child(1) {
  margin-bottom: 20px;
  box-sizing: border-box;
  font-size: 21px;
  line-height: 25px;
  text-transform: uppercase;
  color: #4d4d4d;
  font-family: 'Titillium Web', sans-serif;
  vertical-align: middle;
}

.s222_cont > p:nth-child(1) img {
  padding: 0px;
  width: 100%;
  max-width: 140px;
  display: inline-block;
  vertical-align: top;
  padding-right: 8px;
}

.s222_cont > p:nth-child(2) {
  font-size: 15px;
  line-height: 24px;
  color: #4d4d4d;
  transform: skewX(-0.3deg);
  margin-bottom: 25px;
}

.s222_cont > img:nth-child(3) {
  width: 100%;
  max-width: 900px;
}

.s222_bg {
  position: absolute;
  right: -30px;
  bottom: 15%;
  max-width: 430px;
}

.s222_bg img {
  width: 100%;
}

.s213_ul.sub22 {
  height: 600px;
}

.s213_ul.sub22 > li:nth-child(1) {
  background-image: url(../image/s2/s223_bg.png);
}

.pro_pop_btn2 {
  width: 100%;
  margin-top: 25px;
  font-size: 0px;
}

.pro_pop_btn2 li {
  width: 30%;
  margin-right: 3%;
  display: inline-block;
  max-width: 135px;
  position: relative;
  cursor: pointer;
}

.pro_pop_btn2 li img {
  width: 100%;
  cursor: default
}

.pro_pop_btn2_hover {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 136, 149, 0.6);
  opacity: 0;
  transition: all 0.4s;
}

.pro_pop_btn2 li:hover .pro_pop_btn2_hover {
  opacity: 1;
}

.pro_pop_btn2_hover p {
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  font-weight: bold;
  font-size: 21px;
  text-transform: uppercase;
  color: #FFFFFF;
  font-family: 'Titillium Web', sans-serif;
}


.s22-3 .sub_inner {
  margin: 100px auto;
}

.s22-3 .s214_cont {
  border: 1px solid #008895;
  padding: 80px 80px 40px;
}

.s224_ul2 {
  width: 100%;
  font-size: 0px;
  margin-top: 80px;
}

.s224_ul2 li {
  width: 16.6%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-bottom: 40px;
}

.s224_ul2 li img {
  width: 100%;
  max-width: 110px;
  margin: 0px auto;
  display: block;
}

.s224_ul2 li p:nth-child(2) {
  font-size: 16px;
  line-height: 24px;
  color: #4d4d4d;
  transform: skewX(-0.3deg);
  font-family: 'Noto Serif SC', serif
}

.s224_ul2 li p:nth-child(3) {
  font-family: 'Titillium Web', sans-serif;
  font-size: 12px;
  line-height: 18.52px;
  color: #999999;
}


.s22-4_bg {
  width: 100%;
  height: 100vh;
  background-image: url(../image/s2/s224_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  box-sizing: border-box;
  padding: 150px 0px;
}

.s22-4_ul {
  font-size: 0px;
  width: 100%;
}

.s22-4_ul li {
  width: 45%;
  display: inline-block;
  vertical-align: middle;
}

.s22-4_ul li:nth-child(2) {
  width: 55%;
}

.s22-4_ul li:nth-child(1) img {
  width: 100%;
  padding: 100px 0px 30px;
  display: block;
  max-width: 220px;
  box-sizing: border-box;
}

.s22-4_ul_p {
  font-size: 16px;
  transform: skewX(-0.3deg);
  line-height: 24px;
  color: #4d4d4d;
}

.s22-5_bg {
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
  padding: 150px 0px;
}

.s22-5_ul {
  font-size: 0px;
  width: 100%;
}

.s22-5_ul li {
  width: 55%;
  display: inline-block;
  vertical-align: middle;
}

.s22-5_ul li:nth-child(2) {
  width: 45%;
}

.s22-5_ul li:nth-child(1) > p:nth-child(2) {
  font-size: 21px;
  line-height: 25px;
  text-transform: uppercase;
  color: #4d4d4d;
  margin: 30px 0px 50px;
}

.s225_txtbox {
  width: 100%;
  margin-top: 100px;
}

.s225_txtbox > p {
  font-size: 16px;
  line-height: 18px;
  color: #4d4d4d;
  transform: skewX(-0.3deg);
  padding-left: 15px;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 15px;
  letter-spacing: -0.5px;
}

.s225_txtbox > p::before {
  position: absolute;
  left: 0px;
  top: 6px;
  background-color: #008895;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  content: "";
}

.s22-5_ul li:nth-child(2) img {
  width: 95%;
  margin: 0px auto;
  display: block;
}

.pro_pop_imgbox {
  display: none
}

.pro_pop_imgbox:nth-child(1) {
  display: block;
}




/*sub2-2 end*/

.s23-2 {
  padding: 150px 0px 150px;
  position: relative;
}

.s231_ul {
  width: 100%;
  max-width: 925px;
  margin: 0px auto;
  padding-top: 80px;
  font-size: 0px;
  box-sizing: border-box;
  padding-bottom: 50px;
}

.s231_ul li {
  display: inline-block;
  vertical-align: middle;
}

.s231_ul li:nth-child(1) {
  width: 60%;
}

.s231_ul li:nth-child(1) p.s231_p {
  font-family: 'Titillium Web', sans-serif;
  font-size: 21px;
  line-height: 25px;
  text-transform: uppercase;
  color: #4d4d4d;
  margin-bottom: 30px;
}

.s231_ul li:nth-child(1) p.s231_dot_p {
  font-size: 15px;
  line-height: 15px;
  color: #4d4d4d;
  transform: skewX(-0.3deg);
  padding-left: 15px;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 15px;
  letter-spacing: -0.5px;
}

.s231_ul li:nth-child(1) p.s231_dot_p::before {
  position: absolute;
  left: 0px;
  top: 6px;
  background-color: #008895;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  content: "";
}

.s231_ul li:nth-child(2) {
  width: 40%;
}

.s231_ul li:nth-child(2) img {
  width: 90%;
  margin: 0px auto;
  display: block;
  max-width: 330px;
}

.s231_bg {
  position: absolute;
  left: 0px;
  bottom: -50px;
  z-index: -1
}

.s231_bg img {
  width: 100%;
}

.s23-3 .s213_ul > li:nth-child(1) {
  background-image: url(../image/s2/s233_bg.png);
}

.s23-3 .pro_pop_btn li {
  width: auto;
  padding: 10px 10px;
  max-width: none;
}

.s23-3 .pro_pop_btn li.width {
  padding: 10px 25px;
}

.s23-4 .s214_bg {
  height: 485px;
}

.s23-4 .sub_inner {
  padding-top: 100px;
  padding-bottom: 100px;
  box-sizing: border-box;
}

.s234_ul {
  width: 100%;
  font-size: 0px;
}

.s234_ul li {
  display: inline-block;
  vertical-align: top;
}

.s234_ul li:nth-child(1) {
  width: 40%;
}

.s234_ul li:nth-child(1) img {
  width: 90%;
  margin: 0px auto;
  display: block;
  max-width: 130px;
}

.s234_ul li:nth-child(2) {
  width: 60%;
}

.s234_ul_ul {
  width: 100%;
}

.s234_ul_ul li {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 35px;
}

.s234_ul_ul li.s234_img {
  width: 20%;
}

.s234_ul_ul li.s234_img img {
  width: 90%;
  margin: 0px auto;
  display: block;
  max-width: 80px;
}

.s234_ul_ul li.s234_txt {
  width: 80%;
}

.s234_ul_ul li.s234_txt p:nth-child(1) {
  font-size: 21px;
  line-height: 16px;
  text-transform: uppercase;
  color: #4d4d4d;
  font-family: 'Titillium Web', sans-serif;
  font-weight: bold;
}

.s234_ul_ul li.s234_txt p:nth-child(2) {
  font-size: 16px;
  line-height: 20px;
  color: #808080;
  transform: skewX(-0.3deg);
  margin-top: 15px;
}


.s235_bg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  background-color: #008895;
  height: 350px;
}

.s23-5 .sub_inner {
  margin-top: 100px;
  margin-bottom: 100px;
  padding-top: 100px;
  box-sizing: border-box;
  border: 1px solid #008895;
  background-color: #fff;
}

#s235_img {
  width: 90%;
  max-width: 900px;
  margin: 100px auto;
  display: block;
}

.s235_bg_bottom {
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  max-width: 780px;
}

.s235_bg_bottom img {
  width: 100%;
}



/*sub2-3 end*/



.s24-2 {
  padding-top: 150px;
  position: relative;
}

.s24-2 .sub_inner {
  padding-bottom: 200px;
}

.s242_ul {
  width: 100%;
  font-size: 0px;
  max-width: 1000px;
  margin: 80px auto 0px;
  display: block;
}

.s242_ul li {
  display: inline-block;
  vertical-align: middle;
}

.s242_ul li:nth-child(1) {
  width: 45%
}

.s242_ul li:nth-child(1) img {
  width: 100%;
  margin: 0px auto;
  display: block;
}

.s242_ul li:nth-child(2) {
  width: 50%;
  margin-left: 5%;
}

.s242_ul li:nth-child(2) p:nth-child(1) {
  font-size: 21px;
  line-height: 25px;
  text-transform: uppercase;
  color: #4d4d4d;
  font-family: 'Titillium Web', sans-serif;
  margin-bottom: 20px;
}

.s242_ul li:nth-child(2) p:nth-child(2) {
  font-size: 16px;
  line-height: 24px;
  color: #4d4d4d;
  transform: skewX(-0.3deg);
}

.s242_bg {
  position: absolute;
  right: 0px;
  bottom: 0px;
  max-width: 820px;
  z-index: -1
}

.s242_bg img {
  width: 100%;
}

.s24-3 .s213_ul > li:nth-child(1) {
  background-image: url(../image/s2/s243_bg.png);
}

.s24-4 .sub_inner {
  margin-top: 100px;
  padding-bottom: 100px;
}

.s24-4 .s214_bg {
  height: 485px;
}

.s244_ul {
  width: 100%;
  font-size: 0px;
  margin-top: 80px;
}

.s244_ul li {
  display: inline-block;
  vertical-align: middle;
}

.s244_ul li:nth-child(1) {
  width: 60%;
}

.s244_ul li:nth-child(1) img {
  width: 95%;
  margin: 0px auto;
  display: block;
}

.s244_ul li:nth-child(2) {
  width: 40%;
}

.s244_ul li:nth-child(2) p {
  font-size: 16px;
  line-height: 24px;
  color: #4d4d4d;
  transform: skewX(-0.3deg)
}


/*sub2-4 end*/

#s31-1 {
  margin: 150px 0px 200px;
}

.s31_ul {
  width: 100%;
  margin-top: 100px;
  font-size: 0px;
  /* height: 450px; */
}

.s31_ul li {
  display: inline-block;
  vertical-align: top;
  height: 100%;
  position: relative;
}

.s31_ul .s31_img_list {
  width: 67%;
  margin-bottom: 7%;
}

.s31_ul .s31_img_list img {
  width: 100%;
  height: 100%;
}

.s31_ul .s31_cont {
  width: 30%;
  margin-left: 3%;
}

.s31_ul .s31_cont2 {
  width: 30%;
  margin-left: 0;
  margin-right: 3%;
}

.s31_ul .s31_cont p:nth-child(1) {
  font-weight: 800;
  font-size: 17px;
  line-height: 26px;
  letter-spacing: -0.8px;
  color: #333333;
  margin-bottom: 20px;
}

.s31_ul .s31_cont p:nth-child(2) {
  font-size: 15px;
  line-height: 26px;
  letter-spacing: -0.8px;
  color: #333333;
  transform: skewX(-0.3deg);
  margin-bottom: 3rem;
}

.s31_tab {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  max-width: 170px;
}

.s31_tab_div {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
  color: #0099a6;
  border: 1px solid #0099a6;
  /* cursor: pointer; */
  font-size: 16px;
  text-transform: uppercase;
  transform: skewX(-0.3deg);
  margin-top: 10px;
}

.s31_tab_div.on {
  background-color: #0099a6;
  color: #fff;
}


/*sub3-1 end*/

#s34-1 {
  margin: 150px 0px 200px;
}

#s34-1 .container {
  width: 100%;
  margin: 100px auto 0px;
  display: block;
  border-top: 4px solid #0099a6;
  border-bottom: 4px solid #0099a6;
  padding: 70px 50px;
  box-sizing: border-box;
}

.matil_to {
  color: #666666;
  font-size: 20px;
  display: inline-block;
  margin-right: 30px;
  font-weight: 800;
  text-transform: uppercase;
}

/*sub3-4 end*/


/*임시*/



#add_s21-1 {
  margin: 150px 0px 0px;
}

#add_s21-1 img {
  width: 100%;
}


#s32-1 {
  margin: 150px 0px 200px;
}

#s32-1 img {
  width: 100%;
  margin-top: 120px;
}

#s33-1 {
  margin: 150px 0px 200px;
}

#s33-1 img {
  width: 100%;
  margin: 120px auto 0px;
  max-width: 1000px;
  display: block;
}

#s34-1 {
  margin: 150px 0px 200px;
}

#s34-1 img {
  width: 100%;
  margin: 120px auto 0px;
  max-width: 1000px;
  display: block;
}



/*최종 추가작업 11.07*/
.s214_ul_p {
  font-family: 'Titillium Web', sans-serif;
  text-align: center;
  width: 100%;
  font-size: 18px;
  line-height: 16px;
  text-transform: uppercase;
  color: #008895;
  position: relative;
  margin-bottom: 10px;
}

.s214_ul_p span {
  padding: 0px 10px;
  box-sizing: border-box;
  background-color: #fff;
  z-index: 1;
  position: relative;
}

.s214_ul_p::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 1px;
  background-color: #008895;
  z-index: 0
}

.s214_hoverbox p.s214_p {
  text-align: left;
  font-size: 13px;
  line-height: 17px;
  transform: skewX(-0.3deg);
  margin-bottom: 5px;
  position: relative;
  padding-left: 10px;
}

.s214_hoverbox p.s214_p::before {
  content: "-";
  position: absolute;
  left: 0px;
  top: 0px;
}

.s21-5 .sub_inner {
  padding-top: 15px;
}

.pop_tab_ul {
  position: absolute;
  left: -35px;
  top: 10px;
  z-index: 100;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: rotate(180deg);
  text-align: right;
}

.tab {
  background-color: #dadddf;
  font-size: 18px;
  text-transform: uppercase;
  color: #008895;
  text-align: center;
  box-sizing: border-box;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  cursor: pointer;
  padding: 20px 0px;
  z-index: 5;
  width: 35px;
  line-height: 35px;
  display: inline-block;
}

.tab.on {
  background-color: #008895;
  color: #fff;
}

.pop_catalog {
  background-color: #fff;
  position: absolute;
  right: 10%;
  top: 25px;
  z-index: 100;
  border: 1px solid #008895;
  padding: 5px 10px;
  border-radius: 10px;
  font-size: 15px;
  color: #008895;
  font-weight: bold;
  transform: skewX(-0.3deg);
  transition: all 0.4s;
}

.pop_catalog a {
  transform: skewX(-0.3deg);
  display: block;
  width: 100%;
  height: 100%;
}

.pop_catalog:hover {
  background-color: #008895;
  color: #fff;
}

.s11-1_txt {
  margin-bottom: 5px
}

.s11-1_txt::after {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  right: -5px;
  bottom: -5px;
  background-color: #008996;
}

.sub_title span.aa::before {
  display: none;
}

.n_s11-1 {
  background-color: #dbdee0;
}

.n_s11-1 .sub_inner {
  max-width: 1300px;
  padding: 80px 0px 80px;
  box-sizing: border-box;
  height: 100vh;
}

.n_s11-1_img1 {
  width: 90%;
  margin-left: 15%;
  margin-top: 40px;
  margin-bottom: 15px;
  display: block;
}

.n_s11_ul1 {
  font-size: 0px;
  width: 100%;
  max-width: 1000px;
  margin: 0px auto;
  display: block;
}

.n_s11_ul1 li {
  display: inline-block;
  vertical-align: middle;
}

.n_s11_ul1 li:nth-child(1) {
  width: 20%;
}

.n_s11_ul1 li:nth-child(1) img {
  width: 100%;
  max-width: 250px;
  margin: 0px auto;
  display: block;
}

.n_s11_ul1 li:nth-child(2) {
  width: 72%;
  margin-left: 3%;
}

.n_s11_ul1 li:nth-child(2) p {
  font-size: 16px;
  line-height: 25px;
  letter-spacing: -0.45px;
  color: #4d4d4d;
  transform: skewX(-0.3deg);
}

.n_s11_ul1 li:nth-child(2) p span {
  color: #008996;
}


.n_s11-2 {
  border-bottom: 1px solid #ddd;
}

.n_s11-2 .sub_inner {
  padding: 100px 0px;
}

.n_s11_ul2 {
  width: 100%;
  font-size: 0px;
  max-width: 1100px;
  margin: 0px auto;
  display: block;
}

.n_s11_ul2 > li {
  vertical-align: middle;
  display: inline-block;
}

.n_s11_ul2 > li:nth-child(1) {
  width: 45%;
}

.n_s11_ul2 > li:nth-child(1) > p:nth-child(1) {
  text-align: left;
}

.n_s11_ul2 > li:nth-child(1) > img {
  width: 100%;
  max-width: 320px;
  margin-top: 35px;
}

.n_s11_ul2 > li:nth-child(2) {
  width: 55%;
}

.n_s11_ul2_ul {
  width: 100%;
}

.n_s11_ul2_ul > li {
  width: 100%;
  display: block;
  padding: 80px 0px;
  border-bottom: 1px solid #8C8C8C;
}

.n_s11_ul2_ul > li:last-child {
  border-bottom: 0px solid #8C8C8C;
}

.n_s11_ul2_ul_ul {
  width: 100%;
}

.n_s11_ul2_ul_ul > li {
  display: inline-block;
  vertical-align: middle;
}

.n_s11_ul2_ul_ul > li.n_s11-2_L {
  width: 30%;
}

.n_s11_ul2_ul_ul > li.n_s11-2_R {
  width: 70%;
}

.n_s11-2_L > p:nth-child(1) {
  font-weight: bold;
  font-size: 28px;
  text-transform: uppercase;
  color: #008996;
}

.n_s11-2_R > p {
  font-size: 16px;
  line-height: 25px;
  transform: skewX(-0.3deg);
  letter-spacing: -1.44px;
  text-transform: uppercase;
  color: #666666;
}

.a11-3 .sub_inner {
  padding: 30px 0px;
}

.ss12_s {
  padding-right: 50px;
  box-sizing: border-box;
}

.ss12_img img {
  width: 100%;
}

.ss12_s .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  right: 0px;
  left: auto;
  bottom: 45px;
  top: auto;
  width: 35px;
  height: 35px;
  border: 1px solid #ddd;
}

.ss12_s .swiper-button-prev i {
  font-size: 25px;
  color: #666666;
  line-height: 35px;
}

.ss12_s .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 0px;
  left: auto;
  bottom: 0px;
  top: auto;
  width: 35px;
  height: 35px;
  border: 1px solid #ddd;
}

.ss12_s .swiper-button-next i {
  font-size: 25px;
  color: #666666;
  line-height: 35px;
}

.s13_cont-box {
  width: 100%;
  margin: 100px 0px 50px;
}

.s13_videobox {
  width: 100%;
  margin-bottom: 40px;
  height: 560px;
  /* background-color: #ddd; */
}

.s13_videobox.a {
  height: auto;
}

.s15_cont-box {
  width: 100%;
  margin: 100px 0px 50px;
}

.s15_mapbox {
  width: 100%;
  margin-bottom: 40px;
  height: 560px;
  background-color: #ddd;
}

.s15_ul {
  width: 100%;
  font-size: 0px;
}

.s15_ul li {
  width: 25%;
  vertical-align: top;
  display: inline-block;
  padding-left: 105px;
  box-sizing: border-box;
  position: relative;
}

.s15_ul li::before {
  content: "";
  position: absolute;
  left: 0px;
  width: 4px;
  top: 15px;
  height: 30px;
  background-color: #008996;
}

.s15_ul li img {
  position: absolute;
  left: 25px;
  top: 0px;
  max-width: 55px;
}

.s15_ul li p {
  font-family: 'NanumSquare', sans-serif;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.8px;
  color: #4d4d4d;
  transform: skewX(-0.3deg);
}

.s15_ul li p span {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.2px;
  text-transform: uppercase;
  color: #008996;
  margin-bottom: 5px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: bold;
  display: block;
}


.s222_ul2 {
  font-size: 0px;
  width: 100%;
  margin-top: 80px;
}

.s222_ul2 li {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.s222_ul2 li:nth-child(1) {
  width: 75%;
}

.s222_ul2 li:nth-child(2) {
  width: 25%;
}

.s222_ul2 li p {
  font-family: 'Titillium Web', sans-serif;
  text-align: center;
  font-weight: bold;
  font-size: 21px;
  text-transform: uppercase;
  color: #333333;
}

.s222_ul {
  font-size: 0px;
  width: 100%;
  margin-top: 50px;
}

.s222_ul li {
  width: 25%;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.s222_ul li.last::after {
  content: "";
  background-color: #ddd;
  height: 100px;
  width: 1px;
  position: absolute;
  left: 0px;
  top: 35px;
}

.s222_ul li img {
  width: 100%;
  max-width: 140px;
  margin: 0px auto;
  display: block;
}

.s222_ul li p {
  text-align: center;
  font-family: 'Titillium Web', sans-serif;
  font-size: 21px;
  line-height: 25px;
  text-transform: uppercase;
  color: #008693;
  margin-top: 20px;
}

.s22-4 .sub_inner {
  padding: 100px 0px 65px;
}

.s22-4 .s214_cont {
  border: 1px solid #008895;
  padding: 80px 130px 60px;
}

.s224_ul2-2 {
  font-size: 0px;
  width: 100%;
}

.s224_ul2-2 > li {
  display: inline-block;
  vertical-align: middle;
}

.s224_ul2-2.a {
  margin-top: 65px;
}

.s224_ul2-2.a > li {
  vertical-align: top;
}

.s224_ul2-2 > li:nth-child(1) {
  width: 20%;
  font-size: 19px;
  line-height: 24px;
  color: #4d4d4d;
}

.s224_ul2-2 > li:nth-child(2) {
  width: 80%;
}

.s224_ul_ul1 {
  width: 100%;
}

.s224_ul_ul1 > li {
  width: 20%;
  display: inline-block;
  vertical-align: top;
}

.s224_ul_ul1 > li img {
  width: 90%;
  margin: 0px auto;
  display: block;
  max-width: 110px;
}

.s224_ul_ul2 {
  width: 100%;
}

.s224_ul_ul2 > li {
  width: 33.3333%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 35px;
}

.s224_ul_ul2 > li img {
  width: 90%;
  margin: 0px auto;
  display: block;
  max-width: 180px;
}

.s214_cont.a2 .s224_ul_ul2 > li img {
  max-width: 220px;
}

.pop_tab_ul.imp {
  position: absolute;
  left: -140px;
  top: 10px;
  z-index: 99;
  writing-mode: initial;
  text-orientation: initial;
  transform: rotate(0deg);
  text-align: center;
  width: 100%;
}

.pop_tab_ul.imp .tab {
  border-radius: 0px;
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
  padding: 10px 25px;
  width: 100%;
  margin-bottom: 10px;
  line-height: 20px;
  display: block;
  max-width: 140px;
}

.pop_tab_ul.imp .tab.txt1 {
  line-height: 40px;
  height: 60px;
}

.pop_tab_ul.imp2 {
  left: -60px;
}

.pop_tab_ul.imp2 .tab {
  padding: 20px 10px;
  width: 60px;
  height: 140px;
  line-height: 20px;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
}



.n_s11-1 .sub_title {
  position: absolute;
  left: 0px;
  top: 25%;
  text-align: left;
}

.n_s11-1_txtbox {
  position: absolute;
  left: 0px;
  bottom: 20%;
}

.n_s11-1_txtbox p {
  font-size: 17px;
  line-height: 29px;
  letter-spacing: -0.45px;
  color: #4d4d4d;
}

.n_s11-1_txtbox p span {
  color: #008895;
  font-weight: 800
}

.n_s11-1_txtbox div p span {
  color: inherit;
  font-weight: inherit;
}

.n_s11-1_txtbox div p.address {
  display: flex;
  gap: 5px;
}

.n_s11-1_txtbox div p a {
  font-weight: 800;
  transition: all 0.5s;
}

.n_s11-1_txtbox div p a:hover {
  color: #008895;
  /* border-bottom: 1px solid #008895; */
}


.s11-2 .sub_inner {
  margin-top: 15px;
}

.s24-2 .sub_inner {
  margin-top: 15px;
}

.btn_confirm {
  font-family: 'Noto Serif SC', serif;
  transform: skewX(-0.3deg);
}

.btn_bo_user {
  font-family: 'Noto Serif SC', serif;
  transform: skewX(-0.3deg);
}

#btn_submit {
  font-family: 'Noto Sans SC', sans-serif;
}



.pro_pop_btn_wrap {
  width: 100%;
  font-size: 0px;
}

.pro_pop_btn_wrap > li:nth-child(1) {
  width: 75%;
  display: inline-block;
  vertical-align: top;
}

.pro_pop_btn_wrap > li:nth-child(2) {
  width: 25%;
  display: inline-block;
  vertical-align: top;
}

.pro_pop_btn_wrap > li > p {
  font-weight: bold;
  font-family: 'Titillium Web', sans-serif;
  font-size: 18px;
  line-height: 23px;
  text-transform: uppercase;
  color: #fff;
  border-left: 3px solid #fff;
  padding-left: 15px;
  box-sizing: border-box;
}

.sub22 .s213_txtbox {
  width: 100%;
}

.pro_pop_btn2.a2 li {
  width: 97%;
  margin-right: 3%;
  max-width: 110px;
}

.pro_pop_btn2.a2 .pro_pop_btn2_hover p {
  font-size: 16px;
  line-height: 20px;
}


.s22_cont_tab {
  width: 100%;
  font-size: 0px;
  padding: 0px 20px;
  box-sizing: border-box;
  margin-top: 60px;
}

.s22_cont_tab > li {
  font-family: 'Titillium Web', sans-serif;
  display: inline-block;
  width: auto;
  vertical-align: top;
  font-size: 20px;
  line-height: 30px;
  text-transform: uppercase;
  color: #008693;
  background-color: #d8dbdd;
  margin-right: 10px;
  text-align: center;
  padding: 8px 15px 0px;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  cursor: pointer;
}

.s22_cont_tab > li p {
  font-family: 'NanumSquare', sans-serif;
}

.s22_cont_tab > li.on {
  color: #fff;
  font-weight: bold;
  background-color: #008693;
}

.s22_cont_wrap {
  width: 100%;
  position: relative;
}

.s22-4 .s214_cont {
  margin-top: 0px;
}

.s22-4 .s214_cont.a2 {
  display: none;
}

.s22-3 .s214_cont {
  margin-top: 0px;
}

.s22-3 .s214_cont.a4 {
  display: none;
}


.pop_tab_ul.ch1 {
  transform: rotate(0deg);
}

.pop_tab_ul.ch1 .tab {
  border-top-right-radius: 0px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 10px;
}

.pop_tab_ul.ch1 .tab span {
  transform: rotate(270deg);
  display: inline-block;
}


.aab {
  width: 32px;
}

.aab.a {
  margin-bottom: 4px;
}

.pop_tab_ul.ch2 {
  left: -60px;
}

.pop_tab_ul.ch2 .tab.aab {
  padding: 20px 10px;
  width: 60px;
  line-height: 20px;
  vertical-align: top;
}

/*sitemap*/
.sitemap_subtop {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100px;
  position: relative;
}

.reci_title {
  font-size: 48px;
  font-weight: 700;
  text-align: center;
  padding-top: 30px;
}

.div_inner {
  width: 100%;
  margin: 120px auto 150px;
  max-width: 1200px;
}

.reci_title span {
  font-family: 'NanumSquare', sans-serif;
}

#site_wrap {
  width: 100%;
  margin: 100px auto 200px;
}

#site_nav {
  width: 100%;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ccc;
  padding: 50px 0;
}

#site_nav > li {
  width: 33%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 120px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}

.site_sub_menu {
  width: 100%;
  margin-top: 40px;
}

.site_sub_menu > li {
  width: 100%;
  display: block;
  margin: 25px 0 0;
  transform: skewX(-0.3deg);
}

.site_sub_menu > li > a {
  font-size: 16px;
  font-weight: bold;
  color: #666;
}













.s25 .flex_wrap {
  display: flex;
}

.s25_bg {
  overflow-x: hidden;
  background: url(../image/s2/s25_bg1.jpg) no-repeat left / contain;
  background-attachment: fixed;
}

.s25_bg2 {
  overflow-x: hidden;
  background: url(../image/s2/s25_bg2.jpg) no-repeat right / contain;
  background-attachment: fixed;
}

.s25 .flex_wrap {
  padding-block: 12rem 10rem;
  display: flex;
  gap: 4vw;
  flex-wrap: wrap;

  img {
    width: 100%;
    display: block;
  }
}

.s25 .flex_wrap .flex_left dl {
  margin-bottom: 3rem;
  position: relative;
}

.s25 .flex_wrap .flex_left dl:last-of-type {
  margin-bottom: 0;
}

.s25 .flex_wrap .flex_left dl::before {
  position: absolute;
  left: -1rem;
  top: 14px;
  background-color: #008895;
  width: 6px;
  height: 6px;
  /* border-radius: 100%; */
  content: "";
}

.s25 .flex_wrap .flex_left dl dt {
  /* font-family: 'Titillium Web', sans-serif; */
  font-family: 'simsun';
  text-transform: uppercase;
  font-size: 21px;
  margin-bottom: 0.75rem;
  color: #4d4d4d;
}

.s25 .flex_wrap .flex_left dl dd p {
  color: #808080;
  font-family: 'simsun';
}

.s25 .flex_wrap .flex_left,
.s25 .flex_wrap .flex_right {
  display: flex;
  flex: 1 45%;
  flex-direction: column;
  justify-content: space-between;
}

.s25 .flex_wrap .flex_right {
  gap: 3.5rem
}

.s24-3 .s213_ul > li:nth-child(1) {
  background-image: url(../image/s2/s25_bg.jpg);
}

.s25_pro_list {
  display: flex;
  gap: 0.75rem;
  flex-direction: column;
}

.s25_pro_list li a {
  color: #fff;
  text-transform: uppercase;
  font-size: 22px;
  border: 1px solid #fff;
  padding: 1rem 2rem;
  display: block;
  border-radius: 99px;
  text-align: center;
  transition: color, background 0.3s;
  font-family: 'simsun';
}

.s25_pro_list li a:hover {
  color: #0e828e;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.8);
}

.s25_box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  background-color: #0e828e;
  height: 345px;
}

.s25s3 {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.s25s3 li {
  display: flex;
  flex-direction: column;
  text-align: center;
  flex: 1;
}

.s25s3 li h4 {
  font-size: 21px;
  line-height: 1.1;
  font-weight: 400;
  text-transform: uppercase;
  color: #4d4d4d;
  font-family: 'Titillium Web', sans-serif;
  margin-top: 2rem;
}

.s25s3 li p {
  font-size: 1rem;
  margin-top: 1rem;
  color: #808080;
}

.s25s3 li img {
  display: block;
  object-fit: contain;
  margin: 0 auto;
  max-height: 278px;
}





#bo_v_info {
  position: relative;
  z-index: 1000;
}