/*main*/
@font-face {
	font-family: 'GmarketSansBold';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

*{padding: 0; margin: 0}
.comBg {
	opacity: 0;
}

.slick-slider {
display: block; position: relative; box-sizing: border-box; -ms-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -moz-box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -webkit-tap-highlight-color: transparent;
}
.slick-list {margin: 0px; padding: 0px; overflow: hidden; display: block; position: relative;}

.slick-list.dragging {	cursor: pointer;}
.slick-slider .slick-track {	transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);
}
.slick-slider .slick-list {
transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);
}
.slick-track {
left: 0px; top: 0px; display: block; position: relative;
}
.slick-track::before {
display: table; content: "";
}
.slick-track::after {
display: table; content: "";
}
.slick-track::after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
 float: left; display: none; min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
border: 1px solid transparent; border-image: none; height: auto; display: block;
}
.slick-arrow.slick-hidden {
display: none;
}
.slider {
transition:opacity 0.3s; opacity: 0; -webkit-transition: opacity 0.3s;
}
.slider::after {
clear: both; display: block; content: "";
}
.slider.slick-initialized {
opacity: 1;
}
.slider > :not(:first-of-type).item {
position: absolute; opacity: 0;
}
.header {position: absolute; width: 100%;background-repeat: no-repeat; background-position: center center; background-size: cover; box-sizing: border-box; z-index: 14;}

.pages {
 height: 100%; padding-top: 0px; display: block; position: relative; min-height: 320px; min-width: 320px;
}
.pages .slick_slider {
transition:opacity 0.5s; opacity: 0; -webkit-transition: opacity 0.5s ease;
}
.pages .slick-initialized {
left: 0px; top: 0px; width: 100%; height: 100%; margin-left: 0px; display: block; position: relative; max-width: none; opacity: 1;
}
.pages .slick-list {
z-index: 1;
}
.pages .slick-list {
width: 100%; height: 100%;
}
.pages .slick-track {
width: 100%; height: 100%;
}
.pages .slick-slide {
width: 100%; height: 100%;
}
.slick_slider .page {
width: 100%; height: 100%; display: block; position: relative; box-sizing: border-box;
}
.slick_slider .page .bg {
background-position: 50% 50%; transition:transform 7s ease-out, opacity 1s 0.3s; left: 0px; top: 0px; width: 100%; right: 0px; bottom: 0px; position: absolute; z-index: -1; opacity: 0; transform: scale(1.2); background-repeat: no-repeat; background-size: cover; -webkit-transform: scale(1.2, 1.2); -webkit-transition: transform 7s ease-out, opacity 1s ease 0.3s;
}
.slick_slider.ani .page.slick-active .bg {
opacity: 1; transform: scale(1) rotate(0.001deg); transition-delay: 0s; -webkit-transform: scale(1, 1) rotate(.001deg); -webkit-transition-delay: 0s;
}
.slick_slider .page .bg .bg_area {
left: 0px;
top: 0px;
width: 100%;
height: 100%;
position: absolute;
/* z-index: 9990; */
}
.slick_slider .page .bg img {

}
.slick_slider .page.page_01 .bg {
background-image: url("../img/main/main01-1.jpg");
}
.slick_slider .page.page_02 .bg {
background-image: url("../img/main/main01-2.jpg");
}
.slick_slider .page.page_03 .bg {
background-image: url("../img/main/main01-3.jpg");
}
.slick_slider .page.page_04 .bg {
background-image: url("../img/main/main01-4.jpg");
}
.slick_slider .page.page_05 .bg {
background-image: url("../img/main/main01-5.jpg");
}

.slick_slider .page.page_06 .bg {
background-image: url("../img/main/main01-6.jpg");
}
.slick_slider .page.page_07 .bg {
background-image: url("../img/main/main01-7.jpg");
}

.slick_slider .intro {
padding: 550px 60px 150px; left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; bottom: 0px; display: table; position: absolute; box-sizing: border-box;
}
.slick_slider .intro .text_box {
text-align: center; vertical-align: middle; display: table-cell;
}
.slick_slider .intro .title {
letter-spacing: -2.5px; padding-bottom: 25px; position: relative;
}
.slick_slider .intro .title em {
color: rgb(255, 255, 255); text-transform: uppercase; line-height: 110px; font-size: 90px; font-weight: bold; display: block; opacity: 0; transform: translateX(-50px); -webkit-transform: translateX(-50px);
}
.slick_slider.ani .page.slick-active .intro .title em {
transition:transform 1s; opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0);
}

.slick_slider .intro .desc {
color: rgb(255, 255, 255); line-height: 24px; font-size: 18px; margin-top: 26px; opacity: 0; transform: translateY(150px); -webkit-transform: translateY(150px);
}
.slick_slider.ani .page.slick-active .intro .desc {
transition:transform 1s; opacity: 0.8; transform: translateY(0px); -webkit-transform: translateY(0);
}
.slick_slider .intro .desc .br {
display: block;
}
.slick_slider .intro a.btn_box {
border: 2px solid rgb(255, 255, 255); border-image: none; width: 156px; height: 56px; text-align: center; margin-top: 50px; display: inline-block; opacity: 0; transform: translateY(50px); -webkit-transform: translateY(50px);
}
.slick_slider .intro a.btn_box:hover {
border-color: rgb(0, 174, 239); background-color: rgb(0, 174, 239);
}
.slick_slider.ani .page.slick-active .intro a.btn_box {
transition:transform 1s; opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}

