@charset "utf-8";

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

@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

.content{word-break:keep-all;}
.content h4{ font-size:20px; font-weight:500; color:#111; padding:10px 0; letter-spacing:-0.05em;overflow:hidden; margin-bottom:20px;}
.content h4:after{ display:block; content:''; background:url(/home/mayor/images/sub/bullet_m_h4.jpg); width:67px; height:12px; background-size:cover; margin-top:8px}
.content h5{ font-size:20px; font-weight:500; color:#006d3a; padding:10px 0; line-height:normal; overflow:hidden;}
.content h6{ font-size:18px; font-weight:500; color:#4a4a4a; padding:10px 0 10px 24px; position:relative;overflow:hidden;}
.content h6:before{ display:block; content:""; border:#5f9b15 solid 6px; border-radius:20px;  width:5px; height:5px; position:absolute; left:0; top:10px;  } 
.content p{ font-size:16px; color:#686868; line-height:150%}
@media screen and (min-width:640px){
.content h4{font-size:23px; }
.content h5{font-size:22px;}
.content h6{font-size:20px;}
.content h4:after{ display:block; content:url(/home/mayor/images/sub/bullet_h4.jpg); background:none; width:67px; height:12px; margin-top:3px}
.content p{line-height:1.6;}
}



/*리스트타입*/
.list_basic {overflow:hidden;}
.list_basic > li{ position:relative; color:#686868; line-height:1.6; font-size:16px;  padding-left:16px; margin-bottom:1px;}
.list_basic > li:last-child{margin-bottom:0}
.list_basic > li.no_bullet{ padding-left:0px; background:none !important; margin-top:5px; }
.list_basic > li.no_bullet:after{ display:none;}
.list_basic > li:after{ position:absolute; display:block; content:""; left:0; top:12px;}
.lt01 > li:after{width: 6px;height: 6px;background: #686868;top: 10px;}
.lt02 > li:after{  width:10px; height:2px; background:#b6b6b6;}
.lt03 > li:after{  width:6px; height:6px; background:#409700; left:3px; top:10px; border-radius:10px;}
.lt04 > li:after{  width:6px; height:6px; background:#000; left:3px; top:10px; border-radius:10px;}
.lt05 > li{ line-height:normal; overflow:hidden}
.lt05 > li:after{  width:6px; height:6px; background:#333; left:3px; top:10px; border-radius:10px;}
.lt01 > li{padding-left:12px;}

.list_number > li{position:relative; padding-left:23px;}
.list_number > li .num{position:absolute; top:0; left:0;}


.ol_basic > li{ position:relative; padding-left:40px; color:#686868; padding-top:5px; min-height:30px; margin-bottom:5px;}
.ol_basic > li:after{ display:block; content:"1"; width:30px; height:30px; color:#fff; background:#000; position:absolute; left:0; top:0; border-radius:30px;}
.ol_basic > li:after{ text-align:center; line-height:30px; font-size:17px;}
.ol_basic > li:nth-child(1):after{  content:"1";}
.ol_basic > li:nth-child(2):after{  content:"2";}
.ol_basic > li:nth-child(3):after{  content:"3";}
.ol_basic > li:nth-child(4):after{  content:"4";}
.ol_basic > li:nth-child(5):after{  content:"5";}
.ol_basic > li:nth-child(6):after{  content:"6";}
.ol_basic > li:nth-child(7):after{  content:"7";}
.ol_basic > li:nth-child(8):after{  content:"8";}
.ol_basic > li:nth-child(9):after{  content:"9";}
.ol_basic > li:nth-child(10):after{  content:"10";}
.ol_basic > li:nth-child(11):after{  content:"11";}
.ol_basic > li:nth-child(12):after{  content:"12";}
.ol_basic > li:nth-child(13):after{  content:"13";}
.ol_basic > li:nth-child(14):after{  content:"14";}
.ol_basic > li:nth-child(15):after{  content:"15";}

.ot01 > li:after{ background:#83ad12}
.ot02 > li:after{ background:#d62020}
.ot03 > li:after{ background:#5183de}
.ot04 > li:after{ background:#858585}

.tab_s:after {content:"  "; display:block; clear:both;}
.tab_s ul {display:flex;flex-wrap:wrap; margin-bottom:30px;}
.tab_s ul li {display:flex;flex-grow:1;border: 1px solid #dedede; margin-left:-1px}
.tab_s ul li:first-child{margin-left:0}
.tab_s ul li a {display:block;position: relative;padding:16px 0;text-align:center;font-size:14px;white-space: nowrap;font-size:16px;width: 100%;color: #6a6a6a;}
.tab_s ul li.active{position: relative;}
.tab_s ul li.active, .tab_s ul li:hover{border:1px solid #002657;z-index:5}
.tab_s ul li.active a, .tab_s ul li:hover a {background: linear-gradient(135deg,  #019E53 1%,#0054C4 45%, #0054C4 100%);color:#fff;}
.tab_s ul li.active:before{	bottom:-20px;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: #0154c5;
	border-width: 10px;
	margin-left: -10px;					  
}

@media screen and (max-width: 639px) and (min-width: 1px){
.tab_s ul{ position:relative; min-height:36px; transition:0.5s}
.tab_s ul li {display:block;float:none;position:absolute;width:100%; margin-bottom:-1px; margin-left:0}
.tab_s ul li.active a{position:relative;}
.tab_s ul li.active a:after{background: url(/home/mayor/images/sub/open_m.png) 95% center no-repeat;display:block;content:'';position:absolute;top: 20px;right: 14px;width: 14px;height: 8px;}
.tab_s ul li.active:before{display:none;}
.tab_s ul.open li{ position:relative;}

}


.bg_b{background:#f6faff!important;}
.bg_g{background:#eef9e7!important;}
.bg_o{background:#fff5eb!important;}
.bg_y{background:#fffde4!important;}
.bg_p{background:#fdf5f7!important;}

.tc01{ color:#000 !important}
.tc02{ color:#25724c !important}
.tc03{ color:#fe3c3c !important}
.tc04{ color:#2b86ec !important}

/*상태표시*/
.state{ font-size:11px; padding:4px 14px 6px;}
.state_fin{ border:#393939 solid 1px; background:#444; color:#fff } 
.state_ing{ border:#1552b8 solid 1px; background:#3788f6; color:#fff } 
.state_be{ border:#dcb666 solid 1px; background:#ffd800; color:#575757 } 


/*컨텐츠용버튼*/
.btn_con{ display:inline-block; background-color:#fff;  background-position:90% center; background-repeat:no-repeat; padding:15px 50px 15px 15px ;  font-size:14px; color:#000; border:#393939 solid 1px}
.btn_con:hover{ background-color:#fff;  background-position:90% center; background-repeat:no-repeat; border:#429c00 solid 1px}
.btn_con2{padding:5px 15px;}
.btn_open{ background-image:url(/home/mayor/images/sub/open.png); }
.btn_open:hover{ background-image:url(/home/mayor/images/sub/open_on.png);  }
.btn_close{ background-image:url(/home/mayor/images/sub/close.png); }
.btn_close:hover{ background-image:url(/home/mayor/images/sub/close_on.png); }
.btn_more{ background-image:url(/home/mayor/images/sub/more.png); }
.btn_more:hover{ background-image:url(/home/mayor/images/sub/more_on.png); }
.btn_down{ background-image:url(/home/mayor/images/sub/down.png); }
.btn_down:hover{ background-image:url(/home/mayor/images/sub/down_on.png); }
.btn_link { background-image:url(/home/mayor/images/sub/blank.png); }
.btn_link:hover{ background-image:url(/home/mayor/images/sub/blank_on.png); }

.btn_small{ margin:2px 0; padding:5px 8px; background-repeat:no-repeat; background-position:90% center; background-size:20%; font-size:11px }
.btn_small:hover{ background-repeat:no-repeat; background-position:90% center; background-size:20%; }
.btn_down02{padding:5px 15px;background: #008043;color:#fff!important;border: 1px solid #008043;}
.btn_down02:hover{color:#333!important;}
@media screen and (min-width:420px){
.btn_small{ float:right; }
}



/*기본테이블*/
.basic_table { width:100%; border-collapse:collapse; border-top:2px solid #007139; word-break:keep-all;}
.basic_table:after { display:block; visibility:hidden; clear:both; content:"" }
.basic_table thead tr th{ border-bottom:#007139 solid 1px !important  }
.basic_table thead tr th,.basic_table thead tr td {padding:15px 10px; border-bottom:#ccc solid 1px;  border-right: #ccc solid 1px;}
.basic_table tbody tr th,.basic_table tbody tr td {padding:15px 10px; border-bottom:#ccc solid 1px; border-right: #ccc solid 1px; border-left: #ccc solid 1px;}

.basic_table tr th:last-child,.basic_table tr td:last-child{ border-right:0 !important}
.basic_table tr th:first-child,.basic_table tr td:first-child{ border-left:0 !important}
.basic_table tr th.tr_border {border-right:1px solid #ccc !important;}
.basic_table th { font-size:16px; color:#686868; background-color:#f9f9f9; vertical-align:middle; text-align:center; }
.basic_table td { font-size:16px; color:#676767;  line-height:150%; text-align:center;  vertical-align:middle}
.basic_table td a{ text-decoration:none; color:#454545}
.basic_table td.red{ color:#F00}
/*.basic_table tbody tr td ul li {padding:2px 0px 2px 10px; background:url(http://www.hampyeong.go.kr/home/mayor/images/sub/table_bar.jpg) no-repeat left 10px;}*/


.basic_table .no_border { border-right-style: none; }
.basic_table .td_center { text-align:center }
.basic_table .td_right { text-align:right }
.basic_table .td_left { text-align:left }
.border_none{ border-right:none;}

.basic_table tr th:last-child.bd_r{border-right:#ccc solid 1px!important}

@media all and(max-width:640px){
.basic_table th { font-size:14px;  background-color:#f9f9f9; vertical-align:middle }
.basic_table td { font-size:14px;  line-height:150%; text-align:center;  vertical-align:middle}
}

.tbl_st01 th{ background:#397bdf; color:#fff}
.basic_table.tbl_st01 thead tr th,.basic_table.tbl_st01 thead tr td {padding:10px; border-bottom:#4f4f4f solid 1px;  border-right: #4f4f4f solid 1px;}
.basic_table.tbl_st01 tbody tr th,.basic_table.tbl_st01 tbody tr td {padding:10px; border-bottom:#4f4f4f solid 1px; border-right: #4f4f4f solid 1px; border-left: #4f4f4f solid 1px;}



/*예산 테이블*/
.yesan_table { width:100%; border-collapse:collapse; border-top:2px solid #007139;}
.yesan_table:after { display:block; visibility:hidden; clear:both; content:"" }
.yesan_table thead tr th{ border-bottom:#007139 solid 1px !important  }
.yesan_table thead tr th,.yesan_table thead tr td {padding:10px 10px; border-bottom:#ccc solid 1px;  border-right: #ccc solid 1px;}
.yesan_table tbody tr th,.yesan_table tbody tr td {padding:10px 10px; border-bottom:#ccc solid 1px; border-right: #ccc solid 1px; border-left: #ccc solid 1px;}
.yesan_table tr th:last-child,.yesan_table tr td:last-child{ border-right:0 !important}
.yesan_table tr th:first-child,.yesan_table tr td:first-child{ border-left:0 !important}
.yesan_table th { font-size:14px; color:#686868; background-color:#f9f9f9; vertical-align:middle;   }
.yesan_table th a{ 

    text-decoration: none;
    color: #454545;
    border: 1px solid #ccc;
    padding: 10px 7px;
    display: inline-block;
    margin: 2px;
    background-color: #FFF;
}
.yesan_table td { font-size:14px; color:#676767;  line-height:150%; text-align:center;  vertical-align:middle}
.yesan_table td a{ 

    text-decoration: none;
    color: #454545;
    border: 1px solid #ccc;
    padding: 3px 7px;
    display: inline-block;
    margin: 2px;
}
.yesan_table td.red{ color:#F00}
.yesan_table .no_border { border-right-style: none; }
.yesan_table .td_center { text-align:center }
.yesan_table .td_right { text-align:right }
.yesan_table .td_left { text-align:left }
.border_none{ border-right:none;}
@media all and(max-width:640px){
.yesan_table th { font-size:16px;  background-color:#f9f9f9; vertical-align:middle }
.yesan_table td { font-size:14px;  line-height:150%; text-align:center;  vertical-align:middle}
}

.yesan_table.tbl_st01 thead tr th,.yesan_table.tbl_st01 thead tr td {padding:10px; border-bottom:#4f4f4f solid 1px;  border-right: #4f4f4f solid 1px;}
.yesan_table.tbl_st01 tbody tr th,.yesan_table.tbl_st01 tbody tr td {padding:10px; border-bottom:#4f4f4f solid 1px; border-right: #4f4f4f solid 1px; border-left: #4f4f4f solid 1px;}








.type_w tbody tr th, .type_w tbody tr td {padding:15px 5px}

.img_box_wrap{ }
.img_box_wrap:after{ display:block; content:""; clear:both }
.img_wrap{ text-align:center}
.img_wrap img{ max-width:100%; }
.img_wrap .exp_img{ display:block; padding:10px 0; }
.img_box_wrap .con_title{ display:block; font-size:20px; color:#686868; line-height:140%;}
.img_cts_wrap img{ max-width:100%; }


@media screen and (min-width:640px){
.img_wrap{ float:left; margin-right:25px; text-align:left  }
.img_cts_wrap {}
}

/**/

.ctsimg_wrap {overflow:hidden;}
.ctsimg_wrap .left_wrap{position:relative }
.ctsimg_wrap .left_wrap img{ width:100%;} 
.ctsimg_wrap .right_wrap{ overflow:hidden}

@media all and (min-width:640px) {
.ctsimg_wrap .left_wrap{ float:left; width:30%; margin-right:5%;}
.ctsimg_wrap .right_wrap{ width:65%;}
}




/*반응형테이블*/
.responsive{ min-width:600px; }
.scroltable-wrapper {  position: relative; }
.scroltable-container { overflow-x:auto}
.scroltable-nav {  display: none;  position: absolute;  width: 60px;  height: 100%;  cursor: pointer;}
.scroltable-nav.scroltable-nav-left {  left: 0;   background: url(/home/mayor/images/sub/arrow-left.png) no-repeat left 20%, linear-gradient(to left, rgba(255,255,255,0), #fff);}
.scroltable-nav.scroltable-nav-right {  right: 0;  background: url(/home/mayor/images/sub/arrow-right.png) no-repeat right  20%, linear-gradient(to right, rgba(255,255,255,0), #fff);}

.content .con_top{ padding:20px; margin-bottom:20px; background:none; border:#d0d0cf solid 1px; text-align:center; overflow:hidden}
.content .con_top img{ float:none; margin-right:0;}
.content .con_top p{ padding-top:20px; line-height:140%;font-size:14px;}
.content .con_top span{ font-size:14px; }
.content .con_top span.blue{ display:block; color:#00aeef }
@media all and (min-width:640px) and (max-width:1023px) {
.content .con_top{ padding:20px 40px 20px 20px;  background:none; text-align:left;   }
.content .con_top p{ padding-top:10px; line-height:140%; font-size:16px;}
.content .con_top img{ float:left; margin-right:22px; }
}
@media all and (min-width:641px){
    .scroltable-nav.scroltable-nav-right{display:none!important;}
}

@media all and (min-width:1024px){
.content .con_top{padding:20px; text-align:left;   }
.content .con_top p{font-size:16px;}
.content .con_top img{ float:left; margin-right:22px; }
}


/* 지도박스 */
.daum_api_map { background:#FFF; border:#d0d0cf solid 1px; text-align:center; height:350px;}



/*컨텐츠내용시작*/

@media print{

}


/*li이미지*/
.product_list{ overflow:hidden; }
.product_list li{ float:left; width:100%;  margin-right:0; margin-bottom:15px;}
.product_list li img{ width:100%; }
.product_list li span{ display:block; margin:10px 0; line-height:130%;}
@media screen and (min-width:640px){
.product_list li{ float:left; width:300px; margin-right:10px}
}


/*아코디언메뉴*/
.accordian > ul{ border:#d8d8d8 solid 1px;}
.accordian > ul > li{ position:relative;}
.accordian > ul > li:before{ position:absolute; right:18px; top:23px; margin-top:-11px; display:block; content:""; width:4px; height:18px; background:#444444;  transition:0.3s  }
.accordian > ul > li:after{ position:absolute; right:11px; top:23px; margin-top:-4px; display:block; content:""; width:18px; height:4px; background:#444444;  transition:0.5s }
.accordian > ul > li.active:before{ top:23px; opacity:1; transform:rotate(270deg)}
.accordian > ul > li.active:after{ position:absolute; right:11px; top:23px; margin-top:-4px; display:block; content:""; width:18px; height:4px; background:#444444;transform:rotate(180deg);  transition:0.5s }
.accordian > ul > li > span{ position:relative; display:block; padding:13px 5px 13px 40px;  border-bottom:#d8d8d8 solid 1px;}
.accordian > ul > li:last-child > span{ border-bottom:none;}
.accordian > ul > li.active:last-child > span{ border-bottom:#d8d8d8 solid 1px;}
.accordian > ul > li.active:last-child > ul{  border-bottom:none;}
.accordian > ul > li > span:before{ display:block; content:""; border:#5f9b15 solid 6px; border-radius:20px;  width:5px; height:5px; position:absolute; left:15px; top:13px;  } 
.accordian > ul > li > ul{  padding:15px 20px;  background:#f8f8f8;  border-bottom:#d8d8d8 solid 1px; overflow:hidden; }
.accordian > ul > li.active > ul{ display:block; }
.accordian > ul > li > ul > li{ float:left; width:48.5%; margin-right:3%; font-size:12px; margin-bottom:3%; }
.accordian > ul > li > ul > li:nth-child(2n){ margin-right:0; }
.accordian > ul > li > ul > li:last-child{ margin-bottom:0;}
.accordian > ul > li > ul > li > a{ display:block; padding:10px;  border:#393939 solid 1px; background:#fff;}
@media screen and (min-width:768px){
.accordian > ul > li:before,.accordian > ul > li:after{ display:none !important}
.accordian > ul > li > span{ border-bottom:0;}
.accordian > ul > li > ul > li{ width:auto; font-size:14px;  margin-right:15px;  margin-bottom:0;}	
.accordian > ul > li > ul > li:nth-child(2n){ margin-right:15px; }
.accordian > ul > li > ul{  padding:15px 20px;  background:#fff; overflow:hidden; }
}




/* 군민헌장 */
.constitution .title {font-size:40px; font-weight:bold; text-align:center; color:#484848;}
.constitution .list {overflow:hidden; margin-left:20px;}
.constitution .list > li {float:left; margin:20px; border:1px solid #ccc; display:inline-block; text-align:center; width:250px;}
.constitution .list li:nth-child(3) {width:270px;}
.constitution .list span {padding:15px 0; width:100%; display:inline-block; background:#024675; font-size:20px; font-weight:bold; color:#fff;}
.constitution .list p {padding:20px 0;}
/* 함평발전비전 */
.vision {overflow:hidden;}
.vision > li {float:left; overflow:hidden; margin:0 20px 20px 0; width:30%; border:1px solid #ccc; border-radius:15px;}
.vision .title {padding:15px 0; display:inline-block; text-align:center; width:100%; color:#fff; font-size:18px; font-weight:bold; background:#024675;}
.vision > li > ul {padding:18px 35px; height:200px;}
.vision > li > ul > li {margin-bottom:8px;}
/* 민선5기성과 */
.border_box {border:1px solid #ccc; padding:20px;}
/* 연도별 주요업무 */
.swot {overflow:hidden; background:#f8f8f8; padding:40px; border-radius:20px;}
.swot li {float:left; width:47%; border:1px solid #ccc; text-align:center; margin-bottom:30px; background:#fff;}
.swot li:first-child, .swot li:nth-child(3) {margin-right:6%;}
.swot li:nth-child(3), .swot li:nth-child(4) {margin-bottom:0;}
.swot li .title {padding:15px 0; display:inline-block; width:100%; background:#024675; color:#fff; font-weight:bold;}
.swot li > p {padding:20px 0;}
.strategy2016 {background:url(/home/www/images/sub/strategy2016_bg.jpg) no-repeat;}
.strategy2016 .title {padding:15px 0; width:60%; background:#007139; color:#fff; font-size:25px; font-weight:bold; border-radius:40px; margin-left:20%;}
.strategy2016 ul {margin-top:100px; overflow:hidden; width:70%; margin-left:15%;}
.strategy2016 ul > li {float:left; width:120px; height:120px; text-align:center; border:4px solid #024675; border-radius:60px; padding-top:35px; font-size:18px; margin:0 21px; background:#fff;}
.bg_blue {background:#f1f3f6; border:1px solid #e5e5e5; padding:15px;}
.content .title_h7 {font-weight:bold; font-size:18px; color:#333; padding:7px 0;}




/*연혁*/

.imgleft_wrap {overflow:hidden;}
.imgleft_wrap .left_wrap{position:relative }
.imgleft_wrap .left_wrap img{ }
.imgleft_wrap .right_wrap{ overflow:hidden}

@media all and (min-width:640px) {
.imgleft_wrap .left_wrap{ float:left; margin-right:5%;}
.imgleft_wrap .right_wrap{}
}

/*사이트맵*/
.sitemap:after{display:block; content:""; clear:both}
.sitemap h4{ color:#002986; margin-bottom:10px}
.sitemap h4:after{ display:none }
.sitemap > ul{ position:relative; padding-bottom:25px; border-bottom:#c6c6c6 solid 1px; margin-bottom:25px }
.sitemap > ul:last-child{ border:0}
.sitemap ul li a{ position:relative; display:inline-block; }
.sitemap > ul:after{  display:block; content:""; clear:both; }
.sitemap > ul > li{ margin-bottom:5px; }
.sitemap > ul > li > ul{ padding:10px; }
.sitemap > ul > li > ul > li{ position:relative; font-size:14px; padding:5px 0 5px 10px;}
.sitemap > ul > li > ul > li:before{ display:block; content:'-'; position:absolute; left:0; top:3px }
.sitemap > ul > li > h5{ font-size:16px;  border:#d0d0d0 solid 1px; padding:10px; text-align:center}
.sitemap > ul > li > h5:hover{ border:#363636 solid 1px;} 
.sitemap > ul > li > h5:hover a{ color:#000}
.sitemap > ul > li > ul > li > a[target='_blank']:after{ position:absolute; right:-20px; top:3px; display:block; width:10px; height:10px; content:"";background:url(/home/health/images/common/win_new.png) no-repeat;}
.sitemap > ul > li > h5 > a[target='_blank']:after{ position:absolute; right:-20px; top:3px; display:block; width:12px; height:12px; content:"";background:url(/home/health/images/common/win_sub_new.png) no-repeat;}
@media all and (min-width:768px) and (max-width:1023px) {
.sitemap > ul > li{ float:left; width:32%; margin-right:2% }
.sitemap > ul > li:nth-child(3n){ margin-right:0; clear:right } 
.sitemap > ul > li:nth-child(4n){ clear:left } 
}
@media all and (min-width:1024px) {
.sitemap h4{ font-size:24px; }
.sitemap > ul > li{ float:left; width:225px; margin-right:10px; letter-spacing:-0.05em}
.sitemap > ul > li > h5{  padding:16px; }
.sitemap > ul > li:nth-child(4n){ margin-right:0; clear:right }
.sitemap > ul > li:nth-child(5n){ clear:left }  
}

/*달력*/
.calendar .cal_month_year{ padding:20px 0; text-align:center}
.calendar .cal_month_year *{ display:inline-block; }
.calendar .cal_month_year a{ width:40px; height:40px; text-indent:-9999px; vertical-align:middle; margin:0 5px;}
.calendar .cal_month_year span{ line-height:40px; font-size:30px;vertical-align:middle; margin:0 5px; }
.calendar .cal_month_year .arrow_left{ background:url(/home/agri/images/sub/arrow_cal_left.jpg) no-repeat}
.calendar .cal_month_year .arrow_right{ background:url(/home/agri/images/sub/arrow_cal_right.jpg) no-repeat}

.calendar .cal_date_wrap .cal_week{  display:table; width:100%;  border-top:#008043 solid 5px; padding:15px 0;  }
.calendar .cal_date_wrap .cal_week span{ display:table-cell; font-size:12px; width:14.2587%; text-align:center; }
.calendar .cal_date_wrap .cal_date{ display:table; width:100%;  border-top:#d1d1d1 solid 1px; border-right:#d1d1d1 solid 1px; table-layout:fixed; }
.calendar .cal_date_wrap .cal_date .date_row{ display:table-row; height:55px; word-break:break-all; word-wrap:break-word;}
.calendar .cal_date_wrap .cal_date div{ position:relative; display:table-cell; width:14.2587%; padding:28px 10px 8px 10px; border-left:#d1d1d1 solid 1px; border-bottom:#d1d1d1 solid 1px;  }
.calendar .cal_date_wrap .cal_date div span{ position:absolute; right:10px; top:10px;  font-size:12px; color:#959595 }
.calendar .cal_date_wrap .cal_date div .now{ color:#ff8400;}
.calendar .cal_date_wrap .cal_date div .now:after{ display:block; width:7px; height:1px; background:#ff8400; margin-top:5px; content:""}
.calendar .cal_date_wrap .cal_date div .m_btn{ display:block; width:17px; height:17px; margin:0 auto; background:url(/home/agri/images/sub/icon_more.jpg) no-repeat; background-size:contain; text-indent:-9999px;}
.calendar .cal_date_wrap .cal_date div .schedule{ display:none}

.cal_detail .detail_block{ padding:20px; border:#d0d0cf solid 1px; margin-bottom:20px }
.cal_detail .detail_block .block_top{ margin-bottom:25px;  padding-bottom:25px; border-bottom:#d0d0cf solid 1px; }
.cal_detail .detail_block .block_top dl{ overflow:hidden}
.cal_detail .detail_block .block_top dl dt{ float:left; width:65px;  font-size:14px; font-weight:700; line-height:1.3; margin-bottom:3px; color:#4a4a4a}
.cal_detail .detail_block .block_top dl dd{ font-size:14px; line-height:1.3; margin-bottom:3px; color:#4a4a4a}
.cal_detail .detail_block .block_con p{ font-size:16px; }
@media screen and (min-width:768px){
.calendar .cal_month_year a{ margin:0 35px;}
.calendar .cal_date_wrap .cal_week{ padding:20px 0;  }
.calendar .cal_date_wrap .cal_week span{ font-size:14px; font-weight:700 }
.calendar .cal_date_wrap .cal_date .date_row{ height:90px;}
.calendar .cal_date_wrap .cal_date div{  padding-top:35px}
.calendar .cal_date_wrap .cal_date div a.red{ color:#ee5565}
.calendar .cal_date_wrap .cal_date div a.blue{ color:#1c84c6}
.calendar .cal_date_wrap .cal_date div .m_btn{ display:none}
.calendar .cal_date_wrap .cal_date div .schedule{ position:relative;  display:block; color:#636363; font-size:13px; padding-left:6px; margin-bottom:5px; line-height:1.2 }
.calendar .cal_date_wrap .cal_date div .schedule:before{ position:absolute; top:6px; left:0; display:block; width:3px; height:3px; background:#636363; content:""; border-radius:3px; }
}
@media screen and (min-width:1024px){
.cal_detail .detail_block .block_top dl dt{ width:auto; margin-right:10px; }
.cal_detail .detail_block .block_top dl dd{ float:left;  margin-right:20px; }
}


/*로그인*/
.login_wrap{ padding-bottom:25px;}
.login_wrap:after{ display:block; clear:both; content:""}
.login_wrap .login_box{ text-align:left; padding-bottom:25px; overflow:hidden }
.login_wrap .login_box h4{ font-size:22px; margin-bottom:10px;}
.login_wrap .login_box h4:after{ display:none; }
.login_wrap .login_box img{ width:90px; margin:0px 15px 15px 0; float:left}
.login_wrap .login_box p{ font-size:12px; margin-bottom:15px; line-height:1.5}
@media all and (min-width:768px) {
.login_wrap .login_box{  text-align:center; padding:0 25px; max-width:450px; margin:0 auto}
.login_wrap .login_box img{ float:none; width:auto; margin:15px;}
.login_wrap .login_box p{ font-size:16px; min-height:80px; line-height:1.2}
}

/*주민배심원단*/
.process_m > li{ border:#c9c9c9 solid 1px; padding:15px; text-align:center; margin-bottom:25px; overflow:hidden }
.process_m > li > img{ max-width:100%;}
.process_m > li .process_box{ text-align:left;  overflow:hidden}
.process_m > li .process_box .title{ display:block; margin:15px 0 10px; font-weight:500; font-size:22px; }
.process_m > li .process_box .date{ display:block; background:#008f4c; color:#fff; font-weight:700; font-size:18px; text-align:center; padding:10px 0; margin-top:15px; }

@media all and (min-width:768px){
.process_m > li > img{ float:left; border:#c9c9c9 solid 1px;}
.process_m > li .process_box{ padding-left:20px;}
}
@media all and (min-width:1024px){
.process_m > li{ padding:25px;}
.process_m > li .process_box .date{ display:inline-block; min-width:250px;}
.process_m > li .process_box{ padding-left:50px;}
}

/*군수에게 바란다*/
.wish{border:1px solid #dedede; border-top:2px solid #008043;}
.wish .wish_top{ padding:250px 20px 0 20px; text-align:center; background:url('/home/mayor/images/sub/wish_icon01.png') no-repeat center 38px;}
.wish.st01 .wish_top{  background:url('/home/mayor/images/sub/wish_icon03.png') no-repeat center 24px;}
.wish .title{ display:block; font-size:20px; padding:18px 0; border-top:1px solid #dedede; background:#f5f5f5; margin-top:20px;  }
.wish .wish_top .b_cont{font-size:22px; font-weight:600; color:#333; margin-bottom:10px;}
.wish .wish_top .p_cont{color:#c61b1b;}
.wish .wish_top .p_cont span{display:inline-block; margin-top:10px; padding-left:35px; background:url('/home/mayor/images/sub/wish_icon02.png') no-repeat 0 2px;}
.wish .wish_step{ border-top:1px solid #dedede; padding:30px 20px; }
.wish .wish_step li{font-size:18px; color:#333; font-weight:500; text-align:center; padding:115px 0 75px 0; position:relative;}
.wish .wish_step li:after{content:url('/home/mayor/images/sub/wish_step_arrow.jpg'); width:32px; height:32px; position:absolute; bottom:21px; right:50%; margin-right:-16px;}
.wish .wish_step li:last-child{padding-bottom:0;}
.wish .wish_step li:last-child:after{display:none;}
.wish .wish_step li em{font-style:normal; display:inline-block; padding:3px 7px; border-radius:10px; color:#fff; font-size:12px; margin-right:10px;}
.wish .wish_step li span{font-size:14px; font-weight:400; color:#555; display:block; margin-top:10px; line-height:1.4;}
.wish .wish_step li:first-child{background:url('/home/mayor/images/sub/wish_step01.jpg') no-repeat center 10px;}
.wish .wish_step li:nth-child(2){background:url('/home/mayor/images/sub/wish_step02.jpg') no-repeat center 10px;}
.wish .wish_step li:nth-child(3){background:url('/home/mayor/images/sub/wish_step03.jpg') no-repeat center 10px;}
.wish .wish_step li:last-child{background:url('/home/mayor/images/sub/wish_step02.jpg') no-repeat center 10px;}
.wish .wish_step li:first-child em{background:#90d2b3;}
.wish .wish_step li:nth-child(2) em{background:#57b88a;}
.wish .wish_step li:nth-child(3) em{background:#2b9a66;}
.wish .wish_step li:last-child em{background:#008043;}
.wish_bnt_area{text-align:center; margin:30px 0;}
.wish_bnt_area a{margin-bottom:5px; padding:15px 40px; border-radius:30px;}
.wish_bnt_area .btn_wish{background:#008043; color:#fff;}

@media all and (min-width:640px){
	.wish .wish_step{overflow:hidden;}
	.wish .wish_step li{float:left; width:45%; margin-right:5%; padding-bottom:20px;}
	.wish .wish_step li:after{transform:rotate(-90deg); right:-15px; bottom:50%; margin-bottom:11px;}
	.wish .wish_step li:last-child{margin-right:0;}
}

@media all and (min-width:768px){
	.wish .wish_step li{width:21%; margin-right:5.3%; padding-bottom:0;}
}

/* 로드맵220915변경 */
.plan_box{border:1px solid #dedede; padding:20px;}
.plan_box ul{overflow:hidden;}
.plan_box ul li{float:left; width:50%;padding-left:30px; position:relative;}
.plan_box ul li:before{content:''; display:block; width:15px; height:10px; position:absolute; top:50%;padding: 5px;margin-top:-7px; left:0;}
.plan_box ul li:first-child:before{background:#00b685;}
/*.plan_box ul li:last-child:before{background:#ffc801;}*/

.plan_table thead tr th{font-size:15px;}
.plan_table tbody tr td {padding:15px 0; position:relative; font-size:16px;}
.plan{height: 25px; position:relative;}
.plan01{background:#00b685;}
.plan02{border-top:7px dashed #ffc801; height:inherit; margin-left:5px;}

/*.plan.start:before, .plan.end:after{content:''; display:block; width:17px; height:27px; background-repeat:no-repeat; background-position:center; background-size:cover; position:absolute; top:50%; transform:translateY(-50%);}
.plan01.start:before{left:-7px; background-image:url(/home/mayor/images/sub/plan01_start.png);}
.plan01.end:after{right:-7px; background-image:url(/home/mayor/images/sub/plan01_end.png);}
.plan02.start:before{left:-7px; background-image:url(/home/mayor/images/sub/plan02_start.png); margin-top:-4px;}
.plan02.end:after{right:-7px; background-image:url(/home/mayor/images/sub/plan02_end.png); margin-top:-4px;}
.plan.start{margin-left:10px;}
.plan.end{margin-right:10px;}*/

@media all and (min-width:768px){
    .plan_box ul{/* width:400px; */ margin:0 auto;}
}


/*인사말220715*/
.greeting{border:1px solid #dedede;padding: 80px 20px 20px;}
.greeting > p br{display:none;}

.greeting_area {display:block; position:relative; padding-top:3em; font-size:20px;}
.greeting_area .title_area {display:block; position:relative; padding: 50px 0 60px 25px;  background:url(/home/mayor/images/sub/bak_visual.jpg) no-repeat 100% 100%;background-size: cover; color:#222;}
.greeting_area .title_area .tit {display:block;color:#333; line-height:1.5;}
.greeting_area .title_area .tit img {height: 20px;}
.greeting_area .title_area .txt {display:block; position:relative;margin-top: 10px;line-height:1.5;word-break:keep-all;font-size: 14px; font-weight:300;}
.greeting_area .title_area:before {content:""; display:block; position:absolute;right: 0;bottom:0;width: 150px;height: 250px; background:url(/home/mayor/images/sub/img_con0101_02.png) no-repeat 100% 100%; background-size:contain;}
.greeting_area .name {display:block; position:absolute;width: 100%;bottom: -45px;right:0;padding: 30px; background:url(/home/mayor/images/sub/img_con0101_03.png) no-repeat 0 0; background-size:100% 100%; box-sizing:border-box; color:#fff; text-align:right;}


@media all and (min-width:425px) {
.greeting_area .title_area:before {width: 40%;right: 35px;bottom: -10px;}    
.greeting_area .name{width: 86%;padding: 30px;bottom: -45px;}    
}


@media all and (min-width:640px) {
.greeting_area {font-size:15px;}
.greeting_area .title_area {display:block; position:relative;padding: 60px 0 60px 40px;}
.greeting_area .title_area .tit img {height: 30px;}
.greeting_area .title_area .tit strong {padding-left:0;}
.greeting_area .title_area:before {width: 80%;right: 100px;bottom: -20px;}
.greeting_area .title_area .txt {margin-right:0;font-size: 18px;}
.greeting_area .name{width: 66%;padding: 38px;bottom: -60px;} 
}



@media all and (min-width:768px) {
.greeting_area .name{width: 62%;padding: 40px;bottom: -65px;} 
.greeting_area .title_area {padding: 80px 0 80px 60px;}    
.greeting_area .title_area:before {height: 350px;right: 110px;bottom: -60px;}    
}


@media all and (min-width:860px) {
.greeting_area .title_area .tit img {height: 40px;}    
.greeting_area .name{width: 65.6%;padding: 50px;bottom: -85px;} 
.greeting_area .title_area {padding: 100px 0 100px 60px;}    
.greeting_area .title_area:before {height: 400px;right: 140px;bottom: -60px;} 
.greeting_area .title_area .txt {font-size: 20px;}    
}

@media all and (min-width:960px) {
.greeting_area .name{width: 61.7%;} 
.greeting_area .title_area {padding: 110px 0 110px 60px;}    
.greeting_area .title_area:before {height: 420px;right: 160px;bottom: -60px;}    
}

@media all and (min-width:1024px) {
.greeting{padding: 120px 60px 70px;}
.greeting > p br{display:block;}    
.greeting_area .name{width: 73.5%;} 
.greeting_area .title_area:before {height: 400px;right: 80px;bottom: -70px;}    
.greeting_area .title_area {padding: 100px 0 100px 40px;}   
}


@media all and (min-width:1200px) {
.greeting > p br{display:block;}    
.greeting_area .name{width: 66.5%;padding: 55px;} 
.greeting_area .title_area:before {height: 450px;right: 140px;bottom: -70px;}    
.greeting_area .title_area {padding: 120px 0 120px 70px;}   
}


/* 공약추진_2022 */
.tabs_cont_box{display:none;}
.img_box{text-align:center;}
.img_box img{max-width:100%;}
.gy_graph{width:100%; display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center;}
.gy_ing{width:calc(100% - 50px);height:15px;background: #e9eaeb;border-radius:10px;position:relative;}
.gy_ing p{height:15px; background:#6382b1; position:absolute; top:0; left:0; border-radius:10px;}
.gy_ing + span{display:inline-block; width: 45px; text-align:center; font-size:14px;}


/*선거공보*/
.promise_box{margin:40px 0 20px}
.promise_box .con{border:1px solid #ccc; margin-top:25px; text-align:center; padding:20px; position:relative}
.promise_box .con:before{content:''; display:block;position:absolute; top:-1px; left:0; width:100%; height:2px; background:#00743e;}
.promise_box .con h6:before{display:none;}
.promise_box .con h6{padding:0;}
.promise_box .img_box{margin:20px 0}

@media all and (min-width: 1024px) {
    .promise_box{display:flex; flex-wrap:nowrap; gap: 0 15px;}
    .promise_box .con{margin-top:0; padding:25px 20px}
    .promise_box .img_box {margin: 30px 0}
}


.tab_box{background:#fafafa;padding: 25px;}
.tab_box .tabs_cont{display:flex;gap:10px; flex-wrap:wrap;}
.tab_box .tabs_cont li{border:1px solid #dedede; display:flex; width:32.5%; padding:15px; background:#fff;}

.tab_box .tabs_cont li a{color:#6a6a6a; position:relative; padding-left: 21px;}
.tab_box .tabs_cont li a:before{position:absolute;background:url(/home/mayor/images/sub/tab_check_none.png) no-repeat;display:block;content:'';top: 1px;left:0;width: 16px;height: 16px;background-size:cover;}
.tab_box .tabs_cont li.active{border:1px solid #01439A; background:#01439a;}
.tab_box .tabs_cont li.active a{color:#fff;}
.tab_box .tabs_cont li.active a:before{background:url(/home/mayor/images/sub/tab_check_hover.png) no-repeat;background-size:cover;}



@media screen and (max-width: 639px) and (min-width: 1px){
	.tab_box .tabs_cont{flex-wrap:wrap; gap:5px 0; width:100%;}
	.tab_box .tabs_cont li{width:100%;}
}

.op_wrap{margin-top:40px;}
.op_wrap .op_con01 ul{display:flex;gap: 0 80px;flex-shrink:1}
.op_wrap .op_con01 ul li{position:relative; padding:25px 0;text-align:center;display:flex;flex-grow: 1;flex-direction: column;justify-content: center; border-radius:100px; font-weight:500;}
.op_wrap .op_con01 ul li:after{content:'';display:block;position:absolute;background:url(/home/mayor/images/sub/plus_img.png) no-repeat;width:30px;height:30px;top: 28px;right: -55px;background-size: cover;}
.op_wrap .op_con01 ul li:nth-child(1){border:1px solid #01439A; color:#01439A}
.op_wrap .op_con01 ul li:nth-child(2){border:1px solid #008043; color:#008043}
.op_wrap .op_con01 ul li:nth-child(3){border:1px solid #FC8B1A; color:#FC8B1A}
.op_wrap .op_con01 ul li span{display:block;margin-top: 5px;}

.op_wrap .op_con02{margin-top: 30px;}
.op_wrap .op_con02 ul{display:flex;gap: 0 10px;}
.op_wrap .op_con02 ul li{border:1px solid #5599F2;padding: 30px 9px;text-align: center;word-break: keep-all;display: flex;align-items: center;line-height: 1.3;color: #686868;position: relative;justify-content: center; box-shadow:rgb(85 153 242 / 21%) 0px 3px 5px}
.op_wrap .op_con02 ul li span{background:#5599f2;width: 40px;height: 40px;color:#fff;border-radius:100px;position: absolute;top: -20px;text-align:center;font-size: 18px;display: flex;align-items: center;justify-content: center;}

.op_wrap .op_con03{margin-top:30px;}
.op_wrap .op_con03 > ul{display:flex; gap:0 10px;}
.op_wrap .op_con03 > ul li{border:1px solid #dedede;display:flex;text-align: center;padding: 0 0 25px; justify-content:center; width:16%;}
.op_wrap .op_con03 > ul li a span{background:#DEDEDE;border-radius:0 0 5px 5px;width:40px;height:40px;display: flex;align-items: center;justify-content: center;margin: 0 auto;}
.op_wrap .op_con03 > ul li a .img{margin: 25px auto 0; width:53px;height:53px;  background-size:cover !important; transition: transform 0.3s ease;}
.op_wrap .op_con03 > ul li:nth-child(1) a .img{background:url(/home/mayor/images/sub/op_img1_no.png) no-repeat;}
.op_wrap .op_con03 > ul li:nth-child(2) a .img{background:url(/home/mayor/images/sub/op_img2_no.png) no-repeat;}
.op_wrap .op_con03 > ul li:nth-child(3) a .img{background:url(/home/mayor/images/sub/op_img3_no.png) no-repeat;}
.op_wrap .op_con03 > ul li:nth-child(4) a .img{background:url(/home/mayor/images/sub/op_img4_no.png) no-repeat;}
.op_wrap .op_con03 > ul li:nth-child(5) a .img{background:url(/home/mayor/images/sub/op_img5_no.png) no-repeat;}
.op_wrap .op_con03 > ul li:nth-child(6) a .img{background:url(/home/mayor/images/sub/op_img6_no.png) no-repeat;}
.op_wrap .op_con03 > ul li a h6:before{display:none;}
.op_wrap .op_con03 > ul li a h6{color:#686868;font-size:18px;padding: 20px 0 17px;}
.op_wrap .op_con03 > ul li a .txt{font-size:16px;line-height: 1.3;}
.op_wrap .op_con03 > ul li.active, .op_wrap .op_con03 > ul li:hover{border:1px solid #008043;}
.op_wrap .op_con03 > ul li:hover a .img, .op_wrap .op_con03 > ul li:focus a .img{animation:  hvr-vertical 1s ease-in-out 1}
@keyframes hvr-vertical {
    16.65%  {transform: translateY(8px)}
    33.3%   {transform: translateY(-6px)}
    49.95%  {transform: translateY(4px)}
    66.6%   {transform: translateY(-2px)}
    83.25%  {transform: translateY(1px)}
    100%    {transform: translateY(0)}
}

.op_wrap .op_con03 > ul li.active a span, .op_wrap .op_con03 > ul li:hover a span{background:#008043; color:#fff;}
.op_wrap .op_con03 > ul li.active:nth-child(1) a .img, .op_wrap .op_con03 > ul li:hover:nth-child(1) a .img{background:url(/home/mayor/images/sub/op_img1.png) no-repeat;}
.op_wrap .op_con03 > ul li.active:nth-child(2) a .img, .op_wrap .op_con03 > ul li:hover:nth-child(2) a .img{background:url(/home/mayor/images/sub/op_img2.png) no-repeat;}
.op_wrap .op_con03 > ul li.active:nth-child(3) a .img, .op_wrap .op_con03 > ul li:hover:nth-child(3) a .img{background:url(/home/mayor/images/sub/op_img3.png) no-repeat;}
.op_wrap .op_con03 > ul li.active:nth-child(4) a .img, .op_wrap .op_con03 > ul li:hover:nth-child(4) a .img{background:url(/home/mayor/images/sub/op_img4.png) no-repeat;}
.op_wrap .op_con03 > ul li.active:nth-child(5) a .img, .op_wrap .op_con03 > ul li:hover:nth-child(5) a .img{background:url(/home/mayor/images/sub/op_img5.png) no-repeat;}
.op_wrap .op_con03 > ul li.active:nth-child(6) a .img, .op_wrap .op_con03 > ul li:hover:nth-child(6) a .img{background:url(/home/mayor/images/sub/op_img6.png) no-repeat;}
.op_wrap .op_con03 > ul li.active a h6, .op_wrap .op_con03 > ul li:hover a h6{color:#008043;}

.op_wrap .op_con03 .op_con03_con .con{display:none; margin-top:20px; background:#fafafa; padding:30px; border:1px solid #008043;}
.op_wrap .op_con03 .op_con03_con .con p{margin:5px 0 10px; display:inline-block; color:#008043; font-weight:500}

.tabs_cont_box .bottom_cont_box{display:none;}
.tabs_cont_box .bottom_cont{background:#fafafa;display: flex;flex-wrap: wrap;gap: 15px 0;padding: 0 0 25px 41px; margin-bottom:40px;}
.tabs_cont_box .bottom_cont li{position:relative;padding-left: 12px;display: flex;width: 28%;}
.tabs_cont_box .bottom_cont li a{color:#686868; position:relative; }
.tabs_cont_box .bottom_cont li:before{content:'';display:block;width:6px;height:6px;background:#686868;position:absolute;top: 4px;left:0;border-radius:30px;}
.tabs_cont_box .bottom_cont li.active:before{background:#01439A;}
.tabs_cont_box .bottom_cont li.active a{color:#01439a; }
.tabs_cont_box .bottom_cont li a:before{content:''; display:block; background:#01439a; width:0; height:1px; bottom:-6px; position:absolute; transition:all 0.3s}
.tabs_cont_box .bottom_cont li:hover a:before{width:100%;}
.tabs_cont_box .bottom_cont li:hover a{color:#01439a}

.list_step_comm {
  text-align: center;
  background: #fff;
}

.list_step_comm img {
  max-width: 100%;
}

.list_step_comm > li {
  position: relative;
  padding: 20px;
  border: 1px solid #ddd;
}

.list_step_comm > li + li {
  border-top-width: 0;
}

.list_step_comm > li:after {
  position: absolute;
  bottom: -1px;
  left: 50%;
  z-index: 10;
  width: 20px;
  height: 20px;
  margin-left: -15px;
  background: #fff;
  border: 1px solid #ddd;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg);
  transform-origin: left bottom;
  content: "";
}

.list_step_comm > li:last-child:after {
  content: normal;
}

.list_step_comm strong {
  display: block;
  font-size: 18px;
  line-height: 24px;
  color: #000;
}

.list_step_comm p {
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #575757;
 background: #ecf2fa;
  margin-top: 15px;
  padding: 5px 0;	
}

.list_step_comm .txt_box, .list_step_comm .txt_box2 {
  padding: 9px 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  color: #5C5C5C;
  background: #F2F5FF;
  text-align: center;
}

.list_step_comm .txt_box2 {
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 20px;
}

.list_step_comm .list_desc li {
  padding: 7px 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #575757;
}

.list_step_comm .list_desc li + li {
  border-top: 1px dashed #ddd;
}

.list_step_comm.arrow_none > li:after {
  content: normal;
}

.list_step_comm.st01 li ul{margin-top:15px; border-top:1px dashed #ddd; padding-top:15px;}
.list_step_comm.st01 li ul li{text-align:left; line-height:1.5}
.list_step_comm.st01 li:nth-child(3) ul li{text-align:left; line-height:1.3}
.list_step_comm.st02 p{background:none; font-weight:400;}
.list_step_comm.st02 li:nth-child(1) div, .list_step_comm.st02 li:nth-child(3) div{border:1px solid #01439A; color:#01439a; background:#f0f7ff}
.list_step_comm.st02 li:nth-child(2) div, .list_step_comm.st02 li:nth-child(4) div{border:1px solid #008043; color:#008043; background:#f5fffa}


.list_step_comm.col4.st03 > li{ border:1px solid #ddd; padding:20px 20px}
.list_step_comm.col4.st03 > li:nth-child(odd){background:#f9f9f9;}
.list_step_comm.col4.st03 > li:nth-child(odd):after{background:#f9f9f9;border:1px solid #ddd;border-top: 0;border-left: 0;}
 .list_step_comm.col4.st03 p{background:none;margin:10px 0 0; border-top:1px dashed #ddd;}
 .list_step_comm.col4.st03 p:last-child{margin:0;}


@media only screen and (min-width: 768px) {
  .list_step_comm {
    display: grid;
    margin-top: 0;
  }
  .list_step_comm > li {
    padding: 30px;
  }
  .list_step_comm.col2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .list_step_comm.col3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .list_step_comm.col4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .list_step_comm.col5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .list_step_comm.col6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .list_step_comm.col7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .list_step_comm.col8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .list_step_comm.col9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .list_step_comm.col10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .list_step_comm.col2 > li:not(:nth-child(n+3)),
  .list_step_comm.col3 > li:not(:nth-child(n+4)),
  .list_step_comm.col4 > li:not(:nth-child(n+5)),
  .list_step_comm.col5 > li:not(:nth-child(n+6)),
  .list_step_comm.col6 > li:not(:nth-child(n+7)),
  .list_step_comm.col7 > li:not(:nth-child(n+8)),
  .list_step_comm.col8 > li:not(:nth-child(n+9)),
  .list_step_comm.col9 > li:not(:nth-child(n+10)),
  .list_step_comm.col10 > li:not(:nth-child(n+11)) {
    border-top-width: 1px;
  }
  .list_step_comm.col2 > li:not(:nth-child(2n-1)),
  .list_step_comm.col3 > li:not(:nth-child(3n-2)),
  .list_step_comm.col4 > li:not(:nth-child(4n-3)),
  .list_step_comm.col5 > li:not(:nth-child(5n-4)),
  .list_step_comm.col6 > li:not(:nth-child(6n-5)),
  .list_step_comm.col7 > li:not(:nth-child(7n-6)),
  .list_step_comm.col8 > li:not(:nth-child(8n-7)),
  .list_step_comm.col9 > li:not(:nth-child(9n-8)),
  .list_step_comm.col10 > li:not(:nth-child(10n-9)) {
    border-left-width: 0;
  }
  .list_step_comm.col2 > li:nth-child(2n):after,
  .list_step_comm.col3 > li:nth-child(3n):after,
  .list_step_comm.col4 > li:nth-child(4n):after,
  .list_step_comm.col5 > li:nth-child(5n):after,
  .list_step_comm.col6 > li:nth-child(6n):after,
  .list_step_comm.col7 > li:nth-child(7n):after,
  .list_step_comm.col8 > li:nth-child(8n):after,
  .list_step_comm.col9 > li:nth-child(9n):after,
  .list_step_comm.col10 > li:nth-child(10n):after {
    content: normal;
  }
  .list_step_comm.col2 > li:after,
  .list_step_comm.col3 > li:after,
  .list_step_comm.col4 > li:after,
  .list_step_comm.col5 > li:after,
  .list_step_comm.col6 > li:after,
  .list_step_comm.col7 > li:after,
  .list_step_comm.col8 > li:after,
  .list_step_comm.col9 > li:after,
  .list_step_comm.col10 > li:after {
    left: 100%;
    top: 50%;
    margin: -6px 0 0 1px;
    transform: rotate(-45deg);
  }
}

.new_sns_box{border:1px solid #dedede; border-radius:20px; margin-top:20px;}
.new_sns_box ul{display:flex;}
.new_sns_box ul li{border-right:1px solid #dedede;padding:30px 10px;display:flex;flex-wrap: wrap;align-items: center;justify-content: center;flex-direction: column;gap: 15px 0;flex-grow: 1;}
.new_sns_box ul li:last-child{border-right:none;}
.new_sns_box ul li .img{width:75px; height:75px;}
.new_sns_box ul li:nth-child(1) .img{background:url(/home/mayor/images/sub/2024sns_img1.png) no-repeat; background-size:cover;}
.new_sns_box ul li:nth-child(2) .img{background:url(/home/mayor/images/sub/2024sns_img2.png) no-repeat; background-size:cover;}
.new_sns_box ul li:nth-child(3) .img{background:url(/home/mayor/images/sub/2024sns_img3.png) no-repeat; background-size:cover;}
.new_sns_box ul li:nth-child(4) .img{background:url(/home/mayor/images/sub/2024sns_img4.png) no-repeat; background-size:cover;}
.new_sns_box ul li p{color:#686868; font-size:18px;}
.new_sns_box ul li a{border:1px solid #dedede; color:#6a6a6a; font-size:14px; padding:5px 10px; border-radius:5px;}
.new_sns_box ul li a:hover{background:#01439A; color:#fff; border:1px solid #01439A;}


@media screen and (max-width: 639px) and (min-width: 1px){
	.new_sns_box {margin-bottom:20px}
	.new_sns_box ul{flex-direction:column;}
	.new_sns_box ul li{border-right:none; border-bottom:1px solid #dedede;}
	.new_sns_box ul li:last-child{border-bottom:none;}
}

.present_wrap .present_con .con{display:none; margin-top:20px;}
.present_wrap > ul{border:1px solid #dedede; border-radius:20px; margin-top:40px; margin-bottom:20px; display:flex;}
.present_wrap > ul > li{border-right:1px solid #dedede;padding:30px 10px;display:flex;flex-wrap: wrap;align-items: center;justify-content: center;flex-direction: column;gap: 15px 0;flex-grow: 1;}
.present_wrap > ul > li:last-child{border-right:none;}
.present_wrap > ul > li.active:nth-child(1) h6, .present_wrap > ul > li.active:nth-child(1) a{color:#fff;}
.present_wrap > ul > li.active:nth-child(1) a{border:1px solid #fff;}
.present_wrap > ul > li.active:nth-child(2) h6, .present_wrap > ul > li.active:nth-child(2) a{color:#fff;}
.present_wrap > ul > li.active:nth-child(2) a{border:1px solid #fff;}
.present_wrap > ul > li.active:nth-child(3) h6, .present_wrap > ul > li.active:nth-child(3) a{color:#fff;}
.present_wrap > ul > li.active:nth-child(3) a{border:1px solid #fff;}
.present_wrap > ul > li.active:nth-child(4) h6, .present_wrap > ul > li.active:nth-child(4) a{color:#fff;}
.present_wrap > ul > li.active:nth-child(4) a{border:1px solid #fff;}
.present_wrap > ul > li h6{color:#686868; font-size:18px; padding-left:0;}
.present_wrap > ul > li h6:before{display:none;}
.present_wrap > ul > li a{border:1px solid #dedede; color:#6a6a6a; font-size:14px; padding:5px 10px; border-radius:5px;}
.present_wrap > ul > li:hover a{color:#fff; border:1px solid #fff;}
.present_wrap > ul > li:hover h6{color:#fff;}
.present_wrap > ul > li:nth-child(1):hover, .present_wrap > ul > li.active:nth-child(1){background:#3CC282; border-radius:20px 0 0 20px;}
.present_wrap > ul > li:nth-child(2):hover, .present_wrap > ul > li.active:nth-child(2){background:#FC8B1A; border-radius:0;}
.present_wrap > ul > li:nth-child(3):hover, .present_wrap > ul > li.active:nth-child(3){background:#5599F2; border-radius:0;}
.present_wrap > ul > li:nth-child(4):hover, .present_wrap > ul > li.active:nth-child(4){background:#7E77DF; border-radius:0 20px 20px 0;}

.present_wrap #con01 h6:before{border:#3CC282 solid 6px}
.present_wrap #con02 h6:before{border:#FC8B1A solid 6px}
.present_wrap #con03 h6:before{border:#5599F2 solid 6px}
.present_wrap #con04 h6:before{border:#7E77DF solid 6px}

@media screen and (max-width: 639px) and (min-width: 1px){
	.present_wrap  {margin-bottom:20px}
	.present_wrap  > ul{flex-direction:column;}
	.present_wrap  > ul > li{border-right:none; border-bottom:1px solid #dedede;}
	.present_wrap  > ul > li:last-child{border-bottom:none;}

	.present_wrap > ul > li:nth-child(1):hover, .present_wrap > ul > li.active:nth-child(1){border-radius:20px 20px 0 0}
	.present_wrap > ul > li:nth-child(4):hover, .present_wrap > ul > li.active:nth-child(4){border-radius:0 0 20px 20px;}
}

.result_wrap .con{display:flex;gap: 0 25px; margin-bottom:10px; align-items:center; border:1px solid #01439a;}
.result_wrap .con .left{background:#f0f7ff;display:inline-block;padding: 25px 0;text-align:center;color:#01439a;font-weight:bold;font-size:20px;}
.result_wrap .con .left{width:164px;}
.result_wrap .con .left .img{width:64px; height:64px; margin:0 auto 10px;}
.result_wrap .con:nth-child(1) .left .img{background:url(/home/mayor/images/sub/result_img1.png) no-repeat; background-size:cover;}
.result_wrap .con:nth-child(2) .left .img{background:url(/home/mayor/images/sub/result_img2.png) no-repeat; background-size:cover;}
.result_wrap .con:nth-child(3) .left .img{background:url(/home/mayor/images/sub/result_img3.png) no-repeat; background-size:cover;}



@media screen and (max-width: 767px) and (min-width: 1px){
	.op_wrap .op_con01 ul{flex-direction:column; gap:80px 0}
	.op_wrap .op_con01 ul li:after{top:90px;left:50%;transform: translateX(-50%);}
	.op_wrap .op_con01 ul li:nth-child(2):after{top:110px;}
	.op_wrap .op_con01 ul li:nth-child(3):after{display:none;}
	.op_wrap .op_con02 ul{flex-wrap:wrap; gap:30px 0;}
	.op_wrap .op_con02 ul li{width:100%;}
	.op_wrap .op_con03 > ul{flex-wrap:wrap; gap:20px 0;}
	.op_wrap .op_con03 > ul > li{width:100%; justify-content:center;}
	
	.tabs_cont_box .bottom_cont li{width:100%;}
	
	.result_wrap{margin-top:30px;}
	.result_wrap .con{flex-direction:column;}
	.result_wrap .con .left{width:100%;}
	.result_wrap .con .left .img{margin:0 auto 10px;}
	.result_wrap .con .right{padding:20px}
	.result_wrap .con .right br{display:none;}
}

.process_wrap{margin-top:40px;}
.process_wrap .pro_con:before{display:block;background:#01439A;width: 50px;height: 50px;font-size: 20px;position:relative;color:#fff;border-radius:100px;line-height: 48px;text-align:center;}
.process_wrap .pro_con:nth-child(1):before{content:"01";}
.process_wrap .pro_con:nth-child(2):before{content:"02";}
.process_wrap .pro_con:nth-child(3):before{content:"03";}
.process_wrap .pro_con:nth-child(4):before{content:"04";}
.process_wrap .pro_con:nth-child(5):before{content:"05";}
.process_wrap .pro_con:nth-child(6):before{content:"06";}
.process_wrap .pro_con:nth-child(7):before{content:"07";}
.process_wrap .pro_con .tit{padding-left: 11px;font-size:18px;color:#01439a;font-weight:500;position:relative;line-height: 1.3;margin-bottom:10px;}
.process_wrap .pro_con .tit:before{border-radius:30px; content:'';display:block;position:absolute;width: 5px;height: 5px;background:#01439a;top: 11px;left: 0px;}
.process_wrap .pro_con:nth-child(2) .tit{margin-bottom:5px;}
.process_wrap .pro_con:nth-child(2) .tit:nth-child(3){margin-bottom:10px;}
.process_wrap .pro_con .img{width:85px; height:85px; margin:15px 0}
.process_wrap .pro_con:nth-child(1) .img{background:url(/home/mayor/images/sub/2024process_img1.png) no-repeat; background-size:cover;}
.process_wrap .pro_con:nth-child(2) .img{background:url(/home/mayor/images/sub/2024process_img2.png) no-repeat; background-size:cover;}
.process_wrap .pro_con:nth-child(3) .img{background:url(/home/mayor/images/sub/2024process_img3.png) no-repeat; background-size:cover;}
.process_wrap .pro_con:nth-child(4) .img{background:url(/home/mayor/images/sub/2024process_img4.png) no-repeat; background-size:cover;}
.process_wrap .pro_con:nth-child(5) .img{background:url(/home/mayor/images/sub/2024process_img5.png) no-repeat; background-size:cover;}
.process_wrap .pro_con:nth-child(6) .img{background:url(/home/mayor/images/sub/2024process_img6.png) no-repeat; background-size:cover;}
.process_wrap .pro_con:nth-child(7) .img{background:url(/home/mayor/images/sub/2024process_img7.png) no-repeat; background-size:cover;}




@media screen and (max-width: 1024px) and (min-width: 1px){
.process_wrap{margin-top:40px;}
.process_wrap .pro_con{border:1px solid #dcdcdc;padding:25px 10px;display:flex;flex-wrap: nowrap;flex-direction: column;justify-items: center;align-items: center;margin-bottom: 20px;}

.process_wrap .pro_con .img{width:85px; height:85px; margin:15px 0}
.process_wrap .pro_con:nth-child(1) .img{background:url(/home/mayor/images/sub/2024process_img1.png) no-repeat; background-size:cover;}
.process_wrap .pro_con:nth-child(2) .img{background:url(/home/mayor/images/sub/2024process_img2.png) no-repeat; background-size:cover;}
.process_wrap .pro_con:nth-child(3) .img{background:url(/home/mayor/images/sub/2024process_img3.png) no-repeat; background-size:cover;}
.process_wrap .pro_con:nth-child(4) .img{background:url(/home/mayor/images/sub/2024process_img4.png) no-repeat; background-size:cover;}
.process_wrap .pro_con:nth-child(5) .img{background:url(/home/mayor/images/sub/2024process_img5.png) no-repeat; background-size:cover;}
.process_wrap .pro_con:nth-child(6) .img{background:url(/home/mayor/images/sub/2024process_img6.png) no-repeat; background-size:cover;}
.process_wrap .pro_con:nth-child(7) .img{background:url(/home/mayor/images/sub/2024process_img7.png) no-repeat; background-size:cover;}

.process_wrap .pro_con .txt{text-align:center;}

}

@media screen and (min-width:1024px){

.process_wrap{display:flex;flex-direction:column;word-break: break-all;position:relative;}
.process_wrap:before{position:absolute; content:''; display:block; width:1px; height:91%; background:#DEDEDE; top:0; left:50%; }
.process_wrap .pro_con{display:flex; width:calc(50% + 25px);margin-bottom:15px;}


.process_wrap .pro_con .txt{width: 60%; word-break:keep-all;}
.process_wrap .pro_con .txt span{font-size:16px; color:#6A6A6A}
.process_wrap .pro_con.left{justify-content:flex-end;}
.process_wrap .pro_con.left:before{order:1;}
.process_wrap .pro_con.left .tit:before{left:5px}	
.process_wrap .pro_con.left .txt{text-align:right; margin-right: 20px;display:flex;flex-wrap: wrap;flex-direction: column; margin-left:20px;}
.process_wrap .pro_con.left .txt span{margin-left:auto;}
.process_wrap .pro_con.right .txt{margin-left:20px;}

.process_wrap .pro_con.right{justify-content: flex-start;position: relative;left: 47.4%;}
.process_wrap .pro_con.right .img{order:1}
.process_wrap .pro_con .img{margin:0;}

.process_wrap .pro_con:nth-child(1) .tit:before{left:4px}
	.process_wrap .pro_con:nth-child(3) .tit:before{left:61px}
	.process_wrap .pro_con:nth-child(5) .tit:before{left:66px}
	.process_wrap .pro_con:nth-child(7) .tit:before{left:81px}
	.process_wrap .pro_con:nth-child(even) span{margin-left:10px}
}

@media screen and (max-width:1023px){
	.process_wrap .pro_con .tit{text-align:left;}
}

h6.h6_st01:before{top:12px}
.list_step_comm.st02 span{position:absolute;top: -36px;left: 79px;}
.list_step_comm.st02 li{padding-top:50px}
.list_step_comm.st02 li:nth-child(odd) strong{color:#01439a;}
.list_step_comm.st02 li:nth-child(even) strong{color:#008043;}
.list_step_comm.st02 li p{margin-top:10px;}

@media screen and (max-width: 1024px){
	.list_step_comm.st02 span{left:56px}
}

@media screen and (max-width: 768px){
	.list_step_comm.st02 li{padding-top:30px}
	.list_step_comm.st02 span{position:relative; top:0; left:0;}
	.list_step_comm.st02 strong{margin-top:10px;}
}


/*240604 new 매니페스토*/
.list_accordion > li > a {
  display: block;
  position: relative;
  padding: 20px 50px 20px 20px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-left: 0;
  border-right: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  background: #018043;
  transition: all 0.9s;
  text-align: left;
}

.list_accordion > li > a:after {
  position: absolute;
  top: 32%;
  right: 20px;
  font-size: 40px;
  transform: translateY(0);
  content: "+";
}

.list_accordion [aria-expanded=true]:after {
  content: "-";
  font-size: 50px;
  top:25%;
  right:23px;
}

.list_accordion > li + li > a {
  border-top: 0;
}

.list_accordion > li:first-child > a {
  border-top: 0;
}

.list_accordion > li:last-child > a {
  border-bottom: 0;
  border-radius: 0 0 5px 5px;
}

.list_accordion > li:last-child > [aria-expanded=true] {
  border-radius: 0;
}

.list_accordion [aria-expanded=true] {
  border-bottom: 0;
}

.list_accordion [aria-expanded=false] {
  background:#fff;
	color:#686868;
	border-bottom:1px solid #ccc;
}

.list_accordion .cont_desc {
  display: none;
  background: #fff;
}

.list_accordion > li:last-child .cont_desc {
  border-radius: 0 0 5px 5px;
}

/* 아코디언 type2,3 공통 */
.list_accordion.type2 > li > a,
.list_accordion.type3 > li > a {
  border: 0;
  border-top: 1px solid #ddd;
  font-weight: 700;
  color: #333;
  background: #fff;
}

.list_accordion.type2 .cont_desc,
.list_accordion.type3 .cont_desc {
  margin-bottom: 10px;
  background: #F9F9F9;
  border-radius: 0 0 5px 5px;
}

.list_accordion.type2 > li:first-child > a,
.list_accordion.type3 > li:first-child > a,
.list_accordion.type2 > li:last-child > a,
.list_accordion.type3 > li:last-child > a {
  border-radius: 0;
}

.list_accordion.type2 > li:first-child,
.list_accordion.type3 > li:first-child {
  border-top: 2px solid #2D2D2D;
}

.list_accordion.type2 > li:last-child,
.list_accordion.type3 > li:last-child {
  border-bottom: 1px solid #000;
}

.list_accordion.type2 [aria-expanded=true],
.list_accordion.type3 [aria-expanded=true] {
  color: #2F51B2;
}

.list_accordion.type2 > li > a:after,
.list_accordion.type3 > li > a:after {
  color: #848484;
}

.list_accordion.type2 [aria-expanded=true]:after,
.list_accordion.type3 [aria-expanded=true]:after {
  color: #2F51B2;
}

/* 아코디언 type3 */
.list_accordion.type3 > li > a {
  padding-left: 60px;
}

.list_accordion.type3 > li > a:before, .list_accordion.type3 .cont_desc:before {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 20px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  background: #2F51B2;
  transform: translateY(-50%);
  content: "Q";
}

.list_accordion.type3 .cont_desc {
  position: relative;
  padding-left: 60px;
}

.list_accordion.type3 .cont_desc:before {
  top: 20px;
  opacity: 0;
  background: #333;
  transform: translateY(0);
  transition: all 0.3s;
  content: "A";
}

.list_accordion.type3 [aria-expanded=true] + .cont_desc:before {
  opacity: 1;
}

@media only screen and (min-width: 1024px) {
  /* 아코디언 type2,3 공통 */
  .list_accordion.type2 > li > a,
  .list_accordion.type3 > li > a {
    padding: 26px 60px 25px 30px;
    font-size: 22px;
    line-height: 28px;
  }
  .list_accordion.type2.sm > li > a,
  .list_accordion.type3.sm > li > a {
    padding: 20px 50px 20px 20px;
    font-size: 16px;
    line-height: 20px;
  }
  .list_accordion.type2 .cont_desc,
  .list_accordion.type3 .cont_desc {
    margin-bottom: 20px;
    padding: 30px;
  }
  .list_accordion.type2.sm .cont_desc,
  .list_accordion.type3.sm .cont_desc {
    margin-bottom: 10px;
    padding: 20px;
  }
  /* 아코디언 type3 */
  .list_accordion.type3 > li > a,
  .list_accordion.type3 .cont_desc {
    padding-left: 75px;
  }
  .list_accordion.type3.sm > li > a,
  .list_accordion.type3.sm .cont_desc {
    padding-left: 65px;
  }
  .list_accordion.type3 > li > a:before,
  .list_accordion.type3 .cont_desc:before {
    left: 30px;
    width: 35px;
    height: 35px;
    font-size: 18px;
  }
  .list_accordion.type3.sm > li > a:before,
  .list_accordion.type3.sm .cont_desc:before {
    left: 20px;
    width: 30px;
    height: 30px;
    font-size: 16px;
  }
  .list_accordion.type3 .cont_desc:before {
    top: 30px;
  }
  .list_accordion.type3.sm .cont_desc:before {
    top: 20px;
  }
}

@media (min-width:1024px) {
	.img_flex{display:flex; gap:0 20px}
	.img_flex .left{width:50%;}
	.img_flex .right{border-top: 2px solid #000;border-bottom: 1px dotted #000; padding:0 10px;}
}

.type_arccordion01.basic_table > tbody > tr > td{padding:0;}
.type_arccordion01_con.basic_table{min-width:auto;}
.type_arccordion01_con.basic_table > tbody > tr > td.tl{padding-left:20px;}
.type_arccordion01_con.basic_table > tbody > tr > td{background:#f7f7f7;}

.op_wrap.st02 .op_con03 .op_con03_con .con{border:none; background:none; padding:0}
.op_btn01{background: #3cc282; color: #fff; padding: 5px 0px; border-radius: 5px; display:inline-block; width:86px;}
.op_btn02{background: #fc8b1a; color: #fff; padding: 5px 0px; border-radius: 5px; display:inline-block; width:86px;}
.op_btn03{background: #5599f2; color: #fff; padding: 5px 0px; border-radius: 5px; display:inline-block; width:86px;}
.op_btn04{background: #7e77df; color: #fff; padding: 5px 0px; border-radius: 5px; display:inline-block; width:86px;}

.btn_down03{padding:10px 50px 10px 10px;}
.tabs_cont.st01 li{width:49.4%}
.tabs_cont.st02 li{width:24%}
.op_wrap.st01 .op_con03 .op_con03_con .con p{display:block; color:#686868}
.list_step_comm.st02.new li{padding:48px 20px 18px;}

.basic_table th[colspan]+th,.basic_table th+th[rowspan] {
    border-left: 1px solid #ccc
}

.basic_table td[rowspan]:not(:first-child) {
    border-left: 1px solid #ccc
}