.mo {display:none !important;}
.mo_inline {display:none !important;}

  /* all */
ul {margin-bottom:0;}

  /* nav */
.navbar { padding:0; }
.navbar.nav-active {background:#1b521b;}
.navbar .row { width:100%;flex-wrap: wrap;    justify-content: center;max-width: 1200px; padding: 10px 0; align-items: center;}
.navbar .row .logo_wrap {width: 16%; padding:0; display:flex;align-items:center; justify-content:center;}
.navbar .row .logo_wrap .navbar-brand { padding: 0; margin:0 ;}
.navbar .row .logo_wrap .navbar-brand img { width:100%;}
.navbar .row .collapse { width:80%;justify-content:center;align-items: flex-end;}
.navbar .row .collapse i {color:#fff;}
.navbar .row .collapse .navbar-nav {width: 76%;justify-content:space-around; align-items:center; margin:0 ;}
.navbar .row .collapse .navbar-nav .nav-item { }
.navbar .row .collapse .navbar-nav .nav-item .nav-link {padding:0.8rem 1.3rem; color:#333; text-align:center; font-size:1.3rem;}
.navbar-expand-lg .navbar-nav .nav-link {color:#000;}
.navbar-toggler { color: #7f75ef; font-size: 2.2rem; border: 2px solid #7f75ef;}
.navbar-toggler:focus {border:none; outline:none;}


.navbar .row .collapse .navbar-nav .nav-item .nav-link {padding:1rem; height:100%; color:#fff; text-align:center; font-size:1.25rem; position:relative; padding:12px; }
.navbar .row .collapse .navbar-nav .nav-item .nav-link {
	border-left: 2px solid #a0dfdf;
    border-right: 2px solid #a0dfdf;
}

.navbar .row .collapse .navbar-nav .nav-item .nav-link::before , .navbar .row .collapse .navbar-nav .nav-item .nav-link::after {
	content:'';
    position: absolute;
    height: 100%;
    margin: auto;
}

.navbar .row .collapse .navbar-nav .nav-item .nav-link::before {
	border-left: 2px solid #1b521b;
    border-right: 2px solid #1b521b;
    width: calc(100% + 4px);
    top: 0;
    left: -2px;
    transition: all 0.2s ease;
    transition-delay: 0.2s;
}

.navbar .row .collapse .navbar-nav .nav-item .nav-link::after {
	border-top: 2px solid #a0dfdf;;
    border-bottom: 2px solid #a0dfdf;
    width: 0;
    top: 0;
    left: 50%;
    transition: all 0.2s linear;
}

.navbar .row .collapse .navbar-nav .nav-item .nav-link:hover::before {
	height: 0;
    top: 50%;
}

.navbar .row .collapse .navbar-nav .nav-item .nav-link:hover::after {
	width: calc(100% + 4px);
    left: -2px;
}



.hd_sch_wr{ width:20%;max-width:400px; background:#086294;}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch{background:#fff;overflow:hidden; margin:2px 2px;}
#hd_sch form {display: flex; align-items: center;}
#hd_sch #sch_stx {width:80%; padding: 10px 15px;border:0;border-right:0;float:left;font-size:1rem ; border: 1px solid #fff;}
#hd_sch #sch_submit {border:1px solid #fff;background:#086294;color:#fff;width:20%;float:left;cursor:pointer;font-size:18px;padding-top:9px;padding-bottom: 4px;}


	/* banner */
header .pc_banner {}
header .mo_banner img{display:none;}



body > header > div > a.left.wow.fadeInLeft {animation-duration:1s;}
body > header > div > div.center.wow.fadeInLeft {animation-duration:1s; animation-delay: .5s;}
body > header > div > a:nth-child(4) {animation-duration:1s; animation-delay: 1s;}

	/* main_1st */


.slider {
  padding:60px 30px;
  color: #fff;
  overflow:hidden;
  max-width:1200px;
  margin:0 auto;
}
.slider .title_wrap {margin-bottom: 30px; text-align:center; }
.slider .title_wrap h2 {font-weight: 600; display:inline; position:relative; color:#000;}
.slider .title_wrap h2::before {
	position: absolute;
    top: 50%;
    display: block;
    content: '';
    width: 110%;
    height: 20px;
    margin: 0 0 20px;
    left: -5%;
    border-radius: 10px 0 10px 0;
    background: #d6ff98;
    z-index: -1;
}
.slider .swiper-container {
  width: 100%;
  height: 100%;
}
.slider__flex {
	display: flex;
	justify-content: right;
	overflow: hidden;
	align-items: center;
	gap:30px;
}
.slider__col {
  display: flex;
  flex-direction: column;
  width: 30%;
}
.slider__prev,
.slider__next {
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.slider__prev:focus,
.slider__next:focus {
  outline: none;
}
.slider__thumbs {
  height: calc(320px - 100px);
  overflow: hidden;
}

.slider__thumbs .slider__image:hover {
  opacity: 1;
}


.swiper-slide .slider__image span {width: 15%; text-align: right;  font-size: 1.5rem;}
.swiper-slide .slider__image span i {color:#ccc;} 


.slider__flex .slider__col .swiper-backface-hidden .slide-box {transform: scale(.8) !important}
.slider__flex .slider__col .swiper-backface-hidden .swiper-slide-active {transform: scale(1.2) !important; color:#000 !important; font-weight:600 !important;}
.slider__flex .slider__col .swiper-backface-hidden .swiper-slide-active .slider__image span i {    color: #66901e;}
/* .slider__thumbs .swiper-slide-thumb-active .slider__image img {width:50px; height:50px;}
.slider__thumbs .swiper-slide-thumb-active .slider__image p {width:70%; color:#000; width: 80%;  font-size: 1.2rem;}
 */
.slider__thumbs .slider__image {
	display:flex;
	align-items: center;
	justify-content: center;
    gap: 10px;
}
.slider__thumbs .slider__image p {color:#000; width: 70%; font-size: 1.2rem;}

.slider__images {
  height: 320px;
}
.slider__images .slider__image img {
  transition: 3s;
}


.swiper-slide .slider__image {}

.swiper-slide .slider__image a {}
.swiper-slide .slider__image a .slide_img {}
.swiper-slide .slider__image a .slide_img img {}
.swiper-slide .slider__image a .slide_more {position: absolute; left: 50%;   transform: translate(-50%, 200%);  bottom: 0%; transition:all 0.2s linear;}
.swiper-slide:hover .slider__image a .slide_more {transform: translate(-50%, -30%); bottom:40%;}
.swiper-slide .slider__image a .slide_more p {    
	border: 1px solid #fff;
    color: #fff;
    background: #000;
    opacity: 0.8;
    padding: 5px 15px;
    font-size: 1.25rem;}

.slider__images .slider__image:hover img {
  transform: scale(1.1);
}
.slider__image {
  width: 100%;
  height: 100%;
  border-radius: 30px;
  overflow: hidden;
}
.slider__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 767.98px) {
  .slider__flex {
    flex-direction: column-reverse;
  }
  .slider__col {
    flex-direction: row;
    align-items: center;
    margin-right: 0;
    margin-top: 24px;
    width: 100%;
  }
  .slider__images {
    width: 100%;
  }
  .slider__thumbs {
    height: 100px;
    width: calc(100% - 96px);
    margin: 0 16px;
  }
  .slider__prev,
  .slider__next {
    height: auto;
    width: 32px;
  }
}

	/* main_2nd */

#main_2nd {}
#main_2nd .calc {}
#main_2nd .calc a {display:block; position:relative; width:100%;}
#main_2nd .calc a .calc_img {}
#main_2nd .calc a .calc_img img {width:100%;}
#main_2nd .calc a .calc_text {position:absolute; top:60%; left:50%; transform:translate(-50% , -50%);  -webkit-box-reflect: below -20px linear-gradient(transparent, rgba(0,0,0,.2));}
#main_2nd .calc a .calc_text span {
	font-size: 2.5rem; 
	color: #fff; 
	position: relative;
    display: inline-block;
    text-transform: uppercase;
    animation: waviy 1s infinite;
    animation-delay: calc(.1s * var(--i));
	animation-duration:1s;
}

	/* main_3rd */

#main_3rd {padding-top:60px;}
#main_3rd * img {width:100%;}
#main_3rd .title_wrap {max-width:1200px; margin:0 auto; padding-bottom:60px; text-align:center;}
#main_3rd .title_wrap h2 {font-weight: 600; display:inline; position:relative; color:#000;}
#main_3rd .title_wrap h2::before {
	position: absolute;
    top: 50%;
    display: block;
    content: '';
    width: 110%;
    height: 20px;
    margin: 0 0 20px;
    left: -5%;
    border-radius: 10px 0 10px 0;
    background: #d6ff98;
    z-index: -1;
}
#main_3rd .content_wrap {max-width:1200px; margin:0 auto;}
#main_3rd .content_wrap .top {display:flex;}
#main_3rd .content_wrap .top .main_3rd_top_img {overflow: hidden; position:relative;}
#main_3rd .content_wrap .top .main_3rd_top_img:nth-child(1) {}
#main_3rd .content_wrap .top .main_3rd_top_img:nth-child(2) {}
#main_3rd .content_wrap .top .main_3rd_top_img a {}
#main_3rd .content_wrap .top .main_3rd_top_img a img {transition:all 0.2s linear;}
#main_3rd .content_wrap .top .main_3rd_top_img a img:hover {transform:scale(1.05);}

#main_3rd .content_wrap .bottom {display:flex;}
#main_3rd .content_wrap .bottom .main_3rd_bottom_img {overflow: hidden;}
#main_3rd .content_wrap .bottom .main_3rd_bottom_img:nth-child(1) {}
#main_3rd .content_wrap .bottom .main_3rd_bottom_img:nth-child(2) {}
#main_3rd .content_wrap .bottom .main_3rd_bottom_img a {}
#main_3rd .content_wrap .bottom .main_3rd_bottom_img a img {transition:all 0.2s linear;}
#main_3rd .content_wrap .bottom .main_3rd_bottom_img a img:hover {transform:scale(1.05);}

.bird {
	position:absolute;
	left:-5%;
	width:48px; 
	height:40px;
	background-size:480px;
	background-image:url(/img/bird_sprite.png);
	transition:left .5s;
	filter:blur(0.8px) contrast(0.2);
	mix-blend-mode:color-burn;
	z-index:10;
}
.bird.ani_on {
	animation:birdMoveV 1s cubic-bezier(0.27, 0.06, 0.65, 0.96) alternate infinite,
    birdMoveH 10s linear infinite;
}


	/* main_4th */

#main_4th {background:url(/img/content4_bg.png) no-repeat 0 0 / cover; padding:80px 0;}
#main_4th .main_4th_container {}
#main_4th .main_4th_container .title_wrap {text-align:center; padding-bottom:60px; width: 40%;  margin: 0 auto;}
#main_4th .main_4th_container .title_wrap h2 {animation-duration:1s;}
#main_4th .main_4th_container .title_wrap h2 img {width:100%; transition:all 0.2s linear;}
#main_4th .main_4th_container .title_wrap h2 img:hover {}

#main_4th .main_4th_container .content_wrap {}
#main_4th .main_4th_container .content_wrap .box {animation-duration:1s;}
#main_4th .main_4th_container .content_wrap .box:nth-child(1) { animation-delay:1s;}
#main_4th .main_4th_container .content_wrap .box:nth-child(2) {animation-delay:1.3s;}
#main_4th .main_4th_container .content_wrap .box:nth-child(3) {animation-delay:1.8s;}
#main_4th .main_4th_container .content_wrap .box {display:flex; justify-content:center; align-items: center; gap:100px; margin-bottom: 50px;}
#main_4th .main_4th_container .content_wrap .box .main_4th_img {}
#main_4th .main_4th_container .content_wrap .box .main_4th_img a {width:100%; display:block;}
#main_4th .main_4th_container .content_wrap .box .main_4th_img a img {width:100%;}
#main_4th > div > div.content_wrap > div.box.wow.fadeInRight > div.main_4th_img {order:2;}
#main_4th .main_4th_container .content_wrap .box .main_4th_title {width:30%;}
#main_4th .main_4th_container .content_wrap .box .main_4th_title a {width:100%; display:block;}
#main_4th .main_4th_container .content_wrap .box .main_4th_title a h3 {font-weight:600; letter-spacing: 2px; font-size: 2.25rem;}
#main_4th .main_4th_container .content_wrap .box .main_4th_title a h3 span.cl {color:#6a961f; letter-spacing: 2px;}

#main_4th > div > div.content_wrap > div.box.wow.fadeInRight > div.main_4th_title {text-align:right;}

	/* main_4th */

#main_5th {padding:60px 0; position:relative;}
#main_5th * img {width:100%;}
#main_5th .title_wrap {max-width:1200px; margin:0 auto; margin-bottom:60px; text-align:center;}
#main_5th .title_wrap h2 {font-weight: 600; display:inline; position:relative; color:#000;}
#main_5th .title_wrap h2::before {
	position: absolute;
    top: 50%;
    display: block;
    content: '';
    width: 120%;
    height: 20px;
    margin: 0 0 20px;
    left: -10%;
    border-radius: 10px 0 10px 0;
    background: #d6ff98;
    z-index: -1;
}
#main_5th .swiper {max-width:1200px; margin:0 auto;}
#main_5th .swiper .swiper-wrapper {}
#main_5th .swiper .swiper-wrapper .swiper-slide {background: #f5f5f5; padding: 30px 0; border-radius:30px; transition:all 0.2s linear;}
#main_5th .swiper .swiper-wrapper .swiper-slide:hover {background: #cae5ac;}
#main_5th .swiper .swiper-wrapper .swiper-slide a {display: block; width: 100%;}
#main_5th .swiper .swiper-wrapper .swiper-slide a .slide_img {width: 70%;   margin: 0 auto;}
#main_5th .swiper .swiper-wrapper .swiper-slide a .slide_img img {width:100%;}
#main_5th .swiper .swiper-wrapper .swiper-slide a .slide_text {text-align: center;  margin-top: 20px;}
#main_5th .swiper .swiper-wrapper .swiper-slide a .slide_text h3 {font-size: 1.5rem;   font-weight: 600;}

	/* footer */

footer { border-top: 1px solid #ddd; padding: 30px 0; background: #fff;}
footer p {color: #000;  font-size: 1.0rem;}
footer img {filter: grayscale(100%); width:50%;}



	/* swiper */
.swiper-pagination {position:static !important;}
.swiper-pagination {width:20% !important; }
.swiper-pagination-current {color:#3a62ba; font-weight:600;}
.btn_wrap .btn_pause {
	padding: 3px 7px 1px;
    background: #3a62ba;
    border-radius: 3px;
    text-align: center;
    font-size: 1rem;
    color: #fff;
	cursor: pointer;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {right:12% !important; color:#1b521b !important;}
.swiper-button-prev, .swiper-rtl .swiper-button-next {left:12% !important; color:#1b521b !important;}

	/* animation */

@keyframes waviy {
  0%,40%,100% {
    transform: translateY(0)
  }
  20% {
    transform: translateY(-20px)
  }
}


/* animation */

@keyframes birdMoveV {
    0% {transform:translateY(15%);}
    100% {transform:translateY(-15%);}
}
@keyframes birdMoveH {
    0% {left:5%; top:25%;}
    100% {left:90%; top:15%;}
}
@keyframes bgMove {
    0% {background-position: 0;}
    100% {background-position: 100%;}
}

@keyframes move {
	0% {transform:translateY(100%);}
	100% {transform:translateY(0);}
}