@charset "utf-8";

/***** 조직도 *****/
.organization-chart{}
	.organization-chart span{ display:block;font-weight:600 }
	.organization-chart a{ display:block;font-weight:600}
	
	.organization-chart01{ text-align:center; height:253px; font-size:1.2em;max-width:620px; margin:0 auto 90px auto; background: url(../../images/kor/sub06/org-structure.gif) no-repeat center top; position:relative}
		.org-citizen{width:187px;height: 60px;color:#fff;background: #fff;font-size:18px;padding-top: 14px;position:absolute;left:50%;top:0;margin-left:-93px;box-sizing:border-box;border:1px solid #dedede;}
		.priorities-one{width:187px;height: 58px;color:#fff;background: #ea6043;font-size:18px;padding-top: 18px;position:absolute;left:50%;top: 73px;margin-left:-93px;box-sizing:border-box;}
		.priorities-one a{ color:#fff;}
		.priorities-two{ width:187px;color:#FFF;padding-top:15px; text-align:center;}
		.priorities-two a{ color:#FFF;}

		.priorities-two.bg-blue{background:#3c71c9;position:absolute;top: 144px;left:50%;line-height:1.1em;padding:14px 0;margin-left:-93px;}
		.priorities-two.bg-blue-type2{background:#009cdd; position:absolute; top:217px; left:0;line-height:1.1em; padding:14px 0;}
		.priorities-two.bg-green{background:#218739; position:absolute; top:217px; right:0 ;line-height:1.1em; padding:14px 0;}
		
		.priorities-two.bg-blue-type3{background:#009cdd; position:absolute; top:217px; right:0;line-height:1.1em; padding:14px 0;}
	
	
	.organization-chart02{ background:url(../../images/kor/sub06/org-structure-line.gif) repeat-y 73px 0;}
		.organization-chart02 span{ display:block;font-weight:600; }
		.organization-chart02 li{overflow:hidden; margin-bottom:5px}
		.organization-chart02 li:after{ display:block; clear:both; content:""}
		.organization-chart02 li ul{ margin-top:10px; margin-bottom:20px}
		.organization-chart02 li ul:after{ display:block; clear:both; content:""}
		.priorities-two.priorities-two-type2{ width:150px; background:#6d727c;font-size:1.2em;line-height:1.1em; padding:14px 0;}
		.priorities-two.priorities-two-type2.bg01{background:#6192c3;}
		.priorities-two.priorities-two-type2.bg02{background:#86a43c; }
		.priorities-two.priorities-two-type2.bg03{background:#df8152; }
		.priorities-two.priorities-two-type2.bg03{background:#61b4c3; }
		.priorities-two.priorities-two-type2.bg03{background:#588ca2; }
		.priorities-three{ text-align:center;border:1px solid #6d727c; width:150px;  box-sizing:border-box; padding:9px 0; background:#FFF; float:left; margin:0 6px 6px 0 }
		.priorities-three a { font-size:1.1em}
		.priorities-three.last{ margin-bottom:0}
		.priorities-four{ border:1px solid #dedede; background:#f6f6f6; box-sizing:border-box; padding:9px 15px 9px; text-align:left;  margin-left:156px}
	.organization-chart02 li ul.priorities-three-m{margin-bottom:0}
	.priorities-three-m li{ float:left}
	
	

@media all and (max-width:680px){
.organization-chart01{ max-width:420px;}
.priorities-two{ width:110px;}
.priorities-two.bg-green{ margin-left:-55px}
.priorities-two.bg-blue{ width:187px}
}

@media all and (max-width:600px){
.priorities-three{ float:none; margin-bottom:6px }	
.priorities-four{margin-left:0px;  margin-bottom:6px }
.priorities-three-m li{ float:left}

.priorities-two{ width:100px; font-size:14px}
.priorities-two.bg-green{ margin-left:-50px}
}





/***배너광장***/

@media all and (max-width:1000px) {
.url {display:none}
.banner-table{width:100%}
}


/***예산서공개***/
.tal-burget {width:100%; margin:15px 0 0 0; padding:0; border-collapse:collapse; border-top:2px solid #888; text-align:left}
.tal-burget th{font-weight:600; border-left:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; padding:8px 6px; font-size:15px; background:#ccc}

.tal-burget .th1 {font-size:15px; font-weight:600; background:#ccc; font-size:15px;  padding:10px 6px}
.tal-burget .th2{background:#e7e7e7; font-weight:600; font-size:15px;  padding:10px 6px;}
.tal-burget .th-orange{background:#fff; color:#ea6f32; font-weight:600; font-size:15px;  padding:10px 6px}
.tal-burget .th-blue{background:#fff; color:#2f7fa0; font-weight:600; font-size:15px;  padding:10px 6px}


.tal-burget td {font-weight:normal; border-left:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; color:#444; text-align:left; padding:8px 8px 8px 12px; line-height:18px; vertical-align:top}
.tal-burget th.th-end{ border-bottom:none}
.tal-burget th.th-row{ border-bottom:1px solid #ccc}
.tal-burget .t-left{ text-align:left !important}
.tal-burget .t_end {border-left:0}

.btn-save {display:block; float:right; width:21px; height:21px; background:url(../../images/kor/common/save.png)no-repeat; margin-right:15px}

/***비전과목표***/
.tal-mission {width:100%; border:1px solid #ccc; margin-bottom:10px;}
.tal-mission th {background:#81b60e url(../../images/kor/common/pattern-type4-bg.png);padding-top:15px; color:#fff; font-size:16px; font-weight:600; vertical-align:top}
.tal-mission td {padding:15px}
.tal-mission td p {font-weight:600;font-size:15px }
.txt-box{padding:5px 10px; background:#e4e4e4 url(../../images/kor/common/pattern-type5-bg.png); color:#3f8c00;font-size:15px }
.dre {height:59px;background: url(../../images/kor/sub07/dre.gif)no-repeat center;}
.tal-result {width:100%; border:1px solid #ccc; margin-bottom:20px}
.tal-result th {background:#dfdfdf url(../../images/kor/common/pattern-type4-bg.png) ; padding-top:15px;  font-size:16px; font-weight:600; vertical-align:top}
.tal-result td {padding:15px 15px 5px 15px}

.ol-num-type3{}
.ol-num-type3:after{display:block; clear:both; content:""}
.ol-num-type3 span.title{color:#2879c2; font-size:16px;font-weight:600;display:block;padding:4px 0 5px 32px; }
.ol-num-type3 > li{border-top:1px dashed #ccc; padding:10px}
.ol-num-type3 > li:first-child{padding-top:0; border-top:none}
.ol-num-type3 ul{margin-left:35px}
.ol-num-type3 li.num-01{background:url(../../images/kor/sub07/num01.gif) no-repeat 0 0px}
.ol-num-type3 li.num-02{background:url(../../images/kor/sub07/num02.gif) no-repeat 0 13px}
.ol-num-type3 li.num-03{background:url(../../images/kor/sub07/num03.gif) no-repeat 0 13px}
.ol-num-type3 li.num-04{background:url(../../images/kor/sub07/num04.gif) no-repeat 0 13px}
.ol-num-type3 li.num-05{background:url(../../images/kor/sub07/num05.gif) no-repeat 0 13px}
.ol-num-type3 li.num-06{background:url(../../images/kor/sub07/num06.gif) no-repeat 0 13px}
.ol-num-type3 li.num-07{background:url(../../images/kor/sub07/num07.gif) no-repeat 0 13px}
.ol-num-type3 li.num-08{background:url(../../images/kor/sub07/num08.gif) no-repeat 0 13px}
.ol-num-type3 li em{line-height:1px; font-size:1px; position:absolute; left:-10000px; top:0; overflow:hidden; text-indent:-30000px;}

/***본인인증서비스***/

.adult-phone {float:left; width:300px; margin-right:20px; border:1px solid #d5d5d5; background:url(../../images/kor/sitemap/phone.png) no-repeat 30px; padding:0 18px 0 140px}
.adult-phone:after{display:block; content:""; clear:both}

.adult-i-pin h5, .adult-phone h5 {font-size:20px; color:#333; margin:25px 0 15px 0;}
.adult-i-pin p, .adult-phone p {font-size:13px; height:100px}

.phone-btn {display:inline-block; background:#009cdd; margin:15px 0 15px 0; padding:10px 23px 10px 23px}
.phone-btn button {color:#fff; text-decoration:none; border:0; background:none; font-size:1em}

.adult-i-pin {float:left; width:300px; border:1px solid #d5d5d5; background:url(../../images/kor/sitemap/i-pin.png) no-repeat 20px; padding:0 18px 0 140px}
.adult-i-pin:after{display:block; content:""; clear:both}

.i-pin-btn {display:inline-block; background:#2bb34b; margin:15px 0; padding:10px 23px 10px 23px}
.i-pin-btn button {color:#fff; text-decoration:none; border:0; background:none; font-size:1em}

@media all and (max-width:1270px) {
.adult-phone, .adult-i-pin {float:none; width:auto; min-height:auto; margin-bottom:20px}
.adult-phone {margin-right:0}
.adult-phone p, .adult-i-pin p {height:auto}
}
@media all and (max-width:600px) {
.adult-phone, .adult-i-pin {background:none; padding:0 18px}
}


/***실과별홈페이지 업무안내***/
.task-ul {overflow:hidden}
.task-ul li {width:47%; float:left; margin-right:5px}
.task-ul:after{display:block; content:""; clear:both}

@media all and (max-width:780px) {
.task-ul li {width:100%; float:none; margin-right:0}
}


/* 지방보조사업 집행내역 */
.table_scroll{overflow-x:auto; width:100%;}
.table_scroll .basic_table{width:942px;}
.table_scroll .basic_table .basic_table{width:100%;}
.table_headtep{position:absolute; right:0; bottom:-10px; text-align:right; font-weight:normal; font-size:12px;}
.relative{position:relative;}



/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 보령소식 >  이달의 행사
	연관단어 : kor.do > #sub_04_15
    주무관 요청으로 mayor 일정을 카피

////////////////////////////////////////////////////////////////////////////// */
#calendar_event_view .program_event_schedule > .date {text-align:center; margin-bottom:2em;}
#calendar_event_view .program_event_schedule > .date a,
#calendar_event_view .program_event_schedule > .date strong {display:inline-block; vertical-align:top;}
#calendar_event_view .program_event_schedule > .date a {width:3.6em; height:3.6em; background:#919191; overflow:hidden; text-indent:-9999px; border-radius:50%; -webkit-border-radius:50%; position:relative;
	transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
#calendar_event_view .program_event_schedule > .date a.prev{margin-left:0.5em;}
#calendar_event_view .program_event_schedule > .date a.next{margin-right:0.5em;}
#calendar_event_view .program_event_schedule > .date a:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0;transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
#calendar_event_view .program_event_schedule > .date a.prev:after{background:url(../../images/mayor/contents/arr1.png) no-repeat center center; }
#calendar_event_view .program_event_schedule > .date a.prev_year:after{background:url(../../images/mayor/contents/arr2.png) no-repeat center center; }
#calendar_event_view .program_event_schedule > .date a.next:after {background:url(../../images/mayor/contents/arr3.png) no-repeat center center; }
#calendar_event_view .program_event_schedule > .date a.next_year:after {background:url(../../images/mayor/contents/arr4.png) no-repeat center center; }
#calendar_event_view .program_event_schedule > .date strong{width:3.77em; line-height:1; margin:0 0.42em; font-size:3.5em; color:#2d353b; font-weight:700; letter-spacing:-1px; margin-top:1px;}
#calendar_event_view .program_event_schedule .event_calendar table {width:100%;}
#calendar_event_view .program_event_schedule .event_calendar table td:first-child,
#calendar_event_view .program_event_schedule .event_calendar table th.sun,
#calendar_event_view .program_event_schedule .event_calendar table td.sun a span,
#calendar_event_view .program_event_schedule .event_calendar table .holi,
#calendar_event_view .program_event_schedule .event_calendar table tr td:first-child,
#calendar_event_view .program_event_schedule .event_calendar table tr td:first-child a{color:#ea174f;}
#calendar_event_view .program_event_schedule .event_calendar table th.sat,
#calendar_event_view .program_event_schedule .event_calendar table td.sat a span{color:#115ba5;}
#calendar_event_view .program_event_schedule .event_calendar table th {background:#f5f5f5; padding:0.8em 0; color:#2d353b; font-size:1.5em; border-left:1px solid #d8d8d8; border-top:2px solid #545454; box-sizing: border-box;}
#calendar_event_view .program_event_schedule .event_calendar table td {border-left:1px solid #d8d8d8; height:103px; border-bottom:1px solid #d8d8d8; color:#404853; vertical-align:top; font-size: 1.4em; box-sizing: border-box;}
#calendar_event_view .program_event_schedule .event_calendar table td > span{display:inline-block; vertical-align:top; padding:0.5em 0px 0.65em;}
#calendar_event_view .program_event_schedule .event_calendar table th:first-child,
#calendar_event_view .program_event_schedule .event_calendar table td:first-child{border-left:0;}
#calendar_event_view .program_event_schedule .event_calendar table td.today{background:#f1f8f4;}
#calendar_event_view .program_event_schedule .event_calendar table td.today,
#calendar_event_view .program_event_schedule .event_calendar table td.today a ul li{color: #0C5129;}
#calendar_event_view .program_event_schedule .event_calendar table td:last-child,
#calendar_event_view .program_event_schedule .event_calendar table td:last-child a{color: #115ba5;}
#calendar_event_view .program_event_schedule .event_calendar table td .holi_day{padding: 0.5em 0 0 0px; color:#cdcdcd;}
#calendar_event_view .program_event_schedule .event_calendar table td a{display:block; height:100%; padding: 0.72em; text-decoration: none; box-sizing: border-box;}
#calendar_event_view .program_event_schedule .event_calendar table td ul{position:relative; z-index:5; line-height:1; margin-top:0.3em; padding-left:0.2em; box-sizing: border-box;}
#calendar_event_view .program_event_schedule .event_calendar table td ul{}
#calendar_event_view .program_event_schedule .event_calendar table td ul li{position: relative; line-height:1.28; margin-top:0; padding-left:0.5em; font-size:1em; word-break:break-all; box-sizing: border-box;}
#calendar_event_view .program_event_schedule .event_calendar table td ul li:not(:first-child){margin-top: 0.2em;}
#calendar_event_view .program_event_schedule .event_calendar table td ul li:before{
	content: ""; position: absolute; top: 0.5em; left: 0; display: block; width: 3px; height: 3px; background-color: #666;
	border-radius: 50%; -webkit-border-radius: 50%;
}
#calendar_event_view .program_event_schedule .event_calendar table td:last-child ul li:before{background-color: #115ba5;}
#calendar_event_view .program_event_schedule .event_calendar table td.today ul li:before{background-color: #0C5129;}
#calendar_event_view .program_event_schedule .event_calendar table td .day,
#calendar_event_view .program_event_schedule .event_calendar table td .day.before{height:100%; padding:0.35em 0.57em 0.57em; color:#757575;}
#calendar_event_view .buls_style{
	overflow:hidden; display:inline-block; position:absolute; left:0; top:7px; font-size:0; width:4px; height:4px; text-indent:-2000px;
	border-radius:50%; -webkit-border-radius:50%;
}
#calendar_event_view #hDate{margin-top:35px;}
#calendar_event_view #hDate h4{margin-top:0 !important;}
#calendar_event_view .tip{margin-top: 1em; margin-bottom: 0; font-size: 1.8em;}

@media screen and (max-width:840px){
	#calendar_event_view .program_event_schedule > .date strong {font-size:34px;}
	#calendar_event_view .program_event_schedule .event_calendar table th {padding:8px 0;}
	#calendar_event_view .program_event_schedule .event_calendar table td {height:90px;}
	#calendar_event_view .program_event_schedule .event_calendar table td span {font-size:14px; position:relative; z-index:5;}
	#calendar_event_view .program_event_schedule .event_calendar table td a.day_link {background:#cfd7e2;}
	#calendar_event_view .program_event_schedule .event_calendar table td ul {display:none;}
}

@media screen and (max-width:640px){
	#calendar_event_view .program_event_schedule > .date strong{width:112px; font-size:30px; margin-top:-2px;}
	#calendar_event_view .program_event_schedule > .date a {width:28px; height:28px;}
	#calendar_event_view .program_event_schedule > .date a:after {background-size:auto 50%;}
	#calendar_event_view .program_event_schedule .event_calendar table td {height:70px;}
	#calendar_event_view .program_event_schedule .event_calendar table td span {padding: 5px 0 0px 5px;}
	#calendar_event_view .program_event_schedule .event_calendar table td ul {margin-top:0;}
	#calendar_event_view .program_event_schedule .event_calendar table td .holi_day {font-size: 13px;padding:1px 0 0 5px;display: block;}
}

@media screen and (max-width:480px){
	#calendar_event_view .program_event_schedule .event_calendar table td {height:50px;}
}
@media screen and (max-width:320px){
}


#calendar_event_view .program_event_schedule {}
#calendar_event_view .program_event_schedule .cal_year{display: block; margin-bottom: 2em; text-align: center;}
#calendar_event_view .program_event_schedule .cal_year a{display: inline-block; }
#calendar_event_view .program_event_schedule .program_event_schedule > .date {text-align:center; margin-bottom:2em;}
#calendar_event_view .program_event_schedule .cal_year a,
#calendar_event_view .program_event_schedule .cal_year span {display:inline-block; vertical-align:top;}
#calendar_event_view .program_event_schedule .cal_year a {
	width:3.6em; height:3.6em; background:#919191; overflow:hidden; text-indent:-9999px; border-radius:50%; -webkit-border-radius:50%; position:relative;
	transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
#calendar_event_view .program_event_schedule .cal_year a.next,
#calendar_event_view .program_event_schedule .cal_year a.prev_year{margin-right:0.5em;}
#calendar_event_view .program_event_schedule .cal_year a:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0;transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
#calendar_event_view .program_event_schedule .cal_year a.prev:after{background:url(../../images/mayor/contents/arr1.png) no-repeat center center; }
#calendar_event_view .program_event_schedule .cal_year a.prev_year:after{background:url(../../images/mayor/contents/arr2.png) no-repeat center center; }
#calendar_event_view .program_event_schedule .cal_year a.next:after {background:url(../../images/mayor/contents/arr3.png) no-repeat center center; }
#calendar_event_view .program_event_schedule .cal_year a.next_year:after {background:url(../../images/mayor/contents/arr4.png) no-repeat center center; }
#calendar_event_view .program_event_schedule .cal_year span{width:3.77em; line-height:1; margin:0 0.42em; font-size:3.5em; color:#2d353b; font-weight:700; letter-spacing:-1px; margin-top:1px;}
#calendar_event_view .event_calendar {width:100%;}
#calendar_event_view .event_calendar td:first-child,
#calendar_event_view .event_calendar th.sun,
#calendar_event_view .event_calendar td.sun a span,
#calendar_event_view .event_calendar .holi,
#calendar_event_view .event_calendar tr td:first-child,
#calendar_event_view .event_calendar tr td:first-child a{color:#ea174f;}
#calendar_event_view .event_calendar th.sat,
#calendar_event_view .event_calendar td.sat a span{color:#115ba5;}
#calendar_event_view .event_calendar th {background:#f5f5f5; padding:0.8em 0; color:#2d353b; font-size:1.1em; border-left:1px solid #d8d8d8; border-top:2px solid #545454; box-sizing: border-box;}
#calendar_event_view .event_calendar td {border-left:1px solid #d8d8d8; height:103px; border-bottom:1px solid #d8d8d8; color:#404853; vertical-align:top; font-size: 1.4em; box-sizing: border-box;}
#calendar_event_view .event_calendar td > span{display:inline-block; vertical-align:top; padding:0.5em 0px 0.65em;}
#calendar_event_view .event_calendar th:first-child,
#calendar_event_view .event_calendar td:first-child{border-left:0;}
#calendar_event_view .event_calendar td.today{background:#f1f8f4;}
#calendar_event_view .event_calendar td.today,
#calendar_event_view .event_calendar td.today a ul li{color: #0C5129;}
#calendar_event_view .event_calendar td:last-child,
#calendar_event_view .event_calendar td:last-child a{color: #115ba5;}
#calendar_event_view .event_calendar td .holi_day{padding: 0.5em 0 0 0px; color:#cdcdcd;}
#calendar_event_view .event_calendar td .padd_div{display:block; height:100%; padding: 0.3em; text-decoration: none; box-sizing: border-box;}
#calendar_event_view .event_calendar td ul{position:relative; z-index:5; line-height:1; margin-top:0.3em; padding-left:0.2em; box-sizing: border-box;}
#calendar_event_view .event_calendar td ul{}
#calendar_event_view .event_calendar td ul li a{position: relative; line-height:1.28; margin-top:0; padding-left:0.2em; font-size:1em; word-break:break-all; color: #666; box-sizing: border-box;}
#calendar_event_view .event_calendar td ul li:not(:first-child){margin-top: 0.2em;}
#calendar_event_view .event_calendar td ul li:before{
	content: ""; position: absolute; top: 0.5em; left: 0; display: block; width: 3px; height: 3px; background-color: #666;
	border-radius: 50%; -webkit-border-radius: 50%;
}
#calendar_event_view .event_calendar td:last-child ul li:before{background-color: #666;}
#calendar_event_view .event_calendar td.today ul li:before{background-color: #0C5129;}
#calendar_event_view .event_calendar td .day,
#calendar_event_view .event_calendar td .day.before{/*height:100%; padding:0.35em 0.57em 0.57em; */color:#5a5a5a; }
#calendar_event_view .event_calendar td .day,
#calendar_event_view .event_calendar td .sun,
#calendar_event_view .event_calendar td .satur {font-family: 'Noto Sans KR', sans-serif; font-size: 0.9rem; font-weight: 400;}

@media screen and (max-width:840px){
	#calendar_event_view .program_event_schedule .cal_year span{font-size:34px;}
	#calendar_event_view .event_calendar th {padding:8px 0;}
	#calendar_event_view .event_calendar td {height:90px;}
	#calendar_event_view .event_calendar span {font-size:14px; position:relative; z-index:5;}
	#calendar_event_view .event_calendar td a.day_link {background:#cfd7e2;}
	#calendar_event_view .event_calendar td ul {font-size: 0.9rem;}
}

@media screen and (max-width:640px){
	#calendar_event_view .program_event_schedule .cal_year span{width:112px; font-size:30px; margin-top:-2px;}
	#calendar_event_view .program_event_schedule .cal_year a {width:28px; height:28px;}
	#calendar_event_view .program_event_schedule .cal_year a:after {background-size:auto 50%;}
	#calendar_event_view .event_calendar td {height:70px;}
	#calendar_event_view .event_calendar td span {padding: 5px 0 0px 5px;}
	#calendar_event_view .event_calendar td ul {margin-top:0;}
	#calendar_event_view .event_calendar td .holi_day {font-size: 13px;padding:1px 0 0 5px;display: block;}
}

@media screen and (max-width:480px){
	#calendar_event_view .event_calendar td {height:50px;}
}

/* ////////////////////////////////////////////////////////////////////////////// */




/*SNS 소셜 로그인*/
.sns-login{border: 1px solid #dedede;margin: 20px 0 0 0;text-align: center;padding: 10px 0 30px;}
.sns-login h5{ color: #000; font-size: 20px;}
.sns-login>div{ margin: 16px 0 0 0;}
.sns-login a{position: relative; padding: 0 1.75em; margin-left: 0.7em;  display:inline-block; padding: 15px 40px; font-size: 15px;  color: #fff;}
.sns-login a i{display: inline-block; width: 22px; margin-right: 0.625em; background-repeat: no-repeat; background-size: contain; background-position: center center;text-indent: -9999px;}
.sns-login a.naver-login{margin-left: 0; background-color: #49B851;}
.sns-login a.naver-login i{background-image: url(../../images/kor/common/naver_login.svg);}
.sns-login a.kakao-login{background-color: #FFE600; color: #63483B;}
.sns-login a.kakao-login i{background-image: url(../../images/kor/common/kakao_login.svg);}




/*20231120 조직도 변경*/


.organ h4{padding:0;background:none;text-align:center;width: 180px;margin: 0 auto;border: 1px solid #dedede;padding: 10px 0;background: #fff;}

.main_office{position:relative;margin: 25px 0 0;padding: 129px 0 0 0;text-align:center;} 
.main_office::before{content: "";display: block;width: 1px;height: 193px;position: absolute;left: 50%;top: -25px;background-color: #dedede;}
.main_office .mayor, .main_office .deputy_mayor{display:block;position:absolute; left:50%;width:180px;padding:14px 0; transform: translateX(-50%);text-align:center;color:#fff;font-size:17px; }
.main_office .mayor{top:0;background-color: #ea6043;}
.main_office .deputy_mayor{top: 80px;background-color: #3c71c9; padding:10px 0;}
.main_office>ul{overflow: hidden;padding: 84px 0 0 0;}

.office_list{width:101%;margin:0 0 0 -1%;}
.office_list > li{float:left;/* margin:0 0 0 1%; */text-align:center;margin: 0 1.5%;width: 16.6%;position: relative;}
.office_list.office_list_2024 > li{width: 18.3%;}
.office_list > li:nth-child(6){margin-right:0px !important;}
.office_list > li > a{display:block;padding: 13px 0;color:#fff;font-size: 17px;line-height:22px;background-color: #4b679f;position: relative;}
.office_list ul{margin:5px 0 0 0;border-top:1px solid #d7d7d7;}
.office_list li li{border:1px solid #d7d7d7;border-top:none;}
.office_list li li a{display:block;font-size:15px;line-height:39px;}
.office_list a:hover{font-weight:600;text-decoration:none;}
.office_list a:hover span{font-weight:600;}
.office_list > .vertical_org{width:5% !important;}
.office_list > .vertical_org span{display:block;}
.office_list > .vertical_org a:hover span{border-bottom:none;}
.office_list > .vertical_org :nth-child(1){background-color: #5299c9;color: #fff;height: 150px;}

.office_list > li:not(:last-child)::before{content:"";display:block;position:absolute;left:50%;top:-3em;width: calc(100% + 1.95em);height:1px;background-color:#d3d3d3;}
.office_list > li:nth-child(2)::before{width: 300%}
.office_list > li > a:before{content:"";display:block;position:absolute;left:50%;bottom:100%;width:1px;height: 2.6em;background-color:#d3d3d3;}


.org-ex .d-flex {display: flex;margin: 60px 0 0 0;}
.org-ex>div>div:nth-child(2){margin: 0 0 0 40px;} 
.org-ex h4, .org-ex h4 a{background: none;padding: 0;margin: 0;display: block;width: 100%;padding: 14px 0;text-align: center;box-sizing: border-box;background-color: #dae0eb;color: #3763a7;font-size: 18px;margin: 0 0 8px 0;}
.org-ex h4 a{ padding: 0; display: block; background-color: transparent; width: auto; margin: 0;}
.org-ex .org-ex01, .org-ex .org-ex03{width: 170px;}
.org-ex .org-ex03{ margin: 50px 0 0 0;}
.org-ex .org-ex02{flex: 1;}
.org-ex .org-ex02 ul{ display: flex; flex-wrap: wrap; margin: 0 -5px;}
.org-ex .org-ex02 ul li{width: calc((100% / 6) - 10px);margin: 0 5px 10px 5px;}
.org-ex ul li{  border: 1px solid #dedede; padding: 10px; text-align: center; box-sizing: border-box; }
.org-ex a{ text-decoration: none; display: block;}
.org-ex a:hover{ font-weight: 600;}

.organ_title{margin: 60px 0 0 0; }
.organ_down{/* border:1px solid red; */margin: 20px 0 0 0;display:flex;}

.office_list2{width: 101%;margin: 0;display: flex;flex-wrap: nowrap;}
.office_list2 > li{/* float:left; */text-align:center;/* margin: 0 1.5%; *//* width: 170px; */flex: 0 0 170px;position: relative;}
.office_list2 > li:nth-child(1){margin:0 40px 0px 0px;}
.office_list2 > li > a{display:block;padding: 13px 0;color:#fff;font-size: 17px;line-height:22px;background-color: #4b679f;position: relative;}
.office_list2 ul{margin:5px 0 0 0;border-top:1px solid #d7d7d7;}
.office_list2 li li{border:1px solid #d7d7d7;border-top:none;}
.office_list2 li li a{display:block;font-size:15px;line-height:39px;}
.office_list2 a:hover{font-weight:600;text-decoration:none;}
.office_list2 a:hover span{font-weight:600;}
.office_list2 > .vertical_org{width:5% !important;}
.office_list2 > .vertical_org span{display:block;}
.office_list2 > .vertical_org a:hover span{border-bottom:none;}
.office_list2 > .vertical_org :nth-child(1){background-color: #5299c9;color: #fff;height: 150px;}
.office_list2 > li:nth-child(2)::before{width: 300%}

@media screen and (max-width:800px){
	.organ{ overflow: auto;}
	.organ_down{overflow: auto;}
	.organ>div{ width: 760px; }
	.office_list > li:not(:last-child)::before{width: calc(100% + 1.6em);}
	.office_list > li:nth-child(2)::before{width: 300%;}
}