@charset "utf-8";


div.pagenone {text-align:center; background:#f2f2f2; padding:50px 0px; border:1px solid #dedede; margin-bottom:50px;}

div.ceo_his {position:relative; margin-bottom:50px;}
div.ceo_his:after {content:''; display:block; clear:both;}
div.ceo_his img {width:35%; float:left;}
div.ceo_his div.ceo_con {width:60%; float:right;}
div.ceo_his h3 {margin-top:40px;}


div.ceo_his p.name {font-weight:bold; font-size:26px; color:#000; }
div.ceo_his p.name span {font-weight:normal; font-size:16px;}


@media only screen and (min-width:1001px) and (max-width:1220px){	


}


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

}
	@media only screen and (max-width:640px) {

.
	}


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

    div.pagenone img {width:90%;}
    div.ceo_his img {width:100%; float:none; margin-bottom:50px;}
    div.ceo_his div.ceo_con {width:100%; float:none;}
	}
               


.main_wrap {  height: auto;   }
.main_wrap .logo {width: 100%; margin: 0 auto;}


.main_wrap .middle_top {width: 100%; margin: 0 auto; overflow:hidden; position: relative; }
.main_wrap .middle_top > div {float: left;}
.main_wrap .middle_top div.ceo {background: url('/img/ceo/new_main/ceo.png') 0 0 no-repeat; height: 533px; position: relative;  width: 42%; background-size: 100%;}
.main_wrap .middle_top div.ceo ul {position: absolute; bottom: 40px; right:0; }
.main_wrap .middle_top div.ceo ul li:first-child {font-family:'NanumBarunGothic'; font-size: 16px; margin-bottom: 10px;}
.main_wrap .middle_top div.ceo ul li:last-child {font-family:'NanumBarunGothic'; font-size: 36px;}

.main_wrap .middle_top div.ceo_tit img {position: absolute; bottom:75px; right:0;}

.main_wrap .middle_top p.ta-ceotit {display:none;}
.main_wrap .middle_top p.pc-ceotit img {width: 90%; vertical-align:bottom;}

