@charset "utf-8";

#main_banner .swiper .swiper-wrapper .swiper-slide777 { margin-right: 0px !important;}
#main_banner #gnb{z-index:2;}

/* main_banner css */

.main_swiper7 {  /*background-color: #000;*/ }
.main_swiper7.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; width: 100%;} 
 
.main_swiper7 .swiper-wrapper .swiper-slide { overflow: hidden;}
.main_swiper7 .swiper-wrapper .swiper-slide .text_box { width: 80%; left: 0; right: 0; text-align: center; align-items: normal; position: absolute;top: 50%; transform: translateY(-50%); margin: 0 auto; z-index: 10;}
.main_swiper7 .swiper-wrapper .swiper-slide .text_box .text_contents {  color: #fff; font-family: 'Poppins', 'NotoSans', sans-serif;}


/* text 첫라인 변경 */
.first_word { font-weight: 200;}  
.main_swiper7 .swiper-wrapper .swiper-slide .text_box .text_contents h1 { font-size: 60px; font-weight: 600;line-height: 1.3; color: #fff;font-family: 'Oswald', sans-serif;word-break: keep-all;} 
.main_swiper7 .swiper-wrapper .swiper-slide .text_box .text_contents .big { font-size: 30px; font-weight: 200;line-height: 1.2; margin-bottom: 0px;font-family: 'Oswald', sans-serif;word-break: keep-all;}
.main_swiper7 .swiper-wrapper .swiper-slide .text_box .text_contents .line1 { display: inline-flex; align-items: center; margin: 30px 0; }
.main_swiper7 .swiper-wrapper .swiper-slide .text_box .text_contents .slogan { font-size: 16px; line-height: 24px; font-weight: 400; margin-bottom: 20px; font-family: 'Oswald', sans-serif; /* opacity: 0; */ } 

.main_swiper7 .swiper-wrapper .swiper-slide a.btn_link { color:var(--color-fff); font-weight: 400; letter-spacing: 0.6px; font-size: 16px; line-height: 40px; min-height: 45px; min-width: 150px; border-radius: 3em; display: inline-block; background-color:#eeeeee30; border: 1px solid var(--color-fff); text-decoration: none;text-align: center;}
.main_swiper7 .swiper-wrapper .swiper-slide a:hover {  color:var(--color-fff); border: 1px solid var(--color-main); background-color: var(--color-main); }
.main_swiper7 .swiper-wrapper .swiper-slide .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%;z-index: 1;}
.main_swiper7 .swiper-wrapper .swiper-slide .swiper_bg { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; object-fit: cover;}
.bgsize_scale .bgsize_scale_cover { transition: 8.5s ease-out; transform: scale(1.3);}  
.bgsize_scale .swiper-slide.swiper-slide-active .bgsize_scale_cover { transform: scale(1);}
	
/* main_banner @media text style */
@media(max-width:1024px) {
    .main_swiper7 .swiper-wrapper .swiper-slide .text_box { text-align: center !important; top: 50%;left: 50%;transform: translate(-50%, -50%);	 }
    .main_swiper7 .swiper-wrapper .swiper-slide .text_box .text_contents { /*margin-left: auto;*/text-align: center;  }
    .main_swiper7 .swiper-wrapper .swiper-slide .text_box .text_contents h1 { font-size: 40px; line-height: 50px; }
	.main_swiper7 .swiper-wrapper .swiper-slide .text_box .text_contents .big  {  font-size: 35px; }
    .main_swiper7 .swiper-wrapper .swiper-slide .text_box .text_contents h1  br { display:none; }
    .main_swiper7 .swiper-wrapper .swiper-slide .text_box .text_contents .line { margin: 20px auto; text-align: center; }
    .main_swiper7 .swiper-wrapper .swiper-slide .text_box .text_contents .slogan  { font-size: 18px;line-height: 30px; margin-top: 15px; margin-bottom: 20px; }
    .main_swiper7 .swiper-pagination { position: absolute !important; text-align: center !important; bottom: 100px !important; right: 0 !important; width: auto !important;left: 0 !important; margin: 0 !important; margin: 0 auto !important; z-index: 10;}
}
@media only screen and (max-width: 993px) {
    .main_swiper7 .swiper-wrapper .swiper-slide .text_box { width: calc(100% - 30%); } 
	.main_swiper7 .swiper-wrapper .swiper-slide .text_box .text_contents { margin-left: 0%;  }
}	



/* pagination text style */
.main_swiper7 .swiper-button-next, .main_swiper7 .swiper-container-rtl .swiper-button-prev {  right: 5%; color: #fff! important; }
.main_swiper7 .swiper-button-prev, .main_swiper7 .swiper-container-rtl .swiper-button-next {  left: 5%; color: #fff! important;}


/* pagination text style */
.main_swiper7.swiper-container .swiper-pagination {
    position: absolute;
    bottom: 50px !important;
    right: 60px !important;
    width: auto !important;
    left: auto !important;
    margin: 0 !important;
    z-index: 10;
}
.main_swiper7.swiper-container .swiper-pagination-bullet {
    padding: 5px 0 !important;
    border-radius: 0 !important;
    width: auto !important;
    height: 30px !important;
    text-align: center !important;
    line-height: 30px !important;
    font-size: 12px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    font-weight: 600 !important;
    opacity: 1 !important;
    background-color: transparent !important;
    position: relative !important;
    transition: 0.5s;
    margin-right: 6px !important;
	border: 0px solid transparent;	
}
.main_swiper7.swiper-container .swiper-pagination-bullet:before {
    position: absolute;
    left: 0;
    margin-top: 30px;
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.6);
    content: "";
    transition: 0.5s;
}
.main_swiper7.swiper-container .swiper-pagination-bullet:hover:before {
    background-color: rgba(255, 255, 255, 1) !important;
}
.main_swiper7.swiper-container .swiper-pagination-bullet:hover,
.main_swiper7.swiper-container .swiper-pagination-bullet-active {
    color: rgba(255, 255, 255, 1) !important;
    background-color: transparent !important;
	border: 0px solid transparent;
}
.main_swiper7 .swiper-container .swiper-pagination-bullet-active:before {
    background-color: rgba(255, 255, 255, 1);
}



/*id 스크롤 다운 */
.scroll_down { position: absolute; left: 50%; transform: translateX(-50%); bottom: 50px; z-index: 10;}
.btn_scroll { display: inline-block; padding: 10px; color: #fff; border-radius: 50px; cursor: pointer; transition: all 0.3s ease-in-out; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05); transition: all 350ms cubic-bezier(0.50, 1, 0.07, 1); border: 1px solid rgba(250, 250, 250, 0.5);line-height: 50px; height: 55px;}
.btn_scroll:hover { transform: translateY(-5px);box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);border: 1px solid rgba(250, 250, 250, 1);}
.floating_arrow { -webkit-animation: floating_arrow 1.6s infinite ease-in-out 0s; -o-animation: floating_arrow 1.6s infinite ease-in-out 0s; animation: floating_arrow 1.6s infinite ease-in-out 0s;}
@keyframes floating_arrow {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    65% {
        -webkit-transform: translateY(11px);
        transform: translateY(11px);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
/*id 스크롤 다운 끝*/





.autoplay-progress {
  position: inherit;
  margin: 30px 0;
  z-index: 10;
  width: 125px;
  height: 5px;
  display: inline-flex; align-items: center;
  font-weight: bold;
  color: transparent;
}

.autoplay-progress svg {
  --progress: 0;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  stroke-width: 10px;
  stroke: #fff;
  fill: none;
  stroke-dashoffset: calc(0 - (125 * var(--progress)));
  stroke-dasharray: 125;
  transform: rotate(180deg);
}



@media(max-width:768px) {	
    .main_swiper7 .swiper-wrapper .swiper-slide .text_box .text_contents  { margin-left: 0%! important; text-align: center! important; max-width: 100%! important }
    .main_swiper7 .swiper-wrapper .swiper-slide .text_box .text_contents h1  { font-size: 28px; line-height: 1.3;     transition-delay: 0.6s;} 
	.main_swiper7 .swiper-wrapper .swiper-slide .text_box .text_contents .big  {  font-size: 18px; }
	.main_swiper7 .swiper-wrapper .swiper-slide .text_box .text_contents .line { margin: 10px auto;}
    .main_swiper7 .swiper-wrapper .swiper-slide .text_box .text_contents .slogan { font-size: 14px;line-height: 20px;} 
    .main_swiper7 .swiper-button-next, .main_swiper7 .swiper-button-prev, .main_swiper7 .swiper-pagination, .autoplay-progress, .scroll_down { display:none; }   
	.main_swiper7 .swiper-wrapper .swiper-slide a.btn_link {font-size: 14px;line-height: 30px; min-height: 35px; min-width: 100px; }		

}


/* ****************************************************************************************** *
 * 메인배너 설정
 * ****************************************************************************************** */
@media screen and (max-width: 786px) {
    #main_banner .swiper-container.bgsize_scale { height: 45vh! important; }
	#main_banner { padding: 0px; background: #ffff; }
}