@charset "utf-8";
.hidden {position: absolute; top: 0; left: -999999999999px;}

.greeting-01{ height:250px; position:relative;border-bottom:1px solid #000}
.greeting-01 .btxt{padding-top:58px; color:#003d81; height:114px; line-height:130%;font-family: 'NanumGothic'; font-weight:400; letter-spacing:-0.06em;}
.greeting-01 .stxt{color:#555; font-size:16px; letter-spacing:-0.05em;}
.greeting-01 .stxt span{color:#333; font-size:22px; font-weight:600;}
.greeting-01 .img{width:306px; height:auto; position:absolute; right:0; bottom:0; z-index:-1}
.greeting-01 .img img{width:100%;}

.greeting-02{ margin-top:40px; color:#000; font-size:16px; line-height:180%; font-weight:300; letter-spacing:-0.08em;}
.greeting-02 .tgray{color:#555}
.greeting-02 .tblue{color:#003d81}

	@media only screen and (min-width:1200px){
		.greeting-01 .btxt{font-size:28px;}
	}
	@media only screen and (min-width:1001px) and (max-width:1199px){ 
		.greeting-01 .btxt{font-size:24px;}
		.greeting-01 .stxt{font-size:15px}
		.greeting-01 .stxt span{font-size:20px}
		.greeting-01 .img{width:270px}
	}
	@media only screen and (max-width:1000px){
		.greeting-01 .btxt{font-size:24px;}
		.greeting-01 .stxt{font-size:15px}
		.greeting-01 .stxt span{font-size:20px}
		.greeting-01 .img{width:270px}

		.greeting-02{font-size:15px; line-height:160%;}
	}
	@media only screen and (max-width:780px){
		.greeting-01{height:auto; padding-bottom:50px;}
		.greeting-01 .btxt{font-size:24px;padding-right:300px ; height:auto; padding-bottom:30px}
		.greeting-01 .stxt{font-size:15px; }
		.greeting-01 .stxt span{font-size:20px}
		.greeting-01 .img{width:250px}
	}
	@media only screen and (max-width:680px){
		.greeting-01{height:auto; padding-bottom:0px;}
		.greeting-01 .btxt{font-size:20px;padding-right:80px ;padding-top:10px; height:auto; padding-bottom:10px}
		.greeting-01 .stxt{font-size:13px; }
		.greeting-01 .stxt span{font-size:18px; display:block;}
		.greeting-01 .img{ width:auto; position:relative; margin-top:-40px; left:auto; top:auto; text-align:right;}
		.greeting-01 .img img{width:70%; max-width:306px;}
	}

	@media only screen and (max-width:480px){
		.greeting-01 .btxt{font-size:18px;  padding-right:0}
		.greeting-01 .img img{width:60%;}

		.greeting-02{font-size:14px; line-height:150%;}
	}     



/*
--------------------------------
			2018.01.04			
--------------------------------
*/

/**약력**/
.frofile {background-color:#f3f7f9; border: 1px solid #dbdee2; padding: 25px; padding-right:5px; overflow:hidden;}
.frofile img {float: left; width:30%;}
.frofile ul {float:right; width:65%;}
.frofile ul li {line-height: 155%;}






	@media only screen and (max-width:680px){ 
		.frofile {padding: 10px;}
		.frofile ul {margin-left: 2%;}
		.frofile img {width: 40%;}

	}
	@media only screen and (max-width:480px){ 
		.frofile img{width:70%;}
		.frofile ul {margin-top: 10px;}
	}

/**역대의장**/
table td.tbl-bg {background-color:#f3f5f8 !important; font-weight:bold; font-size: 16px; }

.history_view {overflow: hidden;}
.history_view p.his_img {float: left;}
.history_view div {display:inline-block; padding-left: 4%;}
.history_view div p {font-size: 22px; color: #555; font-weight:bold; }
.history_view div ul {margin-top: 20px; }
.history_view div ul.lineb {border-bottom: 1px dotted #ccc;}
.history_view div ul li {overflow:hidden;}
.history_view div ul li span {padding-bottom: 15px; display: inline-block; font-size: 15px; font-weight: bold; color:#48698f; width: 80px; float:left;}

.history_view_text {background-color:#f3f7f9; border: 1px solid #dbdee2; padding: 25px 30px; padding-right:5px; overflow:hidden;}
.history_view_text p {margin-bottom: 20px; border-bottom: 2px solid #5c5c5c; padding-bottom: 5px; display: inline-block; font-weight:bold; color: #555d67;}
.history_view_text ul {/* margin-top: 20px; */}

/**연혁**/
.his02 {background: url('/img/council/Sub/his_03.png') 0 0 no-repeat; padding-top: 30%; background-size: 100%; }
.his01 {background: url('/img/council/Sub/his_01.jpg') 0 0 no-repeat; padding-top: 30%; background-size: 100%; }

@media only screen and (max-width:480px){ 
		.his02 {background: none; padding-top: 0;}
		.his01 {background: none; padding-top: 0;}
		.history_view p.his_img {width: 35%;}
		.history_view p img {width: 90%;}
		.history_view div {width: 60%; padding-left: 0%;}
	}


/**찾아오시는길**/
.locationBox { margin-bottom:50px; overflow:hidden;}
.locationBox .txtBox { width:100%; height:90px; font-size:0; background:#59697b;}
.locationBox .txtBox .address { float:left; width:70%; padding:10px 50px; height:100%; box-sizing:border-box;}
.locationBox .txtBox .address i { font-size:14px; color:#fff;  padding:10px 0 10px 70px; line-height:150%;background:url(/img/portal/sub/s4_02_04_icon01.png) no-repeat left center; display:inline-block;}
.locationBox .txtBox .address a { color:#fff;}
.locationBox .txtBox .full-view {float:right; width:30%; height:100%; padding-top:35px; text-align:center; background:#005fca; display:block; box-sizing:border-box; }
.locationBox .txtBox .full-view i { font-size:18px; color:#fff; letter-spacing:-0.08em; padding:10px 0 10px 65px; background:url(/img/portal/sub/s4_02_04_icon02.png) no-repeat left center}
.subway .tit { padding:15px 0 15px 60px; margin-bottom:10px; font-size:18px; letter-spacing:-0.08em; background:url(/img/portal/sub/s4_02_04_icon03.png) no-repeat left center;}
.subway .stxt span { width:20px; height:20px; margin-left:5px; line-height:20px; font-size:12px; text-align:center; color:#fff; font-weight:600; background:#e84700; display:inline-block; border-radius:50%;}
.bus .tit { padding:15px 0 15px 60px; margin-bottom:10px; font-size:18px; letter-spacing:-0.08em; background:url(/img/portal/sub/s4_02_04_icon04.png) no-repeat left center;}
.about02-04 .tbl-type01 td { text-align:left; padding-left:20px;}

 
 
/**현역의원**/
.intro_wrap {margin: 0 -1%; overflow:hidden;}
.intro_wrap .intro {float: left; overflow:hidden; width: 43%; padding: 2%; margin: 0 1% 2% 1%; background: #f5f5f5;border: 1px solid #ddd; height:170px;} 
.intro_wrap .intro:hover {background-color:#f3f7f9; border: 1px solid #8e959e;}
.intro_wrap .intro img {float: left;}
.intro_wrap .intro .info {float: left; margin-left: 5%; width: 60%;}
.intro_wrap .intro .info dt {font-size: 22px; font-weight:bold; color:#555;line-height: 50px;}
.intro_wrap .intro .info dd ul li {font-size: 14px; color: #555;}
.intro_wrap .intro .info dd ul span {font-weight:bold; color: #555d67; font-size: 14px; display: inline-block;}
.intro_wrap .intro .info .button{margin-top: 25px;}

@media only screen and (max-width:865px){ 
		.intro_wrap .intro {width: 95%; margin:0 0 1% 0;}		
}
@media only screen and (max-width:440px){
		.intro_wrap .intro img {width: 30%;}
		.intro_wrap .intro .info {width: 60%;}
}
.lineb {border-bottom: 1px dotted #ccc;}


/**조직도**/
.about02-03 .org_wrap{position:relative; overflow:hidden; background: url(/img/council/Content/jojic_line.png) center 55px no-repeat; }
.about02-03 .org_wrap .org_btn{position:absolute; right:0;}
.about02-03 .org_wrap .council {position:absolute;top:80px;right:12%;display:block; width: 190px;height:55px; text-align:center; margin-left:-90px;}
.about02-03 .org_wrap .council dt {background-color:#17bac3; font-size:20px; font-weight:600; color:#fff; line-height:55px;}
.about02-03 .org_wrap .council dt a {color:#fff;}
 

.about02-03 .org_wrap .mayor{color:#fff; position:absolute;top:0px;left:48%;display:block;width: 190px;height:55px;font-size:20px; font-weight:600; text-align:center; line-height:55px; margin-left:-90px; background-color:#005fcb;}
.about02-03 .org_wrap .mayor a {color:#fff;}
.about02-03 .org_wrap .AssistantMayor{position:absolute;top:120px;left:50%;display:block;width: 179px;height:74px; font-size:20px; font-weight:600;  color:#000; text-align:center; line-height:70px; margin-left:-90px; background: url(/img/portal/sub/s4_02_02_org_bg02.png) no-repeat;/* border:6px solid #c2dff9; */}
.about02-03 .org_wrap > li{background:url(/img/portal/sub/s4_02_02_org_line1.png) center 91px no-repeat;}
.about02-03 .org_wrap .officeList{padding-top: 185px;width:77%;overflow:hidden; margin: 0 auto;}
.about02-03 .org_wrap ul.officeList > li{margin:0 1%; width: 190px; }
.about02-03 .org_wrap ul.officeList > li > span{background-color:#2ca0dd; color:#fff; display:block; width: 100%;height:55px; line-height:55px; text-align:center;  font-size:16px; }
.about02-03 .org_wrap ul.officeList ul li span{ width:100%; line-height:55px; font-size:14px; text-align:center; border:1px solid #dddee3; background-color:#fff; margin-top:7px; display:block;}
.about02-03 .org_wrap ul.officeList ul li a:hover {border:1px solid #707f91;}
.about02-03 .org_wrap ul.officeList ul li a:hover > span { text-decoration:underline;}
/*.about02-03 .org_wrap ul.officeList ul li > span{display:block;  color:#333; text-align:center; background:#000;}*/
.about02-03 .org_wrap ul.officeList ul li > span::before{content:''; float:left; display:block; text-align:center;}

 .about02-03 .org_wrap .bottomList {width:77%; margin:0 auto; margin-top: 35px; overflow:hidden;}
 .about02-03 .org_wrap ul.bottomList li span {display: block; width: 190px; height:55px; line-height:55px; text-align:center; background-color:#ee9b25; color:#fff;}
 .about02-03 .org_wrap ul.bottomList li {margin: 0 1%; width:32%;float: left; }
 .about02-03 .org_wrap ul.bottomList li.b-List {margin-left: 35%; }
.about02-03 .org_wrap .bottomList .item01 { margin-top:80px;}
.about02-03 .org_wrap .bottomList .item03 {display: flex; flex-wrap: nowrap; width: 67%; gap: 10px; align-items: center; margin: 36px 0 0 0; justify-content: center; position: relative; left: 50%; transform: translate(-50%, 0);}

	@media all and (max-width:960px){
		.about02-03 .org_wrap {background-size: 70% 506px;}
		.about02-03 .org_wrap .officeList {width: 100%;} 
		.about02-03 .org_wrap .bottomList {width: 100%;}
		
		 
	}
	@media all and (max-width:640px){ 
		.about02-03 .org_wrap .council {right:0; width: 40%;}
		.about02-03 .org_wrap .council dt {font-size: 17px;}

		.about02-03 .org_wrap{ }
		.about02-03 .org_wrap ul.officeList > li {width: 40%;}
		.about02-03 .org_wrap ul.officeList ul li a {font-size: 14px;}
		
		.about02-03 .org_wrap ul.bottomList li span {width: 100%;}

	}

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

		.about02-03 .org_wrap ul.officeList > li {width: 43%;}
		.about02-03 .org_wrap ul.officeList ul li span { font-size:12px;}


	}
/*API지도*/
.root_daum_roughmap { width:100% !important; height:100% !important;}
.root_daum_roughmap .wrap_map {height:100% !important;}
.root_daum_roughmap .wrap_controllers { height:0 !important; }
.root_daum_roughmap .wrap_controllers .wrap_btn_roadview { display:none;}
.root_daum_roughmap .wrap_controllers .wrap_btn_zoom {top:-27px !important;}

/*API지도*/
.locationBox_api { width:100%; height:500px;}
.root_daum_roughmap { width:100% !important; height:100% !important;}
.root_daum_roughmap .wrap_map {height:100% !important;}
.root_daum_roughmap .wrap_controllers { height:0 !important; }
.root_daum_roughmap .wrap_controllers .wrap_btn_roadview { display:none;}
.root_daum_roughmap .wrap_controllers .wrap_btn_zoom {top:-27px !important;}   

	@media all and (max-width:680px){
		.locationBox_api { height:300px;}
	}