.pc{display:block !important;}
.mobile{display:none !important;}

.pages {
background: rgb(255, 255, 255); height: 100%; padding-top: 0px; display: block; position: relative; min-height: 320px; min-width: 320px;
}
.pages .slick_slider {
transition:opacity 0.5s; opacity: 0; -webkit-transition: opacity 0.5s ease;
}
.pages .slick-initialized {
left: 0px; top: 0px; width: 100%; height: 100%; margin-left: 0px; display: block; position: relative; max-width: none; opacity: 1;
}
.pages .slick-list {
z-index: 1;
}
.pages .slick-list {
width: 100%; height: 100%;
}
.pages .slick-track {
width: 100%; height: 100%;
}
.pages .slick-slide {
width: 100%; height: 100%;
}
.slick_slider .page {
width: 100%; height: 100%; display: block; position: relative; box-sizing: border-box; overflow: hidden;
}
.slick_slider .page .bg {
background-position: 50% 50%; transition:transform 7s ease-out, opacity 1s 0.3s; left: 0px; top: 0px; width: 100%; right: 0px; bottom: 0px; position: absolute; z-index: -1; opacity: 0; transform: scale(1.2); background-repeat: no-repeat; background-size: cover; -webkit-transform: scale(1.2, 1.2); -webkit-transition: transform 7s ease-out, opacity 1s ease 0.3s;
}
.slick-slide img{display:inline; text-align:center}
.text_box{width:100%;position:relative;text-align:center;color:rgba(255,255,255,1);top: 0%;position: absolute;z-index: 1;height:100%;}


