@charset "utf-8";



/* 메인 공통 영역 :: S */
.mainCon {width:100%; position:relative; margin:120px auto 0; padding:0; box-sizing:border-box;}
.mainCon .inner {width:100%; max-width:1330px; position:relative; margin:0 auto; padding:0 15px; box-sizing:border-box;}

.mainCon .titleArea {width:100%; position:relative; text-align:left; margin:0 auto 60px; padding:0;}
.mainCon .titleArea:last-child {margin:60px auto 0;}
.mainCon .titleArea p,
.mainCon .titleArea a {display:block; position:relative; margin:0; padding:0; color:#777;}
.mainCon .titleArea .tit {font-size:24px; line-height:42px; font-weight:600;}
.mainCon .titleArea .sub {font-size:20px; line-height:36px; font-weight:500;}
.mainCon .titleArea .t1 {font-size:16px; line-height:30px; font-weight:400;}


@media screen and (max-width:1280px){
  .mainCon {margin:100px auto 0;}

  .mainCon .titleArea {margin:0 auto 50px;}
  .mainCon .titleArea:last-child {margin:50px auto 0;}
  .mainCon .titleArea .tit {font-size:23px; line-height:41px;}
  .mainCon .titleArea .sub {font-size:19px; line-height:35px;}
  .mainCon .titleArea .t1 {font-size:15px; line-height:29px;}
}

@media screen and (max-width:1080px){
  .mainCon {margin:90px auto 0;}

  .mainCon .titleArea {margin:0 auto 45px;}
  .mainCon .titleArea:last-child {margin:45px auto 0;}
  .mainCon .titleArea .tit {font-size:22px; line-height:40px;}
  .mainCon .titleArea .sub {font-size:18px; line-height:34px;}
  .mainCon .titleArea .t1 {font-size:14px; line-height:28px;}
}

@media screen and (max-width:960px){
  .mainCon {margin:80px auto 0;}

  .mainCon .titleArea {margin:0 auto 40px;}
  .mainCon .titleArea:last-child {margin:40px auto 0;}
  .mainCon .titleArea .tit {font-size:21px; line-height:39px;}
  .mainCon .titleArea .sub {font-size:17px; line-height:33px;}
  .mainCon .titleArea .t1 {font-size:13px; line-height:27px;}
}

@media screen and (max-width:768px){
  .mainCon {margin:70px auto 0;}

  .mainCon .titleArea {margin:0 auto 35px;}
  .mainCon .titleArea:last-child {margin:35px auto 0;}
  .mainCon .titleArea .tit {font-size:20px; line-height:38px;}
  .mainCon .titleArea .sub {font-size:16px; line-height:32px;}
  .mainCon .titleArea .t1 {font-size:13px; line-height:26px;}
}

@media screen and (max-width:640px){
  .mainCon {margin:60px auto 0;}

  .mainCon .titleArea {margin:0 auto 30px;}
  .mainCon .titleArea:last-child {margin:30px auto 0;}
  .mainCon .titleArea .tit {font-size:19px; line-height:37px;}
  .mainCon .titleArea .sub {font-size:15px; line-height:31px;}
  .mainCon .titleArea .t1 {font-size:12px; line-height:25px;}
}

@media screen and (max-width:480px){
  .mainCon {margin:50px auto 0;}

  .mainCon .titleArea {margin:0 auto 25px;}
  .mainCon .titleArea:last-child {margin:25px auto 0;}
  .mainCon .titleArea .tit {font-size:18px; line-height:36px;}
  .mainCon .titleArea .sub {font-size:14px; line-height:30px;}
  .mainCon .titleArea .t1 {font-size:12px; line-height:24px;}
}

@media screen and (max-width:360px){
  .mainCon {margin:40px auto 0;}

  .mainCon .titleArea {margin:0 auto 20px;}
  .mainCon .titleArea:last-child {margin:20px auto 0;}
  .mainCon .titleArea .tit {font-size:17px; line-height:34px;}
  .mainCon .titleArea .sub {font-size:14px; line-height:28px;}
  .mainCon .titleArea .t1 {font-size:11px; line-height:24px;}
}

@media screen and (max-width:320px){

}
/* 메인 공통 영역 :: E */



/* 메인 최상단 슬라이드 영역 :: S */
.mainTopBannerWrap {margin:0 auto;}
.mainTopBannerWrap._pc {position:relative; top:auto; left:auto;}
.mainTopBannerWrap._mo {position:absolute; top:-9999em; left:-9999em;}

.topBannerSlider {width:100%; position:relative; margin:0; padding:0;}
.topBannerSlider .swiper-slide {position:relative;}
.topBannerSlider .swiper-slide > div {position:relative; margin:0; padding:0; box-sizing:border-box; background-size:cover !important;}
.topBannerSlider .swiper-slide div._pc {/* display:block !important; */}
.topBannerSlider .swiper-slide div._mo {/* display:none !important; */ width:100%; height:0; overflow:hidden; padding-bottom:200%;}
.topBannerSlider .swiper-slide .calcSectionHeight {width:100%; height:auto;}

.topBannerSlider .arrows {width:100%; height:0; position:absolute; top:50%; left:0; margin:0; padding:0;}
.topBannerSlider .arrows > div {width:100%; max-width:1330px; position:relative; margin:0 auto; padding:0;
max-width:10000px;}
.topBannerSlider .arrows .swiper-arrow {width:22px; height:42px; margin-top:-21px; background-size:cover !important;
width:11px; height:21px; margin-top:-10.5px;}
.topBannerSlider .arrows .swiper-arrow:after {display:none;}
.topBannerSlider .arrows .swiper-button-prev {background:url('/public/images/cm_arrow_black_1_left.png') center center no-repeat; left:0;
left:15px;}
.topBannerSlider .arrows .swiper-button-next {background:url('/public/images/cm_arrow_black_1_right.png') center center no-repeat; right:0;
right:15px;}

.topBannerSlider .swiper-pagination {width:100%; height:8px; vertical-align:top; position:absolute; top:auto; bottom:30px; left:0; right:auto; text-align:center;}
.topBannerSlider .swiper-pagination span {display:inline-block; width:8px; height:8px; vertical-align:top; position:relative; margin:0 4px 0 0; padding:0; border-radius:50%; background:#000; border:1px solid #fff; box-sizing:border-box; opacity:0.3;}
.topBannerSlider .swiper-pagination span.swiper-pagination-bullet-active {opacity:0.9;}


@media screen and (max-width:1280px){

}

@media screen and (max-width:1080px){
  .topBannerSlider .swiper-slide {}
  .topBannerSlider .swiper-slide .calcSectionHeight {height:0; position:relative; padding-bottom:135%; overflow:hidden;}
}

@media screen and (max-width:960px){
  .mainTopBannerWrap._pc {position:absolute; top:-9999em; left:-9999em;}
  .mainTopBannerWrap._mo {position:relative; top:auto; left:auto;}

  .topBannerSlider .swiper-slide {}
  .topBannerSlider .swiper-slide .calcSectionHeight {padding-bottom:150%;}
}

@media screen and (max-width:768px){
  .topBannerSlider .swiper-slide {}
  /*
  .topBannerSlider .swiper-slide div._pc {display:none !important;}
  .topBannerSlider .swiper-slide div._mo {display:block !important;}
  */
  .topBannerSlider .swiper-slide .calcSectionHeight {padding-bottom:175%;}
}

@media screen and (max-width:640px){
  .topBannerSlider .swiper-slide {}
  .topBannerSlider .swiper-slide .calcSectionHeight {padding-bottom:200%;}
}

@media screen and (max-width:480px){

}

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

}

@media screen and (max-width:320px){

}
/* 메인 최상단 슬라이드 영역 :: E */