/************************************************************************
 * �뚯씪紐�     : layout.css
 * �ㅻ챸        : 湲곕낯 css�뺤쓽, import ��CSS, �쒖꽌��줈 �듯빀
 * �묒꽦��     : �댁꽌��
 * �묒꽦��     : 2011.08.30
************************************************************************/

/* form */
form	{margin:0}
input.sot {vertical-align:middle; border:1px solid #E5E5E5; height:15px; padding:3px 4px 0 4px;}
input.sot1 {vertical-align:middle; border:1px solid #E5E5E5; height:15px; padding:3px 4px 0 4px;}
select.sot {vertical-align:middle;border:1px solid #90959b; font-size:12px;}

.disabled	{background:#EAEAEA}

.overScroll {
	overflow:auto;
	margin-top:10px;
}


/* pointer */
.hand	{cursor:pointer;}


/* top */
.head {
	margin:0 0 0 24px;
	width:980px;
	height:76px;
	}

.head:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.head h1 {
	float:left;
	margin-top:12px;
	}


.head ul.glob {
	float:right;
	margin:10px 0 -10px 0;
	height:21px;
	position:relative;
	}

.head ul.glob img {
	vertical-align:middle;
	}
.head ul.glob img.line {
	margin-top:5px;
	}

.head ul.glob li {
	background:url('../_images/common/gline.gif') left 7px no-repeat;
	padding-left:6px;
	list-style:none;
	display:inline;
	}

.head ul.glob li.no {
	background:none;
	}

.head .mymap {
	float:left;
	margin:12px 0 0px 55px;
	padding:0 0;
	vertical-align:middle;
	height:21px;
	color:#6571d9;
	font:bold 12px Gulim,AppleGothic,sans-serif;
	}

.head .mymap img {
	vertical-align:middle;
	}

.head .mymap .btn {
	margin-left:10px;
	margin-top:2px;
	}
.head .smap {
	position:absolute;
	top:37px;
	margin-left:620px;
	z-index:100;
	text-align:left;
	width:360px;
	height:65px;
	border:2px solid #4553d0;
	background-color:#fff;
	}

.head .smap p {
	margin:10px 0 10px 10px;
	padding:0 0;
	font:bold 12px Gulim,AppleGothic,sans-serif;
	color:#6571d9;
	background:url('../_images/_m/icon_smap.gif') left 3px no-repeat;
	padding-left:10px;
	float:left;
	}
.head .smap .clear {
	clear:both;
}
.head .smap .ma {
	margin-left:10px;
	}

.head .smap .btn {
	vertical-align:middle;
	}
.head .smap p.close {
	float:right;
	vertical-align:middle;
	margin:10px 10px 10px 10px;
	padding:0 0;
}

.head .smap1 {
	position:absolute;
	top:155px;
	margin-left:111px;
	z-index:101;
	text-align:left;
	width:360px;
	height:65px;
	border:2px solid #4553d0;
	background-color:#fff;
	}

.head .smap1 p {
	margin:10px 0 10px 10px;
	padding:0 0;
	font:bold 12px Gulim,AppleGothic,sans-serif;
	color:#6571d9;
	background:url('../_images/_m/icon_smap.gif') left 3px no-repeat;
	padding-left:10px;
	}
.head .smap1 .ma {
	margin-left:10px;
	}
.head .smap1 .btn {
	vertical-align:middle;
	}


.head ul.menu {
	background:url('../_images/common/menu.gif') right top no-repeat;
	/* width:799px; */
	height:38px;
	float:right;
	}



.head .menu li {
	display:inline;
	margin:0 0;
	padding:0 0;
	list-style:none;
	}
.head .menu li a span {
	 display:none; 
	
	}

.head .menu li a.mm01,
.head .menu li a.mm02,
.head .menu li a.mm03,
.head .menu li a.mm04,
.head .menu li a.mm05,
.head .menu li a.mm06,
.head .menu li a.mm07 {
	display:inline-block;
	} 
	
.head .menu li a.mm01 {width:106px;height:37px;padding:0 0;}
.head .menu li a.mm02 {width:105px;height:37px;padding:0 0;}
.head .menu li a.mm03 {width:103px;height:37px;left:0;}
.head .menu li a.mm04 {width:126px;height:37px;left:0;}
.head .menu li a.mm05 {width:144px;height:37px;left:0;}
.head .menu li a.mm06 {width:80px;height:37px;left:0;}
.head .menu li a.mm07 {width:101px;height:37px;left:0;}

.head .menu li a:hover.mm01 {width:112px;height:37px;padding:0 0;
	background:url('../_images/common/menu.gif') left -38px no-repeat;
	}

.head .menu li a:hover.mm02 {
	background:url('../_images/common/menu.gif') -112px -38px no-repeat;
	}

.head .menu li a:hover.mm03 {
	background:url('../_images/common/menu.gif') -222px -38px no-repeat;
	}

.head .menu li a:hover.mm04 {
	background:url('../_images/common/menu.gif') -331px -38px no-repeat;
	}

.head .menu li a:hover.mm05 {
	background:url('../_images/common/menu.gif') -463px -38px no-repeat;
	}

.head .menu li a:hover.mm06 {
	background:url('../_images/common/menu.gif') -612px -38px no-repeat;
	}
.head .menu li a:hover.mm07 {
	background:url('../_images/common/menu.gif') right -38px no-repeat;
	}
	
.head .menu li a.m01,
.head .menu li a.m02,
.head .menu li a.m03,
.head .menu li a.m04,
.head .menu li a.m05,
.head .menu li a.m06,
.head .menu li a.m07 {
	display:inline-block;
	} 

.head .menu li a.m01 {width:112px;height:37px;padding:0 0;}
.head .menu li a.m02 {width:110px;height:37px;padding:0 0;}
.head .menu li a.m03 {width:109px;height:37px;left:0;}
.head .menu li a.m04 {width:132px;height:37px;left:0;}
.head .menu li a.m05 {width:149px;height:37px;left:0;}
.head .menu li a.m06 {width:86px;height:37px;left:0;}
.head .menu li a.m07 {width:101px;height:37px;left:0;}
.head .menu li a:hover.m01 {width:112px;height:37px;padding:0 0;
	background:url('../_images/common/menu.gif') left -38px no-repeat;
	}

.head .menu li a:hover.m02 {
	background:url('../_images/common/menu.gif') -112px -38px no-repeat;
	}

.head .menu li a:hover.m03 {
	background:url('../_images/common/menu.gif') -222px -38px no-repeat;
	}

.head .menu li a:hover.m04 {
	background:url('../_images/common/menu.gif') -331px -38px no-repeat;
	}

.head .menu li a:hover.m05 {
	background:url('../_images/common/menu.gif') -463px -38px no-repeat;
	}

.head .menu li a:hover.m06 {
	background:url('../_images/common/menu.gif') -612px -38px no-repeat;
	}
.head .menu li a:hover.m07 {
	background:url('../_images/common/menu.gif') right -38px no-repeat;
	}	
	
.head .menu li a.m011,
.head .menu li a.m022,
.head .menu li a.m033,
.head .menu li a.m044,
.head .menu li a.m055,
.head .menu li a.m066,
.head .menu li a.m077 {
	display:inline-block;
	} 
	
.head .menu li a.m011 {width:112px;height:37px;padding:0 0;}
.head .menu li a.m022 {width:102px;height:37px;padding:0 0;}
.head .menu li a.m033 {width:105px;height:37px;left:0;}
.head .menu li a.m044 {width:128px;height:37px;left:0;}
.head .menu li a.m055 {width:145px;height:37px;left:0;}
.head .menu li a.m066 {width:82px;height:37px;left:0;}
.head .menu li a.m077 {width:105px;height:37px;left:0;}
.head .menu li a:hover.m011 {width:112px;height:37px;padding:0 0;
	background:url('../_images/common/menu.gif') left -38px no-repeat;
	}

.head .menu li a:hover.m022 {
	background:url('../_images/common/menu.gif') -116px -38px no-repeat;
	}

.head .menu li a:hover.m033 {
	background:url('../_images/common/menu.gif') -222px -38px no-repeat;
	}

.head .menu li a:hover.m044 {
	background:url('../_images/common/menu.gif') -331px -38px no-repeat;
	}

.head .menu li a:hover.m055 {
	background:url('../_images/common/menu.gif') -463px -38px no-repeat;
	}

.head .menu li a:hover.m066 {
	background:url('../_images/common/menu.gif') -612px -38px no-repeat;
	}
.head .menu li a:hover.m077 {
	background:url('../_images/common/menu.gif') right -38px no-repeat;
	}	
	
	
.altdiv>a{
	display:block;
}		

.area_header { position:fixed; min-width:250px; height:100%; top:0; left:0; box-shadow:0 1px 5px rgba(0,0,0,.5); z-index:110}
.area_header .util { padding:10px;}
.area_header .util li { float:left; width:calc(50% - 5px)}
.area_header .util li:first-child { margin-right:10px;}
.area_header .util li a { display:block; border-radius:5px; letter-spacing:-1px; border:1px solid #183e72; color:#183e72; font-size:13px; line-height:30px; text-align:center; transition: 0.5s;}
.area_header .util li a:hover,
.area_header .util li a:focus { color:#fff; background:#183e72}

.hd_wrap h1 { padding:25px 0; text-align:center; background:#225898}
.hd_wrap h1 a { display:block; font-size:0} 
.hd_wrap .gnb { border-bottom:1px solid #eaeaea}
.hd_wrap .gnb:after { content:""; clear:both; display:block;}
.hd_wrap .gnb li { position:relative; float:left; width:50%;}
.hd_wrap .gnb li a { position:relative; display:block; color:#777; font-size:13px; line-height:33px; }
.hd_wrap .gnb li.site a { padding-left:45px; }
.hd_wrap .gnb li.sitemap a { padding-left:48px; }
.hd_wrap .gnb li a:after { content:""; position:absolute; top:10px; height:14px; background:url('../_images/common/ico_site.png') no-repeat 0 0} 
.hd_wrap .gnb li.site a:after { left:20px; width:18px; background:url('../_images/common/ico_site.png') no-repeat 0 0} 
.hd_wrap .gnb li.sitemap a:after { left:28px; width:14px; background:url('../_images/common/ico_sitemap.png') no-repeat 0 0} 
.hd_wrap .gnb li.sitemap:after { content:""; position:absolute; top:10px; left:0; width:1px; height:14px; border-left:1px dotted #b2b2b2}

/* 메뉴 */
#lnb{width:250px; z-index:110; font-family:'NotoM'; overflow: hidden;}
#lnb .mn_wrap {width:100%; margin:0 auto; }

.nav .depth1{width:100%; background:#f4f4f7;}
.nav .depth1 a.tit{display:block; padding:0 20px; line-height:49px; font-size:17px; color:#242424; letter-spacing:-1px; position: relative; border-bottom:1px solid #eaeaea;}
.nav .depth1.active > a.tit, .nav .depth1 a.tit:hover, .nav .depth1 a.tit:focus, .nav .depth1 a.tit.active{color:#fff !important; background:#08214c;}/* 190930 수정 */
.nav li.depth1.active .depth2{display:block; z-index:10; }
.nav li .depth2{ position: absolute; width:0; height:100%; left:250px; top:0; background:#08214c; overflow:hidden; box-shadow:inset 2px 0 5px rgba(0,0,0,0.5); z-index:0;}/*190712 수정*/
.nav li .depth2 > ul{width:200px; display:block; margin-top:121px;  border-top:1px solid #415d84;}/*190712 수정*/
.nav li .depth2 > ul.mtUser {margin-top:201px;}
.nav li .depth2 ul li{position: relative;}
.nav li .depth2 ul li.dep3::before{content:""; position: absolute; right:20px; top:19px; width:12px; height:2px; background:#fff; z-index:1;}/*190930 수정*/
.nav li .depth2 ul li.dep3::after{content:""; position: absolute; right:25px; top:14px; width:2px; height:12px; background:#fff; z-index:1;}/*190930 수정*/
.nav li .depth2 ul li.dep3.ov::after{transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg);}/*190930 수정*/
.nav li .depth2 ul li a.tit{ display:block; line-height:40px; padding:0 15px; color:#fff; border-bottom:1px solid #415d84;position: relative; font-size:15px; letter-spacing:-0.1em;}
.nav li .depth2 ul li a:hover.tit, .nav li .depth2 ul li a:focus.tit, .nav li .depth2 ul li a:active.tit { background:#0d65a5; }/*190724 수정*/
.nav li .depth2 ul li.on { background:#0d65a5;}/*190801 수정*/
.nav li .depth2 ul li.off{background:#08214c;}/*190801 수정*/

.nav li .depth2 ul li a.tit[target='_blank']::after{content:url('/images/web/main/layout/icon_black_wh.png'); float:right;}
.nav li .depth2 ul li .depth3{display:none; padding:10px 0; background:#08162b;}
.nav li .depth2 ul li .depth3 li{width:100%;}
.nav li .depth2 ul li .depth3 li a{line-height:20px; border:0; margin:0 15px;  position:relative; padding:3px 0 3px 10px; font-size:14px;  color:#cfe6ff; }
.nav li .depth2 ul li .depth3 li a::before{content:""; width:3px; height:3px; border-radius:3px; position: absolute; left:0; top:10px; background:#fff;}
.nav li .depth2 ul li .depth3 li a[target='_blank']::after{content:url('/images/web/main/layout/icon_black_wh.png'); float:right; margin:5px 15px 0 0;}

.nav .depth2 li:hover a, .nav .depth2 li a:focus{color:#fff799;}
.nav .depth3 li a:hover, .nav .depth3 li a:focus{text-decoration: underline; color:#fff !important; }
.nav li .depth2 ul li a, .nav li .depth2 ul li a::before, .nav li .depth2 .link ul li a, .nav li.rule01 .depth2 ul li a p, .nav li .depth2 .link ul li a::after{transition: all .3s ease; -ms-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease;}


/* main */
#mainWrap { position:relative; margin:0 218px 0 771px; overflow-x:auto}
#mainWrap .main_box { position:fixed; top:0; left:250px; width:521px; height:100%; background:#30353a}
.main_box #preWeatherDiv { position:relative; margin:30px}
.main_box #preWeatherTimeDiv { margin-bottom:7px; font-size:14px; font-weight:300; color:#8a8c8e}
.main_box .todayWeather .current { display:inline-block; vertical-align:bottom; line-height:1; color:#4ab5de; font-size:55px; font-weight:700; letter-spacing:-2px; min-width:130px;}
.main_box .todayWeather .current .degree { font-size:20px; font-weight:400; vertical-align:top}
.main_box .todayWeather .temperature { display:inline-block; /* margin-left:10px; */ text-align:center; vertical-align:bottom}
.main_box .todayWeather .temperature span { display:inline-block; color:#fff; font-size:15px; font-weight:300 }
.main_box .todayWeather .temperature .highest { position:relative; margin-left:8px; padding-left:10px}
.main_box .todayWeather .temperature .highest:after { content:""; display:block; position:absolute; top:6px; left:0; width:1px; height:40px; background:#8a8c8e; transform:rotate(15deg); }
.main_box .todayWeather .temperature strong { display:block; font-size:17px; font-weight:300}
.main_box .summary_list { position:absolute; top:0; right:0; width:175px; }
.main_box .summary_list dt { float:left; width:50%; margin-top:5px; padding-left:25px; color:#fff; font-size:15px;}
.main_box .summary_list .humidity { background:url('../_images/main/ico_humidity.png') no-repeat 4px 50%}
.main_box .summary_list .wind { background:url('../_images/main/ico_wind.png') no-repeat 0 50%}
.main_box .summary_list .rain { background:url('../_images/main/ico_rain.png') no-repeat 3px 50%}
.main_box .summary_list dd { float:left; width:50%; margin-top:5px; text-align:right; color:#4ab5de; font-size:15px;}

.main_box #jijumDiv { padding:7px 30px; border-top:1px solid rgba(255,255,255,.2)}
.main_box #jijumDiv select { width:127px; padding:0 25px 0 5px; letter-spacing:-1px; background:#fff url('../_images/common/select_arrow.png') no-repeat right -5px top 0}
.main_box #jijumDiv .btnSch { padding:0 10px; margin:0 6px 0 0; border:0; letter-spacing:-1px ;color:#fff; font-size:14px; height:36px; background:#225898}
.main_box #jijumDiv .btn { padding:0 6px; border:0; letter-spacing:-1px; color:#30353a; font-size:14px; height:36px; background:#8a8c8e}

.main_box #divGISMap { height:calc(100% - 200px)}

.tool_map { position:absolute; top:230px; right:30px; width:26px; z-index:999}
.tool_map .btn_zoomin { position:absolute;top:0;left:0}
.tool_map .btn_zoomout { position:absolute;top:25px;left:0; display:none;}
.tool_map a { display:block; width:100%; /*height:24px*/}

#mainWrap .content { min-width:700px; padding:60px}
#mainWrap .bnWrap { position:fixed; top:0; right:0; width:218px; height:100%; background:#ddd}
#mainWrap .bnWrap li { height:16.66%;}
#mainWrap .bnWrap li a { display:block; height:100%; padding:30px; font-size:18px; font-weight:700; line-height:20px; color:#242424; transition:all .4s;}
#mainWrap .bnWrap li span { display:block; margin-bottom:8px; color:#000; line-height:1; opacity:.3}
#mainWrap .bnWrap li.bn01 a { background:#4ab5de url('../_images/main/imgBn01.png') no-repeat right 30px bottom 30px}
#mainWrap .bnWrap li.bn02 a { color:#fff; background:#225898 url('../_images/main/imgBn02.png') no-repeat right 30px bottom 30px}
#mainWrap .bnWrap li.bn03 a { background:#ffbb33 url('../_images/main/imgBn03.png') no-repeat right 30px bottom 30px}
#mainWrap .bnWrap li.bn04 a { background:#07a65a url('../_images/main/imgBn04.png') no-repeat right 30px bottom 30px}
#mainWrap .bnWrap li.bn05 a { background:#8a8c8e url('../_images/main/imgBn05.png') no-repeat right 30px bottom 30px}
#mainWrap .bnWrap li.bn06 a { color:#fff; background:#30353a url('../_images/main/imgBn06.png') no-repeat right 30px bottom 30px}
#mainWrap .bnWrap li a:hover,
#mainWrap .bnWrap li a:focus { background-position:right 30px bottom 40px}
#mainWrap .bnWrap li.bn02 span,
#mainWrap .bnWrap li.bn06 span { color:#fff; opacity:.1}




.content .bg {
	float:left;
	width:980px;
	margin:0 0;
	padding-top:10px;
	}

.content .map {
	position:relative;
	background:url('../_images/_m/map_bg.gif') left top no-repeat;
	width:476px;
	height:59px;
	font:normal 12px Gulim,AppleGothic,sans-serif;
	color:#737373;
	float:left;
	}

.content .map p {
	padding:0 0;
	margin:15px 0 0 20px;
	line-height:16px;
	}

.content .map img.btn {
	position:absolute;
	top:13px;
	left:310px;
	}

.content .mtext {
	float:right;
	padding:5px 25px 0 0;
	}



.content .main_box .bot {
	width:950px;
	padding-bottom:13px;
	padding-left:12px;
	}

.content .main_box .bot2 {
	width:950px;
	padding-bottom:10px;
	margin-top:0px;
	padding-top:0px;
	padding-left:12px;
	}

.content .main_box .bot3 {
	width:950px;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:10px;
	padding-left:12px;
	}

.content .box1 {
	background:url('../_images/_m/box_top.gif') left top no-repeat;
	width:475px;
	margin-top:10px;
	padding-top:10px;
	float:left;
	}

.content .box1 .bot {
	background:url('../_images/_m/box_bot.gif') left bottom no-repeat;
	width:475px;
	padding-bottom:23px;
	padding-left:22px;
	}

.content .box1 .bot .tit {
	padding-left:22px;
	margin-bottom:13px;
	}

.data1 {
	font:normal 11px dotum,AppleGothic,sans-serif;
	color:#5d5d5d;
	margin-left:5px;
	}

.mainsbox1 {
	margin-top:5px;
	margin-left:0px;
	background:url('../_images/_m/tit_01_box01.gif') left top no-repeat;
	width:166px;
	height:90px;
	text-align:center;
	margin-right:5px;
	float:left;
	}

.mainsbox1 .data2 {
	font:bold 20px dotum,AppleGothic,sans-serif;
	color:#6464f6;
	margin-top:-1px;
	}


.mainsbox1 .doc {
	font:bold 20px dotum,AppleGothic,sans-serif;
	color:#6464f6;
	margin-top:-1px;
	}

.mainsbox2 {
	margin-top:4px;
	background:url('../_images/_m/tit_01_box02.gif') left top no-repeat;
	width:90px;
	height:79px;
	text-align:center;
	float:left;
	margin-left:0px;
	}

.mainstit {
	margin-top:9px;
	}

.mainsbox2 .data3 {
	font:normal 13px verdana,AppleGothic,sans-serif;
	color:#434343;
	margin-top:-1px;
	padding-top:3px;
	}

.mainsbox3 {
	margin-top:21px;
	background:url('../_images/_m/tit_01_box03.gif') left top no-repeat;
	width:86px;
	height:79px;
	text-align:center;
	float:left;	font:normal 13px dotum,AppleGothic,sans-serif;
	}

.mainsbox3 .data3 {
	font:normal 13px dotum,AppleGothic,sans-serif;
	color:#434343;
	margin-top:-1px;
	padding-top:5px;
	}



.mainsbox3 .data4 {
	font:normal 13px dotum,AppleGothic,sans-serif;
	color:#434343;
	margin-top:-3px;
	}

.mainsbox4 {
	margin-top:5px;
	background:url('../_images/_m/tit_01_box03.gif') left top no-repeat;
	width:86px;
	height:79px;
	text-align:center;
	float:left;	font:normal 13px dotum,AppleGothic,sans-serif;
	}


.mainsbox4 .data3 {
	font:normal 13px verdana,AppleGothic,sans-serif;
	color:#434343;
	margin-top:-1px;
	padding-top:5px;
	}

.content .box2 {
	background:url('../_images/_m/box_top.gif') left top no-repeat;
	width:475px;
	margin-top:10px;
	float:right;
	padding-top:16px;
	}

.content .box2 .bot {
	background:url('../_images/_m/box_bot.gif') left bottom no-repeat;
	width:475px;
	padding-bottom:17px;
	padding-left:5px;
	}

.content .box3 {
	background:url('../_images/_m/box_top.gif') left top no-repeat;
	margin-top:10px;
	float:left;
	padding-top:3px;
	}


.content .box3 .bot {
	background:url('../_images/_m/box_bot.gif') left bottom no-repeat;
	width:475px;
	padding-bottom:10px;
	padding-left:5px;
	text-align:left;
	}

.content .box4 {
	background:url('../_images/_m/box_top.gif') left top no-repeat;
	width:475px;
	margin-top:10px;
	float:right;
	padding-top:3px;
	}

.content .box4 .bot {
	background:url('../_images/_m/box_bot.gif') left bottom no-repeat;
	width:475px;
	padding-bottom:10px;
	}

.content .box4 .bot .tit {
	padding-left:22px;
	margin-bottom:13px;
	margin-top:13px;
	}
.content .box4 .data1 {
	font:normal 11px Gulim,AppleGothic,sans-serif;
	color:#5d5d5d;
	margin-left:5px;
	}

.content .box4 .line_top {
	background:url('../_images/_m/line_box_top.gif') left top no-repeat;
	padding-top:2px;
	margin:18px 20px 0px;
	}

.content .box4 .line_top .line_bot {
	background:url('../_images/_m/line_box_bot.gif') left bottom no-repeat;
	padding-bottom:2px;
	height:228px;
	text-align:center;
	}


#mainWrap .weatherWrap h2 { margin-bottom:16px; color:#242424; font-size:18px; font-weight:500; line-height:1}
#mainWrap .weatherWrap h2 span { position:relative; display:inline-block; }
#mainWrap .weatherWrap h2 span:after { content:""; display:block; position:absolute; bottom:-2px; left:0; width:100%; height:10px; background:#8ad3ea; z-index:-1}
#mainWrap .weatherWrap table { border-top:1px solid #30353a;}
#mainWrap .weatherWrap th,
#mainWrap .weatherWrap td { padding:7px 0; border-bottom:1px solid #e5e5e5; font-size:15px; text-align:center; font-weight:400}
#mainWrap .weatherWrap thead th { border-bottom:1px solid #30353a; background:#f4f4f7}

#resentWeatherDiv.weatherWrap { position:relative; float:left; width:calc(50% - 30px)}
#resentWeatherDiv.weatherWrap .more { position:absolute; top:0; right:0; color:#777; font-size:13px}
#lastWeatherDiv.weatherWrap { margin-top:60px}

#mainWrap #baroDiv { float:right; width:calc(50% - 30px)}
#mainWrap #baroDiv a { position:relative; float:left; width:50%; margin:0 -1px -1px 0; padding:26px 0 20px 0; font-size:15px; text-align:center; border:1px solid #e5e5e5}
#mainWrap #baroDiv a.link02,
#mainWrap #baroDiv a.link03 { background:#f4f4f7}
#mainWrap #baroDiv a:before { content:""; display:inline-block; width:100%; height:40px; transition:all .2s;}
#mainWrap #baroDiv a:hover:before { transform:rotateY(180deg)}
#mainWrap #baroDiv a.link01:before { background:url('../_images/main/imgLink01.png') no-repeat 50% 0}
#mainWrap #baroDiv a.link02:before { background:url('../_images/main/imgLink02.png') no-repeat 50% 0}
#mainWrap #baroDiv a.link03:before { background:url('../_images/main/imgLink03.png') no-repeat 50% 0}
#mainWrap #baroDiv a.link04:before { background:url('../_images/main/imgLink04.png') no-repeat 50% 0}


#mainWrap .news { position:relative; margin-top:60px;}
#mainWrap .news .newsTab { margin-bottom:20px}
#mainWrap .news .newsTab:after { content:""; clear:both; display:block}
#mainWrap .news .newsTab li { float:left; margin-right:20px; }
#mainWrap .news .newsTab a { position:relative; display:block; color:#595959; font-size:16px; line-height:1 }
#mainWrap .news .newsTab a.on { color:#242424; font-size:18px; font-weight:500}
#mainWrap .news .newsTab a.on:after { content:""; display:block; position:absolute; bottom:-2px; left:0; width:100%; height:10px; background:#8ad3ea; z-index:-1}
#mainWrap .news > div { display:none;}
#mainWrap .news > div ul { padding:15px 0; border-top:1px solid #30353a; border-bottom:1px solid #30353a}
#mainWrap .news > div ul:after { content:""; clear:both; display:block}
#mainWrap .news > div li { float:left; width:calc(33.33% - 14px); margin-left:20px; padding-left:20px; border-left:1px solid #e5e5e5;}
#mainWrap .news > div li:first-child { margin-left:0; padding-left:0; border-left:none}
#mainWrap .news > div li a { display:block; }
#mainWrap .news > div li span { display:block; height:36px; overflow:hidden; line-height:18px;}
#mainWrap .news > div li .newsTitle { font-size:15px;}
#mainWrap .news > div li .newsContent { margin:10px 0; font-size:13px; color:#777;}
#mainWrap .news > div li .newsDate { height:auto; font-size:14px; font-weight:300}
#mainWrap .news > div li a:hover .newsTitle,
#mainWrap .news > div li a:focus .newsTitle { color:#225898; text-decoration:underline}
#mainWrap .news > div li.noList { width:100%; color:#242424; font-size:15px; text-align:center; line-height:110px;}
#mainWrap .news > div .more{ position:absolute; top:0; right:0; width:18px; height:18px; overflow:hidden; text-indent:-999px; transition:all .2s; background:url('../_images/main/imgMore.png') no-repeat 0 0 }
#mainWrap .news > div .more:hover { transform:rotate(180deg)}


.content .ban {
	margin-top:20px;
	float:right;
	}

.content .ban img {
	margin-left:0px;
	}

.content .ban img.no {
	margin-left:0px;
	}


/* bottom */

.footer {
	position:fixed;
	bottom:0;
	left:0;
	padding:20px;
	width:250px;
	z-index:120
	}

.footer .sasa { margin-top:20px; letter-spacing:-1px; font-size:12px; line-height:16px; color:#777}

.footer .copy { font-size:12px; line-height:16px; color:#777}
.footer .copy .address span { display:inline-block; margin-left:10px;}

.footer .bot_glob { margin-bottom:30px;}
.footer .bot_glob li a { font-size:13px; font-weight:500	}
.footer .bot_glob li.privacy a { color:#0d65a5}

.wb {word-break : break-all;}