/* BASIC css start */
#footer{margin-top:0 !important; height:257px !important}
.top_banner{display:block !important; position:absolute; top:0; z-index:100; transition:top .4s}
.top_banner.scroll{top:-45px !important;  }
#header{position:fixed !important; top:45px !important; transition:top .4s; }
#header.scroll{top:0 !important;}
/* ¼½¼Ç °øÅë */
section{}
section .sec_inner{width: 1685px;margin: 0 auto;}
section h2{font-family: 'Kumbh Sans', sans-serif;  text-align: center; color: #000; font-weight: 400; font-size: 34px;margin-bottom:50px}

.fp-tableCell{height:100vh !important}
/* sec1 */

#sec1 ul li .thumb{width: 100%;height:100%}
#sec1 ul li .thumb img{width: 100%;height:100vh; object-fit:cover}
#sec1 ul li .text{position: absolute;left: 50%; bottom: 20%; text-align: center; transform: translateX(-50%);}
#sec1 ul li .text h3{font-family: 'Kumbh Sans', sans-serif; font-size: 26px; color: #fff; margin-bottom: 20px; font-weight: 500;line-height: 1.5;transition: top .8s, opacity 1s;}
#sec1 ul li .text a{font-family: 'Kumbh Sans', sans-serif; font-size: 16px; color: #fff; display: inline-block; font-weight: 500; border: 1px solid #fff; padding: 14px 55px;transition:top 1s, opacity 1.4s,background-color .2s;}
#sec1 ul li .text a:hover{background-color: rgba(255,255,255,.1);}
#sec1 ul li .text>*{opacity: 1; top: 100px; position: relative;}
#sec1 ul li .text.show>*{top: 0; opacity: 1;}
#sec1 .swiper-button-prev {position: absolute; top: 50%; left: 50%; z-index: 10; transform: translate(-937.5px,-50%); cursor: pointer; } 
#sec1 .swiper-button-next {position: absolute; top: 50%; right: 50%; z-index: 10; transform: translate(937.5px,-50%); cursor: pointer;}
#sec1 .swiper-button-next::after, 
#sec1 .swiper-button-prev::after {
    display: none;
}


/* sec2 */
#sec2 {margin: 50px 0;}
/* sec3 */
#sec3{width: 100%;position: relative;}
#sec3 .banner_img{width: 100%;}
#sec3 .banner_img img{width: 100%;height:100vh; object-fit:cover}
#sec3 .sec3_cont{position: absolute; left: 50%; transform: translateX(-50%); bottom: 15vh; text-align: center;}
#sec3 .sec3_cont h4{text-align: center;font-family: 'Kumbh Sans', sans-serif; font-size: 26px; color: #fff; margin-bottom: 30px; font-weight: 400;line-height: 1.5;}
#sec3 .sec3_cont a{font-family: 'Kumbh Sans', sans-serif; font-size: 16px; color: #fff; display: inline-block; font-weight: 400; border: 1px solid #fff; padding: 14px 55px;transition: background-color .2s;}
#sec3 .sec3_cont a:hover{background-color: rgba(255,255,255,.1);}
/* sec4 */
#sec4 {margin: 50px 0;}

/* sec5 */
#sec5{width: 100%;position: relative;}
#sec5 img{width: 100%;height:100%; object-fit:cover}
#sec5 a{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
#sec5 a>img{transition: filter .3s, transform .3s; }
#sec5 a>img:hover{filter: brightness(.9); transform: scale(1.1);}




	#menu_full{position: absolute; right: 0;  top: 33%; vertical-align: middle;}
	#menu_full li {
    display: block;
    width: 10px !important;
    height: 10px !important;
    margin-bottom: 10px;
    border-radius: 100%;
    border: 2px solid #fff;}
	#menu_full li.active{background: #000 !important;font-weight: bold;}
	#menu_full li a{text-decoration:none;}
	#menu_full li.active a:hover{ }
	#menu_full li:hover{ font-weight:bold;}
	#menu_full li a,#menu_full li.active a{padding:6px 18px;display:block;}
	#menu_full li.active a{ color:#fff;}


/* BASIC css end */