.main-container{}
.main-visual-w{width:100%;height:100%;position:relative;overflow:hidden}
.main-visual-w .main-visual{width:100%;height:100%;position:relative;}
.main-visual-w .main-visual .swiper-slide{position:relative;height:100%;overflow:hidden}
.main-visual-w .main-visual .swiper-wrapper{height:100% !important}
.main-visual-w .main-visual .swiper-slide .slide-visual {transform: scale(1.3,1.3) ;width:100%;height:100%;transition: all 1.5s; opacity:0} 
.main-visual-w .mv01 {background: url('../images/main_visual_01.jpg') no-repeat 50% 0;background-size:cover}
.main-visual-w .mv02 {background: url('../images/main_visual_06.jpg') no-repeat 50% 0;background-size:cover}
.main-visual-w .mv03 {background: url('../images/main_visual_03.jpg') no-repeat 50% 0;background-size:cover}
.main-visual-w .mv04 {background: url('../images/main_visual_04.jpg') no-repeat 50% 0;background-size:cover}
.main-visual-w .mv05 {background: url('../images/main_visual_05.jpg') no-repeat 50% 0;background-size:cover}
.main-visual-w .main-visual .swiper-slide-active .slide-visual{transform: scale(1.0,1.0) ;width:100%;transition: all 1.5s;opacity:1 }
.main-visual-w .main-btn-prev{position:absolute;left:20px;top:280px;background-image:url('/asset/images/btn_main_prev.png');background-repeat:no-repeat;background-size:45px 90px;width:45px;height:90px;z-index:100;cursor:pointer}
.main-visual-w .main-btn-next{position:absolute;right:20px;top:280px;background-image:url('/asset/images/btn_main_next.png');background-repeat:no-repeat;background-size:45px 90px;width:45px;height:90px;z-index:100;cursor:pointer}
.main-visual-w .main-visual .mv-pagination {position:absolute;width:100%;right:0;bottom:25px;z-index:100;height:40px;text-align:center}
.main-visual-w .main-visual .mv-pagination .swiper-pagination{position:relative;text-align:left;display:inline-block;margin:0 7px 0 0}
.main-visual-w .main-visual .mv-pagination .swiper-stop{background:transparent;vertical-align:4px} 
.main-visual-w .main-visual .mv-pagination .swiper-play{background:transparent;vertical-align:4px} 
.main-visual-w .main-visual .main-txt {position:absolute;color:#FFF;background:transparent;z-index:1;left:53%;top:20%}
.main-visual-w .main-visual .txt01{font-size:48px; color:#FFF;line-height:1;font-family:'GmarketSansBold';position:relative;opacity:0;transition:all 0.5s } 
.main-visual-w .main-visual .swiper-slide-active .txt01{opacity: 1.0;}
.main-visual-w .main-visual .swiper-slide-active .txt01 .item{animation: text-active-animation .5s cubic-bezier(.5, 0, .5, 1) both;}
.main-visual-w .main-visual .main-txt .txt01 .item{position:relative}
.main-visual-w .main-visual .txt02{font-size:62px; color:#FFF;display:block;line-height:1;font-family:'GmarketSansLight';margin-top:15px;opacity:0;}
.main-visual-w .main-visual .swiper-slide-active .txt02{opacity: 1.0;}
.main-visual-w .main-visual .swiper-slide-active .txt02 .item{animation: text-active-animation .5s cubic-bezier(.5, 0, .5, 1) both;}
.main-visual-w .main-visual .main-txt .txt02 .item{position:relative}
.main-visual-w .main-visual .txt03 {font-size:32px;margin-top:40px;color:#FFF;font-family:'GmarketSansLight';opacity:0;transition:all 1s;line-height:1.3em}
.main-visual-w .main-visual .swiper-slide-active .txt03 {opacity:1;margin-top:20px;transition:all 1s;transition-delay: 1.5s, 4ms;}
.main-visual-w .main-visual .swiper-pagination-bullet{width:15px;height:15px;margin:0 8px;border:1px solid #fff;background:transparent;opacity:1;}
.main-visual-w .main-visual .swiper-pagination-bullet-active{background:#FFF !important;border:1px solid #fff;}
  
.m-gallery-w{position:absolute;z-index:1;bottom:10%;width:100%;}
.m-gallery-w .m-gallery-inner{position:relative;float:right;max-width:1600px;width:100%; background:#0056b0;box-sizing:border-box;padding:40px 20px 40px}
.gallery-text {width:calc(25% - 50px);position:absolute;left:50px;top:35% ;transform: translateY(-50%);}
.gallery-text .txt01{font-size:48px;color:#FFFFFF;font-family:'GmarketSansBold';line-height:1.2em}
.gallery-text .txt02{font-size:20px;color:#FFF;margin-top:15px;line-height:1.7em}
.gallery-text .btn-online{display:block;font-size:18px;color:#fff;font-family:'GmarketSansBold';margin-top:30px;border:3px solid #FFF;width:180px;height:40px;text-align:center;line-height:40px}
.gallery-text .btn-online:hover{border:3px solid #1168d2;color:#1168d2}


.gallery-text2 {width:33%;position:absolute;left:50px;top:87%;padding-right:50px;transform: translateY(-50%);}
.gallery-text2 .txt01{font-size:48px;color:#FFFFFF;font-family:'GmarketSansBold';line-height:1.2em}
.gallery-text2 .txt02{font-size:20px;color:#FFF;margin-top:15px;line-height:1.7em}



.gallery-swiper {display:flex;width:100%;padding-top:30px;position:relative;}
.gallery-swiper h3{width:25%;flex-shrink: 0;;padding:17px 0 0 50px;font-size:48px;color:#FFFFFF;font-family:'GmarketSansBold';line-height:1.2em;box-sizing:border-box}
.gallery-swiper .swiper-container {flex:1;margin-left:0;overflow:visible}
.gallery-swiper .swiper-slide{display:flex;align-items:center;height:380px !important;;}
.gallery-swiper .swiper-slide img{width:100%;padding:0px 10px 0px 0px}
.gallery-swiper .swiper-pagination{bottom:15px}
.gallery-swiper .swiper-pagination-clickable .swiper-pagination-bullet{width:6px;height:6px;background:#f6f6f6;margin:0 10px}
.gallery-swiper .swiper-pagination-clickable .swiper-pagination-bullet-active{width:12px;height:12px;background:transparent;border:2px solid #FFF;box-sizing:border-box;vertical-align:-2px}


/* 3개배너 공통 */
.gallery-swiper-new {
  width: 100%; 
  overflow: hidden;
  padding-left:25%;
}
.gallery-swiper-new ul {
  display:flex;
  gap:20px;
}
.gallery-swiper-new li {
  float: left;
  list-style: none;
} 
  .gallery-swiper-new img {
    width: 100%;
  } 
 


@media screen and (max-width:1650px){ 
.m-gallery-w .m-gallery-inner{width:calc(100% - 100px)}
} 

/* 태블릿(768px~1024px): */
@media screen and (max-width:1600px){
	.gallery-swiper{padding-top:10px} 
	.gallery-text .txt01{font-size:32px}
	.gallery-text .txt02{font-size:15px;letter-spacing:-0.05em} 

	.gallery-text2{margin-top:-50px;margin-left:-20px}
	.gallery-text2 .txt01{font-size:30px}

	.gallery-swiper h3{;font-size:32px;padding:23px 0 0 50px;}


	.gallery-swiper .swiper-slide{height:340px !important}

	/* 모바일 */
	@media (max-width: 780px) {

	.gallery-text2{margin-top:-50px;margin-left:-20px;width:100%}
	.gallery-text2 .txt01{font-size:30px;}
	}
	 

	.main-visual-w .main-visual .txt01{font-size:38px}
	.main-visual-w .main-visual .txt03{font-size:23px}
}
@media screen and (max-width:1400px){
	.gallery-text {width:calc(25% - 35px);position:absolute;left:35px;top:35% ;transform: translateY(-50%);}
	.gallery-text .txt01{font-size:32px}
	.gallery-text .txt02{font-size:14px} 
	.gallery-swiper h3{;font-size:26px;padding:30px 0 0 35px;}
}

@media screen and (max-width:1080px){
    html.fp-enabled, .fp-enabled body{height:auto !important;overflow:visible !important}
    .main-visual-w{height: auto !important}
    .m-gallery-w{position:relative;bottom:auto}
    .fp-scrollable{overflow:visible !important;height:auto  !important}
    .fullpage-wrapper{height:auto !important}

    .gallery-text{;top:35px ;transform: translateY(0);padding-right:10px }
    .m-gallery-w .m-gallery-inner{max-width:100% }
	.m-gallery-w .m-gallery-inner{width:100%}
    .m-gallery-w .m-gallery-inner{height:auto}
    
    .main-visual-w .main-visual{height:480px}
    .main-visual-w .main-visual .main-txt{left:0;top:50%;width:100%;text-align: center;}
    .main-visual-w .main-visual .txt01{font-size:28px}
    .main-visual-w .main-visual .txt02{font-size:31px}
    .main-visual-w .main-visual .txt03{font-size:18px}
    .main-visual-w .main-btn-next, .main-visual-w .main-btn-prev{display:none}
    .main-visual-w .main-visual .swiper-slide .slide-visual {height:480px}
    .main-visual-w .main-visual .mv-pagination{bottom:15px;left:0}
    .main-visual-w .main-visual .swiper-pagination-bullet{width:10px;height:10px}
    .gallery-swiper{margin-left:0;padding:20px 20px}
    .gallery-swiper .swiper-pagination{}
    .gallery-swiper .swiper-slide{height:auto !important}
	.gallery-swiper h3{;font-size:26px;padding:23px 0 0 10px;}
 
} 
 

@media screen and (max-width:980px){
	.gallery-text{position:relative;display:flex;width:100%;top:15px ;transform: translateY(0);padding-right:10px }
	.gallery-text .txt02{margin:22px 0 0 25px}
	.gallery-swiper-new{padding:0 25px;margin-top:35px}
	.gallery-swiper-new li{margin-right:0 !important}
	.gallery-text .txt02 .add-br{display:none;}
	.gallery-swiper{display:block}
}



/* 모바일: 한 줄에 하나씩 중앙정렬 */
@media (max-width: 780px) {
  .gallery-swiper-new {
    width: 100%;
    margin: 0 auto;
    padding: 20px 10px 0;
    text-align: center;
  }
  .gallery-swiper-new li {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .gallery-swiper-new img {
    width: 100%;
    max-width: 400px;
    height: auto;
  }

  .m-gallery-w .m-gallery-inner{padding:20px 0}

  .gallery-swiper-new ul {
	  gap:10px;
	}
}


.site_link_bn_ta{display:none}
.site_link_bn_mo{display:none}
.site_link {border-top:0px solid #4081c4;margin-top:0px;position: relative;}
.site_link .con{position:relative; width:100%; height:78px; overflow: visible;;padding:20px 0 0 0; padding-right:70px;box-sizing:border-box}
.site_link .site_link_bn { float:left; wwidth:1100px !important}
.site_link .site_link_bn > ul {display:flex}
.site_link .site_link_bn > ul > li { float:left; padding-right:6px;}
.site_link .site_link_bn > ul > li img { width:202px; height:41px; border:1px solid #cecece}
.btn_field {position:absolute; right:20px; bottom:-30px; width:61px; overflow:hidden;height:39px;}
.btn_field > span.btn_prev { float:left;}
.btn_field > span.btn_pause {float:left;}
.btn_field > span.btn_next {float:left;}

@media screen and (max-width:980px){
.gallery-swiper h3{width:100%}
.site_link_bn, .site_link_bn_mo {display:none}
.site_link {position:relative;  margin:0 auto; overflow:hidden;padding:15px 0 }
.site_link .con{height:auto;padding:0}
.site_link .site_link_bn_ta {display:block; width:100%; text-align:center}
.site_link .site_link_bn_ta > ul {display:grid;grid-template-columns: repeat(4, 1fr);  gap: 20px;}
.site_link .site_link_bn_ta > ul > li {width:100%}
.site_link .site_link_bn_ta > ul > li img { width:100%; height:auto; border:1px solid #cecece}
  .btn_field {display:none} 
  }

@media screen and (max-width:600px){
.site_link .site_link_bn_ta > ul {display:grid;grid-template-columns: repeat(3, 1fr);  gap: 10px;} 
  }
@media screen and (max-width:480px){
  .gallery-text{display:block;left:15px;top:7px}
  .gallery-text .txt02{margin:5px 0 15px 0}
  .gallery-swiper{padding:15px 15px}
  .gallery-swiper h3{padding:25px 0 0 0}
  }