.main_wrap .middle_bottom {width: 100%; margin:0 auto; padding-bottom: 100px;}
.main_wrap .middle_bottomWrap {padding: 50px 60px; background-color: #fff; border-radius: 15px; box-shadow: 5px 5px 10px #dce1e8, -5px -5px 10px #dce1e8;} 
.main_wrap .middle_bottomWrap p {font-size: 16px; color: #111; line-height: 28px;}
.main_wrap .middle_bottomWrap p.text_tit {font-size: 32px; color: #034ea2; font-weight:bold; margin-bottom: 25px;}
.main_wrap .middle_bottomWrap p.text_tit02 {font-size: 21px; color: #034ea2; font-weight:bold;}
.main_wrap .middle_bottomWrap p.text_tit03 {font-size: 18px;}

.main_wrap .middle_bottomWrap p span {color: #111; font-weight:bold;}
.main_wrap .middle_bottomWrap p span.blue {color: #034ea2;}

.main_wrap .middle_bottomWrap .point dl:first-child {background: url('/img/ceo/new_main/hand.png') 0 0 no-repeat; padding-left: 27px; padding-top: 5px; margin-top: 40px;}
.main_wrap .middle_bottomWrap .point dl:nth-child(2) {background: url('/img/ceo/new_main/hand02.png') 0 0 no-repeat; padding-left: 27px; padding-top: 5px; margin-top: 40px;}
.main_wrap .middle_bottomWrap .point dl:nth-child(3) {background: url('/img/ceo/new_main/hand03.png') 0 0 no-repeat; padding-left: 27px; padding-top: 5px; margin-top: 40px;}
.main_wrap .middle_bottomWrap .point dl:nth-child(4) {background: url('/img/ceo/new_main/hand04.png') 0 0 no-repeat; padding-left: 27px; padding-top: 5px; margin-top: 40px;}
.main_wrap .middle_bottomWrap .point dl:nth-child(5) {background: url('/img/ceo/new_main/hand05.png') 0 0 no-repeat; padding-left: 27px; padding-top: 5px; margin-top: 40px;}


.main_wrap .middle_bottomWrap dl {margin-top: 32px;}

.main_wrap .middle_bottomWrap dl dt {font-size: 18px; color: #259692; font-family:'Jeju Myeongjo'; letter-spacing: -1px; font-weight:800;  } 
.main_wrap .middle_bottomWrap dl dt span {color: #3777bc;}

 

@media all and (max-width:1300px){ 
	.main_wrap {padding: 0px 10px;}
	.main_wrap .logo, .main_wrap .middle_top, .main_wrap .middle_bottom{width: 100%;}
	.main_wrap .middle_top div.ceo_tit img {width: 40%;}
	.main_wrap .middle_top p img {width: 100%;}
}


@media all and (max-width:960px){
	.main_wrap .logo {  width: 100%; text-align:center; margin-bottom: 20px;}
	.main_wrap .logo img {width: 80%; margin-top: 10px; }
	.main_wrap .middle_bottomWrap {padding: 50px;}
	.main_wrap .middle_bottomWrap p.text_tit {line-height: 36px;}
	
}

@media all and (max-width:640px){
	.main_wrap .middle_top p.ta-ceotit {display:block;}
	.main_wrap .middle_top p.ta-ceotit img {display:block;}
	.main_wrap .middle_top p.pc-ceotit {display:none;}
}
@media all and (max-width:420px){ 
	.main_wrap .middle_bottomWrap p{font-size: 14px;  }
	.main_wrap .middle_bottomWrap {padding: 20px;}
	.main_wrap .middle_bottomWrap p.text_tit {font-size: 22px; line-height: 30px;}
	.main_wrap .middle_bottomWrap p.text_tit02 {font-size: 18px; font-family:'NanumGothic';}
	.main_wrap .middle_bottomWrap p.text_tit03 {font-size: 17px; font-faimly:'NanumGothic';}
	 
}

.main_wrap .middle_bottomWrap p span.red {color: #ed1a3b; display:inline-block; position: inherit;}


.list_0001 {margin:15px 0px; border-top:1px solid #e6e6e6;  border-bottom:1px solid #e6e6e6;}
.list_0001 ul li {border-top:1px solid #e6e6e6;}
.list_0001 ul li:first-child {border-top:0;}
.list_0001 .subject {position:relative;cursor:pointer; }
.list_0001 .subject .tit {line-height:22px;padding:20px 10px; font-weight: bold; color:#1776b6; font-size:23px;}
.list_0001 .subject.on .cat {color:#008850;}
.list_0001 .subject.on .tit {color:#1776b6; font-weight: bold; font-size:23px;}
.list_0001 ul li ul.u-list03 li{border-top:none; }
.list_0001 .con {padding:10px 15px 15px 15px; /* background:#f7f7f7; border-top:1px solid #008850;border-bottom:1px solid #008850;*/}

/**구청장실-매니페스토-공약사업총괄-재정현황 밎 투자계획**/
.tbl_box {width:100%; box-sizing:border-box;   border: 1px solid #ddd;    margin-bottom: 30px;    padding: 30px 20px 30px 45px;    background: #fafafa;}
.tbl_box div {width:50%;float:left;}      
.tbl_box > .chart-tab_b {float:left;}
.tbl_box >  .graph_img {float:right;}
.cB:after {    content: '';    display: block;   clear: both;}
.tbl_box  .graph_img {text-align: center;    margin-top: 5px;}
     .tbl_box  .graph_img  img {width:100%!important;}    

.tbl-type01 tbody .bg_lgr {background:#e8fdd0;}
.td_po_re02 td:first-child {    border-left: 1px solid #cfd4d9 !important;}     
   
@media (max-width: 780px) {
	.tbl_box div {width:100%}
}                      

.td_po_re tbody td{position: relative; background:none!important;}
.td_po_re td:first-child {    border-left: 1px solid #cfd4d9!important;}
.tbl_bor_r { border-left: 1px solid #cfd4d9!important;}
.blue_bar {    background: #51a8e4;    width: 100%;    height: 15px;    margin-top: 10px;    position: absolute;    left: 0;    bottom: 17px;}           
.bb_last {background:url(/img/portal/sub/grp_arrow01.png)left no-repeat;}
.bb_arrow02 {background:url(/img/portal/sub/grp_arrow02.png)left no-repeat; background-size: contain;}
.bb_arrow03 {background:url(/img/portal/sub/grp_arrow03.png)left no-repeat;}
.bb_arrow04 {background:url(/img/portal/sub/grp_arrow04.png)left no-repeat;}
.line_h_16{    line-height: 16px;}
                                                      
.stae {    position: relative;    margin: 0 auto;    width: 50px;    height: 18px;    font-size: 12px;    line-height: 18px;    color: #fff;    font-weight: 600;    text-align: center;    display: inline-block;    border-radius: 3px;  }
.stae.s1{color:#0000ff; border:1px solid #0000ff}
.stae.s2{color: #800080; border:1px solid #800080}
.stae.s3{color:#358791; border:1px solid #358791;}
.stae.s4{color:#ff0000; border:1px solid #ff0000;}


.table { margin:4px 0 20px; border-top: 2px solid #2349B4;  table-layout: fixed; text-align: center; font-size: 14px;}
.table th, .table td { padding:8px 10px 6px; border:1px solid #ddd; line-height:1.615; vertical-align:middle}
.table thead th { border-top:0; background:#ECF0FB; text-align:center}
.table tbody th { font-weight:400; text-align:center}
.table tbody .bg { background:#f2f2f2}
.table tbody .bgbl { background:#eaf3fb}
.table tbody .bgor { background:#fff8f2}
.table tbody .bggp { background:#f4f3ff}
.table tbody .bgpi { background:#fdf1f5}
.table tbody .bgyg { background:#fcfef2}
.table tbody .bggr { background:#e9f5f5}
.table tbody tr:first-child th, .table tbody tr:first-child td { border-top:0}
.table tbody th { background-color: #f9f9f9; font-weight: 600; }
.table tfoot th, .table tfoot td { background:#e9eff4; text-align: center;}
.table .udline {border-bottom: solid 2px #0000ff;}



.table.data th { padding:8px 5px 6px; font-size: 14px }
.table.data td { padding:6px 5px 4px; font-size: 13px; line-height: 18px }
.table_r {position:absolute; right:0; top:-30px; color: #888; font-size: 13px}
.table_tip { position: relative; top:-10px; font-size: 13px;}


ul[class^="list_ul"] li, ol[class^="list_num"] li {line-height:normal; position: relative; }
ul[class^="list_ul"] >li, ol[class^="list_num"] li ul li {padding-left:10px; margin-top:8px;}
ul[class^="list_ul"] >li:before, ol[class^="list_num"] li ul li:before {content: ''; position: absolute; width:4px; height:4px; left: 0; top:9px; background:#6086c6; border-radius:50%;}
ul[class^="list_ul"] >li:first-child{margin-top:0;}
ul[class^="list_ul"] >li >ul {margin-top:0; margin-bottom:15px;}
ul[class^="list_ul"] li >ul >li{padding-left:10px; margin-top:6px;}
ul[class^="list_ul"] >li >ul >li:before {content: ''; position: absolute; width:5px; height:2px; left: 0; top:12px; background:#bbb;}
ul[class^="list_ul"] ul ul {margin-top: 8px !important; background: rgba(255,255,255,1); border: 1px dashed #b3d1df; border-radius: 10px; padding: 15px; box-sizing: border-box;}
ul[class^="list_ul"] >li >ul >li >ul >li {padding-left:8px; margin-top:9px; font-size:15px;}
ul[class^="list_ul"] >li >ul >li >ul >li:before, td >ul >li >ul >li:before {content: ''; position: absolute; width: 3px; height: 3px; left: 0; top: 9px; background:#bbb;}
ul[class^="list_ul"] >li >ul >li >ul >li:first-child {margin-top:0;}
ul[class^="list_ul"] li p, ol[class^="list_num"] li p {margin-top:10px;}

ul[class^="list_ul"] ul ul.liNon {margin-top: 8px !important; background:none; border:none; border-radius:0; padding:0px; box-sizing: border-box;}
ul[class^="list_ul"] >li >ul >li >ul.liNon >li {padding-left:0;}
ul[class^="list_ul"] >li >ul >li >ul.liNon >li:before, td >ul >li >ul.liNon >li:before {display:none;}

.load_map td{height:30px; position:relative;}
.load_map .blue_ba1{position:relative; height:3px; }
.load_map .blue_bar1:before{position:absolute; right: 0; bottom:0;margin-top:-4px; width:100%; height:8px; content:''; background:#268ed6; overflow:hidden;} 

.tabmenu{overflow: hidden; margin-bottom:30px;}
.tabmenu ul li {float: left; border: 1px solid #dedede; border-right: none; font-size: 18px; box-sizing: border-box; }
.tabmenu ul li:last-child {border-right: 1px solid #dedede;}
.tabmenu ul li a {display: block; text-align: center; font-weight: 500; color: #666;}
.tabmenu ul li.active {background: linear-gradient(to right, #ef4823 , #f68e20);}
.tabmenu ul li.active a {color: #fff;}

.tabmenu .n06 li {width: 16.6%;}
.tabmenu button {background-color: inherit; float: left; display: block; border: none; outline: none; cursor: pointer; font-size: 16px; padding: 15px 0; width: 100%; color: #666; font-weight: 500; padding-top:75px;}
.tabmenu button:hover {color: #186dc3;}
.tabmenu button.active {color: #186dc3;}

.tabmenu button.active:after{content: ""; display: none; width: 16px;  height: 16px;  position: absolute; top: 100%; left: 50%;  transform: translate(-50%, -50%) rotate(-45deg); border-top: 8px solid transparent;
    border-right: 8px solid transparent;    border-bottom: 8px solid #1e4da4;    border-left: 8px solid #1e4da4;    box-sizing: border-box;}

.tabmenu li:nth-child(1) button{background:url(/img/ceo/Sub/icon_off_01.gif) no-repeat center 0;}
.tabmenu li:nth-child(2) button{background:url(/img/ceo/Sub/icon_off_02.gif) no-repeat center 0;}
.tabmenu li:nth-child(3) button{background:url(/img/ceo/Sub/icon_off_03.gif) no-repeat center 0;}
.tabmenu li:nth-child(4) button{background:url(/img/ceo/Sub/icon_off_03.gif) no-repeat center 0;}
.tabmenu li:nth-child(5) button{background:url(/img/ceo/Sub/icon_off_03.gif) no-repeat center 0;}
.tabmenu li:nth-child(6) button{background:url(/img/ceo/Sub/icon_off_06.gif) no-repeat center 0;}

.tabmenu li:nth-child(1) button.active {background:url(/img/ceo/Sub/icon_on_01.gif) no-repeat center 0;}
.tabmenu li:nth-child(2) button.active {background:url(/img/ceo/Sub/icon_on_02.gif) no-repeat center 0; color: #DF2519 !important;}
.tabmenu li:nth-child(3) button.active {background:url(/img/ceo/Sub/icon_on_03.gif) no-repeat center 0;     color: #b8883c !important;}
.tabmenu li:nth-child(4) button.active {background:url(/img/ceo/Sub/icon_on_03.gif) no-repeat center 0; color: #b8883c !important;} 
.tabmenu li:nth-child(5) button.active {background:url(/img/ceo/Sub/icon_on_03.gif) no-repeat center 0; color: #b8883c !important;}
.tabmenu li:nth-child(6) button.active {background:url(/img/ceo/Sub/icon_on_06.gif) no-repeat center 0;     color: #6408d6 !important;}

.faq-list {
  width: 100%;
  clear: both;
  margin: 15px auto 0;
  border-top: 1px solid #81858b;
  border-bottom: 1px solid #81858b;
}
.faq-list > li {
  width: 100%;
  clear: both;
  border-bottom: 1px solid #eaecef;
  overflow: hidden;
}
.faq-list > li.open .list-header{background:#fef7f8;}
.faq-list > li:nth-child(1).open .list-header{background:#e9f2ff;}
.faq-list > li:nth-child(2).open .list-header{background:#fef7f8;}
.faq-list > li:nth-child(3).open .list-header{background:#fcf1e0;}
.faq-list > li:nth-child(4).open .list-header{background:#f7fcdf;}
.faq-list > li:nth-child(5).open .list-header{background:#d3e2ff;}
.faq-list > li:nth-child(6).open .list-header{background:#ead9ff;}

.faq-list > li.open .list-header:after {
  content: "-";
  position: absolute;
  top: 10px;
  right: 25px;
  color:#ee6575;
  border-style:none;
	 border-width:none;
	 font-size: 20px;
    font-weight: 800;
    border: 1px solid #ccc;
    width: 30px;
    text-align: center;
}
.faq-list > li.open .list-content {
  
  line-height: 22px;
  color: #333333;
  max-height: 5000px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.faq-list .list-header {
  position: relative;
  padding: 20px 35px 20px 20px;
  line-height: 36px;
  cursor: pointer;
 
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.faq-list .list-header:before{
	POSITION: ABSOLUTE;
    /*content: 'Q';*/
    background: #676365;
    color: #fff;
    width: 34px;
    height: 34px;
    top: 0;
    left: 0;
    letter-spacing: -1px;
    text-align: center;
    font-weight: bold;
    border-radius: 50%;
    line-height: 34px;
    top: 20px;
    left: 30px;
}
/*.faq-list .list-header .f_q { 
	background: #676365;
    color: #fff;
    letter-spacing: -1px;
    margin-right: 10px;
	width:34px;
	height:34px;
    font-weight: bold;
    border-radius: 50%;
	line-height: 34px;
	text-align: center;
    display: inline-block;
}*/
.faq-list .list-header a {
  color: #333333;
  text-decoration: none;
  font-weight: bold;
}
.faq-list .list-header i {
  margin-right: 5px;
 
  color: #ff00ff;
}
.faq-list .list-header:after {
  content: "+";
  position: absolute;
  top: 20px;
  right: 25px;
 /* border-style: solid;
  border-width: 5px 4px 0 4px;
  border-color: #ee6575;*/
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
    border: 1px solid #ccc;
    width: 30px;
    text-align: center;

}
.faq-list .list-content {
 
  line-height: 22px;
 /* background-color: #f5f7f8;*/
  color: #333333;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);
  -moz-transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);
  -ms-transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);
  -o-transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);
  transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);
}
.faq-list .list-content-inner {
  padding: 25px 45px 30px 20px;
  width: 100%;
  word-break: break-all;
  box-sizing: border-box;
  POSITION: RELATIVE;
}
.faq-list .list-content-inner:after{
	POSITION: ABSOLUTE;
	/*content:'A';*/
	background: #ee6575;
	color: #fff;
	width:34px;
	height:34px;
	top:0;
	left:0;
	letter-spacing: -1px;
	text-align: center;
	font-weight: bold;
	border-radius: 50%;
	line-height: 34px;
	top:20px; 
	left:30px;
}
.faq-list .list-content-inner .noti_area {
  background-color: #fff;
  padding: 10px;

  color: #333333;
  margin-top: 10px;
}
.faq-list .list-content-inner:nth-child(2) {
  padding: 5px 45px 10px 30px !important;
}


@media screen and (max-width:640px){
	.faq-list .list-header{line-height:28px;}
	
}

.operation-box{
    margin: 10px 0 53px 7px;
    padding: 30px 30px;
    background-color: #f2f7fc;
}
.operation-box::after{
  content: "";
  display: block;
  clear: both;
}

.operation-box-l{float: left;  width: 60%;}
.operation-box-r{float: right; width: 35%; height: 278px;}

.operation-img{
    padding: 12px 23px;
}
.operation-bg01{
    background : url('/img/portal/sub/operation_bg01.png') no-repeat;
    background-size: 90%;
    background-position: 38px -25px;
}
.operation-bg02{
    background: url('/img/portal/sub/operation_bg02.png') no-repeat;
    background-size: 80%;
    background-position: 46px 13px;
}

@media only screen and (max-width:768px) {
  .operation-box-r{width: 46%;}
  .operation-box-l{width: 100%;}
}

@media only screen and (max-width:580px) {
  .operation-box-r{display: none;}
}

@media only screen and (max-width:480px) {
  .operation-box{padding: 20px 20px;}
  .operation-img {padding: 17px 0px; width: 100%;}
} 


.u-tab02{margin-bottom:30px; padding-top:1px; position:relative;}
.u-tab02 ul{padding-top:1px;overflow:hidden;  font-size:0 }
.u-tab02 ul:after{position:Absolute; left:0; top:0; width:1px ;background:#b9bfc7; height:100%; display:block; content:""; z-index:2; display:none;}
.u-tab02 li{ height:60px; border-bottom:none; border-right:none; margin-left:-1px;  margin-top:-1px; display:inline-block; vertical-align:top;position:relative; z-index:1}
.u-tab02 li.active{z-index:6}
.u-tab02 li.active a{border:1px solid #d4373a; height:48px; background:url(/img/common/tab-bg01.jpg)repeat; color:#fff; font-weight:600;}
.u-tab02 a{ display:block; text-align:left; font-size:12px;  position:relative;   letter-spacing:-0.07em; background:#f7f7f7; color:#111;line-height:48px; height:50px;}
.u-tab02 a:before{position:Absolute; left:0; top:0; width:1px ;background:#b9bfc7; height:50px; display:block; content:""; display:none;}
.u-tab02 a:after{position:Absolute; left:0; top:0; width:100% ;background:#b9bfc7; height:1px; display:block; content:""; display:none;}
.u-tab02 li.active a:before{display:none;}
.u-tab02 li.active a:after{display:none;}
.u-tab02 li span{display:block; position:relative; padding:0 15px; border: 1px solid #ccc;}

.u-tab02 li.active span{border: none;}
.u-tab02 li.active span:after{content: "";      width: 16px;
    height: 16px;
    position: absolute;
    top: 52px;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    border-top: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fdbebe;
    border-left: 8px solid #fdbebe;
    box-sizing: border-box;
background:none;

	 }
.u-tab02 li .big_font{font-size:16px}
      .u-tab02 ul{overflow: unset;}  
.u-tab02 ul.con04 li{width:25%;}
.u-tab02 ul.con03 li{width:33.33333%;}

	@media all and (max-width:780px){
			.u-tab02{margin-bottom:25px;}
			.u-tab02 a{font-size:15px;}
	}

	@media all and (max-width:680px){
			.u-tab02{margin-bottom:20px;}
			.u-tab02 ul{border-bottom:none !important; border-right:none !important}

			.u-tab02 ul li:nth-child(1), .u-tab01 ul li:nth-child(2){margin-top:0}
			.u-tab02 ul li:nth-child(even) a{border-left:none !important}
			.u-tab02 li{width:50% !important;;}
			.u-tab02 li a{font-size:14px;;border-left:none;border-right:none;;border-right:none}

	}

.u-tab02 ul.con05 li{width:20%;}
.u-tab02 li span{text-align: center;}
/* .tab_font{font-size: 15px;} */

/*구민소통 및 추진실적*/
.mayor_list-wrap ul{border-bottom:1px solid #cfd4d9; border-top:2px solid #112741}
.mayor_list-wrap li:first-child{border-top:0;}
.mayor_list-wrap li{ table-layout:fixed;display:block;border-top:1px solid #cfd4d9}
.mayor_list-wrap li a{display:block; position:relative; padding:35px 0 35px 0;transition:background .3s}
.mayor_list-wrap li a .btxt{display:block; height:29px; overflow:hidden; color:#333; font-size:20px;line-height:120%; font-weight:bold; letter-spacing:-0.06em;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.mayor_list-wrap li a .btxt .icon-wrap { font-size:0; vertical-align:middle;}
.mayor_list-wrap li a .btxt .icon-wrap i { margin:0 0 0 5px;}
.mayor_list-wrap li a .btxt .icon-new { width:29px; height:18px; background:url(/img/common/icon-new.png) no-repeat; display:inline-block; vertical-align:middle;}
.mayor_list-wrap li a .btxt .icon-jpg { width:16px; height:16px; background:url(/img/common/icon-jpg.png) no-repeat; display:inline-block; vertical-align:middle;}
.mayor_list-wrap li a .btxt .icon-hwp { width:16px; height:16px; background:url(/img/common/icon-hwp.png) no-repeat; display:inline-block; vertical-align:middle;}
.mayor_list-wrap li a .btxt .icon-pdf { width:16px; height:16px; background:url(/img/common/icon-pdf.png) no-repeat; display:inline-block; vertical-align:middle;}
.mayor_list-wrap li a .btxt .icon-xlsx { width:16px; height:16px; background:url(/img/common/icon-xlsx.png) no-repeat; display:inline-block; vertical-align:middle; white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}
.mayor_list-wrap li a .stxt{display:block;font-size:14px; color:#6b7177; line-height:170%; height:94px; overflow:hidden; margin:5px 0}
.mayor_list-wrap li a .date{font-size:14px; color:#7f7f7f; display:block;}
.mayor_list-wrap li a .cate{ position:relative;font-size:13px; color:#7f7f7f; margin-left:20px;}
.mayor_list-wrap li a .hit{position:relative;font-size:13px; color:#7f7f7f; margin-left:20px;}
.mayor_list-wrap li a .hit:after,
.mayor_list-wrap li a .cate:after{background:#cbcfd4; width:1px; height:10px; position:absolute; left:-12px; top:50%;margin-top:-5px; display:block;content:"";}
.mayor_list-wrap li a:hover .btxt{text-decoration:underline}
.mayor_list-wrap li a:hover .btxt i { text-decoration:none;}
.mayor_list-wrap li a:hover .stxt{text-decoration:underline}
.mayor_list-wrap li a.img {padding-left:220px; min-height:169px;}
.mayor_list-wrap li a.img .img{position:absolute; left:0; top:35px; width:200px; height:150px;}
.mayor_list-wrap li a.img .img img { width:100%; height:100%;}

	@media only screen and  (max-width:680px) {
		.mayor_list-wrap li a .btxt{ height:auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
		.mayor_list-wrap li a .btxt .icon-wrap { margin-top:5px; display:block;}
		.mayor_list-wrap li a .btxt .icon-wrap i:first-child { margin-left:0;}

		.mayor_list-wrap li a.img { padding-left:0;}
		.mayor_list-wrap li a.img .img { width:100%; height:auto; margin-bottom:10px; position:static; display:block;}

	}

/***** 의견남기기 *****/
                            #suggest{position: relative;}

                #suggest img.pc{display: block}
                #suggest img.mob{display: none;}

                #suggest .button-container{position: absolute; bottom: 30px; left: 30px; display: flex;}
                #suggest .button-container .row{display: flex; margin-top: 17px;}
                #suggest .button-container .button-wrap{text-align: center; margin-right: 15px;font-weight: bold; color: #fff; }
                #suggest .button-container .button{border: 2px solid #ddd;width: 80px; height: 80px; background-color: #fff; border-radius: 50%; display: flex;text-align: center;align-items: center; justify-content: center; background-repeat: no-repeat; background-position:center;}
                #suggest .button-container .button.suggest-btn{background-image: url(/img/portal/sub/suggest_suggest_button.png);}
				#suggest .button-container .button.survey-btn{background-image: url(/img/portal/sub/suggest_survey_button.png);}
				#suggest .button-container .button.voting-btn{background-image: url(/img/portal/sub/suggest_voting_button.png);}
                #suggest .button-container .button.facebook-btn{background-image: url(/img/portal/sub/suggest_facebook_button.png);}
                #suggest .button-container .button.youtube-btn{background-image: url(/img/portal/sub/suggest_youtube_button.png);}
                #suggest .button-container .button.blog-btn{background-image: url(/img/portal/sub/suggest_blog_button.png);}
                #suggest .button-container .button.twitter-btn{background-image: url(/img/portal/sub/suggest_twitter_button.png);}
                #suggest .button-container .button.insta-btn{background-image: url(/img/portal/sub/suggest_insta_button.png);}

                @media (max-width: 780px){
                    #suggest img.pc{display: none;}
                    #suggest img.mob{display: block;}

                    #suggest .button-container {background-color: #0a2744;position: static;padding: 20px;}
                    #suggest .button-container .button-wrap {margin-right: 10px;font-size: 14px;line-height: 1.2;}
                    #suggest .button-container .row{margin-top: 0;}
                    #suggest .button-container .button {width: 65px;height: 65px;background-size: 50%;}
                    #suggest .button-container p{margin-top: 5px;}
                }

                @media (max-width: 520px){
                    #suggest .button-container {display: block;}
                    #suggest .button-container .row{justify-content: space-between;}
                    #suggest .button-container .row:last-child{margin-top: 10px;}
                }