/*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-2.jpg");
}
.slick_slider .page.page_02 .bg {
	background-image: url("../img/main/main01-1.jpg");
}
.slick_slider .page.page_03 .bg {
	background-image: url("../img/main/main01-3.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: 13; height:100%}


.maintop{width:1315px;margin: 370px auto 0;    overflow: hidden;}
.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}


.main01sec-1{ font-weight:600; font-size:18px; color:#e99a03; width:160px; height:45px; line-height:45px; text-align:center; border:1px solid #e99a03; }
.main01sec-2{font-size:48px; font-weight:600; letter-spacing:-5px;  }
.main01sec-2 a{color:#ffffff; }

.main01sec-3{font-size:19px; color:rgba(255,255,255,1);  line-height:160%; padding-top: 25px; padding-bottom: 70px}
.main01sec{float: left; text-align: left;}
.main01secw{overflow:hidden;width: 670px;   position: relative;    float: left;}
.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)}

.noticslist{clear:both; color:rgba(255,255,255,1); margin-top: 20px;}
.noticslist > div{border-bottom:1px solid rgba(255,255,255,0.3);padding: 10px 0;}
.noticslists{font-size:24px; text-transform:uppercase}
.noticslists span{font-weight:700;}
.noticslistc{overflow:hidden; font-size:20px; font-weight:600}
.noticslistc .notitxt{float:left; color:#e99a03}
.noticslistc .notiday{float:right;}
.noticslistc .notiday span{background:rgba(0,0,0,1); width:22px; height:38px; text-align:center; font-size:27px; display:inline-block; text-transform:uppercase}
.noticslistc .notiday  .t1{color:#b3b3b3;}
.noticslistc .notiday  .t2{color:#eda00a;}

 .notice_area{width:470px;float:right;}
 .notice_area .tab_commnct{width:100%;height:320px; position:relative}
/* .notice_area .tab_commnct:before{width:100%; height:1px; background:rgba(255,255,255,1); content:''; display:block; position:absolute;   top: 37px;    z-index: 0;}*/
 
 .notice_area .tab_commnct .commnct{position:relative;}
 .notice_area .tab_commnct .commnct > li{float:left;width:calc((100% - 48px) / 4);}
 .notice_area .tab_commnct .tab .tit a{position:relative;width:100%;height:38px;line-height:38px;font-size:18px;color:rgba(255,255,255,0.7);text-align:center;border:1px solid rgba(255,255,255,0.5); display:block; font-weight:400; box-sizing: border-box;}
  .notice_area .tab_commnct .tab .tit h4{margin:0;}
 .notice_area .tab_commnct .tab .tit.tit_active a{color:#fff; border:1px solid #fff; position: relative;    z-index: 1; border-bottom:none; font-weight:600; box-sizing: border-box;}

 .notice_area .tab_commnct .btn_more{position:absolute;top: 0px;right:0; border:1px solid rgba(255,255,255,0.7);  color:rgba(255,255,255,0.7);height:30px;line-height:30px; padding:0 20px; font-size:14px; letter-spacing:0}
 .notice_area .tab_commnct .commnct .conts{position:absolute;bottom:0;top:65px;width:100%;left:0;box-sizing: border-box;}
 .notice_area .tab_commnct .commnct .conts .conts_list li{position:relative;overflow:hidden;}

 .notice_area .tab_commnct .commnct .conts .conts_list li + li{margin-top:10px;}
 .notice_area .tab_commnct .commnct .conts .conts_list li a{display:block;font-size:16px;font-weight:300;color:#fff;letter-spacing:-1px;}
 .notice_area .tab_commnct .commnct .conts .conts_list li a .title{font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;padding-right:95px; font-size: 15px;}
 .notice_area .tab_commnct .commnct .conts .conts_list li a .date{position:absolute;top:0px;right:2px;}
.contsday{ font-family: 'Futura-Medium'; font-size:54px; font-weight:700; float: left; width:100px; text-align:center; color:#e9e9e9}
.contsday .conm{font-size:14px; color:#e9e9e9;  font-weight:700;}
.contitle{ text-align: left;}
.contitle p.cont-t{font-size:17px; color:#fff;  letter-spacing:-1px; white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis; text-align:left; display: inline;}
.contitle p.cont-s{font-size:15px; display:inline; text-align:right; float: right; padding-right: 10px;}


.scrollBt{left: 50%; position:absolute; bottom:0; margin-left: -10px; }

 
.slick-dots{    position: absolute;    bottom:0px;    display: block;
     padding: 0;    margin: 0;    list-style: none;    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:6px;    background:#cfcfcf;	opacity:0.5;    cursor: pointer;    color: transparent;    border: 0; }
.slick-dots li.slick-active  button{width:50px; opacity:1; background:#fccb19}


.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: -415px;top: 640px;width: 100%;text-align: center;position: absolute;z-index: 2;}
.slick_slider .slick-dots li {width: 40px;height: 2px;display: inline-block;background: #f7f7f7;margin:0 5px;}
.slick_slider .slick-dots  .slick-active{background:#ebda18; width:40px; height:2px;}
.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;}


.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 center / cover;}
.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:290px; overflow: hidden; width: 100%;}
.sec02Box{width:50%;float: right;text-align: left;border-bottom: 1px solid rgba(247,247,247,0.5);/* padding-bottom: 50px; */}
.sec02tit p{padding: 0; font-size: 48px; font-weight: 700}
.sec02tit{margin-bottom: 70px}
.sec02tab ul li{display: inline-block; border: 1px solid rgba(255,255,255,1.00); padding: 7px 20px; margin: 0 5px; cursor: pointer}
.sec02tab ul{padding-bottom: 50px}

.menubox{overflow: hidden}
.memuimg{float: left;  }
.memuimg img{opacity: 0.4}
.menutxt{float: left; width: calc(100% - 190px )}
.menutit{color:rgba(255,255,255,0.5); font-size: 27px; margin-bottom: 10px}
.menustit{color:rgba(255,255,255,0.5);}
.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{color: #f9cb13;}
.swiper-slide.swiper-slide-active .menustit{color: rgba(255,255,255,1.00)}


#section3 .txtDiv .inner{ margin-top:190px; }
.sec03tit{color: #271410;font-size: 48px;font-weight: 700;letter-spacing: -2px;line-height: 120%;}
.stepbanw{ overflow: hidden;display: flex}
.stepban{ flex:1; padding: 0 50px }
.stepban p{color: #271410}
.stepbantit{font-size: 22px; font-weight: 600; padding: 20px 0}

.sec03step{padding-bottom: 100px;  overflow: hidden; width: 990px; margin: 0 auto}
.steptxt{color: #271410; font-size: 35px; font-weight: 600;  font-family: 'GmarketSansBold';}
.stepbox{display: inline-table;width: 270px;height: 100px;position: relative;}
.stepon{width: 20px;height: 20px;border-radius: 100%;background:  #271410;display: inline-block;margin-bottom: 35px;margin-top: 60px;}
.stepoff{width: 20px;height: 20px;border-radius: 100%;border: 2px solid #271410;box-sizing: border-box;display: inline-block;margin-bottom: 35px;margin-top: 60px;background: #f1f1f1;}
.sec03step > div{float: left}
.step01{position: relative}
.step01:before{display: block;content: '';position: absolute;width: 686px;left: 130px;height: 1px;background:#271410;top: 70px;}
.step01:after{display: block;content: '';position: absolute;background:url("../img/arr.png") no-repeat;width: 26px;height: 30px;right: -14px;top: 59px;}


.stepone-out{width: 150px;height: 150px;border: 1px solid #fccb19;border-radius: 100%;/* line-height: 150px; *//* margin: 0 auto; */}
.stepone{width: 135px;height: 135px;border-radius: 100%;background:#fccb19;color: rgba(255,255,255,1.00);text-align: center;font-size: 35px;font-weight: 600;font-family: 'GmarketSansBold';margin: 8px auto;line-height: 140px;/* padding: 10px; */}



.board-area{position:relative; padding-top:50px}
.board-area-title{font-size:25px; font-weight:600;}
.board-area-stitle{font-size:14px; color:#3e3e3e; }
.board-area-stitle span{display:block; width:50px; height:1px; background:rgba(0,0,0,1); margin-bottom:20px; margin-top: 10px;}

.border-area-con .border-area-bar{width:120px; height:1px; background:#8a8a8a; position:absolute; bottom:-1px; left:50%; margin-left:-60px;}
.border-area-con .nowbox{float:left;position:relative;width: 50%;padding: 0 20px;box-sizing: border-box;}

.border-area-con .nowbox:last-child{margin-right:0;}
.border-area-con .nowbox .imgarea{position:relative;margin-bottom:25px;width: 600px;overflow: hidden;height: 400px;}
.border-area-con .nowbox .imgareacover{position: absolute;bottom: 0;background: rgba(0,0,0,0.5);height: 80px;text-align: center;color: rgba(255,255,255,1.00);width: 100%;line-height: 80px;font-size: 23px;}
.border-area-con .nowbox .tit{font-size: 18px;color:#323232;font-weight:500;text-align:left;text-align: center;}
.border-area-con .nowbox:hover .txt{text-decoration:underline;}
.border-area-con .swiper-container{position:inherit; }

.border-area-con{padding-bottom: 50px;}

#section4 .swiper-pagination{padding-top:50px}
#section4  .swiper-wrapper{height:auto; overflow:visible}
#section4 .swiper-pagination-bullet{width:16px; height:16px; }
#section4 .swiper-pagination-bullet-active{background:#fccb19}

#section4 .txtDiv .inner{width: 1320px;margin-top: 190px;}


#section5 .text_box{padding-top:230px;}
#section5 p{margin:0;}
.footlogo{padding-bottom:30px;}
.footxt{font-size:18px; padding-bottom:18px}
.map a{color:rgba(255,255,255,1); display:inline-block; padding:10px 40px; border:1px solid rgba(255,255,255,1); font-size:16px; margin-bottom:40px}
.footstxt p{font-size:11px; letter-spacing:0}
.footsns{padding:20px 0;}


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



@media (max-width: 1024px){
.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: 50px;     padding: 0 20px;    box-sizing: border-box;}
.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}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{top: 280px !important}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{top: 280px !important}

.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;text-align: center;}
.stepbantit{font-size: 15px;padding: 0;}
.stepbanstit{font-size: 14px}
#section3 .txtDiv .inner{margin-top: 50px}
.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: 50px;}
.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}
.mainCon5{display: none}
}



@media (max-width: 720px){
#section1 .mainSection{height:550px;}
#section1{height:550px !important;}
#section1 .fp-tableCell{height:550px !important;}


#section2 .mainSection{height:550px;}
#section2{height:550px !important;}
#section2 .fp-tableCell{height:550px !important;}

#section3 .mainSection{height: 660px;}
#section3{height:660px !important;}
#section3 .fp-tableCell{height:660px !important;}

#section4{height: 460px !important}
#section4 .fp-tableCell{height: 460px !important}

.board-area{padding-top: 20px}

.sec02Box{border-bottom: none}
.munDiv{padding: 0}
.munw{padding: 10px}
.maintop{margin-top: 190px}
.main01sec-2{font-size: 30px}
.main01sec-3{font-size: 16px}
.main01sec-3 p{display: inline; }
.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: 70px}
.sec03tit{font-size: 21px;     padding-bottom: 12px;}
.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: auto;width: 32%;float: none;display: inline-table;margin-bottom: 20px;/* padding: 0 10px; */}
.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;}

}