@charset "utf-8";

/* layout */
#wrap {width:100%; min-width:1200px; position:relative; margin:0 auto;}
#headerwrap {width:100%; position:relative; top:0; z-index:999; background:#fff;}
.container {width:100%;	position:relative; margin:0 auto; overflow:hidden; z-index:1;}
.inner {width:1300px; position:relative; margin-left:auto; margin-right:auto;}
.s-inner {width:1300px; position:relative; margin-left:auto; margin-right:auto;}
.list_inner {width:1300px; position:relative;  margin:0 auto;  padding-top:50px;   box-sizing:border-box;  padding-bottom:50px;  overflow:hidden;}
#footerwrap {width:100%; clear:both; position:relative; margin:0 auto; background:#1f1f1f; overflow:hidden; padding:40px 0 30px;}


/* Ÿºí·¿ °¡·Î */
@media all and (max-width:1399px) {	
#wrap {min-width:320px;}
.inner {width:98%;}
.s-inner {width:96%;}
}

@media all and (max-width:976px) {
	#wrap { font-size: 13px; } 
}

/* Ÿºí·¿ °¡·Î ¹Ì¸¸ ~ ¸ð¹ÙÀÏ */
@media all and (max-width:767px) {
	.s-inner {width:94%;}
	.inner {width:94%;}
}

@media screen and (max-width:640px) {
	#wrap { font-size: 2.0vw; }
}

@media screen and (max-width:568px) {
	#wrap { font-size: 2.2vw; }
}

@media screen and (max-width:480px) {
	#wrap { font-size: 2.5vw; }
}



/*header top*/
#headertop {position:relative; width:100%; height:30px; /*background:#3e3a39;*/}
#headertop .tmenu {float:right; margin-right:20px;}
#headertop .tmenu li {float:left; font-size:14px; font-weight:400; padding:0 15px 0 20px;line-height:30px;}

#headertop .tmenu li:last-child {padding-right:0;}
#headertop .tmenu li a {color:#666666;}

