@charset "utf-8";

.content h4{font-size:20px;padding:10px 0;color: #3e65cf;position: relative; padding-left:20px;}
.content h4:before{display:block; position:absolute; top:10px; left:0; content:""; width:12px; height:18px; background:url("../images/common/bullet_h4.png") no-repeat; }
.content h5{ font-size:18px; padding:8px 0; color:#eb4141;  position:relative; padding-left:20px;  }
.content h5:before,.content h5:after{ display:block; position:absolute; top:0; left:0; content:"" }
.content h5:before{ width:15px; height:15px; top:9px; background: linear-gradient(130deg, rgba(235,65,65,1) 0%, rgba(195,41,67,1) 100%); border-radius: 30px; }
.content h5:after{ width:5px; height:5px; background:#fff; border-radius: 30px; left:5px; top:14px; }
.content h6{ font-size:16px; padding:6px 0; color:#565656; position:relative; padding-left:10px;  }
.content h6:before{ display:block; position:absolute; top:12px; left:0; content:""; width:5px; height:5px; border-radius:10px; background:#565656; }

.content p{ font-size:15px; line-height: 1.3; color:#454545  }

.list_basic{ overflow:hidden }
.list_basic li{ position:relative; padding-left:12px; font-size:16px; line-height: 1.4; color:#595959; margin-bottom:8px;}
.list_basic li:before{content:""; display:block; position:absolute; top:10px; left:0;   } 
.list_basic.lt01 li:before{width:6px; height:2px; border-radius:10px; background:#565656;}
.list_basic.lt02 li:before{width:4px; height:4px; background:#aaa; border-radius:50%;}
.list_basic.lt01.noblet li{position:static;}

.box_default{ background:#f5f5f5; padding:15px; color:#5d5d5d;   }
.box_st01{ border:#fad3d3 solid 1px;  }
.box_st01 .inner{ border:#fff3f3 solid 5px; padding:15px; }
.box_st01 .inner p{  color:#c90223; font-weight:400 }

.box_st02{ position:relative; border:#dedede solid 1px; padding:15px; color:#454545 }
.box_st02:before,.box_st02:after{ display:block; content:""; position:absolute; width:9px; height:9px;  }
.box_st02:before{ left:0; top:0; border-left:#eb4141 solid 3px; border-top:#eb4141 solid 3px; }
.box_st02:after{ right:0; bottom:0; border-right:#eb4141 solid 3px; border-bottom:#eb4141 solid 3px; }
.box_st02 img{ display:block; width:auto; margin:15px auto; }


.btn_set{ padding:10px 0; }
.btn_con{ display:inline-block; padding:12px 15px; font-size:15px; border-radius: 3px; font-weight:500;   }
.btn_con:after{ display:inline-block; vertical-align: 0px; font-family:"font awesome 5 pro"; margin-left:10px;  }
.btn_blk{ border:#2a2a2a solid 1px; color:#2a2a2a }
.btn_blk.btn_revers{ border:#2a2a2a solid 1px; background-color:#2a2a2a; color:#fff;  }
.btn_red{ border:#eb4141 solid 1px; color:#fb4141 }
.btn_red.btn_revers{ border:#eb4141 solid 1px; background-color:#fb4141; color:#fff;  }
.btn_go:after{  content:"\f105";   font-weight:700; line-height: 16px;  }
.btn_link:after{  content:"\f2d2"; font-weight:300;  }
.btn_blue{ color:#1a2b5a !important; background:#fff; border:1px solid #1a2b5a; padding:6px 14px;}
.btn_blue:after{color:#1a2b5a;}
.btn_grey{ background:#eaeaea; }
.btn_grey:hover{  background-color:#d3d3d3; }

.btn_go:after{  content:"\f105";   font-weight:700; line-height: 16px;  }
.btn_link:after{  content:"\f2d2"; font-weight:300;  }
.btn_down:after{  content:"\f33d"; font-weight:300;  }
.btn_down:after, a[target="_blank"].btn_down::after{  content:"\f33d" !important; font-weight:300 !important;  }
a[target="_blank"].btn_none:after{display:none;}

.img_wrap{text-align:center}
img{max-width:100%;}

/*기본테이블*/
.basic_table { width:100%; max-width:100%; border-collapse:collapse; border-top:#333 solid 2px; word-break: keep-all; line-height: 1.2}
.basic_table thead tr th,.basic_table thead tr td {padding:10px 5px; border:#cfcfcf solid 1px; }
.basic_table tbody tr th,.basic_table tbody tr td {padding:10px 5px; border:#cfcfcf solid 1px; }
.basic_table tr th:first-child,.basic_table tr td:first-child{ border-left:0; }
.basic_table tr th:last-child,.basic_table tr td:last-child{ border-right:0; }
.basic_table th { font-size:18px; color:#333; background-color:#f2e8ff; vertical-align:middle;   }
.basic_table td { font-size:17px; color:#454545; text-align:center;  vertical-align:middle; word-break:keep-all}
.basic_table td a{ text-decoration:none; color:#454545}
.basic_table td.red{ color:#F00}
.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.table_resp th{ text-align: left; padding:0 10px; }
.basic_table.table_resp th,.basic_table.table_resp td{ display:block; border-left:0; border-right:0;  padding:10px;}

.basic_table.tbl_st01{ border-top:#1e1e1e solid 2px; }
.basic_table.tbl_st01 th { color:#1e1e1e }
.basic_table.tbl_st01 td { color:#464646 }

/*반응형테이블*/
.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: linear-gradient(to left, rgba(255,255,255,0), #fff);}
.scroltable-nav.scroltable-nav-right {  right: 0; background: linear-gradient(to right, rgba(255,255,255,0), #fff);}
.scroltable-nav.scroltable-nav-left:before{ display:inline-block; position:absolute; left:0; top:40%; content:"\f0a6"; font-family: "font awesome 5 pro"  }
.scroltable-nav.scroltable-nav-left:after{ display:inline-block; position:absolute; left:0; top:40%; margin-top:20px;  content:"\f33e"; font-family: "font awesome 5 pro"  }
.scroltable-nav.scroltable-nav-right:before{ display:inline-block; position:absolute; right:0; top:40%; content:"\f0a6"; font-family: "font awesome 5 pro"  }
.scroltable-nav.scroltable-nav-right:after{ display:inline-block; position:absolute; right:0; top:40%; margin-top:20px;  content:"\f340"; font-family: "font awesome 5 pro"  }

/*paging*/
.paging{ clear:both; text-align:center; padding:25px 0 0 0}
.paging ul li{ display:inline-block;  }
.paging ul li a{ display:block; width:30px; height:34px; border:#e2e2e2 solid 1px; line-height:30px; font-size:14px; font-weight:300}
.paging ul li a.active{ background:#444; border:#006 solid 1px; color:#fff;}

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

	.basic_table.table_resp th{ text-align: center; padding:0 10px; }
	.basic_table.table_resp th,.basic_table.table_resp td{ display:table-cell; border-left:#eee solid 1px; border-right:#eee solid 1px;  padding:20px;}

}

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

	.content h4{ font-size:24px;  }
	.content h4:before{top:14px;}
	.content h5{ font-size:20px; font-weight:500 }
	.content h5:before{ top:11px; }
	.content h5:after{ top:16px; }
	.content h6{ font-size:18px;  font-weight:500}

	.content p{ font-size:17px; line-height: 1.5 }

	.list_basic li{ font-size:17px; margin-bottom:8px}

	.box_default{ padding:30px; }
	.box_default p{ font-size:14px;   }

	.box_st01 .inner{ border:#fff3f3 solid 9px; padding:30px;  }
	.box_st02{ padding:40px 60px; overflow:hidden }
	.box_st02 img{ float:left; margin-right:40px; }

	.basic_table thead tr th,.basic_table thead tr td { padding:12px 20px; }
	.basic_table tbody tr th,.basic_table tbody tr td { padding:12px 20px;  }

}


/*통합검색*/
.top_search_wrap{  text-align: center; }
.top_search_wrap .search_box{ display:inline-block; }
.top_search_wrap label{ color:#fff; }
.top_search_wrap .sch_option{  }
.top_search_wrap .btn_detail{ display:inline-block; background-color:#eb4141; color:#fff; font-size:14px; border-radius: 5px; padding:7px 12px 10px; }

.sch_box{ position:relative; width:80%; display:inline-block; padding:5px 7px; border-radius: 50px; background:#fff; }
.sch_box:after{ display:block; clear: both; content:"" }
.sch_box .select_wrap{ float:left; width:40%; position:relative; display:inline-block; }
.sch_box .select_wrap i{ position:absolute; right:15px; top:45%; transform:translateY(-50%); color:#fff; }
.sch_box select{  width:100%; padding:8px 30px 10px 15px; border-radius: 50px; background:#2e2e2e; color:#fff; -webkit-appearance: none; border:0;  }
.sch_box select::-ms-expand{ display:none }
.sch_box .sch_txt{ width:100%; border:#eb4141 solid 2px; height:37px; padding:5px 10px; border-radius:30px;  }
.sch_box .sch_btn{ position:absolute; right:10px; top:50%; transform:translateY(-50%); background:transparent; border:0; font-size:20px;   }


/*tab_list*/

.sch_tab ul { border-left:#ccc solid 1px; border-top:#ccc solid 1px; }
.sch_tab ul:after{ display:block; content:""; clear:both }
.sch_tab ul li{ position:relative; float:left; width:25%; border-right:#ccc solid 1px; border-bottom:#ccc solid 1px; font-size:12px; }
.sch_tab ul li a{ display:block; padding:12px 0; text-align: center; }
.sch_tab ul li.active,.sch_tab ul li:hover{ border-right:#0072d6 solid 1px; border-bottom:#0072d6 solid 1px; }
.sch_tab ul li.active a,.sch_tab ul li:hover a{ background:#0072d6; color:#fff; transition: 0.3s }
.sch_tab ul li.active:before,.sch_tab ul li.active:after,
.sch_tab ul li:hover:before,.sch_tab ul li:hover:after{ position:absolute; left:-1px; top:-1px; display:block; content:""; background:#0072d6;  z-index: 100}
.sch_tab ul li.active:before,.sch_tab ul li:hover:before{  width:1px; height:calc(100% + 2px ); }
.sch_tab ul li.active:after,.sch_tab ul li:hover:after{ width:calc(100% + 2px ); height:1px; }
p.result_txt{ padding:15px 0; font-size:22px; text-align:center; color:#000; font-weight:bold; }
p.result_txt span{ display:inline-block; color:#2166f8; text-decoration:underline; margin-left:10px;   }
.sch_result{ position:relative; border-bottom:#d0d0d0 solid 1px; padding-bottom:10px;  margin-bottom:20px;  }
.sch_result h4 span{ display:inline-block; color:#2166f8; margin-left:10px; font-size:14px; }
.sch_result .result_title{ display:block; font-size:18px; font-weight:bold; margin:10px 0; }
.sch_result .result_text{ font-size:14px; line-height: 1.3  }
.sch_result .result_nav{ margin:10px 0; }
.sch_result .result_nav dt{ display:inline-block; padding:2px 10px; border:#3f66ba solid 1px; font-size:12px; font-weight:400; color:#3f66ba;  }
.sch_result .result_nav dd{ display:inline-block; padding:2px 5px; font-size:12px; font-weight:400; color:#3f66ba;    }
.sch_result .view_more{ position:absolute; right:0; top:0; font-size:12px; padding:5px 10px; border:#d0d0d0 solid 1px; border-radius: 3px; }



/*상세팝업*/
.sch_pop_wrap{ display:none; position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index: 1000 }
.sch_popup{ position:absolute; left:50%; top:50%; transform: translateX(-50%) translateY(-50%); width:90%; max-width:400px; }
.sch_popup .library_sch_option{ padding:30px; }
.sch_popup .sch_close{ position:absolute; right:5px; top:3px; font-size:25px; color:#000  }


/*컨텐츠*/
.greeting_top {background: url(../images/sub/greeting_photo.png) no-repeat right bottom #e6edf4; border:1px solid #cdcdcd; min-height:340px; border-radius:10px; margin-top:20px; padding-left:20px;}
.greeting_top p {font-size:18px; padding:10px 0; font-weight:bold;}
.greeting_top p.t_point {font-family: 'Gmarket Sans'; font-size:24px; font-weight:bold; padding:50px 0 20px; color:#222; }
.greeting_top p.t_point span {color:#1946a5;}
.greeting_text p{margin-top:20px; font-weight:400; }
.greeting_text p:first-child{margin-top:30px;}
.mayor_name{margin-top:30px !important; font-weight:bold; font-size:20px !important;}

.weight{font-weight:600; }
.content p.txt_blue {color:#1946a5; font-size:17px;}

@media all and (max-width:1024px) {
	.greeting_top{background-position: center top; padding:20px}
	.greeting_top p:first-child{padding-top:400px}
	.greeting_text{padding-bottom:30px;}
	.greeting_text p{padding-left:20px;}

	.greeting_top p {font-size:16px; }
	.greeting_top p.t_point {font-size:20px;}
	
	.manifesto_list div.file_con a[target="_blank"]:after, .manifesto_list div.file_ing a[target="_blank"]:after{margin-left:0; }
	.manifesto_list div.file_con span, .manifesto_list div.file_ing span { overflow:hidden; width:0px; height:0px; padding:0; font-size:0; line-height:0; text-indent:-9999px}
}

.introduce {background:url("/home/newgjmayor/images/sub/intro_leftimg.png") no-repeat right top; background-size: 250px;}
.introduce p.t_point {font-family: 'Gmarket Sans'; font-size:18px; font-weight:bold; padding:50px 0 20px; color:#1946a5;}
.introduce p {padding:20px 0; font-size:14px;}
.introduce p.mayor_name {color:#111; font-weight: bold;}
.introduce p.mayor_name span {font-size:28px; margin-left:15px;}

.history_area {background:url("../images/sub/history_photo.png") no-repeat top right #eaeaea; background-position:right 10px; background-size:100px; margin-top:20px; }
.history_area .top_text {padding:20px 5px; }
.history_area .top_text h3.name {font-size:16px; margin-bottom:5px;}
.history_area .history_con {padding:0 30px 30px 5px;}
.history_area .history_con h4 {font-size:16px;}
.history_area .history_con h4:before{display:none;}
.history_area .history_con ul li {font-size:12px; padding-bottom:10px;}


@media all and (min-width:425px){
	.history_area { background-size:120px; }
	.history_area .top_text {padding:20px 10px; }	
	.history_area .history_con {padding:0 10px 20px 10px;}
	.history_area .history_con ul li {font-size:12px;}
}

@media all and (min-width:480px){
	.history_area .top_text h3.name {font-size:20px;}
	.history_area { background-size:150px; }
}

@media all and (min-width:640px){
	.introduce p.t_point {font-size:22px;}
	.introduce p.mayor_name span {font-size:22px;}
	.history_area {background-position:right top; background-size:300px;}
	.history_area .history_con ul li {font-size:14px;}
}

@media all and (min-width:768px){
	.introduce {background-size: 350px;}
	.introduce p.t_point {font-size:30px;}
	.introduce p {font-size:16px;}
	.introduce p.mayor_name span {font-size:30px;}
}

@media all and (min-width:1024px){
	.introduce {background-size: 450px;}
	.introduce p.t_point {font-size:35px;}
	.introduce p {padding:20px 0; }
	.introduce p.mayor_name {color:#111; font-weight: bold;}
	.introduce p.mayor_name span {font-size:28px; margin-left:15px;}


	.history_area {position: relative;  background:url("../images/sub/history_leftimg.jpg") no-repeat right top; background-size: cover;margin-top:30px; height:590px;}
	.history_area .top_text {position: absolute; right: 500px; top:30px; height:150px; padding:0}
	.history_area .top_text .name {font-size:25px; font-weight:bold; color:#002172;}
	.history_area .top_text .text {color:#222; font-size:18px; font-weight:bold; text-align: right; padding:10px 0 0 0; }
	.history_area .history_con {width:720px; height:440px; position: absolute; left: 50px; top:250px; }
	.history_area .history_con h4 {float:left; width:20%; color:#222; font-size:24px; padding:0;}
	.history_area .history_con ul {float:left; width:80%;  padding-bottom:50px;}
	.history_area .history_con ul li {font-size:17px; padding-bottom:15px;}
}

@media all and (min-width:1440px){
	.introduce {background-size: 600px;}
	.introduce p {font-size:20px;}
}

/* 영상 아래 자막 */
.video_textbox {padding:0 20px; height:320px; overflow:auto; line-height:1.5; background:#f2f2f2; border-radius:10px; margin:10px 0;}
.video_textbox p {padding-top:10px;}

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

.vs_tit {margin-top:30px;}
.vs_tit:before{display:none !important;}
.vs_tit img {max-width:70%;}
.goal_list {display:flex; flex-wrap:wrap; justify-content:space-between;}
.goal_list li {position:relative; width: calc(100%/2 - 10px)}
.goal_list li img {max-width:100%;}

.manifesto_file_area {text-align:center; margin: 20px 0 15px;}
.manifesto_file_area a {display:inline-block; padding:20px; text-align:center; background-color:#18223f; color:#fff; border-radius:10px; margin-bottom:5px;}

.manifesto_inbox {border:1px solid #ccc; border-radius:10px; background:#f8f8f8; padding:20px 10px 15px 10px;}
.manifesto_inbox li {padding:0 0 10px 10px; margin-bottom:5px; font-size:17px;}
.manifesto_inbox li span{border-radius:3px; margin-right:5px; padding:3px; font-weight:600; }
.manifesto_inbox li:nth-child(1) span {color:#2db312;}
.manifesto_inbox li:nth-child(2) span {color:#e76d00;}
.manifesto_inbox li:nth-child(3) span {color:#307bd1;}
.manifesto_inbox li:nth-child(4) span {color:#ba1fd7;}
.manifesto_inbox li:nth-child(5) span {color:#2b1fd7;}
.manifesto_inbox li:nth-child(6) span {color:#d71fa7;}

.manifesto_tab {margin:30px 0 20px;}
.manifesto_tab ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
.manifesto_tab li {position:relative; width: calc(100%/2 - 2px); margin:2px 0;}
.manifesto_tab li a {display:block; padding:8px 0; color:#333; text-align:center; border-radius: 3px; font-weight:bold;}
.manifesto_tab li:nth-child(1) a.tab_on {background:#0085c7; color:#fff; border:1px solid #0085c7;}
.manifesto_tab li:nth-child(2) a.tab_on {background:#d67f00; color:#fff; border:1px solid #d67f00;}
.manifesto_tab li:nth-child(3) a.tab_on {background:#008382; color:#fff; border:1px solid #008382;}
.manifesto_tab li:nth-child(4) a.tab_on {background:#8a35c1; color:#fff; border:1px solid #8a35c1;}
.manifesto_tab li:nth-child(5) a.tab_on {background:#2c44c9; color:#fff; border:1px solid #2c44c9;}
.manifesto_tab li:nth-child(1) a {border:1px solid #0085c7;}
.manifesto_tab li:nth-child(2) a {border:1px solid #d67f00;}
.manifesto_tab li:nth-child(3) a {border:1px solid #008382;}
.manifesto_tab li:nth-child(4) a {border:1px solid #8a35c1;}
.manifesto_tab li:nth-child(5) a {border:1px solid #2c44c9;}
.manifesto_tab li a span {font-size:26px; line-height:37px;}
.manifesto_tab li:nth-child(1) a span {color:#0085c7;}
.manifesto_tab li:nth-child(2) a span {color:#d67f00;}
.manifesto_tab li:nth-child(3) a span {color:#008382;}
.manifesto_tab li:nth-child(4) a span {color:#8a35c1;}
.manifesto_tab li:nth-child(5) a span {color:#2c44c9;}
.manifesto_tab li a.tab_on span  {color:#fff;}

.manifesto_box.goal_list1 {background:url("/home/newgjmayor/images/sub/manifesto_img03_1_tit.png") no-repeat left top;}
.manifesto_box ul li {}

@media all and (min-width:480px){
	.manifesto_tab li a {padding:15px 0;}
}

@media all and (min-width:768px){
	.vs_tit {margin-top:60px;}
	.vs_tit img {max-width:100%; }	
	.goal_list {margin-top:40px;}
	.goal_list li {position:relative; width: calc(100%/5 - 10px)}
}

@media all and (min-width:1024px){
	.manifesto_tab li {position:relative; width: calc(100%/5 - 5px)}
}

/*메니페스토 목록*/
.manifesto_list div.num{ width:6%; }
.manifesto_list div.subject{ }
.manifesto_list div.money{ width:10%;}
.manifesto_list div.finish{ width:8%;}
.manifesto_list div.writer{ width:18%;}
.manifesto_list div.file_con{ width:8%;}
.manifesto_list div.file_ing{ width:8%;}
.manifesto_list div.type{ width:15%;}
.manifesto_list div.name{ width:15% }
.manifesto_list div.etc{ width:6% }
.manifesto_list div.pdfview {width:8%;}
.manifesto_list div.sum {font-weight:bold;}

.manifesto_list div.file_con a, .manifesto_list div.file_ing a {padding:6px 8px;}

.manifesto_list div.pdfview span{ overflow:hidden; width:0px; height:0px; padding:0; font-size:0; line-height:0; text-indent:-9999px}
.manifesto_list div.pdfview a[target="_blank"]:after{ margin-left: 0;}
.manifesto_list div.pdfview a {background-color:#044c97; color:#fff; padding:6px 8px;}

.manifesto_list_head{ display:table; width:100%; border-top:#000 solid 2px; border-bottom:#c9c9c9 solid 1px; background:#f9f9f9 }
.manifesto_list_head div{ display:table-cell; text-align: center; font-size:12px; font-weight:bold; color:#1b1b1b; padding: 12px 0; }

.manifesto_list_body .body_row{ display:table; table-layout:fixed; width:100%; border-bottom:#eee solid 1px; height:50px; }
.manifesto_list_body .body_row div{ display:table-cell; text-align: center; vertical-align:middle; font-size:12px;  color:#454545; font-weight:400}
.manifesto_list_body .body_row.sum_color {background:#f2e8ff; border-bottom:1px solid #ccc;}
.manifesto_list_body .body_row.sum_color_all {background:#e8efff; border-bottom:1px solid #ccc;}
.manifesto_list_body .body_row div.subject{ position:relative; text-align:left; }
.manifesto_list_body .body_row div.subject a{ display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap }
.manifesto_list div.num,.manifesto_list div.writer { display:none}

.manifesto_area {width:100%; border-radius:10px; padding:20px; margin-top:30px;}
.manifesto_top {padding:0 20px 20px; border-bottom:1px dashed #aaa; }
p.manifesto_top {font-size:16px; font-weight:bold;}
p.manifesto_top strong {color:#4a71e3; font-size:18px;}
.manifesto_con {margin-top:30px;}

.manifesto_list div.type span {font-size:11px;}
.manifesto_list div.type .cate1 {background-color:#08a61d; color:#fff; padding:3px !important; width:63px; border-radius:3px; }
.manifesto_list div.type .cate2 {background-color:#e0bf3c; color:#fff; padding:3px !important; width:63px; border-radius:3px;}
.manifesto_list div.type .cate3 {background-color:#687cfc; color:#fff; padding:3px !important; width:63px; border-radius:3px;}
.manifesto_list div.type .cate4 {background-color:#f560aa; color:#fff; padding:3px !important; width:63px; border-radius:3px;}
.manifesto_list div.type .cate5 {background-color:#d7532a; color:#fff; padding:3px !important; width:63px; border-radius:3px;}

/*공약현황 상단*/
.manifesto_top_box a{margin-top:10px; background:#044c97; color:#fff;}

@media (min-width:640px) {
	.manifesto_top_box{overflow:hidden; margin-top:30px;}
	.manifesto_top_box h4{float:left;}
	.manifesto_top_box a{float:right; margin-top:0;}
	
}

@media all and (min-width:768px){
	.manifesto_top {background:url("../images/sub/manifesto_icon.jpg") no-repeat; background-position:left top; padding:30px 20px 40px 150px; border-bottom:1px dashed #aaa; }
	p.manifesto_top {font-size:20px; }
	p.manifesto_top strong {font-size:24px;}
	.manifesto_list div.num,.manifesto_list div.writer { display:table-cell}
	.manifesto_list_head div{ font-size:17px; }
	.manifesto_list_body .body_row div{ font-size:15px; }
	.manifesto_list div.type{ width:10%;}
	.manifesto_list div.type span {font-size:14px;}
}

@media all and (min-width:1024px){
	.manifesto_list div.writer{ width:12%;}
	.manifesto_list div.pdfview{ width:8%;}		
	.manifesto_list_head {  }
	.manifesto_list_head div{ font-size:17px; color:#000; border-right:1px solid #ddd; padding:18px 0;}
	.manifesto_list_head div.pdfview {border-right:none;}
	.manifesto_list_body .body_row div{ font-size:16px; padding:14px 5px; border-right:1px solid #ddd;}
	.manifesto_list_body .body_row div.pdfview {border-right:none;}
	.manifesto_list_body .body_row.row_blank{height:58px;}
	.manifesto_list div.sum {font-size:17px; font-weight:bold;}
	.manifesto_list div.pdfview a {padding:8px 12px;}
}

/*일정*/
.weekly_calendar {}
a.schdul-prev{position: absolute; top:30px; left:-40px; display: inline-block;width: 40px;height: 40px;text-indent: -9999px;margin: 10px;vertical-align: top;background:url(https://www.gwangju.go.kr/home/siiru/images/cal_prev.jpg) no-repeat;}
a.schdul-next{position: absolute; top:30px; right:-40px; display: inline-block;width: 40px;height: 40px;text-indent: -9999px;margin: 10px;vertical-align: top;background:url(https://www.gwangju.go.kr/home/siiru/images/cal_next.jpg) no-repeat;}
.weekly_calendar p.cal_month {text-align:center; font-size:30px; color:#333; font-weight:bold; margin:20px 0;}
.weekly_list {position: relative;width:90%; margin:0 auto;}
.weekcal {position: relative; display:flex; flex-wrap:wrap; justify-content: space-between; }
div.weekly_con {position: relative; width: calc(100%/7); border-right:1px solid #ddd;}
div.weekly_con:nth-child(7) {border-right:0 none;}
div.last_day {border-right:0 none;}
div.weekly_con span {display:block; text-align:center;}
div.weekly_con span.day {font-size:15px; color:#333; font-weight:bold; padding:10px 0;}
div.weekly_con span.date {font-size:17px; color:#111; font-weight:bold; padding:10px 0;}
div.weekly_con span.date.date_on {background:#1946a5; color:#fff; margin:2px;}
div.weekly_con span.sat {color:#1e4ed1;}
div.weekly_con span.sun {color:#d11e1e;}

@media all and (min-width:1024px){
	.weekly_calendar p.cal_month {margin:30px 0;}
	.weekly_list {width:70%; }
	div.weekly_con span.day {font-size:18px; padding:20px 0;}
	div.weekly_con span.date {font-size:26px; padding:20px 0;}
	div.weekly_con span.date.date_on {margin:0 10px;border-radius:5px; }
}

/*공약관리체계*/
.manage_box div{line-height:1.3; word-break:keep-all; margin-top:15px; padding:20px 0; position:relative; text-align:center;}
.manage_box div:after{content:''; display:block; background:#f6f6f6; border-radius:20px 20px 0 0; top:0; left:0; width:100%; height:80%; position:absolute; z-index:-1}
.manage_box ul li{width:90%; margin:0 auto 15px; box-shadow:1px 1px 10px 0 rgb(78 78 78 / 
10%); border-radius:10px;}
.manage_box p{font-weight:500; color:#284490; margin-bottom:20px; font-size:18px;}
.manage_box span{display: block; font-size:17px;}
.manage_box ul li span:nth-child(2){background:#fff;padding:15px 0; border-radius:0 0 10px 10px;}
.manage_box ul li span:nth-child(1){display:block; background:#284490; color:#fff; padding:10px 0;  border-radius:10px 10px 0 0;}
.manage_box div:nth-child(2){padding:20px 30px;}
.manage_box div:nth-child(2) span{background:#fff; padding:20px; box-shadow:1px 1px 10px 0 rgb(78 78 78 / 
10%); border-radius:10px;}

@media (min-width:768px) {
	.manage_box div:after{height:70%;}
	.manage_box ul{overflow:hidden;margin:0 auto;width: 92%;}
	.manage_box ul li{float:left;width: 32%;margin-right: 2%;}
	.manage_box ul li:last-child{margin-right:0;}
	.manage_box div:nth-child(2){padding:20px 35px;}
}

@media (min-width:1024px) {
	.manage_box{overflow:hidden;}
	.manage_box div:nth-child(2) span{padding:25px 20px;}
	.manage_box div:nth-child(2):after{height:76%}

}

@media (min-width:1440px) {
	.manage_box div{padding:30px 0}
	.manage_box div:after{height:60%;}
	.manage_box ul{width: 90%;}
	.manage_box ul li{width: 31%;margin-right: 3%;}
	.manage_box div:nth-child(2) span{padding:35px 30px}

}

/*5대공약*/

.promise_list {padding-bottom:25px;}
.promise_list:after {content:''; display:block; clear:both;}
.promise_list li {width:48%;float:left;position:relative;margin-bottom: 70px; word-break:keep-all;}
.promise_list li:nth-child(even) {margin-left:4%;}
.promise_list li:nth-child(3), .promise_list li:nth-child(4){margin-bottom: 0;}
.promise_list .img_box {width:100%; position:absolute; top:0; left:0; z-index:-1;}
.promise_list .img_box img {width:100%;}
.promise_list .txt_box {height: 220px;padding: 30px 20px 0 0;margin-top: 160px;margin-right:60px;background:#fff;border-radius:0 40px 0 0;box-sizing:border-box;}
.promise_list .txt_box p:first-child {font-size: 20px;color: #284490;position:relative;font-weight: bold;padding-bottom: 15px;}
.promise_list .txt_box p:first-child span {color: #333;}
.promise_list .txt_box p:nth-child(n+2) {padding-top: 5px;font-size: 17px;color: #454545; position:relative; padding-left:12px;}
.promise_list .txt_box p:nth-child(n+2):before{content:"";display:block;position:absolute;top: 16px;left:0;width:6px;height:2px;border-radius:10px;background:#565656;}


@media all and (max-width:1200px) {
	.promise_list li{margin-bottom:60px;}
}

@media all and (max-width:1024px) {
	.promise_list .txt_box {padding:30px 20px 0 0; margin-top:30%; margin-right:30px;}
	.promise_list .txt_box p:first-child {padding-bottom:20px; font-size:18px;}
	.promise_list .txt_box p:nth-child(n+2){font-size:16px; line-height:1.5}
}

@media all and (max-width:768px) {
	.promise_list li {width:100%; margin-left:0 !important; margin-bottom:40px;}
	.promise_list li:nth-child(n+3){margin-bottom:40px !important;}
	.promise_list .txt_box {height:auto; margin-right:50px;}
}

@media all and (max-width:460px) {
	.promise_list .txt_box p:first-child {font-size:20px;}
	.promise_list .txt_box {margin-right:30px;}
}


/*공약수립과정+공약관리+시민배심원단*/ 
.pro_box01 .pro01{box-shadow: 1px 1px 15px 0 rgb(16 25 49 / 15%); word-break:keep-all; border:2px solid #284490; margin-bottom:60px; padding:40px 20px 35px; border-radius:15px; position:relative;}
.pro_box01 .pro01:after{position:absolute;top: -13%;left: 50%;content:"";border: transparent 0.6rem solid;border-left-color: #355ecd;display : inline-block;border-radius: 3px;transform: rotate(90deg);margin-left: -10px;}
.pro_box01 .pro01:first-child:after{display:none;}
.pro_box01 span{background:#284490; color:#fff; display:inline-block; padding:5px 10px; border-radius:100px; font-size:16px;}
.pro_box01 .tit{font-size:19px;font-weight: bold;color:#284490;margin: 10px 0 6px;position:relative;}
.pro_box01 .tit:after{z-index:-1; content:''; display:block; width:51px; height:51px; position:absolute; background:url(../images/sub/pro_back1.png)no-repeat; top:0; right:10px;  background-size:cover}
.pro_box01 .pro01:nth-child(2) .tit:after{background:url(../images/sub/pro_back2.png)no-repeat;}
.pro_box01 .pro01:nth-child(3) .tit:after{background:url(../images/sub/pro_back3.png)no-repeat;}
.pro_box01 .pro01:nth-child(4) .tit:after{background:url(../images/sub/pro_back4.png)no-repeat;}
.pro_box01 .pro01:nth-child(5) .tit:after{background:url(../images/sub/pro_back5.png)no-repeat;}
.pro_box01 .pro01:nth-child(6) .tit:after{background:url(../images/sub/pro_back6.png)no-repeat; z-index:0;}
.pro_box01 .date{color:#284490; font-size:17px; padding-bottom:20px; border-bottom:1px dashed #d8d8d8; font-weight:400;}
.pro_box01 ul{margin-top:20px;}
.pro_box01 ul li{line-height:1.5;margin-bottom:5px;position:relative;padding-left:12px;color:#454545; font-size:17px;}
.pro_box01 ul li:before{width:4px; height:4px; background:#aaa; border-radius:50%; content:""; display:block; position:absolute; top:11px; left:0;  }


.pro_box01.pro_box02{text-align: center; width:80%; margin:0 auto;}
.pro_box01.pro_box02 ul li:before{display:none;}
.pro_box01.pro_box02 .tit{ border-bottom:1px dashed #d8d8d8; padding-bottom:20px;}
.pro_box01.pro_box02 .tit:after{display:none;}

.pro_box01.pro_box02.pro_box03 .tit{border-bottom:none; padding-bottom:0;}
.pro_box01.pro_box02.pro_box03 ul li{text-align:left;}
.pro_box01.pro_box02.pro_box03 ul li:before{display:block;}
.pro_box01.pro_box02.pro_box03 .pro01:nth-child(4){background:#fff;}

@media (min-width:768px) {
	.pro_box01 .pro01{width:350px; margin:0 auto 60px;}
}

@media (min-width:1024px) {
	.pro_box01{width: 775px;margin:0 auto;}
	.pro_box01:after{clear:both; content:''; display:block;}
	.pro_box01 .pro01{float:left; margin-right:60px; min-height:351px;}
	.pro_box01 .pro01:nth-child(2n){margin-right:0;}
	.pro_box01 .pro01:after{top:47%;left: -7%;transform: rotate(360deg);}


	.pro_box01.pro_box02{width:760px;}
	.pro_box01.pro_box02 .pro01{padding:35px 20px 20px; min-height:300px}

	.pro_box01.pro_box02.pro_box03{width:1000px;}
	.pro_box01.pro_box02.pro_box03 .pro01{width:250px; margin-right:60px;}
	.pro_box01.pro_box02.pro_box03 .pro01:nth-child(3){margin-right:0;}
	.pro_box01.pro_box02.pro_box03 .pro01:nth-child(4), .pro_box01.pro_box02.pro_box03 .pro01:nth-child(5){margin-bottom:0}
	.pro_box01.pro_box02.pro_box03 .pro01:after{left:-10%}
}

@media (min-width:1440px) {
	.pro_box01{width:1240px;}
	.pro_box01 .pro01{margin-bottom:40px; min-height:375px; margin-right:60px !important; padding:48px 20px 35px;}
	.pro_box01 .pro01:nth-child(3n){margin-right:0 !important;}
	.pro_box01 .pro01:nth-child(4){margin-left:70px;}
	.pro_box01 .pro01:nth-child(n+4){margin-bottom:0;}
	
	.pro_box01 span{font-size:16px;}
	.pro_box01 .tit{font-size:20px; margin:10px 0 5px;}
	.pro_box01 .tit:after{width:58px; height:59px; background:url(../images/sub/pro_back01.png)no-repeat; background-size:contain; }
	.pro_box01 .pro01:nth-child(2) .tit:after{background:url(../images/sub/pro_back02.png)no-repeat; background-size:contain;}
	.pro_box01 .pro01:nth-child(3) .tit:after{background:url(../images/sub/pro_back03.png)no-repeat; background-size:contain;}
	.pro_box01 .pro01:nth-child(4) .tit:after{background:url(../images/sub/pro_back04.png)no-repeat; background-size:contain;}
	.pro_box01 .pro01:nth-child(5) .tit:after{background:url(../images/sub/pro_back05.png)no-repeat; background-size:contain;}
	.pro_box01 .pro01:nth-child(6) .tit:after{background:url(../images/sub/pro_back06.png)no-repeat; background-size:contain;}
	.pro_box01 .date{font-size:18px;}
	.pro_box01 ul li{font-size:17px;}

	.pro_box01.pro_box02{width:1400px;}
	.pro_box01.pro_box02 .pro01{min-height:324px; width:290px}
	.pro_box01.pro_box02 .pro01:nth-child(3){margin-right: 60px !important;}
	.pro_box01.pro_box02 .pro01:nth-child(4){margin-left:0}
	.pro_box01.pro_box02 .pro01:after{left:-9%}


	.pro_box01.pro_box02.pro_box03{width:1360px;}
	.pro_box01.pro_box02.pro_box03 .pro01{width:245px; margin-right:33px !important; margin-bottom:0}
	.pro_box01.pro_box02.pro_box03 .pro01:after{left:-5%}
	.pro_box01.pro_box02.pro_box03 .pro01:last-child{margin-right:0 !important;}
}

/*시민참여*/
.btn_box{text-align:center;}
.btn_box ul li{border:2px solid #3d63ce; border-radius:10px; margin-bottom:20px; padding:25px 20px;}
.btn_box ul li:last-child{border:2px solid #08a3b7;}
.btn_box i{background:#3d63ce; width:60px; height:60px; border-radius:100px; color:#fff; font-weight:500; padding-top:16px; font-size:30px;}
.btn_box ul li:last-child i{background:#08a3b7;}
.btn_box p{margin:15px 0; line-height:1.5; font-size:18px; font-weight:bold; color:#3d63ce}
.btn_box ul li:last-child p{color:#08a3b7;}
.btn_box .btn_grey.btn_grey02{padding:8px 15px; font-size:15px; color:#555; border:1px solid #ccc; background:#f3f3f3;}

@media (min-width:768px) {
	.btn_box{width:720px; margin:0 auto;}
	.btn_box ul{overflow:hidden;}
	.btn_box ul li{float:left; width:48.5%; margin-right:3%;}
	.btn_box ul li:last-child{margin-right:0;}
}

@media (min-width:1024px) {
	.btn_box{width:900px; margin-top:80px}
	.btn_box ul li{padding:25px 60px}
	.btn_box i{float:left; width:80px; height:80px; font-size:38px; padding-top:22px;  margin-right:12px;}
	.btn_box p{text-align:left; margin-top:0; line-height:1.3}
	.btn_box .btn_grey.btn_grey02{float:left;}
}

@media (min-width:1440px) {
	.btn_box{width:1050px;}
	.btn_box ul li{margin-bottom:0 !important; width:500px; padding:40px 70px}
	.btn_box ul li:first-child{margin-right:48px;}
	.btn_box i{width:102px; height:102px; font-size:50px; padding-top:26px;}
	.btn_box p{font-size:20px;}
}

/*공약평가 시민배심원단 운영*/
h6.simin_tit:before{top:18px;}
.btn_blk02{padding:8px; !important}


.manifesto_wrap{background:#f2e8ff; padding:30px; text-align:center; word-break:keep-all;}
.manifesto_wrap .mani_box{background:#fff; padding:20px 25px; box-shadow:1px 1px 15px 0 rgb(49 16 91 / 15%)}
.manifesto_wrap img{max-width:100%; margin-bottom:20px;}
.manifesto_wrap .manifesto_title{font-family:'Gmarket Sans'; font-weight:500; color:#000; font-size:20px; line-height:1.4;}
.manifesto_wrap .manifesto_title span{color:#4a71e3; font-weight:bold; font-size:24px;}
.manifesto_wrap p{ font-size:16px;}

.manifesto_wrap .btn_grey.btn_grey02{padding:8px 15px; font-size:15px; color:#555; border:1px solid #ccc; background:#f3f3f3;}


@media (min-width:1440px) {
	.manifesto_wrap{padding:60px;}
	.manifesto_wrap img{width:40%; margin-bottom:35px;}
	.manifesto_wrap .manifesto_title{font-size:28px;}
	.manifesto_wrap .manifesto_title span{font-size:36px;}
	.manifesto_wrap p{ font-size:17px;}
}