@charset "utf-8";

.cont1-area:after,
.cont2-area:after,
.cont3-area:after,
.cont4-area:after,
.event-area:after{
  content: "";
display: block;
clear: both;
}
.cont1-area,
.cont2-area,
.cont3-area,
.cont4-area,
.event-area{
  padding-bottom: 55px
}

.cont2-area .tit_box { margin-bottom: 30px; }
.cont1-area .tit_box .con_tit { font-size: 30px; }
.cont1-area .tit_slide { position: relative; }
.cont1-area .caption { position: absolute; right: 60px; bottom: 60px; z-index: 2; font-size: 18px; color:#FFF; text-align: right; line-height: 32px; text-shadow: 0px 2px 2px rgba(0,0,0,0.4); }
.cont1-area .caption .txt1 { font-size: 36px; color:#ffffff; line-height: 44px; font-weight: 600; margin-bottom: 20px;}
.cont1-area .caption .txt2 { color:#ffffff;  }
.cont1-area  .swiper-button-next, .cont1-area .swiper-button-prev { top: 50% !important;}

.cont2-area { padding-bottom: 110px; }
.cont2-area .cont2-wrap .item { position: relative; float: left; width: 23.5%; margin-right: 2%; }
.cont2-area .item.last { margin-right: 0px; }
.cont2-area .tit_slide { position: relative; }
.cont2-area img{width: 100% !important;}
.cont2-area .caption { position: absolute; left: 20px; bottom: 20px; z-index: 2; font-size: 18px; color:#FFF; text-align: left; line-height: 24px; text-shadow: 0px 2px 2px rgba(0,0,0,0.4); }
.cont2-area .caption .txt1 { font-size: 14px; color:#ffffff; font-weight: 400; margin-bottom: 5px;}
.cont2-area .caption .txt2 { font-size: 24px; color:#ffffff; font-weight: 600;  }
.cont2-area .swiper { width: 100%; height: 100%; position:relative}
.cont2-area  .swiper-button-next:after, .cont2-area .swiper-button-prev:after { top:50% !important;position: absolute;font-size: 2rem !important;}

.cont3-area { padding-bottom: 130px; }
.cont3-area .tit_box { margin-bottom: 30px; }
.cont3-area .item { position: relative; float: left; width: 23.5%;  margin-right: 2%; }
.cont3-area .item.last { margin-right: 0px; }
.cont3-area .item .image { margin-bottom: 10px; }
.cont3-area .item .image img { width:100%; }.event-area
.cont3-area .caption .txt1 { font-size: 14px; font-weight: 400; margin-bottom: 5px;}
.cont3-area .caption .txt2 { font-size: 18px; line-height: 24px; height: 48px; font-weight: 600; letter-spacing:-1px; word-break: keep-all;}
.cont3-area  .swiper-button-next:after, .cont3-area .swiper-button-prev:after { top:50% !important;position: absolute;font-size: 2rem !important;}



.event-area {padding: 60px;   display: flex; align-items: center; gap: 60px; box-sizing: border-box; background: #F4EE9E;  margin-bottom: 110px;}
.event-area .img_wrap img{max-width: 900px; width: 100%;}
.event-area .txt_wrap{width: 520px;}
.event-area  .big_tit{color: #10BEA6;font-size: 48px;font-weight: 300;line-height: 60px;letter-spacing: -0.96px;}
.event-area  .big_tit.color2{color: #357971;font-weight: 700;}
.event-area p{font-size: 18px;font-weight: 400;line-height: 28px;letter-spacing: -0.05em; margin-top: 24px;}
.event-area .btn{padding: 7px 20px; border-radius: 8px; background: #fff; color: #127B49; font-weight: bold; width: fit-content; margin-top: 24px; display: block;}
.event-area .tb-only{display: none;}
@media all and (max-width:1280px){
.event-area .img_wrap {width: 50%;}
.event-area .txt_wrap{width: 50%}
.event-area {padding: 40px; gap: 20px;}
}
@media all and (max-width:1024px){
.event-area {display: block; text-align: center; padding: 60px;}
.event-area .img_wrap {width: 50%; margin: 0 auto 24px auto;}

.event-area .txt_wrap{width: 100%}
.event-area .btn{margin: 24px auto 0 auto; display: block;}
.event-area .tb-only{display: block;}

}
@media all and (max-width:767px){
    .event-area .img_wrap {width: 100%;}
    .event-area  .big_tit{font-size: 32px; line-height: 40px;}
.event-area { padding: 48px 24px;}
.event-area .tb-only{display: none}
}


.event-area2 {background-image: url('../images/main/event2.png') ; background-size: cover; background-repeat: no-repeat;padding: 25px 60px; display: flex; align-items: center;width: 100%; gap: 40px; margin-bottom: 110px; justify-content: center;}

.event-area2 >:nth-child(1){width: 40%; max-width: fit-content;}
.event-area2 >:nth-child(2){width: 60%;  max-width: fit-content;}

.event-area2  .round{ padding: 5px 20px; border-radius: 999px;background: #fff;  color:#005A4A ;text-align: center;font-size: 22px;font-weight: 700;line-height: 34px;letter-spacing: -0.44px; width: fit-content; margin-bottom: 20px;}
.event-area2  .tit{color: #fff;font-size: 36px;font-weight: 400;line-height: 46px; letter-spacing: -0.72px;}
.event-area2  .big_tit{color: #fff;font-size: 48px;font-weight: 700;line-height: 64px;letter-spacing: -0.96px;word-break: keep-all;}
.event-area2  .img_wrap{text-align: center; margin-top: 28px;}

.event-area2 >:nth-child(2){padding: 28px 40px; background: #F7FAF0; border-radius: 40px;}
.event-area2  .round2{color: #FFF;font-size: 18px;font-weight: 700;line-height: 28px;letter-spacing: -0.45px;border-radius: 999px;background:#005A4A; padding: 3px 12px 3px 12px; width: fit-content;}
.event-area2  p{font-size: 16px;font-weight: 400;line-height: 28px;letter-spacing: -0.4px; margin: 6px 0 12px 0;}
.event-area2  .fwb{font-weight: bold;}
.event-area2 .btn{padding: 7px 20px; border-radius: 8px; background: #005A4A; color: #fff; font-weight: bold; width: fit-content;display: block;}

@media all and (max-width:1024px){
    .event-area2 .round{margin: 0 auto 20px auto;}
.event-area2 {display: block; padding: 60px;}
.event-area2  .tit{text-align: center;}
.event-area2  .big_tit{text-align: center;}

.event-area2 >:nth-child(1){width:100%; max-width: none; margin-bottom: 40px;}
.event-area2 >:nth-child(2){width:100%}
.event-area2 .btn{margin: 24px auto 0 auto; display: block;}

}
@media all and (max-width:767px){
.event-area2  .tit{font-size: 24px;}
.event-area2  .big_tit{font-size: 32px; line-height: 40px;}
.event-area2 { padding: 48px 24px;}
.event-area2 >:nth-child(2){padding: 24px;}
}


.cont4-area { padding-bottom:110px; }
.cont4-area .tit_box { margin-bottom: 30px; }
.cont4-area .tit_box .con_tit { font-size: 30px; }
.cont4-area .swiper { width: 100%; height: 100%; }
.cont4-area  .swiper-button-next:after, .cont4-area .swiper-button-prev:after { top:50% !important;position: absolute; 
  font-size: 2rem !important;}
.cont4-area .image { margin-bottom:10px; }
.cont4-area img{width: 100% !important;}
.cont4-area .caption { text-align:left; }
.cont4-area .caption .txt1 { font-size: 14px; font-weight: 400; margin-bottom: 5px;}
.cont4-area .caption .txt2 { font-size: 18px; line-height: 24px; height: 48px; font-weight: 600; letter-spacing:-1px; word-break: keep-all;}

.custom-area { margin-bottom: 55px; }
.custom-area .container { padding-top: 25px; border-top:1px solid #303030; }
.custom-area .container:after { display:block; content:''; clear:both; }
.custom-area .link { float:left; width:50%;text-align:center;  }
.custom-area .link a { display: block; padding-top:70px; margin: 35px 0px; background-position:top center; background-repeat:no-repeat; }
.custom-area .link.last { border-right: 1px solid #303030; }
.custom-area .link.last a { background-image:url('../images/main/custom_icon_1.png'); }
.custom-area .link.qna a { background-image:url('../images/main/custom_icon_2.png'); }


@media all and (max-width:1410px) {
  .cont2-area { padding-left:15px; padding-right:15px; }
  .cont3-area { padding-left:15px; padding-right:15px; }
  .cont4-area { padding-left:15px; padding-right:15px; }
}
@media all and (max-width:1024px) {

  .cont1-area .caption { right:20px; bottom:20px; }
  .cont2-area .cont2-wrap .item { width: 49%; }
  .cont2-area .cont2-wrap .item { margin-bottom:2%; }
  .cont2-area .cont2-wrap .item:nth-child(2) { margin-right:0px; }

  .cont3-area .item { width:32%; }
  .cont3-area .cont3-wrap .item { margin-bottom: 30px; }
  .cont3-area .cont3-wrap .item:nth-child(3) { margin-right:0px;  }


  
  .cont4-area .caption .txt2 { font-size:18px; }
}
.mo-only{display: none}
@media all and (max-width:768px) {
  .mo-only{display: block;}
  .pc-only{display: none}
  .re-tac{text-align: center;}
  .cont2-area .caption .txt2{ font-size: 2rem}
  .cont2-area .caption .txt1 { display:none; }
  .cont3-area .item { width:49%; }
  .cont3-area .caption .txt2{ font-size: 1.2rem} 
  .cont4-area .caption .txt2{line-height: 1.6rem; font-size: 1.2rem} 
  .cont3-area .cont3-wrap .item:nth-child(3) { margin-right:2%;  }
  .cont3-area .cont3-wrap .item:nth-child(2n) { margin-right:0px;  }

}


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