.num{border-radius:12px;  background:#a7a7a7;  height:20px;  padding:0px 6px; color:#fff; font-size:0.9em;}
.num a{color:#fff;}

/* header */
.h_box {height:115px;}
#logo {position:absolute; top:15px; left:0; width:213px;}
#logo a {display:block;	height:82px; background:url("/images/common/logo.png") no-repeat center; background-size:100% auto; text-indent:-999999px;}

.btn_call {display:none;}
.btn_call img {}

/* gnb */
.gnb_wrap {	position:absolute; top:0px; left:31% }
.gnb > li {	float:left;	height:115px;  position:relative;  border:0px solid #ffce62; }
.gnb > li > a {	display:block; color:#212121; font-size:18.5px;line-height:24px;letter-spacing:0; font-weight:550; letter-spacing:-0.07em; line-height:115px; 
	transition:color 0.2s;
	-webkit-transition:color 0.2s;
	-moz-transition:color 0.2s;
	-o-transition:color 0.2s;
	padding:0 45px; /**/
}
.gnb > li:first-child a {background: none; }
.gnb > li.on > a,
.gnb > li:hover > a {color:#1b429a;}

.gnb > li:last-child a {padding:0 20px; margin-top:30px; }

.gsub_wrap {position:absolute; width:180px;	top:97px; left:50%;	margin-left:-90px;	overflow:hidden; height:0; box-shadow: -5px 5px 5px -5px rgba(0,0,0, 0.3);z-index:999;}
.gsub_wrap::before {	display:block;	content:'';	width:20px; height:8px;
	background:url("/images/common/arrow_top.png") no-repeat center 0;
	position:absolute;
	top:4px; left:50%;
	margin-left:-10px;
	z-index:1;
}

.gsub {	background:#fff; border-top:5px solid #1b429a;	text-align:center; margin-top:12px;}
.gsub li {	font-size:14px;	 font-weight:500; line-height:35px;  border-bottom:1px solid #efefef;	}
.gsub li:last-child{border-bottom:0px solid #efefef;}
.gsub li a {display:block; width:100%; color:#686868; padding:4px 0;}
.gsub li a:hover {/*color:#424242; text-decoration:underline;*/background:#0454a6; font-weight:500; color:#fff;}

/* menu button */
.btn_gnb {width:28px; height:28px; position:absolute; display:none; right:1%; top:25px;}
.btn_gnb span {	display:block;	height:2px;	position:absolute;	left:0; width:100%;	top:50%; margin-top:-1px;	text-indent:-999999px;	background:#231f20;}/* middle line */
.btn_gnb::before {	display:block;	content:'';	height:2px;	width:100%;	position:absolute;	top:4px;	background:#231f20;
	transition:all 0.3s;	-webkit-transition:all 0.3s;	-moz-transition:all 0.3s;
}
.btn_gnb::after {display:block;content:'';height:2px;width:100%;position:absolute;bottom:4px;background:#303030;
	transition:all 0.3s;	-webkit-transition:all 0.3s;	-moz-transition:all 0.3s;
}
.btn_gnb.on span {	display:none;}
.btn_gnb.on::before {
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	top:50%;
	margin-top:-1px;
}
.btn_gnb.on::after {
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	bottom:50%;
	margin-bottom:-1px;
}


@media all and (max-width:1399px) {
	#logo {width: 200px; top:25px;}
	#logo a {height: 62px;}
	
	.gnb_wrap {}
	.gnb > li > a {font-size: 18px; padding:0 30px;}
}

/* Ÿºí·¿ °¡·Î */
@media all and (max-width:1099px) {
	#headertop {display:none;}
	
	#headerwrap {height:75px;}
	/* gnb Àüȯ */
	#header {height:75px;}
	.h_box {height:75px;}
	#logo {width:140px; top:14px; left:50%; margin-left:-70px;}
	#logo a {height:43px;}
	.btn_gnb {display:block;}
	
	.gnb_wrap {margin-right: 0;}

	/* gsub */
	.gsub_wrap {position:relative; padding-top:0; width:auto; height:auto; top:auto; left:auto; margin:0; display:none;}
	.gsub_wrap::before {display:none;}
	/* gnb layout for mobile */
	html.no-scroll {position:fixed; left:0; top:0; right:0; bottom:0; overflow:hidden;}
	.gnb_blind {position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.6); z-index:99999;
		-webkit-user-select: none;
		-moz-user-select: none;
		-khtml-user-select: none;
		-ms-user-select: none;
	}
	.mb_gnb_frame {	position:fixed; right:0; top:75px;bottom:0; background:#fff; width:220px;z-index:9999999;
		transform:translate(220px, 0);
		-webkit-transform:translate(220px, 0);
		-moz-transform:translate(220px, 0);
		-o-transform:translate(220px, 0);
		transition:transform 0.3s ease;
		-webkit-transition:-webkit-transform 0.3s ease;
		-moz-transition:-moz-transform 0.3s ease;
		-o-transition:-o-transform 0.3s ease;
	}
	.mb_gnb_frame.opened  {
		transform:translate(0, 0);
		-webkit-transform:translate(0, 0);
		-moz-transform:translate(0, 0);
		-o-transform:translate(0, 0);
	}

	.gnb_scroll {position:absolute; left:0; top:0; right:0; bottom:50px; overflow:auto; overflow-scrolling:touch; -webkit-overflow-scrolling:touch; -moz-overflow-scrolling:touch;}
	.gnb_wrap {position:relative; top:0; right:auto; left:0%; width:100%;}
	.gnb > li {float:none; height:auto; margin:0; padding:0;}
	.gnb > li > a {	height:50px; line-height:50px; font-size:16px; padding:0 20px; color:#333; letter-spacing:-.07em; font-weight:500; border-bottom:1px solid #e5e5e5;}
	.gnb > li:last-child{display:none;}
	.gnb > .active > a {background-position:90% -35px;}

	.gsub {	background:#0454a6;	width:auto;	position:relative;padding:0px 0;border:0;margin:0;text-align:left; padding:20px 0; box-shadow:0 5px 5px #b2b2b2;}
	.gsub li {	font-size:1em;line-height:inherit;margin:0;  border-bottom:0px solid #efefef;}
	.gsub a {display:block;font-size:14px;color:#fff;line-height:30px;padding:0 20px;letter-spacing:-0.03em;}
	.gsub > li > a {color:#fff; padding:0 20px;}
	.gsub > li > a:hover {color:#fff; text-decoration:underline;}

	.btn_call {display:block; position:absolute; top:0; left:-10px;  width:75px; height:75px; background:#efefef;}

}

@media all and (max-width:767px) {
	#headerwrap {height:65px;}
	#headerwrap .inner {width:100%;}
	/* gnb Àüȯ */
	#header {height:65px;}
	.h_box {height:65px;}
	#logo {width:120px; top:13px; left:50%; margin-left:-60px;}
	#logo a {height:37px;}
	
	.btn_gnb {top:20px; right:5%;}
	.btn_call {left:0px;  width:65px; height:65px; }
	.btn_call img{ width:65px; height:65px;}
	.mb_gnb_frame {top:65px;}
}



/*footer*/
#footerWrap {position:relative; width:100%; padding:50px 0; background:#4c4c4c; color:#cccccc; border-top:1px solid #ddd}
#footerWrap .flogo {text-align:center;}
#footerWrap .flogo img {width:213px;}
#footerWrap .copywrap {margin-top:35px; text-align:center;}
#footerWrap .copywrap .f-link li {display:inline-block; margin:0 10px;} 
#footerWrap .copywrap .f-info li {display:inline-block; line-height:1.667em; margin:0 9px;}
#footerWrap .copywrap .copyright li span {font-weight:bold}

.footmenu{height:45px; line-height:45px; width:100%; border-top:1px solid #ddd; text-align:center;}
.footmenu ul li{display:inline-block; padding:0px 20px; font-size:13.5px;  background:url("/images/common/footline.jpg") no-repeat right}
.footmenu ul li:last-child{background:none;}
.footmenu ul li a{color:#999;}

.mobileshow{display:none;}

@media screen and (max-width:976px){
	#footerWrap .flogo img {width:205px;}
	#footerWrap .copywrap .f-info {width:80%; margin:0 auto;}

	.footmenu{height:45px; line-height:45px; width:100%; border-top:1px solid #ddd; text-align:center;}
.footmenu ul li{display:inline-block; padding:0px 5px; font-size:12px;  background:url("/images/common/footline.jpg") no-repeat right}
.footmenu ul li:last-child{background:none;}
.mobileshow{display:block;}

}
@media screen and (max-width:480px){
	#footerWrap {padding:5% 0;}
	#footerWrap .flogo img {width:135px;}
	#footerWrap .copywrap .f-link li { margin:0 0;}
	#footerWrap .copywrap .f-link img {width:80%;}
	#footerWrap .copywrap {margin-top:5%;}
	
	#footerWrap .copywrap .f-info li {display:inline-block;margin:0 5px;}

	

}


/*¿òÁ÷ÀÌ´Â ¸ÞÀιè°æ******/
/* main-visual */
#sub_visual {width:100%; overflow:hidden; position:relative; margin:0 auto;	height:645px; overflow:hidden;  box-sizing:border-box; border: 0px solid #fff;
}
#sub_visual .visual_wrap {	position:relative;	width:100%; 	margin:0 auto;	height:645px;	text-align:center;font-family: 'OpenSans-Regular';}
#sub_visual .visual_box { position:absolute; width:100%;}
#sub_visual .visual_box div { position:absolute; top:0;	left:0; }
#sub_visual .v_ul {	position:absolute;	bottom:30px; left:0%; margin-left:0px; width:100%; text-align:center; 	z-index:20;}
#sub_visual .v_ul li {	display:inline-block;	z-index:1;	cursor:pointer;	margin:0 3px;}

.v_btn01 {z-index:999999;  }
.v_btn01 a {position:absolute; top:310px; left:-270px; width:98px; height:53px; text-align:center;  cursor:pointer;  border:1px solid #888; background:#333 url(/images/main/arrow_prev.png) no-repeat 19px 28px;color:#fff; font-weight:600;  font-size:14px; line-height:40px; opacity:0.7; text-transform:uppercase; z-index:30;}
.v_btn01 a:hover { top:310px; left:-270px;  background:#f20701 url(/images/main/arrow_prev.png) no-repeat 14px 28px; border:1px solid #ac090f; color:#fff; opacity:0.9; text-decoration:none;}

.v_btn02 {z-index:999999;}
.v_btn02 a {position:absolute; top:310px; left:-170px; width:98px; height:53px; cursor:pointer; border:1px solid #888; background:#333 url(/images/main/arrow_next.png) no-repeat 14px 28px;color:#fff; font-weight:600;  font-size:14px;line-height:40px; opacity:0.6; text-transform:uppercase;z-index:30;}
.v_btn02 a:hover { top:310px; left:-170px;  background:#f20701 url(/images/main/arrow_next.png) no-repeat 19px 28px; border:1px solid #ac090f; color:#fff; opacity:0.9;  text-decoration:none;}

#sub_visual .visual_p {	position:absolute;	left:0;}

#sub_visual .vs_txt1 {position:absolute;  top:90px;  left:0;  width:100%; height:335px;  z-index:2;   text-align:center; box-sizing:border-box;}
#sub_visual .vs_txt1 .searchform {margin:0 auto; width:40%;  overflow:hidden; border:5px solid #1b529e; background:#1b529e; height:35px; }
#sub_visual .vs_txt1 .searchform ul{  }
#sub_visual .vs_txt1 .searchform ul li{display:inline-block; float:left; background:#1b529e;height:35px; line-height:35px; text-align:center;}

.form-control{width:98%; height:35px; line-height:35px;}
#sub_visual .vs_txt1 .m-txt1 {margin:0px 0 0}

.maintit{color:#fff; font-size:20px; font-family: 'Noto Sans KR', sans-serif ! important; line-height:30px;  text-shadow: 1px 1px 2px #000;}
.maintit1{color:#fff; font-size:30px;font-family: 'Nanum Myeongjo', serif ! important;line-height:40px; margin-bottom:30px; letter-spacing:-0.4px;  text-shadow: 1px 1px 2px #000; }
.maintit2{color:#fff; font-size:15px; font-family: 'Noto Sans KR', sans-serif ! important; line-height:30px;}


.numarea{margin:0 auto; width:100%;  overflow:hidden;  }
.numarea ul{  overflow:hidden; width:700px; margin:0 auto; }
.numarea ul li{  text-align:center; background:url("/images/main/circle_01.png"); display:inline-block; border:0px solid #1b529e;  margin:0px 25px; width:180px; height:180px; position:relative; float:left; }
.numarea ul li:last-child{}
.numarea ul li div{opacity:0; position:absolute;  z-index:77; top:0px; left:0px;   }
.numarea ul li:hover > div {opacity:1; background:url("/images/main/circle_02.png");  width:100%; /*box-shadow:5px 2px 5px #cccccc;*/ height:180px;}
.text1{line-height:25px; font-size:20px; font-family: 'Noto Sans KR', sans-serif ! important; position:absolute;  z-index:999; top:0px; left:0px; box-sizing:border-box; padding-top:55px; text-align:center;width:100%; color:#fff ! important;  }
.text1 a:hover {color:#fff ! important; font-size:15px; }

/****¸ÞÀκñÁê¾ó****/
.mainWrap{position:relative; width:100%; height:720px;  border:0px solid red; box-sizing:border-box;    }
.mainbanner{position:absolute; bottom:0;  width:1300px; left:45%; margin-left:-560px;  border:0px solid red;  z-index:333; box-sizing:border-box; height:175px; }
.mainbanner ul li{color:#fff; font-size:13px; display:inline-block;  float:left; border-right:1px solid #fff; box-sizing:border-box;  height:175px; }
.mainbanner ul li:last-child{border-right:0px solid #fff;}
.mainbanner ul li.b_1st{line-height:25px; color:#999;text-align:center; width:31%; background:url("/images/main/mainbanner_bg01.jpg") right no-repeat; padding-top:60px;  box-sizing:border-box; }
.mainbanner ul li.b_1st span{ font-size:21px;  font-weight:600; color:#000;}
.mainbanner ul li.b_2st{ width:23%; background:url("/images/main/mainbanner_bg02.jpg") right no-repeat;  padding:25px;  box-sizing:border-box; }
.mainbanner ul li.b_2st span{ font-size:21px;  font-weight:600;}
.mainbanner ul li.b_3st{ width:23%; background:url("/images/main/mainbanner_bg03.jpg") right no-repeat;  padding:25px;  box-sizing:border-box;}
.mainbanner ul li.b_3st span{ font-size:21px;  font-weight:600;}
.mainbanner ul li.b_4st{ width:23%; background:url("/images/main/mainbanner_bg04.jpg") right no-repeat;  padding:25px;  box-sizing:border-box; }
.mainbanner ul li.b_4st span{ font-size:21px;  font-weight:600;}


@media screen and (max-width:976px){
.maintit{font-size:15px;}
.maintit1{font-size:20px; line-height:30px; width:90%; margin:0 auto; padding-bottom:15px;}
.maintit2{display:none;}


#sub_visual .vs_txt1 .searchform {margin:0 auto; width:90%;  overflow:hidden; border:5px solid #1b529e; background:#1b529e; height:75px; }
.searchform li.wd80{width:100%;}
.searchform li.wd20{width:100%;}
.searchform li.wd20 img{width:80%; margin-top:5px;}

.form-control{width:98%; height:35px; line-height:35px; text-align:center; border:1px solid #e1e1e1;}

.numarea{margin:0 auto; width:100%;  overflow:hidden;  }
.numarea ul{ margin:0 auto;  width:100%;}
.numarea ul li{ text-align:center; background:none; display:inline-block; border-right:1px solid #efefef;   margin:0px 0px; width:33.1%; height:100px; position:relative; float:left; }
.numarea ul li:last-child{ border-right:0px solid #fff;}
.numarea ul li div{opacity:0; position:absolute;  z-index:77; top:0px; left:0px;   }
.numarea ul li:hover > div {opacity:1; background:none;  width:100%; /*box-shadow:5px 2px 5px #cccccc;*/ height:100px;}
.text1{line-height:25px; font-size:15px; font-family: 'Noto Sans KR', sans-serif ! important; position:absolute;  z-index:999; top:0px; left:0px; box-sizing:border-box; padding-top:15px; text-align:center;width:90%; color:#fff ! important;  }
.text1 a:hover {color:#fff ! important; font-size:10px; }



.mainbanner{position:absolute; bottom:0;  width:100%;  left:0%;margin:0 auto;  border:0px solid red;  z-index:333; box-sizing:border-box; height:175px; }
.mainbanner ul li{ border-right:0px solid #fff;}
.mainbanner ul li.b_1st{display:none;}
.mainbanner ul li.b_2st{width:33.3%; background:url("/images/main/mainbanner_bg02_1.jpg") right no-repeat;}
.mainbanner ul li.b_3st{width:33.3%; background:url("/images/main/mainbanner_bg03_1.jpg") right no-repeat;}
.mainbanner ul li.b_4st{width:33.4%; background:url("/images/main/mainbanner_bg04_1.jpg") right no-repeat;}

}



/****°ü·Ã´º½º****/
.newsWrap {position:relative; width:100%; padding:70px 0; text-align:center;   background-color:#fbfbfb;  overflow:hidden;}
.newsWrap img{padding-bottom:20px;}
.newstit{ font-family: 'Montserrat', sans-serif; font-size:30px; color:#1b429a;}
.newstit span{ font-family: 'Montserrat', sans-serif; font-size:15px; color:#999; line-height:35px;}

.newsarea{position:relative; width:1440px; margin:0 auto;  overflow:hidden;  border:0px solid red;   }
.newsleft{position:relative; width:5%; float:left;  border:0px solid red; box-sizing:border-box;  height:335px; }

.newscenter{position:relative; width:90%; float:left;  border:0px solid red;  }
.newscenter ul li{position:relative; overflow:hidden; float:left; display:inline-block;box-sizing:border-box; padding:30px; text-align:left; border:1px solid #ddd;  height:335px; margin-right:25px; width:23%; background-color:#fff; }
.newscenter ul li:last-child{margin-right:0px;}
.newscenter ul li div { opacity:0; position:absolute;   z-index:5555; top:0px; left:0px; }
.newscenter ul li:hover > div {opacity:1;  border:4px solid #0066b3;  width:100%; box-shadow:5px 2px 5px #cccccc;}

.newscenter2{position:relative; width:90%; float:left; border:0px solid red;  }
.newscenter2 ul li{position:relative; overflow:hidden; float:left; display:inline-block;box-sizing:border-box; padding:30px; text-align:left; border:1px solid #ddd;  height:335px; width:99%; margin-right:25px; background-color:#fff; }
.newscenter2 ul li:last-child{margin-right:0px;}
.newscenter2 ul li div {opacity:0; position:absolute; z-index:5555; top:0px; left:0px; }
.newscenter2 ul li:hover > div {opacity:1; border:4px solid #0066b3;  width:100%; box-shadow:5px 2px 5px #cccccc;}


.more{padding:5px;  border:1px solid #ccc; }
.newtit{font-size:18px; color:#000; font-weight:500; line-height:25px; margin-bottom:25px;}
.newtit a:hover{color:#0066b3 ! important; }
.newtit1{font-size:15px; color:#666;  line-height:25px; margin-bottom:35px;}
.newscenter ul li a{color:#666;}
.newscenter ul li a:hover{color:#0066b3; }

.newsright{position:relative; width:5%; float:right;  border:0px solid red;  height:335px;}



@media screen and (max-width:976px){
.newstit{ font-family: 'Montserrat', sans-serif; font-size:20px; color:#1b429a;}
.newstit span{ font-family: 'Montserrat', sans-serif; font-size:14px; color:#999; line-height:35px;}

.newsleft{display:none; }
.newsright{display:none;}

.newsarea{position:relative; width:100%; margin:0 auto;  overflow:hidden;  border:0px solid red;   }
.newscenter{position:relative; width:100%; float:left;  border:0px solid red;  }
.newscenter ul li{position:relative; overflow:hidden; float:left; display:inline-block;box-sizing:border-box; padding:20px; text-align:left; border:1px solid #ddd;  height:auto;margin-left:10px; margin-right:10px;  margin-bottom:10px; width:95%; background-color:#fff; }

.newtit{font-size:15px;}
.newtit1{font-size:14px; color:#666;  line-height:20px; margin-bottom:20px;}

}



/****¾àµµ¹×°øÁö»çÇ×****/
.mapWrap {position:relative; width:100%; padding:70px 0; text-align:center;   background-color:#f1f1f1;  overflow:hidden;}
.mapWrap img{padding-bottom:20px;}
.maptit{ font-family: 'Montserrat', sans-serif; font-size:30px; color:#339999;}
.maptit span{ font-family: 'Montserrat', sans-serif; font-size:15px; color:#999; line-height:35px;}

.maparea{position:relative; width:1300px; margin:0 auto; } 
.mapleft{width:50%; float:left; position:relative; height:600px;}
.mapright{width:45%; float:right; position:relative; height:460px; 

border-top:3px solid #4fa8be; 
border-right:1px solid #ddd; border-left:1px solid #ddd;  box-sizing:border-box;    background-color:#fff;  }
.mapright1{width:45%; float:right; position:relative; height:140px; border:1px solid #ddd;  box-sizing:border-box;    background-color:#6dbacd;  } 
.mapright1 ul li{display:inline-block; width:49.7%; box-sizing:border-box;  height:138px;   background-color:#fff; float:left;  }
.mapright1 ul li:first-child{border-right:1px solid #ddd; box-sizing:border-box;  background:url("/images/main/banner_bg01.jpg") ;   text-align:left; padding-left:25px; padding-top:45px;}
.mapright1 ul li:last-child{color:#fff; border-right:0px solid #ddd; box-sizing:border-box;  background:url("/images/main/banner_bg02.jpg") ;  text-align:left; padding-left:25px; padding-top:45px;}

.tit01{font-size:20px; color:#000; }
.tit02{font-size:20px; color:#fff; }

.noticetit {width:100%;  position:relative; padding:10px;   box-sizing:border-box;  }
.noticetit ul li{display:inline-block;  float:left;}
.wd80_n{width:60%; text-align:left; padding:20px; font-size:25px; color:#000;  box-sizing:border-box; }
.wd20_n{width:40%; text-align:right;    padding:20px;  box-sizing:border-box; }

.noticon dl{width:100%; float:left;  margin-bottom:35px; }
.noticon dl dt{width:20%; float:left; font-size:12px; }
.noticon dl dt span{font-size:35px; color:#000; font-family: 'Montserrat', sans-serif; }
.noticon dl dd{width:80%;float:left; text-align:left; font-size:13px;}

.noticon dl dd span{font-size:18px; color:#000; line-height:25px; }


@media screen and (max-width:976px){


.maptit{ font-family: 'Montserrat', sans-serif; font-size:20px; color:#339999;}
.maptit span{ font-family: 'Montserrat', sans-serif; font-size:14px; color:#999; line-height:35px;}

.maparea{position:relative; width:100%; margin:0 auto; }
.mapleft{width:100%; display:none; float:left; position:relative; height:600px;}
.mapright{width:100%; float:left; position:relative; height:500px; border-top:3px solid #4fa8be; 
border-right:1px solid #ddd; border-left:1px solid #ddd;  box-sizing:border-box;    background-color:#fff;  }


.noticetit {width:100%;  position:relative; padding:10px;   box-sizing:border-box;  }
.noticetit ul li{display:inline-block;  float:left;}
.wd80_n{width:60%; text-align:left; padding:10px; font-size:22px; color:#339999; font-weight:500;  box-sizing:border-box; }
.wd20_n{width:40%; text-align:right;    padding:10px;  box-sizing:border-box; }
.more1{width:30px;}

.noticon dl{width:100%; float:left;  margin-bottom:35px; }
.noticon dl dt{width:20%; float:left; font-size:11px; margin-top:10px; }
.noticon dl dt span{font-size:28px; color:#000; font-family: 'Montserrat', sans-serif; }
.noticon dl dd{width:80%;float:left; text-align:left; font-size:13px; letter-spacing:-0.3px;}

.noticon dl dd span{font-size:14px; color:#000; line-height:25px; }


.mapright1{width:100%; float:left; position:relative;   } 
.mapright1 ul li{display:inline-block; width:49.7%; box-sizing:border-box;  height:138px;   background-color:#fff; float:left;  }
.mapright1 ul li:first-child{border-right:1px solid #ddd; box-sizing:border-box;  background:url("/images/main/banner_bg01_1.jpg") right ;   text-align:left; padding-left:25px; padding-top:45px;}
.mapright1 ul li:last-child{color:#fff; border-right:0px solid #ddd; box-sizing:border-box;  background:url("/images/main/banner_bg02_1.jpg")  right;  text-align:left; padding-left:25px; padding-top:45px;}




}


/****Çϴܹè³Ê****/
.bannerWrap {position:relative; width:100%; padding:70px 0; text-align:center; }
.bannerWrap img{padding-bottom:20px;}
.bantit{ font-family: 'Montserrat', sans-serif; font-size:30px; color:red;}
.bantit span{ font-family: 'Montserrat', sans-serif; font-size:15px; color:#999; line-height:35px;}

.bannerlink ul { border:1px solid #ddd; width:1300px; margin:0 auto; }
.bannerlink ul li{ display:inline-block; width:16.3%;  border-right:1px solid #ddd; box-sizing:border-box;   padding:35px; }
.bannerlink ul li:last-child{ border-right:0px solid #ddd; }
.bantit1{padding-top:25px;  border-top:1px solid #ddd; color:red }
.bantit1 a:hover{color:red;}
.bantit1 a{color:#999;}


@media screen and (max-width:976px){

.bannerWrap img{padding-bottom:20px; }
.bantit{ font-family: 'Montserrat', sans-serif; font-size:20px; color:red;}
.bantit span{ font-family: 'Montserrat', sans-serif; font-size:14px; color:#999; line-height:30px;}

.bannerlink ul { border:0px solid #ddd; width:100%; margin:0 auto;   padding:15px;  box-sizing:border-box;  border:0px solid #ddd;}
.bannerlink ul li{ display:inline-block; width:45%; margin:0px;  border:0px solid #ddd; box-sizing:border-box;   padding:10px; font-size:14px;}
.bannerlink ul li img{width:70px; }

.bantit1{padding-top:5px;   border-top:1px solid #ddd; padding-bottom:10px;}
}