@charset "utf-8";
/*@latest 2020.11.18 SSJ - 기본016 */


.menu {border-bottom:1px solid #b9b9b9 !important;}

/* main visual */
.mainVisual .swiper-container.mainSlider_001 {background:white; z-index:0; overflow:hidden;}
.mainVisual .swiper-slide {position:relative; overflow:hidden;}
.mainVisual .swiper-slide>img {height:auto; width: auto;margin: 0 auto;position: absolute;left: -9999px;right: -9999px;}





/*copy*/
.copy {position:absolute;z-index:9;width:100%;word-break:keep-all;}
.copy .inner {max-width:1300px;padding: 40px 0;margin:0 auto;box-sizing:border-box;background: rgba(0,0,0,0.5);}
.copy .inner div {padding:0 15px;}
.copy h3 {font-size: 32px;font-weight:400;line-height: 130%;color: #fff;}
.copy h3 strong {font-weight:600; line-height:150%;}
.copy p.smallp {font-size: 17px;line-height: 150%;padding-top: 15px;color: #fff;}
.copy .morebtn {font-size: 20px; background: #00adef; height: 50px; line-height: 50px; padding: 0 35px; text-align: center; display: inline-block; margin-top: 30px; color: #fff;}

  @media (min-width:1300px){
    .copy .inner {width:40%;}
  }
  @media (min-width:1050px){
    .mainVisual .swiper-container.mainSlider_001 {max-height: 750px;}
    .mainVisual .swiper-container.mainSlider_001 .swiper-wrapper {max-height: 100%;}
    .mainVisual .swiper-slide {height: 750px;}
    .mainVisual .swiper-slide>img {min-height: 750px;}
  }
  @media (min-width:1300px){
    .copy {top:38% !important;}
  }
  @media (min-width:800px) and (max-width:1299px){
    .copy .inner {width:60%;}
  }
  @media (min-width:800px) and (max-width:1049px){
    .mainVisual .swiper-slide {height:0;padding-bottom: 70%;}
    .mainVisual .swiper-slide>img {position:absolute;/* top:0; *//* left:0; *//* min-height:100%; */bottom: 0;/* height: auto; */}
    
    .copy h3{font-size: 30px;}
    .copy p.smallp {font-size:17px;padding-top: 10px;}
  }

  @media (max-width:799px){
    .contents > .wide08_mainbox {}
    .contents > .inner {}

    .copy {top: auto !important; bottom: 0;}
    .copy .inner {padding:20px 0;}
    .copy .morebtn {height: auto; padding: 10px 20px; line-height: 130%; font-size: 17px; margin: 15px 0 0;}
  }

  @media (min-width:600px) and (max-width:1399px){
    .copy .inner div {padding:0 60px;}
    .copy.copy_position_lh .inner div,
    .copy.copy_position_lm .inner div,
    .copy.copy_position_ll .inner div {padding-left:15px;}
    .copy.copy_position_rh .inner div,
    .copy.copy_position_rm .inner div,
    .copy.copy_position_rl .inner div {padding-right:60px; padding-left:15px;}
  }

  @media (min-width:600px) and (max-width:799px){
    .mainVisual .swiper-slide {height:0;padding-bottom:55%;}
    .mainVisual .swiper-slide>img {position:absolute;top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; margin:auto;
                     width:auto !important; min-width:100%; height:100%;}

    .copy h3 {font-size: 20px;font-weight: 600;}
    .copy p.smallp {font-size: 16px;padding-top: 10px;}
  }
  @media (max-width:599px){
    .mainVisual .swiper-slide {height:0;padding-bottom:70%;}
    .mainVisual .swiper-slide>img {position:absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; margin:auto;
                     width:auto !important; min-width:100%; height:100%;}
    .copy h3 {font-size: 20px;margin-top: 10px;font-weight: 600;}
    .copy p.smallp {font-size: 16px; padding-top: 10px;}
  }




.inner_layer {position:absolute; width:100%;  z-index:0;}

  @media (min-width:1050px){
    .inner_layer {/*top:691px;*/ bottom:0;}
  }
  @media (max-width:1049px){
    .inner_layer {position:relative; float:left; background:rgba(0,0,0,0.5);}
  }




/* slide btn */
.mainVisual .swiper-container-horizontal .swiper-pagination-bullets {text-align:left;/* padding-left:30px; */box-sizing:border-box;}
.mainVisual .swiper-pagination-clickable .swiper-pagination-bullet {opacity:1; margin-left:5px; width:10px; height:10px; background:#333; border:1px solid rgba(255,255,255,0.5); border-radius:0;}
.mainVisual .swiper-pagination-clickable .swiper-pagination-bullet:first-child {margin-left:0;}
.mainVisual .swiper-pagination-bullet-active {width:9px; height:9px; opacity:1 !important; background:#fff !important; border:1px solid rgba(0,0,0,0.5) !important;}
.mainVisual .swiper-pagination-clickable .swiper-pagination-bullet-active {background:#fff; border-color:#333;}


/*main swiper*/
div.swiper-pagination-center{position:absolute;bottom:20px;left:0;z-index:10;width:100%; display:table;text-align:center;display: none;}
div.swiper-pagination-center div.swiper-pagination {display:inline-block;text-align:center;position:relative;}


div.indicator {z-index:10;display:inline-block;margin-left:5px;display:none;}
div.indicator button{width:12px; height:12px;border:0;  outline:none; cursor:pointer; vertical-align:top;}
div.indicator button.play{background:url("/sample/template/basic/basic009/img/play.png")no-repeat; text-indent:-9999px;}
div.indicator button.stop{background:url("/sample/template/basic/basic009/img/stop.png")no-repeat; text-indent:-9999px;}

div.mainVisual .mvswiper_btnbox {width: 100%; display: block; position: absolute; top: 50%; text-align: center;}
div.mainVisual .mvswiper_btnbox>div {max-width: 1500px; display: inline-block; position: relative;  width: 100%;}
div.mainVisual .swiper-button-next, 
div.mainVisual .swiper-button-prev {width: 70px; height: 70px; border-radius: 100%; background-size:15px; top: auto !important; margin-top: 0 !important; display: inline-block;
                                  -webkit-transition:background-color 0.5s; transition:background-color 0.5s;}
div.mainVisual .swiper-button-next:hover, div.mainVisual .swiper-button-prev:hover {background-color:rgba(255,255,255,0.2); }
div.mainVisual .swiper-button-next {background: url(/sample/template/basic/basic009/img/slidenext.png) no-repeat white center;right:0;}
div.mainVisual .swiper-button-prev {background: url(/sample/template/basic/basic009/img/slideprev.png) no-repeat white center;opacity:1;left:0;}
  
  @media (max-width:1299px){
    div.mainVisual .swiper-button-next, div.mainVisual .swiper-button-prev {width:50px;height:50px;background-size:15px;}
  }
  @media (min-width:1050px) and (max-width:1380px){
    .copy .inner {}
  }
  @media (max-width:1049px){
    div.mainVisual .swiper-button-next, div.mainVisual .swiper-button-prev {display:none;}
  }
  
  @media (max-width:799px){ 
    div.swiper-pagination-center {bottom:10px;}
  }
  @media (max-width:599px){ 
    
  }





/**/
.customwidget .bnr111_wrap .bnr111_tit {font-size: 26px;line-height: 150%;}
.customwidget .bnr111_wrap .bnr111_co {font-size:17px;line-height: 150%;opacity: 0.8;max-height: 75px;}
.customwidget .bnr111_wrap .bnr111_btn {height: 50px; padding: 0 50px 0 30px; line-height: 50px; font-size: 17px;}

@media (max-width:799px){
  .customwidget .bnr111_wrap .bnr111_tit {font-size:20px;}
  .customwidget .bnr111_wrap .bnr111_co {font-size:15px;max-height: 62px;margin-bottom: 20px;max-height: none;-webkit-line-clamp: 200;}
  .customwidget .bnr111_wrap .bnr111_btn {height: auto; padding: 10px 30px 10px 20px; line-height: 130%; font-size: 15px;}
}

@media (max-width:599px){
  .bnr111_wrap .bnr111_img img {height:auto !Important;vertical-align: bottom;display: inline-block;position: absolute;bottom: 0;right: 0;}
}