/* 
z-index

.swiper_main .swiper-slide img : -1;
.section_tit::after : -1;
.swiper_section p : 5

*/


/* main slide */
.swiper_main .swiper-slide { height: 100vh; overflow: hidden; color: #fff; background-size: cover;
  transition: 0.5s all;}

.swiper_main .swiper-slide img{width: 100%; height: 100%; object-fit: cover; object-position: center; position : absolute; z-index: -1; }
.swiper_main .swiper-slide .txt{position : absolute; width: 100%; top:340px;}
.swiper_main .swiper-slide .txt .inner{ width:100%; margin : 0 auto; color : #fff;}
.swiper_main .swiper-slide .txt h3{font-size: 35px; font-family: 'GmarketSans'; margin-left:30%; width:70%; text-align:center;}
.swiper_main .swiper-slide .txt h3 strong{font-weight:600; color:#152B76;}
.swiper_main .swiper-slide .txt p{letter-spacing:-0.05em; margin-left:30%; width:70%; text-align:center;vertical-align:middle; font-family: 'GmarketSans'; font-weight:600; line-height:1.5; font-size:64px;}
.swiper_main .swiper-slide .txt p.img img{vertical-align:top; padding-top:12px;width:100%; max-width:820px; object-fit:none; position:relative; }
.swiper_main .swiper-slide .txt p.btn span{color:#152B76; box-sizing:border-box; letter-spacing:0; line-height:38px; display:inline-block; border-radius:25px; width:168px; padding:5px 35px 0 15px; font-size:16px; background:#fff;font-weight:600; font-family: 'GmarketSans';background:#fff url(../img/s_img/m_vi_btn_arr.png) no-repeat 90% 17px;} 
.swiper_main .swiper-slide .txt p.btn span:hover{background-image:none;color:#fff; background:#152B76;}
/*
.swiper_main .swiper-slide .txt p.btn span:hover{  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;color:#fff; box-sizing:border-box; letter-spacing:0; line-height:38px; display:inline-block; border-radius:25px; width:168px; padding:5px 35px 0 15px; font-size:16px; font-weight:600; font-family: 'GmarketSans'; background:#152B76 url(../img/s_img/m_vi_btn_arr_w.png) no-repeat 90% 48%;} 
*/

  .button-effect {
    padding: 0px 0px; 
    
    h2 {
      font: {
        family: 'Droid Serif', serif;
        size: 20px;
      }
      margin-bottom: 40px;
    }
    
    a {
      margin-right: 17px;
      
      &:nth-child(2) {
        background-color: $button-bg-1;
      }
      
      &:nth-child(3) {
        background-color: $button-bg-2;
      }
      
      &:nth-child(4) {
        background-color: $button-bg-3;
      }
      
      &:nth-child(5) {
        background-color: $button-bg-4;
      }
      
      &:nth-child(6) {
        background-color: $button-bg-5;
      }
      
      &:last-child {
        margin-right: 0px;
      }
    }
  }
}
}

/* button styles !!!YOU NEED THEM 
!!!ALSO YOU NEED TO ADD FONTWESOME */

.effect {
text-align: center;
display: inline-block;
position: relative;
text-decoration: none;
color: $link-text-color;
text-transform: capitalize;
padding: 20px 0px;
width: 150px;
border-radius: $border-radius;
overflow: hidden;
}

/* effect-1 styles */

.effect.effect-1 {
transition: all 0.2s linear 0s;

&:before {
  content:url("../img/s_img/m_vi_btn_arr_w.png");
   font-family: FontAwesome;
  font-size: 15px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  right:5px;
  top:8px;
  opacity: 0;
  height: 100%;
  width: 40px;
  transition: all 0.2s linear 0s;

}

&:hover {
  text-indent: -10px;
  
  &:before {
    opacity: 1;
    text-indent: 0px;
  }
}
}

.swiper_main .swiper-pagination{display:none; width: 100%; bottom: 115px;  height: 40px;}

.swiper_main .swiper-slide img.pc{display:block;}
.swiper_main .swiper-slide img.mobile{display:none;}

.swiper_main .swiper-pagination .inner {
  display: flex;
  width: 1560px;
  margin : 0 auto;
  justify-content: flex-start;
  align-items: center;
}
/* button style */
.swiper_main .swiper-pagination-bullet {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin: 0 10px;
  background-color: transparent;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.3s;
  

}


.swiper_main .swiper-pagination-bullet span {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url('/file/img/s_img/slide_icon.png');
  background-position: center;
  width:17px;
  height: 16px;
}
/* button circle */
.swiper_main .progress { transform: rotate(-90deg);}
.swiper_main .circle-origin {
  fill: transparent;
  stroke:rgb(255, 255, 255);
  stroke-width: 1;
  stroke-linecap: round;
  stroke-dasharray: 125.664px;
  stroke-dashoffset: 125.664px;
  border:1px solid #fff;}

.swiper_main .swiper-pagination-bullet-active .circle-origin{
  border:1px solid #ddd;}


.swiper_main .swiper-pagination-bullet-active .circle-origin {
  animation: progress 3.1s both linear;}

@keyframes progress {
  0% {
    stroke-dashoffset: 125.664px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

/* 첫 번째 단락 */
.inner{width: 1200px; margin : 0 auto; height: 100%;}
.inner .swiper-slide{height: 400px;}
.swiper-slide a{position: relative;}
.swiper_section .swiper { width: 100%; height: 100%;}

.swiper_section .swiper-slide { position : relative; text-align: center; font-size: 1.8rem; /* background: #fff; */
  display: flex; justify-content: center; align-items: center;  opacity: 0.3;}

.swiper_section .swiper-slide.swiper-slide-active{opacity: 1;}
.swiper_section .swiper-slide.swiper-slide-next{opacity: 1;}

.swiper_section .swiper-slide:hover::after{ display : block;}

.swiper_section .swiper-slide:hover img{ filter: brightness(0.5);}

.swiper_section .swiper-slide::after{ content : ''; display : none; position: absolute;  top: 80px;
  right: 25px; width: 38px; height: 19px;  background-image: url('/file/img/s_img/right_arr.png');}

.swiper_section .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover;  border-radius: 25px;}
.swiper_section.swiper{overflow: visible;}
.swiper_section p{position :absolute; z-index: 5; right: 17px; top: 24px; font-size: 2.5rem; font-weight: bold; color : #fff;}



@media (max-width : 1600px){
  .swiper_main .swiper-slide .txt .inner{width: auto;}
  .swiper_main .swiper-slide .txt{padding-left:0;}
  .swiper_main .swiper-pagination{padding-left:0;}




  .swiper_main .swiper-slide .txt h3{font-size:28px; margin-left:25%; width:75%; text-align:center;}

  .swiper_main .swiper-slide .txt p{margin-left:25%; width:75%; text-align:center;vertical-align:middle; line-height:1.5; font-size:48px;}
  .swiper_main .swiper-slide .txt p.img img{width:656px !important; vertical-align:top; padding-top:12px;width:auto; object-fit:contain; position:relative; object-position:inherit;}




} /* end */




@media (max-width : 991px){


  .swiper_main .swiper-slide .txt h3{font-size:22px; margin-left:auto; margin-right:auto; width:80%; text-align:center;}
  .swiper_main .swiper-slide .txt p{ margin-left:auto; margin-right:auto; width:80%; text-align:center;vertical-align:middle; line-height:1.5; font-size:48px;}
  .swiper_main .swiper-slide .txt p.img img{width:520px !important; vertical-align:top; padding-top:12px;width:auto; object-fit:contain; position:relative; object-position:inherit;}


.fp-tableCell {
  display: table-cell;
  vertical-align: top;
  width: 100%;
  height: auto !important;
}
.swiper_main .swiper-slide img.pc{display:none;}
.swiper_main .swiper-slide img.mobile{display:block;}
.swiper_main .swiper-slide .txt {position: absolute; width: 100%; top: 40%;}



} /* end */


@media (max-width : 768px){

  .swiper_main .swiper-pagination .inner{display : none;}
  .swiper_main .swiper-slide .txt .inner{width: 92%;}


  .swiper_main .swiper-slide .txt h3{font-size:15px; }
  .swiper_main .swiper-slide .txt p{ margin-left:auto; margin-right:auto; width:80%;  font-size:48px;}
  .swiper_main .swiper-slide .txt p.img img{width:100% !important; max-width:360px; vertical-align:top; padding-top:12px;width:auto; object-fit:contain; position:relative; object-position:inherit;}

  .swiper_main .swiper-slide{height: 100vh;}
  .swiper_section .swiper-slide::after{top: 60px; right: 18px;}
  .swiper_main .swiper-slide .txt { position: absolute; width: 100%; top: 38%;}

} /* end */


@media (max-width : 600px){

  .swiper_main .swiper-slide img.mobile { display: block;  height:100vh;}
  .swiper_main .swiper-slide{  height:100vh;}
  .swiper_main .swiper-slide .txt { position: absolute; width: 100%; top:42%;}

  .swiper_main .swiper-slide .txt p.btn span{ line-height:32px; display:inline-block; width:148px; padding:2px 35px 0 15px; font-size:15px; background:#fff url(../img/s_img/m_vi_btn_arr.png) no-repeat 90% 15px;} 

} /* end */