.maintop{width:1300px;margin: 0px auto 0;    overflow: hidden;/* text-align: left; */position: relative;top: 50%;margin-top: -190px;}
.maintop  p{margin:0; text-shadow: 2px 2px 6px #4e4949; }
.maintop  p span{color:#fccb19;}
.maintop  p em{ letter-spacing:-0.5px; font-style: normal}

.mainimg{position: relative;}
.mainsban{position: absolute; right: 0; top: 80px;}
.mainsban a{display: block; border:1px solid rgba(255, 255, 255,0.5); width: 230px; height: 50px; line-height: 50px; text-align: left; margin-bottom: 10px; background: url("../img/main/barr.png") no-repeat 90% center; padding-left:30px; box-sizing: border-box;}

.main01sec-1{ font-weight:500; font-size:18px; color: #67b0f8; width:140px; height:40px; line-height:40px; text-align: center; border: 1px solid #67b0f8; /* margin: 0 auto 10px; */margin-bottom: 15px;}
.main01sec-2{font-size:48px; font-weight:600; letter-spacing:-5px;  }
.main01sec-2 a{color:#ffffff; }

.main01sec-3{font-size:14px;color:#cccccc;line-height:160%;padding-top: 15px;padding-bottom: 24px;}
.main01sec{text-align: left;}
.main01secw{overflow:hidden; position: relative;   text-align: center}
.tmore{ color:#d6d6d6; width:115px; height:30px; text-align:center; line-height:30px; font-size:16px; margin-top:10px; border:1px solid rgba(255,255,255,0.5)}
.main01sec-4 a{display: block;border:1px solid #ccc;display: inline-block;padding: 6px 30px;}
.secquickw{overflow: hidden;text-align: center;border-bottom: rgba(255,255,255,0.5);padding-bottom: 20px;padding-top: 20px;}
.secquickw .seqbox{display: inline-block;padding: 0 23px;}

.noticew{overflow: hidden;padding-top: 50px;text-align: left;}
.noticew > div{display: inline-block}
.noticetit{width: 100px;vertical-align: top;letter-spacing: 0;}
.noticebox{border-bottom: 1px solid rgba(255,255,255,0.5);
	width: calc((100% - 131px)/2);     padding-bottom: 19px;    margin-right: 10px;    font-size: 17px;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}
.noticeday{font-size: 12px;color: #d0d0d0;text-align: right;float: right;padding-top: 5px;padding-right: 5px;letter-spacing: 0;}


.contactus{background: #accbea;position: absolute;left: 0;top: 460px;left: -640px;z-index: 1;}
.contactxt{color: #414f6f;float: left;width: 60px;width: 640px;height: 200px;padding: 40px 0 0  30px;box-sizing: border-box;}
.contac1{
	font-size: 18px;
	font-weight: 600;
	padding-bottom: 10px;
}
.contac2{
	font-size: 14px;
	letter-spacing: 0;
	font-weight: 500;
}
.contac3 a{background: #16a8ea url("../img/main/conlink.png") no-repeat 90% center;display: block;padding: 10px 50px 10px 20px;color: #fff;font-weight: 500;font-size:16px;display: inline-block;margin-top: 20px;}
.contactit{background: #4a6f94;color: #fff;width: 60px;text-transform: uppercase;font-size: 16px;/* width: 640px; */float: left;height: 200px;/* transform: rotateX(
90deg
); */cursor: pointer;/* position: relative; */}
.contactit p{position: relative;transform: rotate(90deg);width: 144px;top: 92px;letter-spacing: 0;left: -37px;letter-spacing: 0;background: url(../img/main/contarr.png) no-repeat 86% center;cursor: pointer;}
.slick-dotted.slick-slider{   padding-bottom:25px;}
.slick-dots{
	 /* position: absolute; */
	 bottom:0px;
	 display: block;
	 padding: 0;
	 margin: 0;
	 list-style: none;
	 text-align: left;
	 text-align: left;
	 }
.slick-dots li{    position: relative;    display: inline-block;     margin: 0 5px;    padding: 0;    cursor: pointer;}
.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 50px;height: 2px;background:#cfcfcf;opacity:0.5;cursor: pointer;color: transparent;border: 0;}
.slick-dots li.slick-active  button{width:50px; opacity:1; background:#29a7e1}


.banzone{width:1190px; margin:60px auto 0; border-top:1px solid rgba(255,255,255,0.5); border-bottom:1px solid rgba(255,255,255,0.5); padding:45px  160px 35px; display:flex;  box-sizing:border-box}
.banzbox{flex:1;}
.banzbox a{color:rgba(255,255,255,1); display:block}
.banztxt{font-size:17px; padding-top:15px}

/*검색*/
.search-boxw{    display: block;    position: relative;       background: #fff;}
.search-box{ display:none;    background:#FFF;     position: absolute;    width: 100%;      z-index:3; height:100px; border-bottom: 1px solid #e2e2e2; top:0; box-sizing: border-box;}
.search-wrap{    max-width:550px;    margin:110px auto 25px;    position:relative;}
.search-t{float:left; height:50px; background:rgba(255,255,255,1); color:rgba(0,0,0,1); font-weight:600; width:135px; line-height:50px; position: relative; font-size: 20px;}
.search-t:after{height:35px; width:1px; background:#f3d8cd; content:''; top:7px; position:absolute; right:0px} 
.search-wrap select{   position: absolute;    width: 118px;    border: none;    border-right: 1px solid #ddd;    padding: 0 10px 0 15px;
	height: 35px;    margin-top: 10px;    outline: none;    -webkit-appearance: menulist-button;    font-size:15px;    background-color: #fff;}
.search-wrap input[type="text"]{   width: 395px; height: 50px;    border: none;    padding: 0px 10px ;    -webkit-appearance: none;    -webkit-border-radius: 0;    font-size:15px;    background:#fff; line-height:50px;}
.search-wrap .submit-btn{   display: inline-block;   background: url("../img/images/main/area_visual_btn.png") 50% 50% no-repeat;  background-color: #c43300;    width: 50px;    height: 50px;    float: right;    border:none;    position:absolute; right:0}
.txtDiv-news{position:relative;}
.txtDiv-board .tab_container ul li{box-sizing:border-box; border-bottom:1px solid rgba(255,255,255,0.5) ; position:relative; padding:15px 0}
.txtDiv-board ul li:last-child{padding-right:0;}
.txtDiv-board ul li a{color:#c0b4b0;} 
.txtDiv-board ul li a:hover{text-decoration:underline;}
.txtDiv-board ul li a .news-tit{color:#d5d5d5;  font-size:16px; font-weight:500; white-space: nowrap;
	overflow: hidden;     text-overflow: ellipsis; text-align: left;}
.txtDiv-board ul li a .news-day{ font-size:15px; position:absolute; right:0;top: 15px;}
.txtDiv-board ul.tabs li{width:115px;box-sizing:border-box; float:left; border:1px solid rgba(255,255,255,0.5) ;  height:38px; line-height:38px;  text-align:center;  font-size: 16px; color:#bbbbbb; border-bottom: 1px solid #d1d1d1;}
.txtDiv-board ul.tabs li:last-child{border:none; border-bottom: 1px solid #d1d1d1; width:calc(100% - 278px);}
.txtDiv-board ul.tabs li:first-child{ width:160px;}
.txtDiv-board ul.tabs li.active, .txtDiv-board ul.tabs li.activetab{  border:1px solid #b8aeaa;  box-sizing:border-box; color:rgba(255,255,255,1); border-bottom: none}
.txtDiv-board ul.tabs li:hover{ cursor:pointer; -webkit-transition: background-color 300ms linear; color:#FFF; -ms-transition: background-color 300ms linear; transition: background-color 300ms linear; }
.txtDiv-board ul{overflow:hidden; }
.txtDiv-board .tab_content{display:none;height: 110px;}
.txtDiv-board .tab_content .more a{color:#b4b2b0; display:block; text-transform:uppercase; position:absolute; top:10px; right:0px; font-size:15px; font-family: 'Futura-Medium';}
.txtDiv-board{width:550px; margin:0 auto;}

.slick_slider .intro .title em {	color: rgb(255, 255, 255); text-transform: uppercase; line-height: 110px; font-size: 90px; font-weight: bold; display: block; opacity: 0; transform: translateX(-50px); -webkit-transform: translateX(-50px);
}
.slick_slider.ani .page.slick-active .intro .title em {
transition:transform 1s; opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0);
}
.slick_slider .intro .desc {
color: rgb(255, 255, 255); line-height: 24px; font-size: 18px; margin-top: 26px; opacity: 0; transform: translateX(50px); -webkit-transform: translateX(50px);
}
.slick_slider.ani .page.slick-active .intro .desc {
transition:transform 1s; opacity: 0.8; transform: translateX(0px); -webkit-transform: translateX(0);}
.slick_slider .intro .desc .br {
display: block;
}
.slick_slider .intro a.btn_box {
border: 2px solid rgb(255, 255, 255); border-image: none; width: 156px; height: 56px; text-align: center; margin-top: 50px; display: inline-block; opacity: 0; transform: translateY(50px); -webkit-transform: translateY(50px);
}
.slick_slider .intro a.btn_box:hover {
border-color: rgb(0, 174, 239); background-color: rgb(0, 174, 239);
}
.slick_slider.ani .page.slick-active .intro a.btn_box {
transition:transform 1s; opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.slick_slider .intro a.btn_box em {
height: 56px; color: rgb(255, 255, 255); line-height: 56px; padding-right: 15px; font-family: "Noto Sans"; font-size: 16px; display: inline-block; position: relative;
}
/*
.slick_slider .intro a.btn_box em::before {
background: url("../images/icons/icons.png") no-repeat -550px -60px; top: 50%; width: 7px; height: 12px; right: 0px; margin-top: -5px; display: block; position: absolute; content: "";
}
*/
.slick_slider .slick-arrow {
background: none; border: currentColor; border-image: none; top: 50%; width: 50px; height: 100px; text-indent: -999em; margin-top: -50px; display: block; position: absolute; z-index: 7;
}
/*
.slick_slider .slick-arrow::before {
background: url("../images/icons/icons.png") no-repeat -500px -160px; transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1), visibility cubic-bezier(0, 0, 0.25, 1); left: 50%; top: 50%; width: 38px; height: 82px; margin-top: -41px; margin-left: -19px; display: block; position: absolute; content: ""; opacity: 0.3; -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1);
}
*/
.slick_slider .slick-arrow:hover::before {	opacity: 1;}
.slick_slider .slick-arrow.slick-prev {	left: 58px;}
.slick_slider .slick-arrow.slick-next {	right: 58px;}
.slick_slider .slick-arrow.slick-next::before {background-position: -550px -160px;}
.slick_slider .slick-dots {	left: 0px; top: 50%; width: 100%; text-align: center;position: absolute; z-index: 2;}
.slick_slider .slick-dots li {	width: 40px; height: 1px; display: inline-block; background:#cccacc; margin:0 5px;}
.slick_slider .slick-dots  .slick-active{background:#1cf91a; width:40px; height:2px; background:#edeced}
.slick_slider .slick-dots li button {	background: none; border: currentColor; border-image: none; width: 100%; height: 80px; color: rgb(255, 255, 255); overflow: hidden; display: block; position: relative;/* display:none;*/ text-indent: -99999px;}
.slick_slider .slick-dots li button em {	transition:opacity 0.5s; left: 0px; width: 100%; height: 60px; text-align: center; bottom: 0px; color: rgb(255, 255, 255); line-height: 60px; display: block; position: absolute; z-index: 3; -webkit-transition: opacity 0.5s; display:none}

.page_03 .page03-t1{font-size:24px  !important; }
.page_03 .page03-t2{font-size:200px !important;  color:#44ff31; letter-spacing:-1px; opacity:0.5;     margin-top: 0px !important;  line-height:100% }
.page_03 .page03-t3{font-size:32px  !important; line-height:140%  !important; margin-top:0 !important; letter-spacing:-1px; font-weight:600}
.page_03 .page03-t3-line{width:70px; height:1px; background:#f3f3eb; margin:20px auto;}

.page_04 .intro .title em{color:#5af930; font-size:36px;  letter-spacing:-1px; font-weight:600; line-height:80%}
.page_04 .intro .desc{font-size:42px;   letter-spacing:-1px; font-weight:600; margin-top:0}


#wBody {width: 100%; height: 100%; overflow: hidden; position: relative; min-height: 768px;}
.mainSection {left: 0px; top:0; width: 100%; height: 100%; overflow: hidden; position: absolute;}



.fp-viewing-sec02 .header{background: #fff}
.fp-viewing-sec02 .header .gnb-area > ul > li > a{color: #000}
.fp-viewing-sec03 .header{border-bottom: none; background: none}


.main_quick .quick_01 {	opacity: 0; transform: matrix(1, 0, 0, 1, 0, 30);}
.main_quick .quick_02 {	opacity: 0; transform: matrix(1, 0, 0, 1, 0, 30);}
.main_quick .quick_03 {	opacity: 0; transform: matrix(1, 0, 0, 1, 0, 30);}
.main_quick .quick_04 {	opacity: 0; transform: matrix(1, 0, 0, 1, 0, 30);}
.main_quick .quick_05 {	opacity: 0; transform: matrix(1, 0, 0, 1, 0, 30);}
.main_quick .quick_06 {	opacity: 0; transform: matrix(1, 0, 0, 1, 0, 30);}


.slide01-txt{color:rgba(255,255,255,1);  font-size:18px; width:1200px; margin:0 auto; padding-top:505px; letter-spacing:-0.5px;}
.slide02 .slide01-txt{padding-top:300px; text-align:center}

.slide01-txt p{width:445px; text-align:center; line-height:160%; color:#d6d0cb; padding-left:100px;}
.slide03-txtw{width:700px; margin:0 auto 0; color:#e7e7e8; padding-top:260px; text-align:center; }
.slide03-txtw .slide03-txt01{font-size:24px; opacity:0.7}
.slide03-txtw .slide03-txt02{font-size:200px; text-transform:uppercase; line-height: 100%;  color:#44ff31; mix-blend-mode: overlay;}
.slide03-txtw .slide03-txt03, .slide03-txtw .slide03-txt04{font-size:48px; color:#f4f4ea; font-weight:600; letter-spacing:-1px;opacity:0.9}
.slide03-txtw .slide03-txt04 span{width:95px; margin:10px auto; background:#f4f4ea; height:1px; display:block}


.mainSection{position:relative;}



.mainCon1 { background: url("../img/main/main02.jpg") no-repeat right 30% center / cover;}
.mainCon1 .text_box{color: #000}
.txtDiv {	margin: 0px auto; width: 100%; height: 100%; color: rgb(255, 255, 255); overflow: hidden; font-size: 18px; position: relative;}
.txtDiv .inner {	margin: 0px auto; width: 1200px; position: relative; height: 100%;}
.txtDiv .txt0 {	 width: 100%; text-align: center; overflow: hidden;  font-size:30px; font-family: 'NanumSquare', sans-serif; font-weight:100;  color:#fff;}
.txtDiv .txt1 {	 width: 100%; text-align: center; overflow: hidden;  font-size:50px; font-family: 'NanumSquare', sans-serif; font-weight:700;  color:#fff;}


.mainCon2 {background: url("../img/main/main03.jpg") no-repeat right 30% center / cover;}
.mainCon2 .txtDiv {	margin: 0px auto; width: 100%; height: 100%; color: rgb(255, 255, 255); overflow: hidden; font-size: 18px; position: relative;}
.mainCon2 .txtDiv .inner {	margin: 0px auto; width: 1520px; position: relative;}
.mainCon3 {background: url("../img/main/main04.jpg") no-repeat center / cover;}
.mainCon4 {background: url("../img/main/main05.jpg") no-repeat center / cover;}


#section2 .txtDiv .inner{margin-top:195px;overflow: hidden;width: 1300px;}
.sec02Box{text-align: left;}
.sec02tit p{padding: 0; font-size: 38px; font-weight: 700}
.sec02tit p span{font-size: 16px; padding-left: 15px; font-weight: 400}
.sec02tit{margin-bottom: 70px; text-align: center;}
.sec02tab ul li{display: inline-block;padding: 11px 20px;/* margin: 0 5px; */cursor: pointer;border:1px solid #ccc;border-bottom: none;width: 100%;box-sizing: border-box;text-align: center;color: #767676;font-size: 16px;}
.sec02tab ul li.active{background: #16a8ea; color: #fff}
.sec02tab ul{/* padding-bottom: 50px; */width: 140px;float: left;margin-right: 120px;border-bottom: 1px solid #ccc;}
.sec02tab .tab_container{float: left; width: calc(100% - 260px)}
.qbanw{display: flex;border-right: 1px solid #ccc;margin-top: 40px;}
.qbanbox{flex:1; text-align: center; color: #2b2b2b; /* height: 155px; */ /* line-height: 155px; */ font-size: 18px; font-weight: 600; background-repeat: no-repeat; background-size: cover;border: 1px solid #ccc;border-right: none;}
.qbanbox:last-child{margin-right: 0}
.qbanbox a{display: block}
.qbtit{font-size: 23px; padding: 20px 0;}
.qbtxt{padding: 30px 0; font-size: 15px; color: #646464;}


.menubox{overflow: hidden;background: #f9f9f9;padding:50px 40px 60px;box-sizing: border-box;position: relative;}
.memuimg{float: left;  }
.memuimg img{opacity: 0.4}
.menutxt{float: left;/* width: calc(100% - 190px ) */}
.menutit{font-size: 19px;margin-bottom: 10px;font-weight: 700;height: 55px; overflow: hidden;}
.menustit{    font-size: 15px;    height: 130px;    overflow: hidden;}
.menutm{color: #16a8ea; font-size: 16px; font-weight: 700; padding-bottom: 30px}
.menuday{ font-size: 15px; color: #555555}
.menumore{ position: absolute; bottom: 0; right: 0}
.sec02tab{overflow: hidden}

.sec02tab .swiper-wrapper{height: auto;/* padding-bottom: 50px; */}
.swiper-button-next, .swiper-button-prev{width: 34px !important;height: 36px !important;}
.swiper-button-next{background: url("../img/next.png") no-repeat}
/*.swiper-button-prev{background: url("../img/prev.png") no-repeat}*/
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{display: none}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{display: none}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 10px !important;    right: auto !important;    left: calc(50% - 40px) !important;    top: 150px !important;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 50px !important;    left: auto !important;    top: 150px !important;    left: 50% !important;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 1 !important}
.swiper-slide.swiper-slide-active .memuimg img{opacity: 1 !important}
.swiper-slide.swiper-slide-active .menutit{}
.swiper-slide.swiper-slide-active .menustit{}



.mainoticew{position:absolute;bottom:0;background: #fff;z-index:3;color: #000;width: 100%;left: 0;line-height: 100px;height: 100px;/* margin-left:-660px; */padding: 0 0 0 120px;box-sizing:border-box;}
.mainoticew > div{float:left;}
.mainoticew .mnots a{/* color:rgba(255,255,255,0.5); */}
.mainoticew .mnot{padding-left: 50px;position:relative;width: 120px; font-weight: 600;}
.mainoticew .mnot:before{width:1px;height: 16px;background:#000;position:absolute;content:'';display:block;top: 44px;right: 13px;}
.mainoticew .bx-wrapper{width: calc(100% - 195px); text-align: left !important}

.mainoticew .bx-controls{position:absolute;top: 0;left: 0;background: #398cde;}
.mainoticew .bx-controls > div{display:inline-block;}
.mainoticew .bx-controls a{position:relative;display:inline-block;width: 80px;height: 100%;/* line-height:1.6rem; */overflow:hidden;text-indent:-9999px;border-right: 1px solid #95b9f3;}
.mainoticew .bx-controls-auto{/* position:absolute; *//* left:21px; */display: none !important;}
.mainoticew .bx-controls a:after{position:absolute;top:0;left:0;width:100%;text-align:center;}
.mainoticew .bx-next{margin-left:-1px;}
.mainoticew .bx-prev:after{content:"";background:url(../img/main/arrow_left.png) no-repeat center;width:1.6rem;height: 100px;padding-left: 0px;line-height: 100px;}
.mainoticew .bx-next:after{content:"";background:url(../img/main/arrow_right.png) no-repeat center;width:1.6rem;height: 100px;padding-left: 0;line-height: 100px;}
.mainoticew .bx-start:after{content:"";background:url(../img/main/stop_arrow.png) no-repeat center;width:1.6rem;height:1.7rem;padding-left:1.6rem;line-height:1.6rem;}
.mainoticew .bx-stop:after{content:"";background:url(../img/main/play_arrow.png) no-repeat center;width:1.6rem;height:1.7rem;padding-left:1.6rem;line-height:1.6rem;}

.mainSection {left: 0px; top:0; width: 100%; height: 100%; overflow: hidden; position: absolute;}
.bcover{position:absolute; width:100%; height:100%; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.4); z-index: 10; }



#section3 .txtDiv .inner{ /* margin-top:155px; */  width: 100%;}
.bustbox.buston, .bustbox:hover{background: #1a8dc1; border:1px solid #1a8dc1; transition: all 0.2s ease-in;}
.bustit{font-size:38px; font-weight: 700; padding-bottom: 10px; text-align: center}
.bustits{font-size: 16px; text-align: center}
.bustw{overflow: hidden; display: flex; margin-top: 70px; margin-bottom: 50px; display: none;}
.bustbox{/* flex:1; */ margin-right: 15px; border:1px solid rgba(255,255,255,0.5); height: 220px; padding-top: 35px; box-sizing: border-box; text-align: center;float: left;width: calc(50% - 15px);padding-left: 20px;padding-right: 20px;}
.bustbox a{display: block}
.bustimg{padding-bottom: 25px}
.bust1{font-size: 16px; border-bottom: 1px solid rgba(255,255,255,0.5);padding-bottom: 5px;}
.bust2{font-size: 16px;padding-top: 5px;}
.busbanw{overflow: hidden; display: flex}
.busbanbox{flex:1;margin-right: 35px;float: left;height: 125px;background-repeat: no-repeat;background-position: 90% bottom;text-align: left;padding: 20px 0 0 30px;box-sizing: border-box;}
.busbanbox:last-child{margin-right: 0}
.busbanbox a{display: block}
.busbant{font-size: 26px;color: #fff;padding-bottom: 7px;font-weight: 500;}
.busbmore{color: #fff;background: url("../img/main/arrw.png") no-repeat 100% center;display: inline-block;width: 64px;font-size: 14px;}
.busban01{background-color: #f39939; background-image: url("../img/main/sec03_06.png")}
.busban02{background-color: #29a7e1;background-image: url("../img/main/sec03_07.png")}



.prosw{display: flex;position: absolute;height: 100%;top: 0;width: 100%;/* padding-top: 300px; */box-sizing: border-box;display: table;}
.pros{flex:1;/* padding-top: 300px; */padding-left: 50px;padding-right: 50px; box-sizing: border-box;display: table-cell;vertical-align: middle;width: 33.3%;border-right: 1px solid rgba(255,255,255,0.2); transition: all 0.2s ease-in;}
.prost{font-size: 32px; padding-bottom: 20px; font-weight: 600;}
.prostc{font-size: 16px;}
.pros:hover{background: rgba(0, 0, 0, 0.4); box-sizing: border-box;}
.pros:hover .bustw{display: block; transition: all 0.2s ease-in;}



.cmboxw{display: flex;margin-top: 320px;margin-bottom: 89px;}
.cmbox{flex: 1; /* border: 1px solid rgba(255,255,255,0.5); */ margin-right: 30px; text-align: center; /* position: relative; *//* height: 260px; */box-sizing: border-box;}
.cmbox:last-child{margin-right: 0;}
.cmbox a{display: block; height: 260px;position: relative;border: 1px solid rgba(255,255,255,0.5);box-sizing: border-box;}
.cmimg{ padding: 40px 0 30px;}
.cmtit{ font-size: 21px; padding-bottom: 5px;}
.cmtxt{ font-size: 14px;}

.mainfoot{ color: #cbcbcb;width: 880px;margin: 0 auto;}
.mainfootc{border-bottom: 1px solid rgba(255,255,255,0.4);padding-bottom: 20px;margin-bottom: 20px;}
.mainfootc a{padding: 0 20px;}
.mainfootc a:nth-child(1){color: #a0ff72;}
.mainfot{}
.mainfotc{padding-bottom: 11px;}
.mainfotcm{
    font-size: 14px;
    padding-top: 9px;
}

.line_box{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.line_box span{position:absolute;display:inline-block;z-index: 5;}
.line_box .line01{top: 0; left: 0; width: 0; height: 2px; background: #398cde;}
.line_box .line02{top: 0; right: 0; width: 2px; height: 0; background: #398cde;}
.line_box .line03{bottom: 0; right: 0; width: 0; height: 2px; background: #398cde;}
.line_box .line04{bottom: 0; left: 0; width: 2px; height: 0; background: #398cde;}


.cmbox:hover .line_box .line01{width: 100%; transition:width 0.45s linear; transition-duration: 0.3s;}
.cmbox:hover .line_box .line02{height: 100%; transition:height 0.45s linear; transition-delay: 0.3s;}
.cmbox:hover .line_box .line03{width: 100%; transition:width 0.45s linear; transition-duration: 0.3s;}
.cmbox:hover .line_box .line04{height: 100%; transition:height 0.45s linear; transition-delay: 0.3s;}


.menubox:hover .line_box .line01{width: 100%; transition:width 0.45s linear; transition-duration: 0.3s;}
.menubox:hover .line_box .line02{height: 100%; transition:height 0.45s linear; transition-delay: 0.3s;}
.menubox:hover .line_box .line03{width: 100%; transition:width 0.45s linear; transition-duration: 0.3s;}
.menubox:hover .line_box .line04{height: 100%; transition:height 0.45s linear; transition-delay: 0.3s;}



@media (max-width: 1600px){
.mainCon2 .txtDiv .inner{width: 100%; padding: 0 20px; box-sizing: border-box}
#section3 .txtDiv .inner{padding: 0}
}

@media (max-width: 1400px){
#section2 .txtDiv .inner{width: 100%; padding: 0 10px; box-sizing: border-box}
.maintop{width: 100%;  padding: 0 10px; box-sizing: border-box}
.mainsban{right: 50px}
#fp-nav{display: none !important}
}


@media (max-width: 1024px){
.munDiv{width: 100%}

.noticew{width: 90%; margin: 0 5%}
.noticew > div{display: block; width: 100%;}
.main01secw{width: 100%; padding: 0 20px; box-sizing: border-box}
.main01sec-2{font-size: 38px}
.sec02Box{width: 100%; padding: 0 20px;    box-sizing: border-box;}
#section2 .txtDiv .inner{    margin-top: 35px;     padding: 0 20px;    box-sizing: border-box;}
#section2 .txtDiv .inner .text_box{position: relative}
.sec02tit p{font-size: 30px}
.memuimg{float:none}
.menutxt{width: 100%}
.menutit{font-size: 20px}
.menustit{font-size: 16px}
.sec02tit{width: 100%; margin-bottom: 20px}

.sec02tab ul{width: 100%;margin-right: 0; margin-bottom: 10px}
.sec02tab .tab_container {width: 100%}
.sec02tab ul li{display: inline-block;width: auto;}

.qbanw{display: block;height: auto;overflow: hidden;margin-top: 0;}
.qbanbox{/* margin-right:1%; */width: 25%;float: left;height: auto;line-height: inherit;/* padding: 24px 0; */box-sizing: border-box;flex: none; font-weight: 400;box-sizing: border-box;height: 204px;}
.menubox{padding: 20px}
#section3 .txtDiv .inner{width: 100%}

.bustbox{flex:none;float: left;height: 148px;width: 48%;margin-right: 1%;padding-top: 10px;margin-bottom: 5px;margin-left: 1%;}
.bustw{margin:20px 0; display: none;}
.bust1{font-size: 16px}
.bustimg{padding-bottom: 10px}
.bust2{font-size: 14px}
.sec03tit{font-size: 30px}
.sec03tit p{display:inline-block}
.sec03step{width: 100%; padding-bottom: 0;}
.steptxt{font-size: 20px}
.step01:before{ left: 0; width: 100%; top: 30px;}
.step01:after{top: 20px}
.stepbox{width: auto}
.stepoff, .stepon{margin: 20px 0}
.stepban{padding: 0;flex: none;float: left;width: 33%;height: 240px;padding: 0px 2px;box-sizing: border-box;}
.stepbanw{display: block}
.stepbantit{font-size: 15px;padding: 0;}
.stepbanstit{font-size: 14px}
#section3 .txtDiv .inner{margin-top: 87px;}
.stepone{width: 70px; height: 70px; line-height: 70px; font-size: 15px; margin: 5px;}
.stepone-out{width: 80px; height: 80px; }
.muntxt{font-size: 20px; margin-bottom: 10px;}
.munw{padding: 20px }
#section4 .txtDiv .inner{width: 100%; margin-top: 139px;padding: 0 20px;box-sizing: border-box;}
.muninput{float: left}
.border-area-con .nowbox .imgarea{    width: 100%; height: auto;}
.border-area-con .nowbox .imgarea img{width: 100%}
.border-area-con .nowbox .imgareacover{line-height: inherit; font-size: 14px; height: auto; padding: 10px 0}
.border-area-con .nowbox .tit{font-size: 13px}
.border-area-con .nowbox .tit p{display:inline}

.muninput input{width: 110px}
.muninput button{width: 80px}
.fp-enabled body .footDiv:last-child{display: none}
.footer{padding-top: 20px}

.mainsban{    position: relative;     top: 0;    right: 0;}
.mainsban a{display: inline-block;/* flex: 1; */width: 100%;}
.mainsban  ul li{display: inline-block;/* display: flex; */width: 30%;}

.prosw{ display: block;position: relative;}
.pros{flex: none;width: 100%;display: block;border-right: none;padding: 50px 0;border-bottom: 1px solid rgba(255,255,255,0.2);}
.cmboxw{margin: 0}
.section4 .text_box{ position: relative}
.mainfoot{width: 100%;     margin-top: 20px;    font-size: 14px;}
.cmbox{margin-right: 10px}
.cmtit{font-size: 18px}
.section3 .text_box{ position: relative}
.qbtxt{padding: 0; font-size: 14px;     padding-top: 20px;}
.qbtit{font-size: 20px;}
}



@media (max-width: 720px){
.fp-section.fp-table{display: block !important; table-layout: inherit !important}
.cmtit{font-size: 13px}
.cmtxt{font-size: 12px}
.cmbox a{height: 150px;}
.cmimg{padding: 13px 0}
.cmbox{margin-right: 5px; flex: none;    width: 48%;/* float: left; */float: left;margin-bottom: 5px;}
.cmboxw{display: block;overflow: hidden;}
.mainfootc a{padding: 0 5px}

.prost{font-size: 20px}
.bust1{font-size: 13px}
.bust2{font-size: 12px}
.pros{padding: 20px 0}
.bustbox{padding-left: 10px; padding-right: 10px}

.qbtit{font-size: 16px; padding: 6px 0;}
.sec02Box{padding: 0}
.qbanbox{height: 145px;}
.qbtxt{padding-top:5px; font-size: 12px; }
.contactus{display: none}
.main01sec-2{font-size: 24px; letter-spacing:-2px}
.main01sec-2 p{display: inline}
.main01sec-3{font-size: 16px}
.main01sec-3 p{display: inline; font-size: 13px;}
.secquickw .seqbox{padding: 0 5px; font-size: 13px; margin-bottom: 10px}
.sec02tit p{font-size: 20px; display: inline}
.sec02tab ul li{padding: 7px 10px; font-size: 15px}
.memuimg{height: 140px}
.menustit{font-size: 14px}
.sec02tab .swiper-wrapper{padding-bottom: 9px;}
.sec03tit{font-size: 22px; padding-bottom: 0px}
.text_box{left: 0}
.stepoff, .stepon{margin-bottom: 0}
.stepbox{width:90px}
.steptxt{font-size: 15px}
.stepbanstit p{display: inline; font-size: 12.5px}
.stepbanimg img{width: 50%}
.stepban{height: 210px}
.border-area-con .nowbox .imgareacover{font-size: 12px; white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}
.border-area-con .nowbox{padding: 0 5px}
.muntxt{font-size: 17px}
.muninput button{font-size: 14px}
.footer .num{font-size: 13px;     padding-left: 10px;}
#section1{height: 625px !important;}
#section2{height: 616px !important;}
#section2 .fp-tableCell{height: 700px !important}

#section4{height: 669px !important;}
#section4 .fp-tableCell{height: 1000px !important}
#section4 .txtDiv .inner{margin-top: 50px }

#section3{height:570px !important}
#section3 .fp-tableCell{height: 776px !important;}
.bustit{font-size: 32px}
.bustits{font-size:14px}
.chamleft{width: 100%;}
.chamright{width: 100%;}
.chamw{padding: 20px}
.busbanbox{flex:none;margin-right: 0;width: 100%;margin-bottom: 15px;}
.busbanw{display: block}
.busbant{font-size: 22px}
.chamc img{width: 45%}
.chamimg div{padding-right: 0; display: table-cell}
.chamimg div a{text-align: center}
.chamtit{font-size: 20px;margin-bottom: 0;}
.chamimg{margin-bottom: 19px;}
.chamquw{display: block}
.chamqubox{flex:none; float: left; width: 48%}
.chamqc{margin: 0 auto}

.mainoticew .bx-controls a{width: 40px}
.mainoticew .mnot{padding-left: 0;width: auto;}
.mainoticew{/* height: auto; *//* line-height: initial; */display: none;}

}