@charset "utf-8";

/* main content */
/* 공통 */
.main-content .tit .arr {position: relative; display: inline-block; right: -3.125rem; width: 2.25rem; height: 2.25rem; background-color: #70bc1f; border-radius: 50%; z-index: 1; vertical-align: bottom;}
.main-content .tit .arr:before {content: ""; position: absolute; right: 0.625rem; top: 1.5rem; /*width: 3.75rem;*/ width: 3.75rem; height: 2px; margin-left: 0.9375rem; background-color: #fff; vertical-align: 0.125rem; z-index: 2;}
.main-content .tit .arr:after {content: ""; position: absolute; right: 0.5rem; top: 1rem; width: 1.25rem; height: 0.125rem; background-color: #fff; transform: rotate(50deg); z-index: 2;}
.main-content .tit .arr.white {background-color: #fff;}
.main-content .tit .arr.yellow {background-color: #fbf25d;}
.main-content .tit .arr.green:before {background-color: #117721;}
.main-content .tit .arr.green:after {background-color: #117721;}

/* .main-content {padding-top: 5.625rem;} */
.cont1-area {height: 30.81rem;}
.cont1-area .swiper-container {position: relative;}
.cont1-area .visual_mo {display: none;}
.cont1-area .swiper-slide .container:before {content: ""; position: absolute; top: 0; left: 0;left: 50%; margin-left: 9.375rem; top: 0; width: 4.25rem; height: 7.313rem; background-image: url('../images/main/visual1_icon.png'); background-repeat: no-repeat; background-size: 100% auto;}
.cont1-area .swiper-slide {height: 30.81rem; background-repeat: no-repeat; background-position: center; background-size: cover; cursor: pointer;}
.cont1-area .swiper-slide.s1 {background-image: url('../images/main/visual1.png');}
.cont1-area .swiper-slide.s2 {background-image: url('../images/main/visual2.png');}
.cont1-area .swiper-slide.s3 {background-image: url('../images/main/visual3.png');}
.cont1-area .swiper-slide.s4 {background-image: url('../images/main/visual4.png');}
.cont1-area .swiper-slide.s5 {background-image: url('../images/main/visual5.png');}
.cont1-area .swiper-slide.s6 {background-image: url('../images/main/visual6.png');}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 3.75rem;
  width: auto;
  left: 50%;
  margin-left: 9.375rem;
}
.swiper-pagination-bullet {width: 0.75rem; height: 0.75rem; margin: 0 0.3125rem; background: #fff; opacity: 1;}
.swiper-pagination-bullet-active {width: 2.375rem; height: 0.75rem; background: #c9ff90; border-radius: 1.25rem;}


.slider_wrap .slide-prev,
.slider_wrap .slide-next { width: 4.5rem; height: 4.5rem; top: 50%; background: none; transform: translateY(-50%);background-size: 100% auto; }
.slider_wrap .slide-prev { left: 50%; margin-left: -43.75rem; background: url('../images/main/slick-arr2.png') no-repeat;}
.slider_wrap .slide-next { right: 50%; margin-right: -43.75rem; background: url('../images/main/slick-arr.png') no-repeat;}
.cont1-area .tit:after { content: "";  display: inline-block; width: 67px; height: 2.25rem; margin-left: 1.875rem;  background: url('../images/main/slide_arr.png') no-repeat; background-size: 100% auto; vertical-align: bottom;}

.cont1-area .swiper-slide .cont1-box {position: absolute; left: 50%; margin-left: 9.375rem; top: 0; padding-top: 8.75rem;}
.cont1-area .cont1-box .label {display: block; margin-bottom: 1.875rem; font-size: 1.5rem; font-weight: bold; color: #c9ff90;}
.cont1-area .cont1-box .stit {display: inline-block; margin-bottom: 1.25rem; font-size: 1.25rem; font-family: 'BMJUA'; font-weight: normal; color: #fff; line-height: 1.6; letter-spacing: 0;}
.cont1-area .cont1-box .stit .under {padding-bottom: 0.125rem; border-bottom: 1px solid #fff; }
.cont1-area .cont1-box .tit {position: relative; margin-bottom: 2.5rem; font-family: 'BMJUA'; font-size: 2.5rem; font-weight: normal; line-height: 2.875rem; color: #fff; letter-spacing: 1px; word-break: keep-all;}

.cont2-area {padding: 5.313rem 0 3.125rem; }
.area .area-text {float: left; width: 32.1666%; margin-right: 1.6666%; cursor: pointer;}
.area .area-text .label {display: inline-block; position: relative; padding: 0.625rem 1.125rem; margin-top: 1.875rem; margin-bottom: 3.125rem; background-color: #70bc1f; font-size: 1.5rem; font-weight: bold; color: #fff; }
.area .area-text .label:before {content: ""; position: absolute; left: 0; bottom: -0.8125rem; width: 0; height: 0; border-style: solid; border-width: 0 0.8125rem 0.8125rem 0; border-color: transparent #509802 transparent transparent; }
.area .area-text .stit {margin-bottom: 1.25rem; font-size: 1.25rem; font-family: 'BMJUA'; color: #70bc1f; font-weight: normal; line-height: 1.6; letter-spacing: 0;}
.area .area-text .stit .under {display: inline; /*padding-bottom: 0.125rem;*/ border-bottom: 1px solid #70bc1f;}
.area .area-text .tit {position: relative; margin-bottom: 2.5rem; font-family: 'BMJUA'; font-size: 2.5rem; font-weight: normal; line-height: 2.875rem; letter-spacing: 0; word-break: keep-all;}
.area .area-text .view {display: inline-block; padding: 0.625rem 2.875rem; border: 0.125rem solid #117721; color: #117721; border-radius: 1.875rem; font-size: 1.375rem; }
.area .area-img {float: left; width: calc(100% - 33.8332%); }

.cont3-area {min-height: 29.38rem; background-color: #fbf25d; }
.cont3-area.area .area-text {float: right; width: 32.1666%; margin-right: 0; margin-left: 1.6666%;cursor: pointer; }
.cont3-area.area .area-text .label {background-color: #1a9431;}
.cont3-area.area .area-text .label:before {border-color: transparent #0b8522 transparent transparent; }
.cont3-area.area .area-text .stit { color: #1a9431; }
.cont3-area.area .area-text .stit .under {border-bottom: 1px solid #1a9431;}
.cont3-area.area .area-text .tit:after {background: url('../images/main/area_arr2.png') no-repeat; }
.cont3-area.area .area-img {float: right; width: calc(100% - 33.8332%); }

.banner {padding-top: 3.125rem; text-align: center;}

.cont4-area {padding: 3.125rem 0;}
.cont4-area .article {float: left; width: 32.1666%; margin-right: 1.666%;}
.cont4-area .article.last {margin-right: 0;}
.cont4-area .tit {margin-bottom: 0.9375rem; text-align: center; }
.cont4-area .tit:before {content: ""; display: inline-block; width: 0.625rem; height: 0.625rem; margin-right: 0.9375rem; background-color: #1a9431; border-radius: 50%; vertical-align: 0.125rem;}
.cont4-area .tit:after {content: ""; display: inline-block; width: 0.625rem; height: 0.625rem; margin-left: 0.9375rem; background-color: #1a9431; border-radius: 50%; vertical-align: 0.125rem;}
.cont4-area .box {position: relative; }
.cont4-area .box .box-txt {position: absolute; bottom: 0; left: 0; width: 100%; padding: 0.625rem 0.625rem 1.25rem 0.625rem; background-color: rgba(11,133,34,.6); font-size: 1.125rem; font-weight: bold; line-height: 1.75rem; text-align: center; color: #fff; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;}
.cont4-area .box .box-txt:after {content: "+"; position: absolute; bottom: -0.9375rem; left: 50%; transform: translateX(-50%); width: 1.875rem; height: 1.875rem; background-color: #70bc1f; font-family: 'S-CoreDream-3Light'; font-weight: 100; font-size: 1.75rem; border-radius: 50%; z-index: 1;}

.cont5-area {padding: 3.125rem 0; background-color: #f6f6f6;}
.cont5-area .tit {margin-bottom: 0.625rem; font-size: 1.5rem; text-align: center;}
.cont5-area .stit {margin-bottom: 3.125rem; font-size: 1.125rem; color: #666; line-height: 1.75rem; text-align: center; word-break: keep-all;}
.cont5-area .article {position: relative; height: 12.5rem; padding: 1.25rem; margin-bottom: 2.5rem; background-color: #fff; box-shadow: 0.3125rem 0.3125rem 0 #dbeacb;}
.cont5-area .article > a {display: block; width: 100%; height: 100%;}
.cont5-area .article:after {content: ""; position: absolute; right: 1.875rem; top: 2.5rem; width: 4.188rem; height: 2.25rem; margin-left: 1.25rem; background: url('../images/main/area_arr1.png') no-repeat; background-size: 100% auto;}
.cont5-area .article.last {margin-bottom: 0;}
.cont5-area .article .cont5-img {float: left; width: 30.5%; height: 12.06rem; margin-right: 1.666%; display: inline-block; margin-top: -2.5rem; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.cont5-area .article .cont5-img.img1 {background-image: url('../images/main/cont5_img1.png');}
.cont5-area .article .cont5-img.img2 {background-image: url('../images/main/cont5_img2.png');}
.cont5-area .article .cont5-img.img3 {background-image: url('../images/main/cont5_img3.png');}
.cont5-area .article .cont5-text {float: left; width: calc(100% - 32.1666%);}
.cont5-area .article .cont5-text .t1 {margin-bottom: 0.9375rem; font-size: 1.125rem; font-weight: bold; color: #1a9431;}
.cont5-area .article .cont5-text .t2 {padding-right: 6.25rem; margin-bottom: 0.625rem; font-size: 1rem; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cont5-area .article .cont5-text .t3 {overflow: hidden; height: 4.875rem; font-size: 1rem; line-height: 1.625rem; color: #666; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word;}

/* swiper */
.swiper-pagination {transition: none; transform: none;}
/* .swiper-container-fade .swiper-slide {transform:perspective(500px) rotate(.001deg);}
 */


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

}

@media all and (max-width:1220px) {
  .cont1-area .tit:after {display: none;}
  .slider_wrap .slide-prev,
  .slider_wrap .slide-next { display: none; }
  /* .cont1-area .swiper-slide .cont1-box {left: 40%; margin-left: 0;} */
  .cont1-area .swiper-slide .container:before { left: auto; right: 0.875rem; }

}

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

}

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

  .main-content {padding-top: 100px;}
  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 1.75rem;}

  .area .area-text {float: none; width: 100%; margin-right: 0%; margin-bottom: 1.125rem; }
  .area .area-img {float: none; width: 100%; }
  .area .area-text .view {display: none;}

  .cont2-area {padding-top: 0; padding-bottom: 2.143rem;}

  .banner {padding-top: 2.143rem;}

  .cont3-area {min-height: auto;}
  .cont3-area.area .area-text {float: none; width: 100%; margin-left: 0; margin-bottom: 1.125rem;}
  .cont3-area.area .area-img {float: none; width:100%; text-align: center;}

  .cont4-area,
  .cont5-area {padding: 2.125rem 0;}
  .cont4-area .article {float: none; width: 100%; margin-right: 0; margin-bottom: 2.5rem;}
  .cont4-area .article.last {margin-bottom: 0;}
  .cont4-area .box-img img {width: 100%;}

  .cont5-area .article {height: auto; margin-bottom: 2.5rem;}
  .cont5-area .article:after {top: 13.5rem;}
  .cont5-area .article .cont5-img {float: none; width: 100%; margin-right: 0; margin-bottom: 1.125rem;}
  .cont5-area .article .cont5-text {float: none; width: 100%;}
}

@media all and (max-width:768px) {
  .cont1-area .swiper-slide .cont1-box {padding-top: 6.75rem;}
  .cont1-area .swiper-slide .cont1-box .arr {display: none;}
  .cont1-area .swiper-slide {background-image: none !important; text-align: center;}
  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {left: 50%; margin-left: auto; bottom: 0.75rem; right: auto; transform: translateX(-50%);}
  /* .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 2px;} */
  .swiper-pagination-bullet {width: 0.6rem; height: 0.6rem;}
  .swiper-pagination-bullet-active {width: 2rem; height: 0.6rem;}

  .cont1-area,
  .cont1-area .swiper-slide {height: auto; margin: 0 auto;}
  .cont1-area .swiper-slide .container {display: none;}
  .cont1-area .visual_mo {display: block;}

  .area .area-text .label {margin-bottom: 1.429rem; font-size: 1rem;}
  .area .area-text .tit {margin-bottom: 1.429rem; font-size: 2rem; line-height: 2.286rem;}
  .cont4-area .tit,
  .cont5-area .tit {font-size: 1.286rem;}
  .cont5-area .stit {margin-bottom: 2.429rem; font-size: 1rem;}
}
@media all and (max-width: 640px) {

}
@media all and (max-width: 320px) {
  .cont1-area .swiper-slide .cont1-box {left: 0.875rem; }
}