@charset "utf-8";

/*!
 *@(주)가민정보시스템
 *@2018.04.19 류승호초안
 *@ 추가수정 : 수정시 작성
 */

.contents h4{ font-size:26px; font-weight:700; color:#2a388f; margin-bottom:20px;}
.contents h5{ font-size:22px; font-weight:700; color:#007c74; margin-bottom:20px; }
.contents h6{ font-size:20px; font-weight:700; color:#484848; margin-bottom:20px;  }


.contents p.text{ color:#3b3b3b; font-size:18px; line-height:24px; font-weight:300; }
.contents p.color01{ color: #000 } 
.contents p.color02{ color: #d22500 }
.contents p.color03{ color: #475397 }

/*리스트타입*/
.list_basic { overflow:hidden;}
.list_basic > li{ position:relative; color:#686868; line-height:130%;  padding-left:13px; font-size:18px; font-weight:300;}
.list_basic.no_bullet > li{ padding-left:0px; background:none !important; margin-top:5px; }
.list_basic > li.no_bullet:before{ display:none;}
.list_basic > li:before{ position:absolute; display:block; content:""; left:0; top:8px;}

.lt01 > li:before{  width:6px; height:6px; background:#888; left: 2px; border-radius:6px;}
.lt02 > li:before{  width:6px; height:6px; background:#333; left: 2px; border-radius:6px;}
.lt03 > li:before{  width:6px; height:6px; background:#007c74; left: 2px; border-radius:6px;}
.lt04 > li:before,.lt05 > li:before{ position:absolute;  display:block; content:""; background:#222; width:6px; height:2px; left:3px; top:10px }
.lt04 > li:before{ background:#888;}
.lt05 > li:before{ background:#333;}

.con_box_wrap{ overflow:hidden }
.con_box{ width:49%;   border : #b0b0b0 solid 1px; padding:20px; font-weight:300;}
.con_box.box01{ border:#b0b0b0 solid 1px; }
.con_box.box02{ border:#000 solid 1px; }
.con_box .title{ display:block; font-size:20px; font-weight:700; }

.btn_con{ display:inline-block; border:#b0b0b0 solid 1px; font-size:18px; padding:10px 45px 10px 10px; transition:ease 0.3s; font-weight:300; letter-spacing:-0.05em }
.btn_con:hover{ color:#000; border:#000 solid 1px; transition:ease 0.3s;   }
.btn_blank{ background:url(../img/sub/bg_btn_blank.jpg) 95% center no-repeat}
.btn_link{ position:relative; padding-right:50px;}
.btn_link span{ position:absolute; top:18px; right:15px; display:block; width:20px; height:1px; background:#6a6a6a; content:""; text-indent:-9999px; transition:ease-in 0.2s   }
.btn_link span:before,
.btn_link span:after{ display:block; position:absolute;  width:10px; height:1px; background:#424242; content:"";    }
.btn_link span:before{ top:-4px; right:-1px; transform:rotate(45deg) }
.btn_link span:after{ top:4px; right:-1px; transform:rotate(-45deg) }
.btn_down{ background:url(../img/sub/bg_btn_down.jpg) 95% center no-repeat}
.btn_write{ background:#00a398; color:#fff; border:0; padding:15px 35px; font-size:18px;    } 



.tab_s{ margin-bottom:40px;  }
.tab_s:after {content:"  "; display:block; clear:both;}
.tab_s ul {width:100%; font-size:0; }
.tab_s ul:after {content:"  "; display:block; clear:both;}
.tab_s ul li {display:inline-block; float:left;}
.tab_s ul li a {display:block; position: relative; padding:17px 25px; margin-bottom:-1px; margin-right: -1px; z-index: 1;  text-align:center; color:#3a3a3a; font-size:18px; letter-spacing: -0.64px; border:1px solid #c9c9c9; white-space: nowrap; background-color:#fff; }
.tab_s ul li.active a:before,
.tab_s ul li:hover a:before {content: ""; position: absolute; bottom:-1px; left:0; width:100%; height: 3px; background: #009195;}
.tab_s ul li.active a, .tab_s ul li:hover a { color:#3a3a3a; background-color:#fff; border:1px solid #c9c9c9;  z-index: 5;}
@media screen and (max-width: 639px) and (min-width: 1px){
.tab_s{ margin-bottom:15px;  }
.tab_s ul{ position:relative; min-height:36px; transition:0.5s}
.tab_s ul li {display:block; float:none; position:absolute; width:100%;}
.tab_s ul li.active a { background:#fff url(../img/sub/open.png) 95% center no-repeat; }
.tab_s ul li.active a, .tab_s ul li:hover a { border-left:1px solid #009195; border-top:1px solid #009195; border-right:1px solid #009195; border-bottom: 1px solid #009195 !important; }
.tab_s ul li.active a:before,.tab_s ul li:hover a:before { display:none; }
.tab_s ul li a{ padding:10px 0; font-size:14px; }
.tab_s ul.open{ }
.tab_s ul.open li{ position:relative; transition:0.5s}
.tab_s ul.open li.active a  { background:#f5f5f5 url(../img/sub/close.png) 95% center no-repeat; }
}

/*인사말씀*/
.greeting{ overflow:hidden; }
.greeting .img_wrap{ text-align: center; padding:25px 15px;  }
.greeting .img_wrap img{ max-width:100%; }
.greeting .text{ float:left; padding:15px;  }
.greeting .text p{ font-size:14px; font-weight:300; line-height:1.5; word-break:keep-all }
.greeting .text p.title{ font-size:25px; font-weight:700; letter-spacing:-0.05em; margin-bottom:20px; word-break:break-all }
.greeting .text p.title br{display:none; }
.greeting .text p.title span{ color:#3045c3;  } 

@media all and (min-width:1024px){
.greeting .img_wrap{ float:right;}
.greeting .text{ float:left; width:60% }
.greeting .text p{ font-size:18px; }
.greeting .text p.title{ font-size:41px; font-weight:700; letter-spacing:-0.05em; margin-bottom:50px; }
.greeting .text p.title br{display:inline-block; }
}

/*경력*/
.career{ overflow:hidden; }
.career .img_wrap{ text-align: center; padding:25px 15px;  }
.career .img_wrap .name_wrap span{ display:block; text-align:left; font-size:14px; margin-bottom:5px;  } 
.career .img_wrap .name_wrap .name{ font-size:20px; margin-bottom:10px; } 
.career .text{ float:left; padding:15px;  }
.career .text ul { position:relative; margin-bottom:25px; }
.career .text ul:before { position:absolute; left:5px; display:block; content:""; width:1px; height:100%; background:#e3e3e3; }
.career .text ul li{ position:relative; padding-left:20px; margin-bottom:15px;  color:#414141;  }
.career .text ul li:before{ position:absolute; left:0; top:3px; display:block; content:""; width:12px; height:12px; border-radius:13px; background:#2a388f;  }
.career .text ul li span{ display:block; font-weight:bold; margin-bottom:8px;  }
.career .text ul li p{ line-height:1.2; font-size:16px; }
@media all and (min-width:768px){
.career .img_wrap img{ float:left; }
.career .img_wrap .name_wrap{ float:left; margin-top:60px; margin-left:30px; }	
.career .text{ clear:both;}
}
@media all and (min-width:1024px){
.career .img_wrap{ float:left;  }
.career .img_wrap img{ float:none; }
.career .img_wrap .name_wrap{ float:none; margin-top:25px; margin-left:0; }
.career .text{ clear:none; margin-left:60px; padding:45px 0 0 0;  }
.career .text ul { margin-bottom:40px; }
.career .text ul li { margin-bottom:30px; }
.career .text ul li p{ font-size:18px; }
}




/* 월간일정 */
.calendar_box .control { position:relative;
	margin:30px 0 25px;
	}
.calendar_box .control .month { font-weight:bold;
	line-height:23px;
	font-size:123.07%;
	color:#474747;
	text-align:center;
	}
.calendar_box .control span.prev { position:absolute;
	display:block;
	width:23px;
	height:23px;
	top:0;
	left:32%;
	}
.calendar_box .control span.prev a { display:block;
	width:23px;
	height:23px;
	background:url(../imgs/02/arrow_left.gif) no-repeat 0 0 !important;
	text-indent:-9999px;
	}
.calendar_box .control span.next { position:absolute;
	display:block;
	width:23px;
	height:23px;
	top:0;
	right:32%;
	}
.calendar_box .control span.next a { display:block;
	width:23px;
	height:23px;
	background:url(../imgs/02/arrow_right.gif) no-repeat 0 0 !important;
	text-indent:-9999px;
	}
.calendar_box span.icon {display:inline-block;
	margin:0 auto;
	margin-top:3px;
	width:36px;
	text-align:center;
	line-height:160%;
	color:#fff;
	background:#f1c40f;
	border-radius:4px;	
	font-size:84.61%;
	font-weight:bold;
	text-decoration:none;
	}
.calendar { border-top:3px solid #656565;
	margin:5px 0 0 0;
	padding:0px 0px 0px 0px;
	border-collapse:collapse;
	width:100%;}
.calendar caption { width:1px;
	height:1px;
	font-size:0px;
	float:left;
	position:absolute;
	visibility:hidden;
	text-indent:-9999px;
	}

.calendar th {
	border-left:1px solid #dee0e3;
	border-right:1px solid #dee0e3;
	/* height:38px; */
	background:#f5f5f5;
	font-weight:bold;
	padding: 15px 0;
	font-size:115.38%;
	}
.calendar th:first-child { color:#cd0000; }
.calendar td { border:1px solid #dee0e3;
	height:50px;
	vertical-align:top;
	}
.calendar td.tdval{padding:10px 0 !important;}
.calendar thead th.sun { width:14.2%;
	}
.calendar thead th.mon { width:14.3%;
	}
.calendar thead th.tue { width:14.3%;
	}
.calendar thead th.wed { width:14.3%;
	}
.calendar thead th.thu { width:14.3%;
	}
.calendar thead th.fri { width:14.3%;
	}
.calendar thead th.sat { width:14.3%;
	}
.calendar td a { text-decoration:none; }
.calendar td span { display:inline-block;
	width:100%;
	height:auto;
	text-align:center;
	color:#9e9e9e;
	}
.calendar td.today { 
  	background:#FDBE0F;
	color:#403C31;
	font-weight:bold; }

.calendar td span.icon { display:block;
	margin:0 auto;
	margin-top:3px;
	width:76%;
	line-height:160%;
	color:#fff;
	background:#f1c40f;
	border-radius:4px;	
	font-size:84.61%;
	font-weight:bold;
	text-decoration:none;	
	}

.calendar2 {
	margin:5px 0 0 0;
	padding:0px 0px 0px 0px;
	border-collapse:collapse;
	width:100%;
	background: #fff;
	border: #929292 solid 1px;
	}
.calendar2 caption { width:1px;
	height:1px;
	font-size:0px;
	float:left;
	position:absolute;
	visibility:hidden;
	text-indent:-9999px;
	}
.calendar2 th {
	height:40px;
	background: #fff;
	color:#ffffff;
	font-weight:bold;
	padding:10px 0;
	}
.calendar2 th a.daily {
	line-height:60px;
	font-size:123.07%;
	color: #000;
	text-decoration:none;
	}
.calendar2 th a span {
	line-height:60px;
	font-size:123.07%;
	color: #000;
	text-decoration:none;
	}
.calendar2 th a span:hover { line-height:60px;
	font-size:123.07%;
	color:#757575;
	text-decoration:none;
	}
.calendar2 td { min-height:36px;
	vertical-align:middle;
	}
.calendar2 thead th.sun { width:14.2%;
	background:#736A4D;
	}
.calendar2 thead th.mon { width:14.3%;
	background:#736A4D;	
	}
.calendar2 thead th.tue { width:14.3%;
	background:#736A4D;
	}
.calendar2 thead th.wed { width:14.3%;
	background:#736A4D;
	}
.calendar2 thead th.thu { width:14.3%;
	background:#736A4D;
	}
.calendar2 thead th.fri { width:14.3%;
	background:#736A4D;
	}
.calendar2 thead th.sat { width:14.3%;
	background:#736A4D;
	}
.calendar2 td a span { text-decoration:none;
	color:#FCA00F
	}
.calendar2 td span {
	display:inline-block;
	width:100%;
	height:36px;
	line-height:34px;
	text-align:center;
	color: #6f6f6f;
	}
.calendar2 td.today {
  	background:#FDBE0F;
	font-weight:bold; }
.calendar2 td.today span { color:#403C31;

	}

/* 주간일정 */
.calendar_box { margin-top:30px; padding:0 10px }
.calendar_box .control { position:relative;
	margin-bottom:25px;
	}
.calendar_box .control .month { font-weight:bold;
	line-height:23px;
	font-size:123.07%;
	color:#474747;
	text-align:center;
	}
.calendar_box .control span.prev { position:absolute;
	display:block;
	width:23px;
	height:23px;
	top:0;
	left:0;
	}
.calendar_box .control span.prev a { display:block;
	width:23px;
	height:23px;
	background:url(../imgs/02/arrow_left.gif) no-repeat 0 0 !important;
	text-indent:-9999px;
	}
.calendar_box .control span.next { position:absolute;
	display:block;
	width:23px;
	height:23px;
	top:0;
	right:0;
	}
.calendar_box .control span.next a { display:block;
	width:23px;
	height:23px;
	background:url(../imgs/02/arrow_right.gif) no-repeat 0 0 !important;
	text-indent:-9999px;
	}

.calendar_box p.title {
	border-left:4px solid #fdbe0f;
	padding-left:10px;
	/* font-size:138.46%; */
	}

.calendar_search {
	/* margin-left:15px; */
	}
.calendar_search_btn, input[type='submit'] {
	width:20%;
	height:34px;
	line-height:34px;
	padding:0;
	margin-left:3px;
	background:#757575;
	border-radius:5px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	/* font-size:107.7%; */
	border:0;
	cursor:pointer;
	}
.calendar_search .keyword {
	vertical-align:middle;
	width:50%;
	height:34px;
	padding:0 8px;
	border-radius:5px;
	border:1px solid #dee0e3;
	background:#fff;



	}
/* 일정 */
.daily_calendar { width:100%; padding:0 10px }
.daily_schedule { width:100%;  padding:0 10px }
.calendar_search2 {	}
.calendar_search_btn2 { 
	width:16%;	
	height:34px;
	line-height:34px;
	padding:0;
	margin-left:3px;
	background:#757575;
	border-radius:5px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:107.7%;
	border:0;
	cursor:pointer;}
.calendar_search2 .keyword {
	vertical-align:middle;
	width:78%;
	height:34px;
	padding:0 8px;
	border-radius:5px;
	border:1px solid #dee0e3;
	background:#fff;
	}
@media all and (min-width:1024px){
  .daily_calendar{ width:40%; float:left; }
  .daily_schedule{width:55%; float:right; padding:0;}
}
 /*tbl style*/
.tbl01 { 
	width: 100%; 
	margin-top: 15px; 
	margin-bottom: 20px;
	border-top: 3px solid #757575;
	border-bottom: 1px solid #dee0e3;
	font-size:14px;
	}
.tbl01 thead th,
.tbl01 thead td,
.tbl01 tbody th {
  padding: 0.6em;
  border: 1px solid #dee0e3;
  }
.tbl01 tbody td {
  padding: 0.5em 0.6em;
  border: 1px solid #dee0e3;
  }
.tbl01 thead th{
	background: #efefef;
	color: #262626;
	font-weight:bold;
	vertical-align: middle;
	}
.tbl01 tbody th {
	background: #fafafa;
	color: #262626;
	vertical-align: middle;
	}
.tbl01 tbody td {
	vertical-align: middle;
	line-height:150%;
	color:#676767;
	}
.tbl01 tbody td.center { text-align:center;
	}

.tbl01 thead th.calendar_data { width:22%;
	}
.tbl01 thead th.calendar_time{ width:12%;
	}
.tbl01 thead th.calendar_place { width:16%;
	}
.tbl01 thead th.calendar_contents { width:50%;
	}
.tbl02 { 
	width: 100%; 
	margin-top: 3px; 
	margin-bottom: 20px;
	border-top: 3px solid #476b8f;
	border-bottom: 1px solid #718da8;
	text-align:center;
	}
.tbl02 *{
	word-break:normal
	}
.tbl02.wbba *{
	word-break:break-all
	}
.tbl02 thead th,
.tbl02 thead td,
.tbl02 tbody th,
.tbl02 tbody td,
.tbl02 tfoot td {
  padding: 0.6em;
  border: 1px solid #d8dce3;
 }

.tbl02 thead th{
	width:auto;
	padding: 1em;
	background: #f6f7f9;
	color: #474747;
	font-weight:bold;
	vertical-align: middle;
	}

.tbl02 tbody th {
	background: #fafafa;
	color: #333;
	vertical-align: middle;
	}
.tbl02 tbody td {
	vertical-align: middle;
	}
.tbl02 tbody td ul li {
	text-align:left;
	}
.tbl02 tbody .dept {
	font-weight:bold;

	}
.tbl02 .total {
	background:#ffd
	}
.tbl02 .w90 {
	width:90px
	}
.tbl02 .w119 {
	width:119px
	}
.tbl02 .add_file{
	width:18%
	}
.tbl02 .c_view{
	width:12%
	}
.tbl02.permit .ws1{
	width:10%
	}
.tbl02.permit .ws2{
	width:10%
	}
.tbl02.permit .ws3{
	width:15%
	}
.tbl02.permit .ws4{
	width:10%
	}
.tbl02.permit .ws5{
	width:45%
	}
.tbl02.permit .ws6{
	width:10%
	}
.tbl02.tree_kind .ws1{
	width:10%
	}
.tbl02.tree_kind .ws2{
	width:10%
	}
.tbl02.tree_kind .ws3{
	width:80%
	}
.tbl02.ingo .ws1{
	width:30%
	}
.tbl02.ingo .ws2{
	width:8%
	}
.tbl02.ingo .ws3{
	width:40%
	}
.tbl02.ingo .ws4{
	width:22%
	}
.tbl02.waterStatic{
	margin:0
	}

/* 단게를 테이블로 표시 */
.tbl03 { 
	width: 100%; 	
	border-spacing:6px;
	border-collapse :separate;
	text-align:center;
	}
.tbl03 *{
	word-break:normal
	}
.tbl03 thead th,
.tbl03 thead td,
.tbl03 tbody th {
  padding:10px 0;
  border-radius: 5px;
 }
.tbl03 tbody td {
  padding:10px 0;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  font-size:12px;
  background:#fff
 }
.tbl03 thead th{
	padding:10px 0;
	background: #0577b7;
	color: #fff;
	font-weight:bold;
	vertical-align: middle;
	font-size:12px
	}
.tbl03 tbody th {
	background:#dbe4eb;
	vertical-align: middle;
	line-height:140%;
	font-weight:bold;
	font-size: 132.72%;
	}
.tbl03 tbody th span {
	display:inline-block; 
	width:100%;
	}
.tbl03 tbody td {
	vertical-align: middle;
	line-height:160%;
	}
.tbl03 .arrow {
	padding:0px;
	background:none;
	border:none;
	}



/* 도지사 */
.governor_list { width:100%;
	border-top:solid 2px #757575;
	border-bottom:solid 1px #dee0e3;
	}
.governor_list dl { position:relative;
	padding:220px 10px 20px 10px;
	border-top:solid 1px #dee0e3;
	min-height:260px;
	line-height:160%;
	}
.governor_list dl:first-child { border-top:none;
	}
.governor_list dl dt { padding:10px 0;
	font-weight:bold;
	font-size:123.07%;
	}
.governor_list dl dd { font-size:107.69%;
	line-height:150%;
	}
.governor_list dl dd.thumb {  position:absolute;
	position:absolute;
	width: 50%;
	padding:0 10px;
	top:35px;
	left: 50%;
	margin-left: -25.5%;
	}
@media all and (min-width:1024px){
  .governor_list dl { position:relative;
	padding:15px 10px 20px 28%;
	border-top:solid 1px #dee0e3;
	min-height:260px;
	line-height:160%;
	}
  .governor_list dl dd.thumb {  position:absolute;
	position:absolute;
	width: auto;
	padding:0;
	top:30px;
	left: 0;
	margin-left:0;
	}
}
.governor_list dl dd.thumb img { 
	border:1px solid #cecece; }
.governor_list dl a { text-decoration:none;
	}
.governor_list dl dt a { color:#272727; 
	text-decoration:underline;	
	}
.governor_list dl a:hover dt, .governor_list dl a:focus dt {
	color:#476b8f;
	font-weight:bold;
	text-decoration:underline;	
	}


.tab-menus.history {
	overflow: hidden;	
	margin-top: 30px;
  }
.tab-menus.history li {
	float:left;
	min-width: 50%;
	padding: 0 1% 1% 0;
	}
@media all and (min-width:1024px){
  .tab-menus.history li {
	float:left;
	min-width: 14%;
	padding: 0 1% 1% 0;
	}
  
}

.tab-menus.history li a {
	display: block;
	border: 1px solid #e1e1e1;
	text-align: center;
	padding: 6px 10px;
	background-color: #fcfcfc;
	color: #333;
	font-weight:bold;
	border-radius: 5px;
	/*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;css-vali*/
	}
.tab-menus.history li a.on {
	background: #757575;
	border:1px solid #476b8f;
	color:#fff;
	}

.hope{ padding:0 10px; }
.hope p{line-height:1.3}



/*소식*/
  .tab-wrap.news{
	margin-bottom:50px
    }
  .tab-wrap.news li a{
	display:block;
	line-height:3em;
	border:1px solid #d9dce2;
	background:#f5f6f8;
	color:#8b8c8c;
	font-size:81.25%;
	text-align:center
	}
  .tab-wrap.news li a.on{
	border:none;
	background:none;
	color:#383838;
	font-size:93.75%;
	font-weight:bold;
	text-align:left
	}
  .tab-wrap.news li .more{
	display:none
	}
  .tab-wrap.news li .tab_con a{
	line-height:normal;
	border:0;
	background:none;
	text-align:left
	}
  .tab-wrap.news li .tab_con dl{
	margin-bottom:12px;
	padding:0 5% 12px;
	border-bottom:1px solid #b9c0c4
	}
  .tab-wrap.news li .tab_con dt{
	margin-bottom:13px;
	color:#5e8ae1;
	font-size:107.69%;
	font-weight:bold
	}
  .tab-wrap.news li .tab_con li{
	margin-bottom:7px;
	padding:0 3% 7px;
	border-bottom:1px dashed #bfc6cb
	}
  .tab-wrap.news li .tab_con li a{
	color:#626262
	}


/*소식-layout*/
  .cyberMain .news_area{
	margin:0 3.125%
	}
  .cyberMain .news_area:after{
	content:"";
	clear:both;
	display:block;
	margin-bottom:35px
	}


/*이낙연의 말과 글*/
    .news_area{
      	margin-top:20px;
        padding-top:10px
    }
	.news_area .words{
      	margin-bottom:30px
    	}
	.news_area .words .tit{
		padding-top:20px;
		font-size:118.75%
		}
	.news_area .words .tit b{
		padding-top:7px;
		border-top:4px solid #fdbe0f;
		vertical-align:baseline
		}
	.news_area .words .tit span{
		vertical-align:baseline
		}
	.news_area .words ul{
		margin-top:11px;
		padding:3% 5% 1%;
		border:1px solid #dfdfdf
		}
	.news_area .words ul li{
		margin-bottom:12px;
		font-size:68.75%
		}
	.news_area .words ul li a{
		color:#626262
		}
	.news_area .words .more{
		display:none
		}
.contents h3{
	margin: 20px 0px 10px 0px;
	padding: 0 0 0 22px;
	background: url(../imgs/common/bul_squer.gif) no-repeat 0 4px;
	color: #757575;
	font-size:138.46%;
	font-weight:bold;
	}

.contents h4 {
	margin: 0 0 10px 13px;
	padding: 0 0 0 16px;
	background: url(../imgs/common/bul_round.gif) no-repeat 0 10px;
	color: #2c2d2d;
	font-weight:400;
	font-size:123.07%;
	line-height: 150%;
	}

.contents .list_type01 {
	margin:0px 0 20px 20px
	}
.contents .list_type01 li{
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
	background: url(../imgs/common/bul_dot.gif) no-repeat 0 7px;
	color: #252525;
  	font-weight:300;
	/* line-height: 1.2em; */
	}
.contents .list_type01 li.bul01{
	background: url(../imgs/common/bul_line.gif) no-repeat 0 10px !important;
	}
.contents .list_type01 p {
	padding: 10px;
	background: url(../imgs/common/bul_line.gif) no-repeat 0 10px;
	}

.contents .list_type02 {
	margin:0px 0 10px 0px
	}
.contents .list_type02 li{
	margin: 0 0 3px 0;
	padding: 0 0 0 10px;
	background: url(../imgs/common/bul_dot.gif) no-repeat 0 10px;
	color: #252525;
	}
.contents .list_type03 {
	margin:0px 0 10px 0px
	}
.contents .list_type03 li{
	margin: 0 0 3px 0;
	padding: 0 0 0 20px;
	background: url(../imgs/common/bul_dot.gif) no-repeat 10px 10px;
	color: #252525;
  font-weight:300
	}


@media all and  (min-width:769px){
.contents h3{
	margin: 20px 0px 10px 0px;
	padding: 0 0 0 22px;
	background: url(../imgs/common/bul_squer.gif) no-repeat 0 4px;
	color: #757575;
	font-size:23px;
	font-weight:bold;
	}

.contents h4 {
	margin: 0 0 10px 13px;
	padding: 0 0 0 16px;
	background: url(../imgs/common/bul_round.gif) no-repeat 0 10px;
	color: #2c2d2d;
	font-weight:400;
	font-size:20px;
	line-height: 150%;
	}

.contents .list_type01 {
	margin:0px 0 20px 20px
	}
.contents .list_type01 li{
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
	background: url(../imgs/common/bul_dot.gif) no-repeat 0 7px;
	color: #252525;
	/* line-height: 1.2em; */
	}
.contents .list_type01 li.bul01{
	background: url(../imgs/common/bul_line.gif) no-repeat 0 10px !important;
	}
.contents .list_type01 p {
	padding: 10px;
	background: url(../imgs/common/bul_line.gif) no-repeat 0 10px;
	}

.contents .list_type02 {
	margin:0px 0 10px 0px
	}
.contents .list_type02 li{
	margin: 0 0 3px 0;
	padding: 0 0 0 10px;
	background: url(../imgs/common/bul_dot.gif) no-repeat 0 10px;
	color: #252525;
	}
.contents .list_type03 {
	margin:0px 0 10px 0px
	}
.contents .list_type03 li{
	margin: 0 0 3px 0;
	padding: 0 0 0 20px;
	background: url(../imgs/common/bul_dot.gif) no-repeat 10px 10px;
	color: #252525;
  font-weight:300;
	}

 /* 인사말 */
.greeting {
	position:relative;
	/*padding-left:200px;*/
	/*background:url('../imgs/01/bg_greeting001.jpg') no-repeat right top;*/
	}

.greeting .tit img {
	margin:20px 0;
	/* padding-left:220px; */
	}
.greet_ceo{ float:right; margin:0 0 20px 20px !important;}
.greeting .txt { width:100%; line-height: 180%;
	font-size:115.38%;
	}
.greeting p {margin-bottom:30px; /*width:88%;*/}
.greeting .sign { text-align:right;
	right:-20px;
	}
.greeting .tit {margin-bottom:0;}


/* 도지사에게 바란다 */
.hope { position:relative;
	/*background:url('../imgs/04/bg_hope.jpg') no-repeat right top;*/
	min-height:480px;
	}
.hope .txt { width:100%;
	}
.hope p { /*width:50%;*/
	margin-bottom:15px;
	font-size:123.07%;
	line-height:160%;
	}
.hope_btn span { vertical-align:middle;
	line-height:32px;
	height:32px;
	}
.hope_btn span a { display:inline-block;
	font-weight:bold;
	padding:0 15px;
	/*border-radius:5px;*/
	}
.hope_btn span a:hover, a:focus { text-decoration:none;
	}

.box {
    padding: 6px;
    border: 1px solid #dadada;
    background-color: #f1f1f1;
}

.box p {
	display:block;
    padding: 10px;
    margin: 0;
    background-color: #fff;
	}
.page_info02{min-height:110px; margin-bottom:20px; padding:30px; border:1px dashed #d7d7d7; background-color:#f6f6f6; color:#476b8f; vertical-align:middle;}
.page_info02 p{display:inline-block;line-height:150%;vertical-align:middle; font-size:100%;}
.btn_normal{display:inline-block;margin-bottom:3px;padding:5px 10px 5px 10px!important;background:#f7f7f7;border:1px solid #bbb;font-weight:bold;}
.btn_normal2{display:inline-block;margin-bottom:3px;padding:5px 10px 5px 10px!important;background:#f7f7f7;border:1px solid #bbb;font-weight:bold;border-radius:10px;}
.btn_point1{background-color:#eb741d !important;color:#fff;}

/* 주요약력 */
.story { width:340px;
	padding-top:20px;
	float:left;
  	text-align:center;
	}
.story p { width:60%;
	margin:0 auto;
	line-height:140%;
	}
.story_box { float:left;margin-left:45px; }
.story_list dl { background:url("../imgs/01/bg_story.png") 0 0 no-repeat;
	padding-left:25px;
	padding-top:5px;
	}
.storyTit:first-child + .story_list dl:first-child { background:url("../imgs/01/dot_story.png") 0 3px no-repeat;
	padding-top:0;
	}
.story_list dl dt { font-weight:bold;
	font-size:123.07%;
	}
.story_list dl dd { padding:4px 0 20px 0;
	font-size:115.38%;
	}
.story_list:last-child dl:last-child { background:url("../imgs/01/bg_story.png") 0 0 no-repeat; }


/* 저서 */
.book_list { width:100%;
	border-top:solid 1px #dee0e3;
	border-bottom:solid 1px #dee0e3;
	}
.book_list dl { position:relative;
	padding:35px 20px 20px 250px;
	border-top:solid 1px #dee0e3;
	min-height:260px;
	line-height:160%;
	}
.book_list a:first-child dl { border-top:none;
	}
.book_list dl dt { padding:15px 0;
	font-size:123.07%;
	font-weight:bold;
	}
.book_list dl dt span { position:absolute;
	display:inline-block;
	margin-top:3px;
	padding-left:10px;
	border-left:1px solid #dee0e3;
	line-height:100%;
	font-size:87.5%;
	right:20px;
	font-weight:100;
	}
.book_list dl dd { font-size:115.38%;
	line-height:150%;
	}
.book_list dl dd.thumb { position:absolute;
	height:210px;
	padding:0 30px;
	top:35px;
	left:15px;
	background:url("../imgs/01/bg_book.gif") 0 0 no-repeat;
	}
.book_list dl dd.thumb img { border:1px solid #cecece; }
.book_list dl a { text-decoration:none;
	}
.book_list dl dt a { color:#272727; 
	text-decoration:underline;	
	}
.book_list dl a:hover dt, .book_list dl a:focus dt {
	color:#476b8f;
	font-weight:bold;
	text-decoration:underline;	
	}

/* 도지사 */
.governor_list { width:100%;
	border-top:solid 2px #757575;
	border-bottom:solid 1px #dee0e3;
	}
.governor_list dl { position:relative;
	padding:30px 20px 20px 250px;
	border-top:solid 1px #dee0e3;
	min-height:260px;
	line-height:160%;
	}
.governor_list dl:first-child { border-top:none;
	}
.governor_list dl dt { padding:10px 0;
	font-weight:bold;
	font-size:123.07%;
	}
.governor_list dl dd { font-size:107.69%;
	line-height:150%;
	}
.governor_list dl dd.thumb { position:absolute;
	height:210px;
	padding:0 31px;
	top:35px;
	left:15px;
	background:url("../imgs/05/bg_governor.gif") 0 0 no-repeat;
	}
.governor_list dl dd.thumb img { border:1px solid #cecece; }
.governor_list dl a { text-decoration:none;
	}
.governor_list dl dt a { color:#272727; 
	text-decoration:underline;	
	}
.governor_list dl a:hover dt, .governor_list dl a:focus dt {
	color:#476b8f;
	font-weight:bold;
	text-decoration:underline;	
	}


/* 매니페스토란? */
.manifesto { background:url("../imgs/03/bg_manifesto.gif") no-repeat top right;
	font-size:123.07%;
	}
.manifesto p.title { font-size:200%;
	letter-spacing:-2px;
	font-weight:100;
	line-height:100%;
	color:#757575;
	}
.manifesto p { color:#6f6f6f; font-size:16px; line-height:1.5; font-weight:300;
	}
.manifesto p strong  { color:#474747; font-weight:400;}
.manifesto p.w60 { width:60%; } 
.manifesto > .manifesto_btn a { color:#ffffff;
	background:#fdbe0f url("../imgs/common/icon_arrow.png")no-repeat 226px center;
	padding:10px 35px 12px 15px;
	line-height:100%;
	border-radius: 5px;
	/*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;css-vali*/
	font-weight:bold;
	}
.manifesto > .manifesto_btn a:hover { background:#ffa800 url("../imgs/common/icon_arrow.png")no-repeat 226px center;
	}

/* 매니페스토 운영사례 */

.manifesto_list { width:100%;
	border-top:solid 1px #dee0e3;
	border-bottom:solid 1px #dee0e3;
	font-size:123.07%;
	}
.manifesto_list dl { position:relative;
	padding:30px 20px 30px 250px;
	border-top:solid 1px #dee0e3;
	line-height:160%;
	}
.manifesto_list dl:first-child { border-top:none;
	}
.manifesto_list dl dt {	padding: 0 0 10px 20px;
	background: url(../imgs/common/bul_rect.gif) no-repeat 0 10px;
	color: #2c2d2d;
	font-weight:bold;
	line-height: 150%;
	}
.manifesto_list dl dd { font-size:81.25%;
	line-height:150%;
	}

.manifesto_list dl dd.thumb { position:absolute;
	height:140px;
	padding:0 17px;
	top:40px;
	left:9px;
	background:url("../imgs/03/bg_manifesto2.gif") 0 0 no-repeat;
	}
.manifesto_list dl dd.thumb img { border:1px solid #cecece; }
.manifesto_list dl a { text-decoration:none;
	}
.manifesto_list dl dt a { color:#272727; 
	text-decoration:underline;	
	}
.manifesto_list dl a:hover dt, .manifesto_list dl a:focus dt {
	color:#476b8f;
	font-weight:bold;
	text-decoration:underline;	
	}

/* 선거공보 및 공약서 */
.promise { background:url("../imgs/03/bg_promise.gif") no-repeat top right; }
.promise p { font-size:115.38%; }

.data_list { width:100%;
	border-top:solid 2px #757575;
	border-bottom:solid 1px #dee0e3;
	font-size:123.07%;
	}
.data_list li { position:relative;border-top:solid 1px #dee0e3;
	padding:17px 15px 18px 15px;
	}
.data_list li:first-child { border-top:none; }
.data_list li span.subject { display:inline-block;
	width:80%;
	padding-left:20px;
	background: url(../imgs/common/bul_rect.gif) no-repeat 0 10px;
	}
.data_list li .down_btn { position:absolute;
	right:10px;
	}
.data_list li .down_btn a { padding:8px 15px 8px 60px;
	border:1px solid #dee0e3;
	text-decoration:none;
	background: url(../imgs/common/bg_down.gif) no-repeat left center;
	color:#757575;
	}
.data_list li .down_btn a:hover { background:#757575 url(../imgs/common/bg_down_on.gif) no-repeat left center;
	color:#ffffff;
	}
.data_list2 { width:100%;
	border-top:solid 2px #757575;
	border-bottom:solid 1px #dee0e3;
	font-size:123.07%;
	}
.data_list2 ul > li { position:relative;
	border-top:solid 1px #dee0e3;	
	}
.data_list2 ul > li > a { display:inline-block;
	width:100%;
	line-height:36px;
	background: url(../imgs/common/bul_rect.gif) no-repeat 15px 27px;
	}

.data_list2 ul > li > a > p { padding:10px 15px 11px 35px;
	display:inline-block;
	width:98%;
	background:url('../imgs/common/icon_qna.gif') no-repeat right;
	line-height:36px;
	color:#272727;
	}

.data_list2 ul > li > a:hover > p{
	text-decoration:underline;
	color:#476b8f;
	font-weight:bold;
	}
.data_list2 ul > li a.on p { background:url('../imgs/common/icon_qna_on.gif') no-repeat right center;
	color:#476b8f;
	font-weight:bold;
	}

.data_list2 ul >  li > div { position:relative;
	width:100%;
	padding:10px 20px;
	overflow:hidden;
	border-top:1px solid #dee0e3;
	background:#f7f7f7;
	font-size:87.5%;
	}
.data_list2 ul >  li > div ol { padding:10px; }
.data_list2 ul >  li > div ol li { position:relative;
	padding:5px 0; }
.data_list2 ul >  li > div ol li span { display:inline-block;
	width:65%;
	}
.data_list2 ul >  li > div ol li span.persent { display:inline-block;
	width:4%;
	color:#757575;
	text-align:right;
	font-size:81.25%;
	}
.data_list2 ul >  li > div ol li:last-child { padding-bottom:0;
	}
.progress { position:absolute;
	right:0;
	top:12px;
	width:29%;
	height:6px;
	border-radius:3px;
	background:#dadada; 
	}
.progress_bar { height:6px;
	border-radius:3px;
	background-color:#fe9f00;
	}

.data_list2 li span.down_btn { margin-bottom:20px;
	}
.data_list2 li span.down_btn a { padding:8px 15px 8px 60px;
	border:1px solid #dee0e3;
	text-decoration:none;
	background: #ffffff url(../imgs/common/bg_down.gif) no-repeat left center;
	color:#757575;
	}
.data_list2 li span.down_btn a:hover { background:#757575 url(../imgs/common/bg_down_on.gif) no-repeat left center;
	color:#ffffff;
	}

.data_list2 li span.down_btn2 { position:absolute;
	top:25px;
	right:20px;
	}
.data_list2 li span.down_btn2 a { padding:8px 15px 8px 60px;
	border:1px solid #dee0e3;
	text-decoration:none;
	background: url(../imgs/common/bg_down.gif) no-repeat left center;
	color:#757575;
	}
.data_list2 li span.down_btn2 a:hover { background:#757575 url(../imgs/common/bg_down_on.gif) no-repeat left center;
	color:#ffffff;
	}

.pledge01 { background-color:#fa8281; width: 115px !important; text-align: center; color: #fff; border-radius:5px; padding:3px 0;}
.pledge02 { background-color:#086da5; width: 115px !important; text-align: center; color: #fff;  border-radius:5px;padding:3px 0;}
.pledge03 { background-color:#99cd00; width: 115px !important;  text-align:center; color:#fff;  border-radius:5px;padding:3px 0;}
.pledge04 { background-color:#2fccb9; width: 115px !important;  text-align:center; color:#fff;  border-radius:5px;padding:3px 0;}


/* 전남의 목표 및 전략 */
.contents .p_increase {background:#f7f7f7; padding:25px 0 25px 40px;}
.contents .area_list {overflow:hidden;}
.contents .area_list li {float:left; position:relative;}
.contents .area_list li > .title {position:absolute; bottom:0; left:0; text-align:center; color:#fff; width:100%; background-color: rgba( 0, 0, 0, 0.4 ); padding:5px 0;}

.contents .swot {background:url(../imgs/03/03010103_img.gif) no-repeat 0 0; height:360px; position:relative;}
.contents .swot .swot01 {position:absolute; top:40px; left:20px;}
.contents .swot .swot02 {position:absolute; top:40px; right:150px;}
.contents .swot .swot03 {position:absolute; top:220px; left:20px;}
.contents .swot .swot04 {position:absolute; top:240px; right:100px;}

.contents .data_list3 { width:100%; border-top:solid 2px #757575; border-bottom:solid 1px #dee0e3; font-size:110%;}
.contents .data_list3 > li { position:relative;border-top:solid 1px #dee0e3; padding:17px 15px 18px 15px; padding-left:20px; background: url(../imgs/common/bul_rect.gif) no-repeat 0 27px;	}
.contents .data_list3 li:first-child { border-top:none; }
.contents .data_list3 li > .list_type01 {margin-top:10px; margin-left:10px;}
.contents .data_list3 li > .down_btn {position:absolute; right:10px;}
.contents .data_list3 li > .down_btn a { padding:8px 15px 8px 60px; border:1px solid #dee0e3; text-decoration:none; background:#fff url(../imgs/common/bg_down.gif) no-repeat left center; color:#757575;}
.contents .data_list3 li > .down_btn a:hover { background:#757575 url(../imgs/common/bg_down_on.gif) no-repeat left center; color:#ffffff;}
.contents .data_list3 li > .process {padding-top:20px;}
.contents .data_list3 > li.hp_link img {margin-top:40px; width:100%; border:1px solid #e5e5e5;}

/* 10대 핵심공약 */
.contents .promise_point10 > li {overflow:hidden; background:none;}
.promise_point10 > li > .img {width:180px; float:left; margin-right:10px; display:inline-block;}
.promise_point10 > li > .txt {float:left; width:70%; padding:0 10px;}
.promise_point10 > li > .txt > .title {display:inline-block; padding:10px 0 10px 15px; padding-left:20px; background: url(../imgs/common/bul_rect.gif) no-repeat 0 18px; font-weight:bold; color:#222;}

/* 공약지도 */
.promise_map h3 {position:relative;}
.promise_map h3 > .down_btn {position:absolute; right:10px;}
.promise_map h3 > .down_btn a { padding:8px 15px 8px 60px; border:1px solid #dee0e3; text-decoration:none; background:#fff url(../imgs/common/bg_down.gif) no-repeat left center; color:#757575;}
.promise_map h3 > .down_btn a:hover { background:#757575 url(../imgs/common/bg_down_on.gif) no-repeat left center; color:#ffffff;}
.promise_map h4 {margin-left:0;}

.contents .pledge_section {overflow:hidden;}
.contents .pledge_section li {float:left; width:278px; margin-right:25px; }
.contents .pledge_section li span.press_btn {display:block;  border:1px solid #dae0e3; margin-top:20px; text-align:center;}
.contents .pledge_section li span.press_btn a {font-size:130%; display:inline-block; width:100%; padding:10px 0;}
.contents .pledge_section li span.press_btn:hover {background:#0577b7;}
.contents .pledge_section li span.press_btn:hover a {color:#fff; font-weight:bold; text-decoration:none;}

.contents .budget_table thead th {width:50%;}
.contents .budget_table tbody tr td {text-align:left; padding:20px 15px;}
.contents .budget_title {background: url(../imgs/common/bul_rect.gif) no-repeat 0 10px; color: #2c2d2d; font-weight:bold; font-size:123.07%; line-height:150%; padding-left:20px;}
.contents .budget_list > li {padding:5px 15px 0px 15px; padding-left:20px; background: url(../imgs/common/bul_dot.gif) no-repeat 0 13px; margin-left:10px;}
.contents .budget_list2 li {background: url(../imgs/common/bul_rect.gif) no-repeat 0 10px;	color: #2c2d2d; font-weight:bold; font-size:123.07%; line-height:150%; padding-left:20px; margin-bottom:15px;}
.contents .budget_table02 h5 {margin-left:20px; text-align:left;}  

/* 공약실천계획_실천계획 */
.promise_plan h3 {position:relative;}
.promise_plan h3 > .view_btn {position:absolute; right:10px;}
.promise_plan h3 > .view_btn a { padding:8px 15px 8px 60px; border:1px solid #dee0e3; text-decoration:none; background:#fff url(../imgs/03/bg_view.gif) no-repeat left center; color:#757575;}
.promise_plan h3 > .view_btn a:hover { background:#757575 url(../imgs/03/bg_view_on.gif) no-repeat left center; color:#ffffff;}

.promise_list {padding:15px 0; margin-top:15px; overflow:hidden; border-bottom:1px solid #e5e5e5;}
.promise_list:last-child {border-bottom:none;}
.promise_list .p_img {width:180px; float:left; margin-left:20px; display:inline-block;}
.promise_list .title {display:block; text-align:center; padding:8px 0; font-size:90%; font-weight:bold; border:1px solid #e5e5e5;}
.promise_list .p_info {float:right; width:65%; position:relative;}
.promise_list .p_info > dl {min-height:167px;}
.promise_list .p_info > dl > dt {background:url(../imgs/common/bul_round.gif) no-repeat 0 10px; padding:0 0 5px 15px; font-weight:bold;}
.promise_list .p_info > dl > dd {background:url(../imgs/common/bul_dot.gif) no-repeat 0 10px; padding-left:10px; font-size:95%; line-height:180%; margin-left:15px;}
.promise_list .p_info .down_btn { position:absolute; right:0; bottom:0; background:none;}
.promise_list .p_info .down_btn a { padding:8px 15px 8px 60px; border:1px solid #dee0e3; text-decoration:none; background: url(../imgs/common/bg_down.gif) no-repeat left center; color:#757575; }
.promise_list .p_info .down_btn a:hover { background:#757575 url(../imgs/common/bg_down_on.gif) no-repeat left center; color:#ffffff;}
.promise_list .p_info dl > dt > .detail_btn {margin-left:10px; display:inline-block;}
.promise_list .p_info dl > dt > .detail_btn a {border:1px solid #dee0e3; padding:5px 9px 8px 9px; display:inline-block;}
.promise_list .p_info dl > dt > .detail_btn a:hover {border:1px solid #757575;}

.contents .standard {border:1px solid #e5e5e5; padding:20px;}
.contents .standard dt {font-size:135%; color:#000; padding:10px 0 20px 0;}
.contents .standard dd {padding:5px 0; display:inline-block;  overflow:hidden; width:100%; padding:6px 0; line-height:30px;}
.contents .standard dd > .step {display:inline-block; width:125px; text-align:center; margin-right:10px; float:left; color:#fff; font-weight:bold; border-radius:5px;}
.contents .standard dd > .step01 {background-color:#fa8281;}
.contents .standard dd > .step02 {background-color:#99cd00; padding:18px 0;}
.contents .standard dd > .step03 {background-color:#086da5;}
.contents .standard dd > .step04 {background-color:#2fccb9;}
.contents .standard dd > ul {display:inline-block;}
.promise_tb > tbody > tr > td {font-weight:bold;}

.contents .p_build {padding:0;}
.contents .p_build > h4 {position:relative; font-size:16px; background-position:0 8px;}
.contents .p_build > h4 > ul > li > ul > li > .txt {padding:7px 0; display:inline-block;}
.contents .p_build > h4 > ul > li > ul > li > .go_btn {margin-left:10px;}
.contents .p_build > h4 > .down_btn { position:absolute; right:10px;}
.contents .p_build > h4 > .down_btn a { padding:8px 15px 8px 60px; border:1px solid #dee0e3; text-decoration:none; background:#fff url(../imgs/common/bg_down.gif) no-repeat left center; color:#757575;}
.contents .p_build > h4 > .down_btn a:hover { background:#757575 url(../imgs/common/bg_down_on.gif) no-repeat left center; color:#ffffff;}
.p_build > dl {margin:0px 0 10px 20px; padding:20px 10px; background-color:#f7f7f7; border-radius:15px;}
.p_build > dl > dt {margin-bottom:20px; background:url(../imgs/common/bul_arrow_right.gif) no-repeat 0 7px; padding-left:10px; font-size:110%; font-weight:bold;}
.p_build > dl > dd {margin: 0 0 5px 10px; padding: 0 0 0 10px; background: url(../imgs/common/bul_dot.gif) no-repeat 0 10px; color: #252525;}
.plan_result {overflow:hidden; padding:10px 0;}
.plan_result > li {float:left;}
.plan_result > .down_btn a {padding:8px 45px 8px 90px; border:1px solid #dee0e3; text-decoration:none; background: url(../imgs/common/bg_down.gif) no-repeat left center; color:#757575; font-size:123.07%; font-weight:bold; display:inline-block; margin:10px 15px;}
.plan_result > .down_btn a:hover { background:#757575 url(../imgs/common/bg_down_on.gif) no-repeat left center; color:#ffffff;}
.contents .build_btn a {display:inline-block; padding:8px 15px 8px 60px; border:1px solid #dee0e3; text-decoration:none; background: url(../imgs/common/bg_down.gif) no-repeat left center; color:#757575; font-size:123.07%; font-weight:bold; margin-left:20px;}
.contents .build_btn a:hover { background:#757575 url(../imgs/common/bg_down_on.gif) no-repeat left center; color:#ffffff;}

/* 도민정책제안, 참여 */
.p_build > h4 > .detail_btn {margin-left:10px; display:inline-block;}
.p_build > h4 > .detail_btn a {border:1px solid #dee0e3; padding:0 6px; display:inline-block;}
.p_build > h4 > .detail_btn a:hover {border:1px solid #757575;}
.p_build > h4 > .go_btn {margin-left:10px;}

.contents .result {overflow:hidden;}
.contents .result > li {float:left; padding:10px 30px;}
.contents .result > li a { padding:10px 15px 10px 60px; border:1px solid #dee0e3; text-decoration:none; background:#fff url(../imgs/common/bg_down.gif) no-repeat left center; color:#757575;}
.contents .result > li a:hover { background:#757575 url(../imgs/common/bg_down_on.gif) no-repeat left center; color:#ffffff;}

.contents .graph01 {overflow:hidden;}
.contents .graph01 li {float:left; padding:5px 40px;}
.contents .graph01 li:first-child {border-right:1px solid #d8dce3;}
.contents .graph02 li {padding:40px 0;}

.contents .assess > li > {position:relative;}
.contents .assess > li > .view_btn {position:absolute; right:15px;}
.contents .assess > li > .view_btn a { padding:8px 15px 8px 60px; border:1px solid #dee0e3; text-decoration:none; background:#fff url(../imgs/03/bg_view.gif) no-repeat left center; color:#757575;}
.contents .data_list3 li > .view_btn a:hover { background:#757575 url(../imgs/03/bg_view_on.gif) no-repeat left center; color:#ffffff;}
.data_list3 > li > .activity > li {position:relative;}
.data_list3 > li > .activity > li > .sub_li {width:80%; display:inline-block;}
.data_list3 > li > .activity > li > .list_type04 {margin:12px 0;}
.data_list3 > li > .activity > li > .list_type04 > li {background:url(../imgs/common/bul_bar.gif) no-repeat 0 8px; font-size:85%;}
.data_list3 > li > .activity > li > .view_btn {position:absolute; right:0; bottom:0; background:none; }
.data_list3 > li > .activity > li > .view_btn a { padding:8px 15px 8px 60px; border:1px solid #dee0e3; text-decoration:none; background: url(../imgs/03/bg_view.gif) no-repeat left center; color:#757575; }
.data_list3 > li > .activity > li > .view_btn a:hover { background:#757575 url(../imgs/03/bg_view_on.gif) no-repeat left center; color:#ffffff;}
.data_list3 > li > .activity > li > p {font-size:85%; position:relative; margin:8px 0 20px 0;}
.data_list3 > li > .conf_img {position:absolute; top:17px; right:15px; border:1px solid #dee0e3;}

/* 공약이행 현황 */
.contents .c_s_title > li {border:none;}
.contents .c_s_title > li > .name {border-top:none; font-weight:bold;}
.contents .current_state > li {border-top:none; background-position:0 15px; background:none;}
.current_state > li > .subject {display:inline-block; width:80%;}
.current_state > li > .statusBtn {display:inline-block;}
.data_list2 li .view_btn {display:inline-block; float:right; padding:10px 0 20px 0;}
.data_list2 li .view_btn a { padding:8px 15px 8px 60px; border:1px solid #dee0e3; text-decoration:none; background:#fff url(../imgs/03/bg_view.gif) no-repeat left center; color:#757575;}
.data_list2 li .view_btn a:hover { background:#757575 url(../imgs/03/bg_view_on.gif) no-repeat left center; color:#fff;}

/* 목표 및 전략 */
.dojung_vision{}
.dojung_vision .tt{text-align:center;}
.dojung_vision .vision{padding-top:156px; background:url(../imgs/03/bg_dojung_vision.gif) no-repeat center top;}
.dojung_vision .vision li .hide {display:none;}
.dojung_vision .vision li{width:60%;margin:0 auto;padding:2% 0;background-color:#0070af;color:#fff;text-align:center;font-size:150%;border-radius:30px;}
.dojung_vision .mission_b{margin-top:50px;padding-top:30px;}
.dojung_vision .mission{margin-top:50px;border-top:1px solid #dee3eb;padding-top:30px; overflow:hidden;}
.dojung_vision .mission_b h2{margin:0 0 35px 0;padding:0;background:none;font-size:152%;color:#252525;text-align:center; border-bottom:none;}
.dojung_vision .mission h2{margin:0 0 35px 0;padding:0;background:none;font-size:152%;color:#252525;text-align:center; border-bottom:none;}
.i_quot_l{display:inline-block;width:26px;height:20px;margin-right:10px;background:url(../imgs/03/i_quot_l.png) no-repeat center top;}
.i_quot_r{display:inline-block;width:26px;height:20px;margin-left:10px;background:url(../imgs/03/i_quot_r.png) no-repeat center top;}
.dojung_vision .mission li{float:left;width:18%;margin:0 1%;text-align:center;font-size:116%;font-weight:bold;}
.dojung_vision .mission li.mission01{background:url(../imgs/03/icn_dojung_vision01.gif) no-repeat top center;}
.dojung_vision .mission li.mission02{background:url(../imgs/03/icn_dojung_vision02.gif) no-repeat top center;}
.dojung_vision .mission li.mission03{background:url(../imgs/03/icn_dojung_vision03.gif) no-repeat top center;}
.dojung_vision .mission li.mission04{background:url(../imgs/03/icn_dojung_vision04.gif) no-repeat top center;}
.dojung_vision .mission li.mission05{background:url(../imgs/03/icn_dojung_vision05.gif) no-repeat top center;}
.dojung_vision .mission li span{display:inline-block;margin-top:145px;}
.dojung_vision .strategy {margin-top:50px;border-top:1px solid #dee3eb;padding-top:30px; }
.dojung_vision .strategy h2{margin:0 0 35px 0;padding:0;background:none;font-size:152%;color:#252525;text-align:center; border-bottom:none;}
.dojung_vision .strategy > ul {overflow:hidden;}
.dojung_vision .strategy > ul > li {float:left; margin-right:16px;}
.dojung_vision .strategy > ul > li:last-child {margin-right:0;}
.dojung_vision .meaning {margin-top:50px;border-top:1px solid #dee3eb;padding-top:30px; }
.dojung_vision .meaning h2{margin:0 0 35px 0;padding:0;background:none;font-size:152%;color:#252525;text-align:center; border-bottom:none;}
.dojung_vision .meaning > .list_type01 {background-color:#485869; padding:25px 15px; width:100%; border-radius:20px;}
.dojung_vision .meaning > .list_type01 > li {color:#fff;}
/* 도정의여건 */
.jn_condition {overflow:hidden;}
/*
.jn_con_bg01 {background:url(../imgs/03/jn_condition01.png) no-repeat right center;}
.jn_con_bg02 {background:url(../imgs/03/jn_condition02.png) no-repeat right center;}
*/
.jn_con_inner {float:left; width:65%;}
.jn_con_inner > h4 {border-bottom:1px solid #dee0e3; padding-bottom:5px;}
.jn_con_inner > .list_type01 > li {margin:20px 0;}
.jn_con_img {display:inline-block; border:1px solid green;}
.jn_condition .inner_img {float:left; margin-left:20px;}
/*조례*/
.regulation h3 {margin:0 0 35px 0;padding:0;background:none;font-size:152%;color:#252525;text-align:center;}
.regulation h3 .date {display:block; font-size:75%; font-weight:normal; margin-top:10px;}
.regulation .right {text-align:right;}
.regulation p {margin-bottom:20px; font-size:16px; line-height:1.5; font-weight:300}
.regulation h4 {margin-left:0; font-weight:400}

}

.plan_result > .down_btn a {padding:8px 45px 8px 90px; border:1px solid #dee0e3; text-decoration:none; background: url(../imgs/common/bg_down.gif) no-repeat left center; color:#757575; font-size:123.07%; font-weight:bold; display:inline-block; margin:10px 15px;}



@media all and (max-width:768px){

/* 전남의 목표 및 전략 */
.contents .p_increase {background:#fff; padding:25px 0 25px 0;}
.contents .p_increase img { width:100% }
.contents .area_list {overflow:hidden;}
.contents .area_list li {float:left; width:50%; position:relative;}
.contents .area_list li > .title {position:absolute; bottom:0; left:0; text-align:center; color:#fff; width:100%; background-color: rgba( 0, 0, 0, 0.4 ); padding:5px 0;}

.contents .swot {background:url(../imgs/03/03010103_img.gif) no-repeat; height:360px; position:relative;}
.contents .swot .swot01 {position:absolute; top:40px; left:20px;}
.contents .swot .swot02 {position:absolute; top:40px; right:150px;}
.contents .swot .swot03 {position:absolute; top:220px; left:20px;}
.contents .swot .swot04 {position:absolute; top:240px; right:100px;}

.contents .data_list3 { width:100%; border-top:solid 2px #757575; border-bottom:solid 1px #dee0e3; font-size:123.07%;}
.contents .data_list3 > li { position:relative;border-top:solid 1px #dee0e3; padding:17px 15px 18px 15px; padding-left:20px; background: url(../imgs/common/bul_rect.gif) no-repeat 0 27px;	}
.contents .data_list3 li:first-child { border-top:none; }
.contents .data_list3 li > .list_type01 {margin-top:10px; margin-left:10px;}
.contents .data_list3 li > .down_btn {position:absolute; right:10px;}
.contents .data_list3 li > .down_btn a { padding:8px 15px 8px 60px; border:1px solid #dee0e3; text-decoration:none; background:#fff url(../imgs/common/bg_down.gif) no-repeat left center; color:#757575;}
.contents .data_list3 li > .down_btn a:hover { background:#757575 url(../imgs/common/bg_down_on.gif) no-repeat left center; color:#ffffff;}
.contents .data_list3 li > .process {padding-top:20px;}
.contents .data_list3 > li.hp_link img {margin-top:40px; width:100%; border:1px solid #e5e5e5;}

.contents .pledge_section {overflow:hidden;}
.contents .pledge_section li {float:left; width:278px; margin-right:80px;}
.contents .pledge_section li span.press_btn {display:block;  border:1px solid #dae0e3; margin-top:20px; text-align:center;}
.contents .pledge_section li span.press_btn a {font-size:130%; display:inline-block; width:100%; padding:10px 0;}
.contents .pledge_section li span.press_btn:hover {background:#0577b7;}
.contents .pledge_section li span.press_btn:hover a {color:#fff; font-weight:bold; text-decoration:none;}

.contents .budget_table thead th {width:50%;}
.contents .budget_table tbody tr td {text-align:left; padding:20px 15px;}
.contents .budget_title {background: url(../imgs/common/bul_round.gif) no-repeat 0 10px;	color: #2c2d2d; font-weight:bold; font-size:123.07%; line-height:150%; padding-left:20px;}
.contents .budget_list > li {padding:17px 15px 0px 15px; padding-left:20px; background: url(../imgs/common/bul_rect.gif) no-repeat 0 27px; margin-left:10px;}
.contents .budget_list2 li {background: url(../imgs/common/bul_round.gif) no-repeat 0 10px;	color: #2c2d2d; font-weight:bold; font-size:123.07%; line-height:150%; padding-left:20px; margin-bottom:15px;}

.contents .p_build {padding:0 10px;}
.contents .p_build > h4 {position:relative; font-size:18px; letter-spacing:0.03em}
.contents .p_build > h4 > .down_btn { position:absolute; right:10px;}
.contents .p_build > h4 > .down_btn a { padding:8px 15px 8px 60px; border:1px solid #dee0e3; text-decoration:none; background:#fff url(../imgs/common/bg_down.gif) no-repeat left center; color:#757575;}
.contents .p_build > h4 > .down_btn a:hover { background:#757575 url(../imgs/common/bg_down_on.gif) no-repeat left center; color:#ffffff;}
.contents .build_btn a {display:inline-block; padding:8px 15px 8px 60px; border:1px solid #dee0e3; text-decoration:none; background: url(../imgs/common/bg_down.gif) no-repeat left center; color:#757575; font-size:123.07%; font-weight:bold; margin-left:15px; margin-bottom:15px;}
.contents .build_btn a:hover { background:#757575 url(../imgs/common/bg_down_on.gif) no-repeat left center; color:#ffffff;}

.contents .result {overflow:hidden;}
.contents .result > li {float:left; padding:10px 30px;}
.contents .result > li a { padding:10px 15px 10px 60px; border:1px solid #dee0e3; text-decoration:none; background:#fff url(../imgs/common/bg_down.gif) no-repeat left center; color:#757575;}
.contents .result > li a:hover { background:#757575 url(../imgs/common/bg_down_on.gif) no-repeat left center; color:#ffffff;}

.contents .graph01 {overflow:hidden;}
.contents .graph01 li {float:left; padding:5px 40px;}
.contents .graph01 li:first-child {border-right:1px solid #d8dce3;}
.contents .graph02 li {padding:40px 0;}

.contents .assess > li > {position:relative;}
.contents .assess > li > .view_btn {/*position:absolute; right:15px;*/ display:inline-block; width:100%; margin-top:20px;}
.contents .assess > li > .view_btn a { padding:8px 15px 8px 60px; border:1px solid #dee0e3; text-decoration:none; background:#fff url(../imgs/03/bg_view.gif) no-repeat left center; color:#757575;}
.contents .data_list3 li > .view_btn a:hover { background:#757575 url(../imgs/03/bg_view_on.gif) no-repeat left center; color:#ffffff;}
.data_list3 > li > .activity > li {position:relative; overflow:hidden;}
.data_list3 > li > .activity > li > .sub_li {width:80%; display:inline-block;}
.data_list3 > li > .activity > li > .list_type04 {margin:12px 0;}
.data_list3 > li > .activity > li > .list_type04 > li {background:url(../imgs/common/bul_bar.gif) no-repeat 0 8px; font-size:85%;}
.data_list3 > li > .activity > li > .view_btn {/*position:absolute; right:0; bottom:0; */background:none; display:inline-block; width:100%; margin:20px 0;}
.data_list3 > li > .activity > li > .view_btn a { padding:8px 15px 8px 60px; border:1px solid #dee0e3; text-decoration:none; background: url(../imgs/03/bg_view.gif) no-repeat left center; color:#757575; }
.data_list3 > li > .activity > li > .view_btn a:hover { background:#757575 url(../imgs/03/bg_view_on.gif) no-repeat left center; color:#ffffff;}
.data_list3 > li > .activity > li > p {font-size:85%; position:relative; margin:8px 0 20px 0;}
/*.data_list3 > li > .conf_img {position:absolute; top:17px; right:15px; border:1px solid #dee0e3;}*/
.contents .assess > li > .down_btn {right:15px;}
.assess > li > .conf_img img {width:100%;}
.data_list3 > li > .activity > li {position:relative;}
.data_list3 > li > .activity > li > .sub_li {width:80%; display:inline-block;}
.data_list3 > li > .activity > li > .list_type04 {margin:12px 0;}
.data_list3 > li > .activity > li > .list_type04 > li {background:url(../imgs/common/bul_bar.gif) no-repeat 0 8px; font-size:85%;}
.data_list3 > li > .activity > li > .down_btn {position:absolute; right:0; bottom:0; background:none; }
.data_list3 > li > .activity > li > .down_btn a { padding:8px 15px 8px 60px; border:1px solid #dee0e3; text-decoration:none; background: url(../imgs/common/bg_down.gif) no-repeat left center; color:#757575; }
.data_list3 > li > .activity > li > .down_btn a:hover { background:#757575 url(../imgs/common/bg_down_on.gif) no-repeat left center; color:#ffffff;}
.data_list3 > li > .activity > li > p {font-size:85%; position:relative; margin:8px 0 20px 0;}
/*.data_list3 > li > .conf_img {position:absolute; top:17px; right:15px; border:1px solid #dee0e3;}*/


 .lnb {margin-top:20px; padding:10px}
  .lnb dl {     
   
  }

  
 .lnb dt {
      padding-left:8%;
      padding-top:35px;
      /*line-height:60px;*/
   	  padding-bottom:8%;
      line-height:35px;
      background:#ffbc0f;
      color:#fff;
      font-size:137.5%;
      font-weight:700;
      letter-spacing:-1px
  }
  .lnb dd {
      border:1px solid #e1e1e5;
      border-top:0;
  }
  .lnb dd a {
      display:block;
      line-height:44px;
      padding-left:10%;
      background:#f0f1f6;
      color:#424242;
      font-weight:700
  }
  .lnb dd a.on,
  .lnb dd a:hover {
      background:#fff;
      text-decoration:none
  }
  
  
  /*tbl style*/
.tbl01 { 
	width: 100%; 
	margin-top: 15px; 
	margin-bottom: 20px;
	border-top: 3px solid #757575;
	border-bottom: 1px solid #dee0e3;
	font-size:107.69%;
	}
.tbl01 thead th,
.tbl01 thead td,
.tbl01 tbody th {
  padding: 0.6em;
  border: 1px solid #dee0e3;
  }
.tbl01 tbody td {
  padding: 0.5em 0.6em;
  border: 1px solid #dee0e3;
  }
.tbl01 thead th{
	background: #efefef;
	color: #262626;
	font-weight:bold;
	vertical-align: middle;
	}
.tbl01 tbody th {
	background: #fafafa;
	color: #262626;
	vertical-align: middle;
	}
.tbl01 tbody td {
	vertical-align: middle;
	line-height:150%;
	color:#676767;
	}
.tbl01 tbody td.center { text-align:center;
	}

.tbl01 thead th.calendar_data { width:22%;
	}
.tbl01 thead th.calendar_time{ width:12%;
	}
.tbl01 thead th.calendar_place { width:16%;
	}
.tbl01 thead th.calendar_contents { width:50%;
	}
.tbl02 { 
	width: 100%; 
	min-width:710px;
	margin-top: 3px; 
	margin-bottom: 20px;
	border-top: 3px solid #476b8f;
	border-bottom: 1px solid #718da8;
	text-align:center;
	}
.tbl02 *{
	word-break:normal
	}
.tbl02.wbba *{
	word-break:break-all
	}
.tbl02 thead th,
.tbl02 thead td,
.tbl02 tbody th,
.tbl02 tbody td,
.tbl02 tfoot td {
  padding: 0.6em;
  border: 1px solid #d8dce3;
 }

.tbl02 thead th{
	width:auto;
	padding: 1em;
	background: #f6f7f9;
	color: #474747;
	font-weight:bold;
	vertical-align: middle;
	}

.tbl02 tbody th {
	background: #fafafa;
	color: #333;
	vertical-align: middle;
	}
.tbl02 tbody td {
	vertical-align: middle;
	}
.tbl02 tbody td ul li {
	text-align:left;
	}
.tbl02 tbody .dept {
	font-weight:bold;

	}
.tbl02 .total {
	background:#ffd
	}
.tbl02 .w90 {
	width:90px
	}
.tbl02 .w119 {
	width:119px
	}
.tbl02 .add_file{
	width:18%
	}
.tbl02 .c_view{
	width:12%
	}
.tbl02.permit .ws1{
	width:10%
	}
.tbl02.permit .ws2{
	width:10%
	}
.tbl02.permit .ws3{
	width:15%
	}
.tbl02.permit .ws4{
	width:10%
	}
.tbl02.permit .ws5{
	width:45%
	}
.tbl02.permit .ws6{
	width:10%
	}
.tbl02.tree_kind .ws1{
	width:10%
	}
.tbl02.tree_kind .ws2{
	width:10%
	}
.tbl02.tree_kind .ws3{
	width:80%
	}
.tbl02.ingo .ws1{
	width:30%
	}
.tbl02.ingo .ws2{
	width:8%
	}
.tbl02.ingo .ws3{
	width:40%
	}
.tbl02.ingo .ws4{
	width:22%
	}
.tbl02.waterStatic{
	margin:0
	}

/* 단게를 테이블로 표시 */
.tbl03 { 
	width: 100%; 	
	border-spacing:6px;
	border-collapse :separate;
	text-align:center;
	}
.tbl03 *{
	word-break:normal
	}
.tbl03 thead th,
.tbl03 thead td,
.tbl03 tbody th {
  padding:10px 0;
  border-radius: 5px;
 }
.tbl03 tbody td {
  padding:10px 0;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  font-size:12px;
  background:#fff
 }
.tbl03 thead th{
	padding:10px 0;
	background: #0577b7;
	color: #fff;
	font-weight:bold;
	vertical-align: middle;
	font-size:12px
	}
.tbl03 tbody th {
	background:#dbe4eb;
	vertical-align: middle;
	line-height:140%;
	font-weight:bold;
	font-size: 132.72%;
	}
.tbl03 tbody th span {
	display:inline-block; 
	width:100%;
	}
.tbl03 tbody td {
	vertical-align: middle;
	line-height:160%;
	}
.tbl03 .arrow {
	padding:0px;
	background:none;
	border:none;
	}
	
	
/* 도정의여건 */
.jn_condition {overflow:hidden;}
.jn_con_inner {float:left;}
.jn_con_inner > h4 {border-bottom:1px solid #dee0e3; padding-bottom:5px;}
.jn_con_inner > .list_type01 > li {margin:20px 0;}
.jn_con_img {display:inline-block; border:1px solid green;}
.jn_condition .inner_img {text-align:center;}
/* 전남의 목표 및 전략 */
.dojung_vision{}
.dojung_vision .tt{text-align:center;}
.dojung_vision .vision{padding-top:156px; background:url(../imgs/03/bg_dojung_vision.gif) no-repeat center top;}
.dojung_vision .vision li .hide {display:none;}
.dojung_vision .vision li{width:65%;margin:0 auto;padding:2%;background-color:#0070af;color:#fff;text-align:center;font-size:150%;border-radius:30px;}
.dojung_vision .mission_b{margin-top:50px;padding-top:30px;}
.dojung_vision .mission{margin-top:50px;border-top:1px solid #dee3eb;padding-top:30px; overflow:hidden;}
.dojung_vision .mission_b h2{margin:0 0 35px 0;padding:0;background:none;font-size:152%;color:#252525;text-align:center; border-bottom:none;}
.dojung_vision .mission h2{margin:0 0 35px 0;padding:0;background:none;font-size:152%;color:#252525;text-align:center; border-bottom:none;}
.i_quot_l{display:inline-block;width:26px;height:20px;margin-right:10px;background:url(../imgs/03/i_quot_l.png) no-repeat center top;}
.i_quot_r{display:inline-block;width:26px;height:20px;margin-left:10px;background:url(../imgs/03/i_quot_r.png) no-repeat center top;}
.dojung_vision .mission li{width:100%;margin:1%;text-align:center;font-size:116%;font-weight:bold;}
.dojung_vision .mission li.mission01{background:url(../imgs/03/icn_dojung_vision01.gif) no-repeat top center;}
.dojung_vision .mission li.mission02{background:url(../imgs/03/icn_dojung_vision02.gif) no-repeat top center;}
.dojung_vision .mission li.mission03{background:url(../imgs/03/icn_dojung_vision03.gif) no-repeat top center;}
.dojung_vision .mission li.mission04{background:url(../imgs/03/icn_dojung_vision04.gif) no-repeat top center;}
.dojung_vision .mission li.mission05{background:url(../imgs/03/icn_dojung_vision05.gif) no-repeat top center;}
.dojung_vision .mission li span{display:inline-block;margin-top:145px;}
.dojung_vision .strategy {margin-top:50px;border-top:1px solid #dee3eb;padding-top:30px; }
.dojung_vision .strategy h2{margin:0 0 35px 0;padding:0;background:none;font-size:152%;color:#252525;text-align:center; border-bottom:none;}
.dojung_vision .strategy > ul {overflow:hidden;}
.dojung_vision .strategy > ul > li {float:left; margin:2.5%;}
.dojung_vision .strategy > ul > li:last-child {margin-right:0;}
.dojung_vision .meaning {margin-top:50px;border-top:1px solid #dee3eb;padding-top:30px; }
.dojung_vision .meaning h2{margin:0 0 35px 0;padding:0;background:none;font-size:152%;color:#252525;text-align:center; border-bottom:none;}
.dojung_vision .meaning > .list_type01 {background-color:#485869; padding:25px 15px; width:100%; border-radius:20px;}
.dojung_vision .meaning > .list_type01 > li {color:#fff;}
.dojung_vision .meaning > .list_type01 {margin:0;}
/* 공약실천계획_실천계획 */
.promise_plan h3 {position:relative;}
.promise_plan h3 > .view_btn {position:absolute; right:10px;}
.promise_plan h3 > .view_btn a { padding:8px 15px 8px 60px; border:1px solid #dee0e3; text-decoration:none; background:#fff url(../imgs/03/bg_view.gif) no-repeat left center; color:#757575;}
.promise_plan h3 > .view_btn a:hover { background:#757575 url(../imgs/03/bg_view_on.gif) no-repeat left center; color:#ffffff;}
.promise_list {padding:15px 0; margin-top:15px; overflow:hidden; border-bottom:1px solid #e5e5e5;}
.promise_list:last-child {border-bottom:none;}
.promise_list .p_img {width:180px; float:left; margin-left:20px; display:inline-block;}
.promise_list .title {display:block; text-align:center; padding:8px 0; font-size:90%; font-weight:bold; border:1px solid #e5e5e5;}
.promise_list .p_info {float:left; width:100%; position:relative; margin-top:20px;}
.promise_list .p_info > dl {min-height:167px;}
.promise_list .p_info > dl > dt {background:url(../imgs/common/bul_round.gif) no-repeat 0 10px; padding:0 0 5px 15px; font-weight:bold;}
.promise_list .p_info > dl > dd {background:url(../imgs/common/bul_dot.gif) no-repeat 0 10px; padding-left:10px; font-size:95%; line-height:180%; margin-left:15px;}
.promise_list .p_info .down_btn { position:absolute; right:0; bottom:0; background:none;}
.promise_list .p_info .down_btn a { padding:8px 15px 8px 60px; border:1px solid #dee0e3; text-decoration:none; background: url(../imgs/common/bg_down.gif) no-repeat left center; color:#757575; }
.promise_list .p_info .down_btn a:hover { background:#757575 url(../imgs/common/bg_down_on.gif) no-repeat left center; color:#ffffff;}
.promise_list .p_info dl > dt > .detail_btn {margin-left:10px; display:inline-block;}
.promise_list .p_info dl > dt > .detail_btn a {border:1px solid #dee0e3; padding:5px 9px 8px 9px; display:inline-block;}
.promise_list .p_info dl > dt > .detail_btn a:hover {border:1px solid #757575;}

.contents .standard {border:1px solid #e5e5e5; padding:20px; text-align:center;}
.contents .standard dt {font-size:135%; color:#000; padding:10px 0 20px 0;}
.contents .standard dd {padding:5px 0; display:inline-block;  overflow:hidden; width:100%; padding:6px 0; line-height:30px;}
.contents .standard dd > .step {display:inline-block; width:100%; text-align:center; margin-right:10px; float:left; color:#fff; font-weight:bold; border-radius:5px;}
.contents .standard dd > .step01 {background-color:#fa8281;}
.contents .standard dd > .step02 {background-color:#99cd00; padding:18px 0;}
.contents .standard dd > .step03 {background-color:#086da5;}
.contents .standard dd > .step04 {background-color:#2fccb9;}
.contents .standard dd > ul {display:inline-block;}
.promise_tb > tbody > tr > td {font-weight:bold;}

/* 공약이행 현황 */
.contents .c_s_title {}
.contents .c_s_title > li {border:none;}
.contents .c_s_title > li > .name {border-top:none; font-weight:bold;}
.contents .current_state > li {border-top:none; background-position:0 15px; background:none;}
.current_state > li > .subject {display:inline-block; width:100%; margin:5px 0;}
.current_state > li > .statusBtn {display:inline-block;}
.data_list2 li .view_btn {display:inline-block; float:right; padding:10px 0 20px 0;}
.data_list2 li .view_btn a { padding:8px 15px 8px 60px; border:1px solid #dee0e3; text-decoration:none; background:#fff url(../imgs/03/bg_view.gif) no-repeat left center; color:#757575;}
.data_list2 li .view_btn a:hover { background:#757575 url(../imgs/03/bg_view_on.gif) no-repeat left center; color:#fff;}
	
.pledge01 { background-color:#fa8281; width: 115px !important; text-align: center; color: #fff; border-radius:5px; padding:3px 0;}
.pledge02 { background-color:#086da5; width: 115px !important; text-align: center; color: #fff;  border-radius:5px;padding:3px 0;}
.pledge03 { background-color:#99cd00; width: 115px !important;  text-align:center; color:#fff;  border-radius:5px;padding:3px 0;}
.pledge04 { background-color:#2fccb9; width: 115px !important;  text-align:center; color:#fff;  border-radius:5px;padding:3px 0;}

/*매니페스토*/
.manifesto p { color:#6f6f6f; font-size:16px; line-height:1.5; font-weight:300;}
.manifesto p strong  { color:#474747; font-weight:400;}
.manifesto > .manifesto_btn a { color:#ffffff;
	background:#fdbe0f url("../imgs/common/icon_arrow.png")no-repeat 226px center;
	padding:10px 35px 12px 15px;
	line-height:100%;
	border-radius: 5px;
	/*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;css-vali*/
	font-weight:bold;
	}
.manifesto > .manifesto_btn a:hover { background:#ffa800 url("../imgs/common/icon_arrow.png")no-repeat 226px center;}

/* 매니페스토 운영사례 */

.manifesto_list { width:100%;
	border-top:solid 1px #dee0e3;
	border-bottom:solid 1px #dee0e3;
	font-size:123.07%;
	}
.manifesto_list dl { position:relative;
	padding:185px 20px 30px 0;
	border-top:solid 1px #dee0e3;
	line-height:160%;
	}
.manifesto_list dl:first-child { border-top:none;
	}
.manifesto_list dl dt {	padding: 0 0 10px 20px;
	background: url(../imgs/common/bul_rect.gif) no-repeat 0 10px;
	color: #2c2d2d;
	font-weight:bold;
	line-height: 150%;
	}
.manifesto_list dl dd { font-size:81.25%;
	line-height:150%;
	}

.manifesto_list dl dd.thumb { position:absolute;
	height:140px;
	padding:0 17px;
	top:40px;
	left:9px;
	background:url("../imgs/03/bg_manifesto2.gif") 0 0 no-repeat;
	}
.manifesto_list dl dd.thumb img { border:1px solid #cecece; }
.manifesto_list dl a { text-decoration:none;
	}
.manifesto_list dl dt a { color:#272727; 
	text-decoration:underline;	
	}
.manifesto_list dl a:hover dt, .manifesto_list dl a:focus dt {
	color:#476b8f;
	font-weight:bold;
	text-decoration:underline;	
	}

/*조례*/
.regulation h3 {margin:0 0 35px 0;padding:0;background:none;font-size:152%;color:#252525;text-align:center;}
.regulation h3 .date {display:block; font-size:75%; font-weight:normal; margin-top:10px;}
.regulation .right {text-align:right; margin-right:10px;}
.regulation p {margin-bottom:20px; font-size:16px; line-height:1.5; font-weight:300}
.regulation h4 {margin-left:0; font-weight:400}



}


.contact_us{ width:100%;
	padding:12px 20px;
	overflow:hidden;
	border:1px solid #dee0e3;
	/*border-left:1px solid #dee0e3;
	border-right:1px solid #dee0e3;*/
	background:#f9f9f9;
	}
.contact_us ul li { 
	display:inline-block;
	float:left;
    margin-bottom:15px;
	}
.contact_us ul li:last-child{margin-bottom:0;}
.contact_us ul li strong { padding-right:15px;
	margin-right:15px;
	
	}

@media all and  (max-width:360px){
  .contact_us ul li{float:none;}
  .contact_us ul li strong{display:block; margin-bottom:5px;}
}

@media all and  (min-width:768px){
  .contact_us ul li{width:50%; margin-bottom:0;}
}



/*도민청원*/
.page_info .blue_title{ display: block; margin-bottom:10px; font-size: 16px; font-weight: bold;color: #3762dd }
						
.request_wrap{ padding:15px; margin-bottom:25px; }
.request p{ font-size:14px; line-height: 1.3 }
.request .blue_b{ color:#2f52d3; font-weight: bold}
.request .blue_n{ color:#2f52d3; font-size:14px; font-weight: normal}
.process{ overflow:hidden}
.process .title{position:relative;display: block;font-size: 18px;margin-bottom:15px;font-weight: 500;padding-left: 18px;}
.process .title:before{content:''; width:7px; height:7px; border-radius:50%;; background:#2f52d3; position:absolute; top:4px; left:3px;}
.process ul li{ float:left; width:24%; margin-right:1.33333%; border-radius: 5px; }
.process ul li:last-child{ margin-right:0; } 
.process ul li span{ display:block; font-size: 12px; letter-spacing: -0.05em; text-align: center  }
.process ul li .t_title{ padding:10px 0;}
.process ul li .text{ padding:20px 0; min-height: 55px;}
.process ul li.step01{ border:#1f3480 solid 1px; }
.process ul li.step01 .t_title{ background-color:#1f3480; color:#fff; }
.process ul li.step02{ border:#287905 solid 1px; }
.process ul li.step02 .t_title{ background-color:#287905; color:#fff; }
.process ul li.step03{ border:#b223ad solid 1px; }
.process ul li.step03 .t_title{ background-color:#b223ad; color:#fff; }
.process ul li.step04{ border:#d74545 solid 1px; }
.process ul li.step04 .t_title{ background-color:#d74545; color:#fff; }
.process ul li.step04 .text{ padding:10px 0;}
@media all and (min-width:768px){
  .request_wrap{ border:#c2c2c2 solid 1px; padding:25px; margin-bottom:25px; }
  .request p{ font-size:16px; line-height: 1.5 }
  .process ul li{ position:relative; width: 22%; margin-right:4%; }
  .process ul li:after{ position: absolute; right:-25px; top:50%; content:url('../imgs/04/arrow_step.jpg') }
  .process ul li:last-child:after{ display: none; }
  .process ul li span{ font-size: 16px; }
  .process ul li .text{ padding:35px 0; min-height: 55px;}
  .process ul li.step04 .text{ padding:25px 0;}
}

.page_info{min-height:110px;margin-bottom:20px;padding:15px;margin:15px;border:1px dashed #d7d7d7;background-color:#f6f6f6;background-repeat:no-repeat;background-position:30px center;color:#476b8f;vertical-align:middle;}

@media all and (min-width:768px){
 .page_info{min-height:110px;margin-bottom:20px;padding:30px 30px 30px 150px;margin:0;border:1px dashed #d7d7d7;background-color:#f6f6f6;background-image:url("../imgs/common/icn_topinfo.gif");background-repeat:no-repeat;background-position:30px center;color:#476b8f;vertical-align:middle;} 
  .pginfo06{background-image:url("../imgs/04/icn_topinfo_01.gif");}
}
.page_info ul{line-height:150%;vertical-align:middle;overflow:hidden;}
.page_info p{display:inline-block;line-height:150%;vertical-align:middle;}
.page_info .minwon_tit {font-size:115%; font-weight:bold;}
.pginfo01{background-image:url("../imgs/06/icn_topinfo_01.gif");}
.pginfo02{background-image:url("../imgs/06/icn_topinfo_02.gif");}
.pginfo03{background-image:url("../imgs/01/icn_topinfo_01.gif");}
.pginfo04{background-image:url("../imgs/01/icn_topinfo_02.gif");}
.pginfo05{background-image:url("../imgs/01/icn_topinfo_03.gif");}

.pginfo07{background-image:url("../imgs/common/icn_topinfo_noti.gif");}
.pginfo08{background-image:url("../imgs/common/icn_topinfo_job.gif");}
.pginfo09{background-image:url("../imgs/common/icn_topinfo_fmenu.gif");}
.pginfo10{background-image:url("../imgs/common/icn_topinfo_energy.gif");}
.pginfo11{background-image:url("../imgs/common/icn_email.gif");}
.pginfo_water01{background-image:url("../imgs/05/icn_water01.gif");}
.pginfo_water01_01{background-image:url("../imgs/05/icn_water01_01.gif");}
.pginfo_water01_02{background-image:url("../imgs/05/icn_water01_02.gif");}
.pginfo_water01_03{background-image:url("../imgs/05/icn_water01_03.gif");}
.pginfo_water01_04{background-image:url("../imgs/05/icn_water01_04.gif");}
.pginfo_water02{background-image:url("../imgs/05/icn_water02.gif");}
.pginfo_water03{background-image:url("../imgs/05/icn_water03.gif");}
.pginfo_co2{background:#f2f2f2 url("../imgs/05/icn_co2.gif");}
.pginfo_renewal{background:#fff url("../imgs/08/page_info_renewal.gif") no-repeat 10% 80% !important;}
.pginfo_nongaup{background-image:url("../imgs/05/icn_topinfo_nongaup.gif");}
.page_info_btn{float:right;margin-top:5%;}
.page_info_btn a{margin-bottom:3px;}
.page_info_pnil{background-image:url("../imgs/05/icn_pnil.gif");}
.page_info .info_tt{padding-bottom:5px;font-weight:bold;font-size:116%;}
.page_info li p{padding:3px 0;}
.page_info2{min-height:230px;margin-bottom:20px;padding:50px 30px 50px 350px;border:1px dashed #d7d7d7;background-repeat:no-repeat;background-position:10% center;color:#476b8f;vertical-align:middle;}
.page_info2 dl{margin-top:5%;}
.page_info2 dl dt{margin-bottom:10px;font-size:152%;font-weight:bold;}
.page_info2 dl dd{font-size:116%}
.page_info2 dl dt span{color:#476b8f;}
.page_info3{min-height:230px;margin-bottom:20px;padding:50px 30px 50px 300px;border:1px dashed #d7d7d7;background-repeat:no-repeat;background-position:10% center;color:#476b8f;vertical-align:middle;}
.page_info3 dl{margin-top:5%;}
.page_info3 dl dt{margin-bottom:10px;font-size:152%;font-weight:bold;}
.page_info2 dl dd{font-size:116%}
.page_info2 dl dt span{color:#476b8f;}
.page_info4{margin-bottom:20px;border:1px dashed #d7d7d7;background:url("../imgs/common/bg_page_info.gif");color:#476b8f;vertical-align:middle;text-align:center;}
.page_info4 dl{padding:70px 30px;}
.page_info4 dl dt{padding-bottom:20px;font-weight:900;font-size:232%;color:#1b7aaf;}
.page_info4 dl dd{font-size:152%;font-weight:bold;}

.petition_table tbody tr td, .petition_table tbody tr td, .petition_table tbody tr th{font-size:14px!important;}
.bbs_table tbody tr th.petition a{display:inline-block; width:88%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.petition0, .petition1{font-size:19px;}
.btn.btn_basic.fr .btnCommentDelete{display:inline-block; vertical-align:top;}

.lnb.manifesto dl dt{background:url("/home/site/cyber/imgs/03/manifesto.gif") no-repeat 0!important;}

.bbs_write th{vertical-align:top;}
.bbs_write tbody tr td textarea.h_control{min-height:44px;}

/*도민청원 댓글삭제*/
.alert{text-align:center; line-height:1.5; margin-bottom:20px; padding-top:125px; background:url("/home/site/cyber/imgs/03/del_comment.gif")no-repeat center 17px;}
.passwordArea .form-group .col-sm-10 input.form-control{width:100%; height:43px; padding-left:5px; background:#f1f1f1; border:1px solid #dadada; color:#999; display:block;margin:15px auto; }
.passwordArea .form-group .col-sm-offset-2.col-sm-10 button{display:inline-block; width:49%; padding:10px 0; background:#476b8f; color:#fff; border-radius:5px; border:0;}
.passwordArea .form-group .col-sm-offset-2.col-sm-10 a.btn.btn-success{display:inline-block; width:49%; padding:13px 0; background:#505050; color:#fff; border-radius:5px; border:0;}
@media all and (min-width:768px){
  .passwordArea .form-group .col-sm-10 input.form-control{width:50%; }
  .passwordArea .form-group .col-sm-offset-2.col-sm-10{width:50%; margin:0 auto;}
}

/* 공약실천계획 */
.data_list4 {width:100%; border-top:solid 2px #757575; border-bottom:solid 1px #dee0e3;}
.data_list4 > li {background:url(../imgs/common/bul_rect.gif) no-repeat 0 27px; padding:20px; border-bottom:1px solid #dee0e3;}
.data_list4 > li:last-child {border-bottom:0;}
.data_list4 > li .subject {font-size:123%; line-height:120%;}
.data_list4 li .view_btn a {padding:12px 15px 12px 60px; border:1px solid #dee0e3; background:#fff url(../imgs/03/bg_view.gif) no-repeat left center; display:block; color:#757575; margin-top:10px; width:100%;}
.data_list4 > li > .action_plan {margin-left:10px;}
.data_list4 > li > .action_plan > li {padding:10px; line-height:1.4em; border-bottom:1px solid #dee0e3; background-position:0 20px; min-height:125px; position:relative;}
.data_list4 > li > .action_plan > li:last-child {border-bottom:0;}
.data_list4 > li > .action_plan > li .conf_img {margin-top:10px; position:static;}
.data_list4 > li > .action_plan > li .conf_img img {width:100%;}

@media all and (min-width:1200px) {
.data_list4 li .view_btn a {width:15%;}
.data_list4 > li > .action_plan > li {font-size:120%;}
.data_list4 > li > .action_plan > li .conf_img {margin-top:0; position:absolute; top:0; right:0;}
.data_list4 > li > .action_plan > li .conf_img img {width:auto%;}
 }
/* 공약실천계획-총괄개요 */
.chart_list {overflow:hidden;}
.chart_list > li {float:left; margin:10px 0;}
.chart_list > li img {width:100%;}


.scroll_x{ overflow-x:scroll; }
.scroll_x .m_info{  display:block; } 
@media all and (min-width:1024px){
.scroll_x .m_info{  display:none; } 
}
.fax_go{ font-size: 15px; color: #9297b3; border: 1px solid #70727f; background: #414352; border-radius: 6px;padding: 10px 20px; font-size:16px;font-weight:300;margin:0 20px;}
.fax_go em{padding-left:15px;}

.pginfo04 {
    background-image: url(/home/site/jeonnam/imgs/01/icn_topinfo_02.gif);
}

@media all and (max-width:1024px){
  .pginfo04 {
      background-image: none;
  }
}



.hope_mt10_bg {background: url(/home/site/cyber/img/sub/greeting_v3.jpg); background-position: right top; background-repeat: no-repeat; }
.mt10 {margin-bottom:-100px;}

@media (max-width: 770px) {
    .hope_mt10_bg {background: url(/home/site/cyber/img/sub/sub0501_bg_m.jpg); background-position: right top; background-repeat: no-repeat; }
    .mt10 {margin-bottom:0px;}
}

@media (max-width: 705px) {
    .hope_mt10_bg {background: none; background-position: right top; background-repeat: no-repeat; }
    .mt10 {margin-bottom:0px;}
}