@font-face {
    font-family: 'KOHIBaeumOTF';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/KOHIBaeumOTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body { width:100%; height:100%; }
h3 {font-size:2em; color:#034a59; width:100%;   letter-spacing:-1px; font-weight:400; font-family: 'KOHIBaeumOTF'; 
 text-align:center;  }
h3 img {vertical-align:middle}
hr {height:70px}
.bg_h4 {font-size:1.05em; background-color:var(--main_c); color:#fff; padding:10px 100px; font-weight:400; display:inline-block; border-radius:50px; box-sizing:border-box }
.red {  color:#c31a2b;  }
.blue { color:blue;  }
.point_t {font-size:1.5em; letter-spacing:-.7px}

.main_bg_box {width:100%; box-sizing:border-box; padding:20px; background-color:#ddd; }

.r_border:after {content:''; width:1px; height:15px; background-color:red; display:inline-block; margin:0 10px }
.r_border:last-child:after {display:none }

@media all and (max-width:900px) {
		.r_border:after {display:none }
		h3 {font-size:1.6em;  }
		.bg_h4 {padding:20px 4%; width:100%;  font-size:1em  }
        .point_t {font-size:1.3em; }

}

.main_vi_wrap {width:100%; height:90vh;   position:relative;  overflow:hidden; background-color:#FFFDF8 }
.main_vi_wrap img {position:absolute;}
.main_vi_wrap  .bg { left:10%; bottom:0; width:80%}
.main_vi_wrap  .t {left:50%; top:50%;  width:80%; max-width:800px;  transform: translate(-50%, -50%); /* animation: ani_img2 .7s linear ;   */}



.main_vi_wrap .cloud {right:10%; top:16%;  } 

.ani1 {animation-duration: 6s;  animation-name: ani_img1; animation-iteration-count: infinite;  animation-timing-function:linear}
.ani3 {animation-duration: 6s;  animation-name: ani_img3; animation-iteration-count: infinite; animation-timing-function:linear}
 
@media all and (min-width:900px) {

	@keyframes ani_img1 {
	  0% {right:10%; }
	  50% {right:13%; }
	  100% {right:10%; }
	}

	
	 @keyframes ani_img2 {
	  0% {width:100%; max-width:1500px; opacity:0.5 }
	  100% {width:80%; max-width:800px; opacity:1 }
	}

	@keyframes ani_img3 {
	  0% {margin-left:0}
	  50% {margin-left:-50px }
	  100% {margin-left:0 }
	}


}
 
.main_bar  { margin-top:-50px; position:relative; z-index:999;  }
.main_bar > div {background:url('/common/img3/main_bar_bg.png') no-repeat; background-size:100%;  display:flex; flex-wrap:wrap ; align-content:center; justify-content :center; height:70px; font-size:24px;  color:var(--main_c) ; padding-bottom:5px;  box-sizing:border-box; font-weight:800   }
.main_bar > div span {margin:0 20px}


@media all and (max-width:1300px) {
		.main_vi_wrap  .bg { left:0;   width:100%; max-width:none}
		.main_bar > div {background:none; background-color:#fff;  border:1px solid var(--main_c);    }
 
}
@media all and (max-width:900px) {
		.main_vi_wrap {width:100%; height:120vw;   position:relative;  overflow:hidden; background-color:#FFFDF8 }
		.main_vi_wrap  .bg { left:-50%; width:200%; max-width:none}
 
 
         .main_bar {padding:0; margin-top:0}
		 .main_bar > div { text-align:center;  font-size:1.1em; height:auto; padding:20px 0  }
		 .main_bar > div span {margin:0; width:100%; display:inline-block }

		.main_vi_wrap  .logo1 {left:25px;   width:130px}
		.main_vi_wrap  .logo2 {right:30px; width:60px}

}
 

.main_con {padding-bottom:20vw; background-color:#FFFDF8; font-size:18px; line-height:1.4; position:relative}
.bottom_img {position:absolute; left:0; bottom:0; }
.bottom_img img {width:100%}
section {  box-sizing:border-box; padding-top:80px }


.section1 {background:url('/common/img3/main_con_bg1.png') no-repeat top; background-size:1400px; background-color:var(--main_c); margin-top:-50px; padding-top:130px}
.section1 h3 {color:#fff;}
.section1 .flex {  align-items:center; /*  border:2px solid #034a59;  */border-radius:10px;  padding:0 30px; width:100%; line-height:1.6; position:relative; }
.section1 .flex h4 {position:relative; z-index:9; background:url('/common/img3/subject_bg.png') no-repeat center;  background-size:220px; padding:90px 0; font-size:1.6em; width:35%; text-align:center; display:flex; align-items:center; justify-content :center;  line-height:1.2; font-weight:800; color:#000 }
.section1 .flex p {position:relative; z-index:9; border-left:1px solid  var(--main_c); padding-left:50px}
.section1 .flex img {position:absolute; top:0; left:0; height:100%; width:100%}

@media all and (max-width:900px) {
	     .bottom_img {width:100vw; overflow:hidden  }
	     .bottom_img img {width:100%;    }

		
		.main_con {font-size:15px; padding-bottom:30vw}
		.main_con iframe {height:250px }
		.section1  h3 img {width:75px}
		.section1 .flex  {padding:50px 3%; border:2px solid #034a59; background-color:#fff;}
		.section1 .flex  h4 {width:100%; margin-right:0; margin-bottom:15px; background:none; padding:0; font-size:1.3em}
		.section1 .flex  h4  br {display:none; }
		.section1 .flex p {border-left:none;  padding-left:0;  }
		.section1 .flex img {display:none}

	

}

.section2 {background:url('/common/img3/main_con_bg2.png') no-repeat bottom; background-size:1400px;  background-color:var(--main_c); padding-bottom:90px;  }
.section2 h3 {color:#fff}
.section2 .in {position:relative;  }
.section2 .cloud {position:absolute; top:-50px; left:-170px;  }
.section2 img.bg {position:absolute; left:0; top:0; width:100%; height:100%}


.section2 ul {width:48%}
.section2 ul li {width:100%;  margin-bottom:10px; position:relative }
.section2 ul li:last-child {margin-bottom:0}
.section2 a {position:relative; z-index:99; font-weight:600; padding:20px 40px; box-sizing:border-box; display:flex;  flex-wrap:wrap;  align-items:center; width:100%; font-size:22px; color:#034a59; }
.section2 a span { font-weight:400;  color:#333; font-size:15px; line-height:1; margin-left:auto}
.section2 a i {font-size:30px; margin-right:10px; margin-bottom:6px;  vertical-align:-2px; color:#034a59}
.section2 a span i {font-size:17px; margin-right:0;  margin-left:5px;  color:#034a59}


.section2 div.b_link   {position:relative; width:48%; margin-left:auto;  display:flex; }
.section2 div.b_link a { display:flex;  align-items:center; justify-content:center; font-size:25px; }
.section2 div.b_link a img.img1 {width:280px; position:absolute; top:-30px; left:50%;  transform: translate(-50%, 0); }
.section2 div.b_link a img.img2  {width:355px; margin-top:60px}
.section2 div.b_link a p  {width:100%; align-items:center;   }



@media all and (max-width:900px) {

			.section2 ul {width:100%}
 			.section2 a {font-size:1.1em; padding:20px 27px; background-color:#fff;   border:2px solid #034a59; border-radius:50px; }
			.section2 a span {font-size:13px; }
			.section2 a i {font-size:25px; margin-right:8px;}

			.section2 div.b_link {width:100%; margin-top:30px}
			.section2 div.b_link a {width:100%;  font-size:1.1em; margin-top:30px; }
  			.section2 div.b_link a img.img1  {width:80%; max-width:230px}
 			.section2 div.b_link a img.img2  {width:80%; max-width:250px; margin-top:50px; margin-bottom:15px}

}
.section3  {padding-top:100px}
.section3 .main_bg_box {background-color:#034a59; color:#fff; position:relative; z-index:99}
.section3 .main_bg_box span {margin:0 10px}
.section3 h3 {position:relative;  }
.section3 h3 img {position:absolute; top:-150px; right:20px;  }
.section3 .in {position:relative; z-index:99}

@media all and (max-width:900px) {
	 .section3 .main_bg_box span {width:100%; display:inline-block; margin:2px 0}
     .section3 h3 img {display:none  }

}

.section4   {position:relative; z-index:99}

.section4 .btn_wrap {display:flex; align-items:flex-end;  justify-content:center }
.section4 .btn_wrap img {width:280px; margin:0 -50px }
.section4 .btn_wrap a {position:relative; z-index:99; width:300px; line-height:80px; margin-bottom:20px; padding:0; font-size:1.2em  }
.section4 .flex {justify-content :space-between; margin:30px 0 40px 0}
.section4 .flex p {background:url('/common/img3/icon_box.png') no-repeat; background-size:100%; background-color:#fff; width:48%; padding-bottom:20%;  display:flex; align-items:center;  justify-content:center; position:relative}
.section4 .flex p img {width:50%; max-width:150px; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);}

.section5   {position:relative; z-index:99}
.section5 h4 {color:var(--main_c); margin-bottom:15px}
.section5 dl {display:flex; margin-bottom:5px; align-items:center}
.section5 dl dt {width:100px; flex-shrink:0; font-weight:600}
.section5 dl dd   {   }
.section5 dl dd p {display:inline-block; margin-top:5px; margin-right:10px }
.section5 dl dd img {width:30px; vertical-align:middle}
.section5 .main_bg_box {background-color:#efefef;   padding:30px }

@media all and (max-width:900px) {
		.section4 .flex p img {width:25%;  }
		.section5 dl {flex-wrap:wrap}
		.section5 dl dt {width:100%; margin-bottom:2px }
		.section5 dl:nth-child(n+2) {margin-top:10px}
		.section4 .btn_wrap img {display:none}
		.section4 .btn_wrap a { width:100%; max-width:250px; line-height:60px; margin-bottom:0; font-size:1.05em}

}

 
.fix_none {display:none}
.fix{position:fixed; display:inline-block;  width:130px; right:2%; top:15%; z-index:100; border-radius:5px; background-color:#fff; border:1px solid #a31f24;  text-align:center }
.fix h3 { background: linear-gradient( to right, #2e0607, #a31f24 ); color:#fff; font-size:1rem; padding:10px 0; margin-bottom:0}
.fix ul {width:100%; margin:10px 0}
.fix ul li { text-align:center; background-color:#fff; font-size:1rem; font-weight:500; padding:3px 0; }
.fix ul li a {color:#555 !important}
.fix ul li a:hover {color:#e95431 !important; font-weight:600}

  
@media all and (max-width:900px) {
  .fix  {display:none }


}
  


.table_wrap {width:100%; overflow-x:auto}
.table_wrap table td {background-color:#fff}
.table_wrap table th {background-color:#fff}

footer .in {  padding:50px 3% 40px 3% }