@charset "utf-8";

/* txt */
.txtLight {color:var(--color-primary); }
.slideimg1 {background-image: url(/images/main/main_bg13.jpg); background-repeat:no-repeat; background-position:50% 50%; background-size:100%;}
.slideimg2 {background-image: url(/images/main/main_bg10.jpg); border:1px solid #eee; background-repeat:no-repeat; background-position:50% 50%; background-size:100%;}
.slideimg3 {background-image: url(/images/main/main_bg12.jpg); background-repeat:no-repeat; background-position:50% 50%; background-size:100%;}
.slideimg4 {background-image: url(/images/main/main_bg09.jpg); background-repeat:no-repeat; background-position:50% 50%; background-size:100%;}
.slideimg5 {background-image: url(/images/main/main_bg11.jpg); background-repeat:no-repeat; background-position:50% 50%; background-size:100%;}
.slideimg6 {background-image: url(/images/main/mbnr4.jpg); background-repeat:no-repeat; background-position:50% 50%; background-size:100%; border-radius:10px;}
.slideimg7 {background-image: url(/images/main/mbnr5.jpg); background-repeat:no-repeat; background-position:50% 50%; background-size:100%; border-radius:10px;}
.slideimg8 {background-image: url(/images/main/mbnr6.jpg); background-repeat:no-repeat; background-position:50% 50%; background-size:100%; border-radius:10px;}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next,.swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image:none;}
/* root */
/*:root {
  --color-primary: #1A54F5;
  --color-primary-hover: #0B48EF;
}*/

  /* mainScroll */
  .mainScroll { width:100%; height:auto; }
  .mainScroll .swiper-slide { max-width:1000px; }
  .mainScroll .swiper-button-prev,
  .mainScroll .swiper-button-next { margin-top:-16px; color:#fff; font-weight:700; }
  .mainScroll .swiper-button-next:after,
  .mainScroll .swiper-button-prev:after {font-size:20px; color:#222; background-color: rgba(250,250,250,0.5); padding: 20px; border-radius:50px;}
  .mainScroll .swiper-pagination { font-size:0; }
  .mainScroll .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
  .mainScroll .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 8px; }
  .mainScroll .swiper-pagination-bullet { background-color:#000; }
  .mainScroll .swiper-pagination-bullet-active { background-color:#fff; }

  /* mMainBanner */
  .mMainBanner { position:relative; height:560px; box-sizing:border-box; letter-spacing:-1px; }



@media (min-width:768px) {
  /* 메인 & 검색 페이지 */
    /* mainScroll */
    .mainScroll .swiperCtrl { bottom:24px; }
    .mainScroll .swiper-horizontal>.swiper-pagination-bullets,
    .mainScroll .swiper-pagination-bullets.swiper-pagination-horizontal,
    .mainScroll .swiper-pagination-custom,
    .mainScroll .swiper-pagination-fraction { display:inline-block; position:relative; left:auto; bottom:auto; width:auto; }
    
    /* mMainBanner */
    .mMainBanner .thumb { display:flex; justify-content:right; align-items:center; position:absolute; right:96px; top:0; width:calc( 100% - 672px); height:100%; }
    .mMainBanner .thumb img { width:100%; max-width:640px; }
}


@media (min-width:768px) and (max-width:1023px) {
    /* mMainBanner */
    .mMainBanner {}
    .mMainBanner .summary { width:348px; }
    .mMainBanner .desc { font-size:15px; line-height:23px; }
    .mMainBanner .thumb { right:24px; width:348px; }
    .mMainBanner .btn { margin:32px 0 0; }

    /* mNewButton */
    .mNewButton { margin:28px -8px 0; }
    .mNewButton > a { margin:0 8px; }

}

@media (max-width:1023px) {

  /* 메인 & 검색 페이지 */

    /* mainScroll */
    .mainScroll .swiper-pagination-bullet { width:12px; height:12px; }
    .mainScroll .swiperControl { display:none; }
    .mainScroll .swiper-button-prev,
    .mainScroll .swiper-button-next { }
	.mainScroll .swiper-button-next:after, .mainScroll .swiper-button-prev:after {font-size: 16px;padding :10px;}


}
@media (min-width:1317px) {
  /* 메인 & 검색 페이지 */
    /* mainScroll */
    .mainScroll .swiper-button-prev { left:50%; margin-left:-660px; }
    .mainScroll .swiper-button-next { right:50%; margin-right:-660px; }

    /* mMainBanner */
    .mMainBanner {  }

}
@media (min-width:1024px) {
  /* 메인 & 검색 페이지 */
    /* mainScroll */
    .mainScroll { margin:0; }
    .mainScroll .swiper-pagination { vertical-align:middle; }
    .mainScroll .swiper-pagination-bullet { width:16px; height:16px; }
    .mainScroll .swiperControl.isRunning .btnStart { display:none; }
    .mainScroll .swiperControl.isRunning .btnStop { display:block; }

    /* mMainBanner */
    .mMainBanner { height:110px; border-radius:10px; }
}
@media screen and (max-width: 1024px) {
  /* 메인 & 검색 페이지 */
    /* mainScroll */
    .mainScroll .swiper-button-prev { left:37px; }
    .mainScroll .swiper-button-next { right:37px; }

    /* mMainBanner */
    .mMainBanner {height:110px;}
	.dotsWrap {bottom:12px;}
    .mMainBanner .thumb { right:80px; width:calc( 100% - 640px); }
}



@media (max-width:767px) {
  /* //메인 & 검색 페이지 */
    /* mainScroll */
    .mainScroll .swiper-horizontal>.swiper-pagination-bullets,
    .mainScroll .swiper-pagination-bullets.swiper-pagination-horizontal,
    .mainScroll .swiper-pagination-custom,
    .mainScroll .swiper-pagination-fraction { bottom:96px; }

    /* mMainBanner */
    .mMainBanner {height:80px;}
	.dotsWrap {left :20px; bottom: -5px;}
	.mainScroll .swiper-button-prev {top:66%; left:10px; }
    .mainScroll .swiper-button-next {top:66%; right:10px; }
	.slideimg1 {/*background-color:#f2f4f8;*/background-image: url(/images/main/main_bg13_mo.jpg); background-size:cover;}
	.slideimg2 {/*background-color:#e4eef9;*/ background-image: url(/images/main/main_bg10_mo.jpg);  background-size:cover;}
	.slideimg3 {background-size:cover;}
	.slideimg4 {/*background-color:#e6f3e3;*/ background-position: 80% 50%;  background-size:cover;}
	.slideimg5 {/*background-color:#efe4f9;*/ background-image: url(/images/main/main_bg11_mo.jpg);  background-size:cover;}
	.slideimg6 {background-position: 0% 100%; background-size:cover;}
	.slideimg7 {background-position: 0% 100%; background-size:cover;}
	.slideimg8 {background-position: 0% 100%; background-size:cover;}
	
}