@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 .container { max-width:initial; margin-bottom: 110px;}
.event-area .container a img{ max-width:initial; width:100%; }

.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;  }


  .event-area { height: inherit; padding-bottom:0px; }
  .event-area .event-caption { width: 100%; height: inherit; padding-bottom: 30px; padding-left: 15px; padding-right: 15px;}
  .event-area .event-object { width: 100%; }
  .event-area .event-caption .tit1 { font-size:32px; line-height:48px; }

  .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;  }
  .event-area .event-caption .tit1 { font-size:26px; line-height:34px; }
  .event-area .event-caption .tit2 { font-size:14px; line-height:24px; }
  .event-area .event-object img { bottom:initial; }
}


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