@charset "utf-8";
/**
 * @File Name : content.css
 * @Description : Subpage Body Contents CSS.
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2018.00.00 | 성이름 | 최초 등록
 * </pre>
 * @author 웹표준화실 문영신
 * @since 2018.05.10
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/*! Subpage Body Content Each Template v.20150905~ 20160929. 20170621 | by @Who
 ★ 최초…최종 작업자는 * 수정일 | 수정자 | 수정내용 ~ 을 항상 남겨주세요!
 */

/* [IE8+]compatible! */

/* Table of contents ))
 | .content1template1
 | …
 */

/* All Device ◆◆◆◆◆◆◆◆◆◆ */

/* ◇◆ StyleName. YYYYMMDD. @Who	 ◇◆ */


/* content1template1 */
.content1template1{position:relative;margin:1.375em auto;line-height:1.375;}
.content1template1>.wrap1{}

/* 인사말 */
.greeting1{display:block;
	position:relative;
	color:#000;
	word-break:keep-all;
	background:url(../../img/sub/p00581_img01.png) no-repeat 50% 0;
	background-size:contain;
	margin:0 -20px;
	padding:100% 0 0;
}

.greeting1 .deco1{display:block;
	position:relative;
	padding:40px 1em 10px;
}
.greeting1 .deco1:before{content:'';
	display:block;
	position:absolute;left:0;top:0;
	width:110px;height:93px;
	background:url(../../img/lib2/quotationmarks.png) no-repeat;
	background-size:contain;
}
.greeting1 .dpib{vertical-align:middle;}
@media all and (min-width:768px){
	.greeting1{
		background-position:100% bottom;
		background-size:contain;
		margin:0;
		padding:0 350px 0 0;
	}
}
@media all and (min-width:1200px){
	.greeting1{
		background-size:auto;
		min-height:500px;
		padding:70px 550px 0 20px;
	}

}


/* 프로필 */
.profile1{display:block;position:relative;
	padding:35% 0 0;
}
.profile1:before{content:'';display:block;
	position:absolute;left:0;top:0;
	width:100%;height:0;
	padding:0 0 44.834%;
	background:url(../../img/sub/p00582_bg01.png) no-repeat;
	background-size:contain;
}
.profile1>.wrap1{
	position:relative;
	margin:0;padding:0;
}
.profile1 .column{background:#fff;}
.profile1 .h7{display:block;
	padding:0;margin:1em 0 .5em;
	color:#000;
}
@media all and (min-width:640px){
	.profile1{padding:22% 0 0;}
	.profile1>.wrap1{margin:0 2em;}
	.profile1 .even-grid[class*='evenmix-12']>.column{width:100%;
		padding:0 2em;
	}

}
@media all and (min-width:1200px){
	.profile1{padding:10% 0 0;}
	.profile1 .even-grid[class*='evenmix-12']>.column{width:50%;
		padding:1em 2.5em;
	}
	.profile1 .column:nth-of-type(2){margin-top:250px;}
}




/* 시장에게 바란다 */
.search1select10 .text1{width:81%;}
.search1select10 .text2{width:47.333%;}
.search1select10 [class*='select']{width:24%;}
@media all and (min-width:640px){
	.search1select10 .text2{width:48%;}
}
@media all and (min-width:768px){
	.search1select10 .text1{width:50%;}
	.search1select10 .text2{width:19%;}
	.search1select10 [class*='select']{width:18.5%;}
	.search1select10 [class*='select']:nth-of-type(4){width:30%;}
}
@media all and (min-width:1200px){
	.search1select10 .text2{width:19.2%;}
}


/* 매니페스토란 */
.viotxt{/* color:#8c0769; */color:#e83f7f;}

.manif{font-size:18px;}
.manif .tt1{font-size:44px;}
.manif .tt2{font-size:36px;line-height:1.3;}


@media all and (max-width:768px){
	.manif .tt1{font-size:30px;}
	.manif .tt2{font-size:26px;}
}

.line11{width:50px; height:4px; margin:20px 0 20px;/* background:#8c0769; */background:#e83f7f;overflow:hidden;display:block; }


/* 공약세부실천계획 */
.pledge1list1{}
.pledge1list1 .wrap1{border:1px solid #ddd;}
.pledge1list1 .w1c1{padding:0.8em 1em;border-bottom:1px dotted #ddd;}
.pledge1list1 .w1c1 .t1{font-size:1.125em;color:#333}
.pledge1list1 .w1c2{padding:0.5em 1em;background:#f7f7f7;overflow:hidden;}
.pledge1list1 .w1c2 .t2{display:block;float:left;
	font-size:0.938em;
	margin:.2em 0 0;
}
.pledge1list1 .w1c2 .btn1{float:right;}
.pledge1list1 .w1c2 .btn1>.button{margin:0;}

.button .ic1{display:inline-block;
	width:20px;height:20px;
	margin:0 3px 0 0;
	vertical-align:top;
	background:url() no-repeat;
}
.button.view .ic1{background-image:url(../../img/sub/ic40a1c0menus3.png)}
.button.pdf .ic1{background-image:url(/_res/portal/img/lib/ic40a6pdf1.png)}





.pledge1status1 .w1{background:#f7f7f7;border:1px solid #ddd;overflow:hidden;}
.pledge1status1 .w1c1{padding:2em;background:#fff;}
.pledge1status1 .w1c1>.t1{display:block;
	width:250px;
	margin:0 auto 20px;padding:8px 0;
	text-align:center;
	color:#f3699a;font-size:1.250em;
	border:5px solid #f3699a;
	border-radius:25px;
	overflow:hidden;
}
.pledge1status1 .w1c1>.ic1{display:block;
	max-width:273px;height:285px;
	margin:0 auto;
	background:url(../../img/sub/p00588_graph01_2022.png) no-repeat;
}
.pledge1status1 .w1c2{
	padding:2em;
}
.pledge1status1 .w1c2 ul{
	list-style:none;padding:0;margin:-10px -1%;
	box-sizing:border-box;
}
.pledge1status1 .w1c2 .m{display:inline-block;
	width:33.333%;
	margin:0 -.25em 0 0;
	padding:10px 1%;
	text-align:center;
	vertical-align:top;
	box-sizing:border-box;
}
.pledge1status1 .w1c2 .m .ic1{display:block;
	width:65px;height:65px;
	margin:0 auto 10px;
	background:url() no-repeat;
}
.pledge1status1 .w1c2 .m1 .ic1{background-image:url(../../img/sub/p05552_graph_20220211_02.png);}
.pledge1status1 .w1c2 .m2 .ic1{background-image:url(../../img/sub/p05552_graph_20220211_03.png);}
.pledge1status1 .w1c2 .m3 .ic1{background-image:url(../../img/sub/p05552_graph_20220211_04.png);}
.pledge1status1 .w1c2 .m4 .ic1{background-image:url(../../img/sub/p05552_graph_20220211_05.png);}
.pledge1status1 .w1c2 .m5 .ic1{background-image:url(../../img/sub/p05552_graph_20220211_06.png);}
.pledge1status1 .w1c2 .t1{display:block;
	line-height:1.2em;
	color:#222;
}
.pledge1status1 .w1c3{
	margin:.5em 0 3em;
	padding:2em 1em;
}
@media all and (min-width:768px){
	.pledge1status1 .w1c1{float:left;width:45%;padding:2em 0}
	.pledge1status1 .w1c2{float:left;width:55%;padding:5em 0 0}
	.pledge1status1 .w1c2 .m .ic1{width:100px;height:100px;}
	.pledge1status1 .w1c3{padding:2em;}
}
@media all and (min-width:1200px){
	.pledge1status1 .w1c1{float:left;width:32%;padding:2em 0}
	.pledge1status1 .w1c2{float:left;width:64%;padding:9em 2% 0}
	.pledge1status1 .w1c2 .m{width:20%;}
	.pledge1status1 .w1c2 .m .ic1{width:130px;height:130px;
		margin-bottom:20px;
	}
	.pledge1status1 .w1c2 .t1{font-size:1.125em;}
}


.mgreeting1{margin:0 auto;padding:30px  5.166%;text-align:center;}
.mgreeting1 .h1{font-size:18px;letter-spacing:-1px;color:#000;margin-top:40px; }
.mgreeting1 .deco1{display:block;width:104px;height:98px; margin:0 auto 10px;margin-top:0; padding-top:0;
	background:url() no-repeat center center;
	background-size:contain;
}
.mgreeting1>p>img{width:100%}

@media all and (min-width:768px){
.mgreeting1 .h1{font-size:20px;font-weight:normal; line-height:1.3}
.mgreeting1>p>img{width:auto}
}

.mgreeting1 .deco1.greeting{background-image:url(/_res/mayor/img/sub/p00585_img2.png);}




.mgreeting2{position:absolute;text-align:center;display:block;position:absolute;left:0;right:0;top:0;}
.mgreeting2 .h1{font-size:18px;letter-spacing:-1px;color:#000;margin-top:40px; }
.mgreeting2 .deco1{display:block;width:104px;height:98px; margin:0 auto 10px;margin-top:0; padding-top:30px;
	background:url() no-repeat center center;
	background-size:contain;
}


@media all and (min-width:768px){
.mgreeting2 .h1{font-size:20px;font-weight:normal; line-height:1.3}
.mgreeting2>p>img{width:auto}
}

.mgreeting2 .deco1.greeting{background-image:url(/_res/mayor/img/sub/p00585_img2.png);}

#v1cont2{display:block;position:relative;box-sizing:border-box;
	margin:2em -30%; /* (((1920-1200)/2)/1200) */
	padding:1em 0;
	background:#fff;
}
#v1cont2 [class*='v1']{
	position:relative;
	height:100%;
	margin:0 -400px; /* =(2000-1200)/2 */
	padding:30px 0;
}
#v1cont2 [class*='v1'] img{display:block;
	width:auto;
	height:100%;
	margin:0 auto;
}




#v1cont1{display:block;position:relative;box-sizing:border-box;
	margin:2em -30%; /* (((1920-1200)/2)/1200) */
	padding:1em 0 ;
	background:#fff;
}
#v1cont1 [class*='v1']{
	position:relative;
	height:100%;
	margin:0 -400px; /* =(2000-1200)/2 */
}
#v1cont1 [class*='v1'] img{display:block;
	width:auto;
	height:100%;
	margin:0 auto;
}


#v1cont1 .tg1{display:block;
	position:absolute;left:0;right:0;top:0;
	color:#fff;
	text-align:center;
}

#v1cont1 .tg1cont{width:100%;margin:0 auto;margin-top:-40px;}
#v1cont1 .wpd1{padding:10px 20% !important;}
#v1cont1 .tg1 a{color:#f7ffab;}

#v1cont1 .wpd1 .column img{width:100%;}

.p00_sam {text-align: center;padding:20px 0 0 0;  }
.p00_sam .tt1{padding:20px 0;}
.p00_sam .san_lis{margin: 0;margin-top: 0;}
.p00_sam .san_lis:after{display: block;content: '';clear: both;}
.p00_sam .san_lis > li{list-style:none; position:relative;float:left;padding: 20px 10px 30px 10px; }
.p00_sam .san_lis > li:after{display: block;content: '';width: 36px;height:36px;background: url(/_res/mayor/img/sub/p00585_img15.png) no-repeat 0;position: absolute;bottom:0px;right:78%;}
.p00_sam .san_lis .bu > li{text-align: left;margin-bottom: 2px;}
.p00_sam .san_lis > li:last-child:after{display: none;}


@media all and (min-width:768px){
.p00_sam {text-align: center;padding:120px 0 0 0;  }
.p00_sam .san_lis > li:after{background: url(/_res/mayor/img/sub/p00585_img15.png) no-repeat 0 0;position: absolute;top:100px; right:-11px;}


}


@media all and (min-width:768px){
	#v1cont1 .tg1cont{margin-top:140px;height:430px;background:url(/_res/mayor/img/sub/p00585_img8.png) 50% no-repeat;}
	#v1cont1 .tg1cont{width:60%;}
	#v1cont1 .t5{padding-top:80px;}
	#v1cont1 .wpd1{padding:0 !important;}
	#v1cont1 .wpd1{position:absolute;top:0px; width:100%;}
	#v1cont1 .wpd1 .t1{text-align:left;}
	#v1cont1 .wpd1 .t2{text-align:right;}
	#v1cont1 .wpd1 .t3{text-align:left;padding-top:60px;}
	#v1cont1 .wpd1 .t4{text-align:right;padding-top:60px;}
	#v1cont1 .wpd1 .column img{width:auto;}

}
@media all and (min-width:1000px){
/*	#v1cont1 .t1{padding-top:3em;font-size:36px;} */
	#v1cont1 .tg1cont{width:44.5%;}
}


/* 비전과 철학 */
.vision1{display:block;}
.vision1 .wrap1{position:relative;margin:0 20px;}
.vision1 .vision1s1{
	background:url(../../img/sub/p00585_img10.png) no-repeat;
	background-size:contain;
	margin:0 -20px;
	text-align:center;
}
.vision1 .vision1s1 .h1{display:block;
	background:url(../../img/sub/p00585_img16.png) no-repeat;
	width:114px;height:40px;
	margin:0 auto 70px;
	background-size:cover;
}
.vision1 .vision1s1 .h2{margin:50px 0;
	color:#333;
	font-size:25px;
}
.vision1 .vision1s1 .h2{display:block;
	width:100px;height:50px;
	margin:35px auto;
	background:url(../../img/sub/p00585_img2.png) no-repeat;
	background-size:contain;
}
.vision1 .vision1s1 .f1>img{width:100%;max-width:493px;}
.vision1 .vision1s1 .f2>img{width:100%;max-width:637px;}
.vision1 .vision1s1 .t1{text-align:center; color:#333;margin:40px 0 0;}
.vision1 .vision1s2{
	background:url(../../img/sub/p00585_bg.png) no-repeat 50% 50%;
	background-size:cover;
	margin:100px -20px 50px;
	padding:0 0 70px;
}
.vision1 .vision1s2 .h1{display:block;
	position:absolute;left:50%;top:-67px;
	background:url(../../img/sub/p00585_img1.png) no-repeat;
	background-size:contain;
	width:133px;height:133px;
	margin:0 0 0 -67px;
}
.vision1 .vision1s2 ul.even-grid{padding-top:80px}
.vision1 .vision1s2 ul.even-grid>li.column>a{display:block;
	max-width:212px;
	margin:0 auto;
}
.vision1 .vision1s2 ul.even-grid>li.column>a>img{width:100%;}
.vision1 .vision1s3>.wrap1{margin:0}
.vision1 .vision1s3 .h1{display:block;
	background:url(../../img/sub/p00585_img11.png) no-repeat;
	background-size:contain;
	width:165px;height:53px;
	margin:0 auto;
}
.vision1 .vision1s3 ul.even-grid>li.column{position:relative;}
.vision1 .vision1s3 ul.even-grid>li.column>img{display:block;
	width:210px;
	margin:0 auto;
}
.vision1 .vision1s3 ul.even-grid>li.column:before{content:'';
	display:block;
	width:36px;height:36px;
	margin:0 auto;
	background:url(../../img/sub/p00585_img15.png) no-repeat;
}
.vision1 .vision1s3 ul.even-grid>li.column:first-child:before{display:none;}
@media all and (min-width:640px){
	.vision1 .vision1s2 .h1{top:50%;margin:-133px 0 0 -133px;
		width:266px;height:266px;
	}
	.vision1 .vision1s3 ul.even-grid>li.column:before{position:absolute;
		left:0;top:50%;
		margin:-18px 0 0 -18px;
	}
}
@media all and (min-width:1260px){
	.vision1 .wrap1{margin:0 auto;width:1200px;}
	.vision1 .vision1s1{margin:0 -360px;}
	.vision1 .vision1s1 .h2{margin:60px auto;}
	.vision1 .vision1s1 .t1{font-size:20px;}
	.vision1 .vision1s2{
		padding:0;
		margin:50px -360px 0;
		height:814px;
		background:url(../../img/sub/p00585_bg2.png) no-repeat 50% 0;
		background-size:auto;
	}
	.vision1 .vision1s2>.wrap1{width:900px;height:100%;}
	.vision1 .vision1s2 .h1{margin-top:-180px}
	.vision1 .vision1s2 .h1:before{content:'';
		display:block;
		position:absolute;left:50%;top:50%;
		margin:-200px 0 0 -216px;
		width:432px;height:389px;
		background:url(../../img/sub/p00585_img8.png);
	}
	.vision1 .vision1s2 ul.even-grid>li.column>a{margin:0;padding:30px 0 70px;float:left;}
	.vision1 .vision1s2 ul.even-grid>li.column:nth-child(2n)>a{float:right;}
	.vision1 .vision1s3{margin:-180px 0 100px;}
}















.flow2{list-style:none;margin:0;padding:0;border:1px solid #c8c8cc;background:#fcfdfe;/*background:#fafafa;*/}
.flow2:after{display:none}
.flow2>li{position:relative;vertical-align:top;border:1px solid #d5d7e6;border-width:0 0 1px;padding:70px 20px 40px 10px !important; }
.flow2>li:before{display:block;position:absolute;left:10px;top:10px;font-size:30px;line-height:35px;color:#11559f; text-align:center;padding-top:20px;}
.flow2>li:nth-child(1):before{content:'1단계';color:#a5b2b3;}
.flow2>li:nth-child(2):before{content:'2단계';color:#829bab}
.flow2>li:nth-child(3):before{content:'3단계';color:#608fae}
.flow2>li:nth-child(4):before{content:'4단계';color:#3d78a1}
.flow2>li:nth-child(5):before{content:'05';background-color:#286ab1}
.flow2>li:nth-child(6):before{content:'06';background-color:#11559f}
.flow2>li:nth-child(7):before{content:'07';background-color:#004085}
.flow2>li:nth-child(8):before{content:'08';background-color:#052e44}
.flow2>li:nth-child(9):before{content:'09';background-color:#052e44}
.flow2>li:nth-child(10):before{content:'10';background-color:#052e44}
.flow2>li:after{content:'';position:absolute;left:80px;top:-1px;display:block;width:37px;height:20px;background:url(/_res/portal/img/sub/arrow2ss.png) no-repeat;}
.flow2>li:first-child:after{background:transparent;}
.flow2>li:last-child{border:0;}
.flow2 .t1{display:block;font-size:22px;color:#000;margin:.25em 0;line-height:1.333;}
.flow2 .t2{display:block;}

@media all and (min-width:768px){
	.flow2>li{position:relative;vertical-align:top;border:1px solid #d5d7e6;border-width:0 0 1px;padding:30px 20px 40px 180px !important; }
	.flow2>li:before{display:block;position:absolute;left:30px;top:30px;font-size:30px;font-family:Helvetica,Arial,sans-serif;line-height:35px;color:#fff;width:100px;height:70px;border-radius:100px;text-align:center;padding-top:30px;}
	.flow2>li:nth-child(1):before{content:'1단계';background-color:#a5b2b3;color:#fff;}
	.flow2>li:nth-child(2):before{content:'2단계';background-color:#829bab;color:#fff;}
	.flow2>li:nth-child(3):before{content:'3단계';background-color:#608fae;color:#fff;}
	.flow2>li:nth-child(4):before{content:'4단계';background-color:#3d78a1;color:#fff;}
}

/* flow1. */
.flow1{border:1px solid #c8c8cc;background:#fcfdfe;/*background:#fafafa;*/}
.flow1:after{display:none}
.flow1>li{position:relative;vertical-align:top;border:1px solid #d5d7e6;border-width:0 0 1px;padding:30px 2% 5% 70px !important;}
.flow1>li:before{display:block;position:absolute;left:15px;top:30px;font-size:20px;font-family:Helvetica,Arial,sans-serif;line-height:30px;color:#fff;width:30px;height:30px;border-radius:100px;text-align:center;}
.flow1>li:nth-child(1):before{content:'01';background-color:#a5b2b3}
.flow1>li:nth-child(2):before{content:'02';background-color:#829bab}
.flow1>li:nth-child(3):before{content:'03';background-color:#608fae}
.flow1>li:nth-child(4):before{content:'04';background-color:#3d78a1}
.flow1>li:nth-child(5):before{content:'05';background-color:#286ab1}
.flow1>li:nth-child(6):before{content:'06';background-color:#11559f}
.flow1>li:nth-child(7):before{content:'07';background-color:#004085}
.flow1>li:nth-child(8):before{content:'08';background-color:#052e44}
.flow1>li:nth-child(9):before{content:'09';background-color:#052e44}
.flow1>li:nth-child(10):before{content:'10';background-color:#052e44}


.flow1>li:after{content:'';position:absolute;left:80px;top:-1px;display:block;width:37px;height:20px;background:url(/_res/portal/img/sub/arrow2ss.png) no-repeat;}
.flow1>li:first-child:after{background:transparent;}
.flow1>li:last-child{border:0;}
.flow1>li>.t1{display:block;font-size:18px;color:#000;margin:.25em 0;line-height:1.333;font-family:'Noto Sans','나눔스퀘어',NanumSquare,'Nanum Square','맑은 고딕','Malgun Gothic';}
.flow1>li>.t2{display:block;color:#333;}
@media all and (min-width:768px){
	.flow1{display:table !important;table-layout:fixed !important;padding:0 !important;width:100%;}
	.flow1>li{display:table-cell !important;vertical-align:top;border-width:0 1px 0 0;padding:2% 2% 4% 3% !important;/*height:146px;min-height:146px;*/}
	.flow1>li:before{position:relative;left:0;top:0;}
	.flow1>li:after{left:-1px;top:55px;width:20px;height:37px;background:url(/_res/portal/img/sub/arrow2s.png) no-repeat 0 0;}
}

.snsntac {text-align:left;}

span.btn1, a.btn1{display:inline-block;
	vertical-align:top;
	margin:0;
	font-size:16px;
}
span.btn1>.ic1, a.btn1>.ic1{display:inline-block;
	width:30px;height:30px;
	background:url() no-repeat;
	background-size:contain;
	vertical-align:middle;
	margin:8px 5px 8px 10px;
}
.btn1+.btn1{margin:0;}
span.btn1>.t1, a.btn1>.t1{color:#555;}
span.btn1.icon1>.ic1, a.btn1.icon1>.ic1{background-image:url(/_res/portal/img/lib2/ic42a1c1home1.png);margin:8px 5px 8px 0px;}
span.btn1.icon2>.ic1, a.btn1.icon2>.ic1{background-image:url(/_res/portal/img/inc/bn1blog@2x.png);}
span.btn1.icon3>.ic1, a.btn1.icon3>.ic1{background-image:url(/_res/portal/img/inc/bn1facebook@2x.png);}
span.btn1.icon4>.ic1, a.btn1.icon4>.ic1{background-image:url(/_res/portal/img/inc/bn1twitter@2x.png);}
span.btn1.icon5>.ic1, a.btn1.icon5>.ic1{background-image:url(/_res/portal/img/inc/bn1kakaostory@2x.png);}
span.btn1.icon6>.ic1, a.btn1.icon6>.ic1{background-image:url(/_res/portal/img/inc/bn1instagram@2x.png);}

@media all and (min-width:768px){
	.snsntac {text-align:center;}
	span.btn1>.ic1, a.btn1>.ic1{margin:20px 5px 20px 40px;}
	span.btn1.icon1>.ic1, a.btn1.icon1>.ic1{background-image:url(/_res/portal/img/lib2/ic42a1c1home1.png);margin:20px 5px 20px 0px;}

}


/*공약지도 20220830*/
.mapp01 {
	clear: both;
	position: relative;
	width: 100%; /* background:url(../../img/sub/00295_img1.jpg) 0 0 no-repeat;background-size:contain; */
	margin-bottom: 40px;
}
.mapp01 img {
	width: 100%;
}
.mapp01 .hg2 {
	position: relative;
	margin: -169px 0px 83px 0px;
	color: #fff;
	z-index: 10;
	text-align: center;
}
.mapp01 .hg2 .cate {
	display: block;
	margin: 0 auto;
	width: 275px;
	height: 34px;
	line-height: 34px;
	background: #fff;
	/*border:2px solid #fff;*/
	color: #1c1c1c;
	border-radius: 40px;
	box-sizing: border-box;
	text-align: center;
	font-size: 17px;
	font-weight: 600;
}
.mapp01 .hg2 .cate>span{font-size:18px;font-weight:900;color:#ca0e0e;}
.mapp01 .h3 {
	position: relative;
	font-size: 36px;
	font-weight: 400;
	display: block;
	padding: 0;
	margin: 8px 0;
	line-height: 1.2;
	text-shadow: 0px 0px 5px #525252;
}
.mapp01 .num {
	font-weight: 600;
	font-size: 50px;
	line-height: 1;
	display: inline-block;
	vertical-align: top;
	padding-right: 10px;
}
.mapp01 .h2 {
	position: relative;
	font-size: 30px;
	font-weight: 400;
	display: inline-block;
	padding-top: 20px;
	line-height: 1.2;
}
.mapp01 .h2:before {
	position: absolute;
	top: 10px;
	left: 0;
	content: "";
	display: block;
	width: 300px;
	height: 1px;
	background: #fff;
	opacity: 0.5;
}
.mapp01 .box1 {
	position: relative;
	display: block;
	padding: 10px 40px;
	box-sizing: border-box;
	background: #fff;
}
.mapp01 .tt1 {
	display: block;
	font-size: 18px;
}
ol.bo2>li:before {
	display: inline-block;
	box-sizing: border-box; /* ☆ */
	width: 1.429em; /* =20/14 */
	height: 1.429em;
	min-width: 22px;
	min-height: 22px;
	margin: 0 .721em 0 -2.4em; /* ((2.1/.875)-1.429-.25) (2.1/.875) */
	padding: 3px 0; /* ((20-14)/2) */
	border-radius: 9999px;
	background: #4c59b9;
	/* border: 2px solid #e74f3a; */
	color: #fff;
	font-weight: 900;
	font-size: .875em; /* =14/16 */
	line-height: 14px; /* 폰트14px이하 최적 */
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
}
ol.bo2 ol.bo2>li:before {
	width: 1.286em; /* =18/14 */
	height: 1.286em;
	min-width: 18px;
	min-height: 18px;
	padding: 2px 0; /* ((18-14)/2) */
	background: #789;
}
.even-grid>.column a {
	color: #000000;
	font-size: 18px;
}
.even-grid>.column a:hover {
	text-decoration:underline;
}

ol.bo2>li:nth-child(1):before {
	content: '1'
}
ol.bo2>li:nth-child(2):before {
	content: '2'
}
ol.bo2>li:nth-child(3):before {
	content: '3'
}
ol.bo2>li:nth-child(4):before {
	content: '4'
}
ol.bo2>li:nth-child(5):before {
	content: '5'
}
ol.bo2>li:nth-child(6):before {
	content: '6'
}
ol.bo2>li:nth-child(7):before {
	content: '7'
}
ol.bo2>li:nth-child(8):before {
	content: '8'
}
ol.bo2>li:nth-child(9):before {
	content: '9'
}
ol.bo2>li:nth-child(10):before {
	content: '10'
}
ol.bo2>li:nth-child(11):before {
	content: '11'
}
ol.bo2>li:nth-child(12):before {
	content: '12'
}
ol.bo2>li:nth-child(13):before {
	content: '13'
}
ol.bo2>li:nth-child(14):before {
	content: '14'
}
ol.bo2>li:nth-child(15):before {
	content: '15'
}
ol.bo2>li:nth-child(16):before {
	content: '16'
}
ol.bo2>li:nth-child(17):before {
	content: '17'
}
ol.bo2>li:nth-child(18):before {
	content: '18'
}
ol.bo2>li:nth-child(19):before {
	content: '19'
}
ol.bo2>li:nth-child(20):before {
	content: '20'
}
ol.bo2>li:nth-child(21):before {
	content: '21'
}
ol.bo2>li:nth-child(22):before {
	content: '22'
}
ol.bo2>li:nth-child(23):before {
	content: '23'
}
ol.bo2>li:nth-child(24):before {
	content: '24'
}
ol.bo2>li:nth-child(25):before {
	content: '25'
}
ol.bo2>li:nth-child(26):before {
	content: '26'
}
ol.bo2>li:nth-child(27):before {
	content: '27'
}
ol.bo2>li:nth-child(28):before {
	content: '28'
}
ol.bo2>li:nth-child(29):before {
	content: '29'
}
ol.bo2>li:nth-child(30):before {
	content: '30'
}
ol.bo2>li:nth-child(31):before {
	content: '31'
}
ol.bo2>li:nth-child(32):before {
	content: '32'
}
ol.bo2>li:nth-child(33):before {
	content: '33'
}
ol.bo2>li:nth-child(34):before {
	content: '34'
}
ol.bo2>li:nth-child(35):before {
	content: '35'
}
ol.bo2>li:nth-child(36):before {
	content: '36'
}
 @media all and (max-width:1023px) {
.mapp01 img {
	height: 150px;
	overflow: hidden;
}
.mapp01 .num {
	font-size: 20px;
	display: block;
}
.mapp01 .hg2 {
	font-size: 24px;
	margin: -121px 0px 55px 0px;
}
.mapp01 .h3 {
	font-size: 24px;
}
}
@media all and (max-width:767px) {
.mapp01 .box1 {
	padding: 10px;
	border: 0px;
}
.mapp01 .hg2 {
	font-size: 24px;
	margin: -121px 0px 55px 0px;
}
}


/* 공약총괄현황 - 공약지도 .20190130 */
.pledge1map1{display:block;}
.pledge1map1>.wrap1{display:block;position:relative;}

/* 모바일에서 전부 보임. */
.pledge1map1 .hg1{display:block !important}
.pledge1map1 .cont1{display:block !important}


.mmap1>.ic1{display:block;
	width:320px;height:310px;
	margin:0 auto;
	background:url(../../img/sub/map1_img01@m2x.gif) no-repeat;
	background-size:contain;
}
#pledge1map1s1 .mmap1>.ic1{background-image:url(../../img/sub/map1_img01@m2x.gif);}
#pledge1map1s2 .mmap1>.ic1{background-image:url(../../img/sub/map1_img02@m2x.gif);}
#pledge1map1s3 .mmap1>.ic1{background-image:url(../../img/sub/map1_img03@m2x.gif);}
#pledge1map1s4 .mmap1>.ic1{background-image:url(../../img/sub/map1_img04@m2x.gif);}

.pledge1map1 .cont1 .h2{display:block;
	padding:10px;
	border-radius:30px;
	color:#fff;
	text-align:center;
	background:#ddd;
	margin:0 0 20px;
}
.pledge1map1 .cont1#pledge1map1s1 .h2{background-color:#3bc2bc}
.pledge1map1 .cont1#pledge1map1s2 .h2{background-color:#2581cb}
.pledge1map1 .cont1#pledge1map1s3 .h2{background-color:#666cc7}
.pledge1map1 .cont1#pledge1map1s4 .h2{background-color:#fd57a8}

.pledge1map1 .cont1 .dl1{list-style:none;padding:0;margin:0;}
.pledge1map1 .cont1 .dt1{display:block;
	padding:15px 0 0 0;margin:20px 0 5px;
	color:#000;font-size:18px;
	font-weight:500;
	border-top:1px dotted #777;
}
.pledge1map1 .cont1 .dt1:first-child{border-top:0;padding:0;margin-top:0}
.pledge1map1 .cont1 .dd1{display:block;
	color:#555;
	padding:0;margin:0;
}
@media all and (min-width:768px){/* medium ◇◆◇◆◇◆◇◆◇◆ */

	.pledge1map1{width:620px;margin:0 auto;}
	/* 태블릿이상 에서 선택만 보임. */
	.pledge1map1 .hg1{display:block !important}
	.pledge1map1 .cont1{display:none !important}
	.pledge1map1 .cont1.on{display:block !important}

	.pledge1map1 .mapbg1{display:block;
		width:670px;height:647px;
		margin:auto;
		background:url(../../img/sub/map1_bg.png) no-repeat;
	}
	.pledge1map1 .hg1{z-index:10;display:block;position:absolute;}
	.pledge1map1 .hg1>a{display:block;
		background:url(../../img/sub/map1_pointer.png) no-repeat;
		width:110px;height:50px;

	}
	.pledge1map1 .hg1>a>.t1{display:block;
		color:#fff;
		text-shadow: 1px 1px 1px #000;
		font-size:15px;
		padding:24px 0 0 45px;
	}
	.pledge1map1 .hg1.m1{left:100px;top:300px;}
	.pledge1map1 .hg1.m2{left:200px;top:470px;}
	.pledge1map1 .hg1.m3{left:500px;top:300px;}
	.pledge1map1 .hg1.m4{left:290px;top:130px;}
	.pledge1map1 .mmap1{z-index:0;position:absolute;left:0;top:0;width:670px;height:647px;}
	.pledge1map1 .mmap1>.ic1{width:100%;height:100%;}
	#pledge1map1s1 .mmap1>.ic1{background-image:url(../../img/sub/map1_img01.png);}
	#pledge1map1s2 .mmap1>.ic1{background-image:url(../../img/sub/map1_img02.png);}
	#pledge1map1s3 .mmap1>.ic1{background-image:url(../../img/sub/map1_img03.png);}
	#pledge1map1s4 .mmap1>.ic1{background-image:url(../../img/sub/map1_img04.png);}

}
@media all and (min-width:1260px){/* xlarge (1200+20*2+16+2*2) ◇◆◇◆◇◆◇◆◇◆ */
	.pledge1map1{width:100%;margin:50px 0 0;}
	.pledge1map1>.wrap1{padding:0 0 0 700px;min-height:650px;}
	.pledge1map1 .mapbg1{position:absolute;left:0;top:0;}
}

.pledge1status1 .w1c2>.t1{display:block;
	width:250px;
	margin:0 auto 20px;padding:8px 0;
	text-align:center;
	color:#735bec;font-size:1.250em;
	border:5px solid #735bec;
	border-radius:25px;
	overflow:hidden;
}
@media all and (min-width:768px){/* medium ◇◆◇◆◇◆◇◆◇◆ */
	.pledge1status1 .w1c2{padding:2em 0 0;}
}
@media all and (min-width:1260px){/* xlarge (1200+20*2+16+2*2) ◇◆◇◆◇◆◇◆◇◆ */
	.pledge1status1 .w1c2{padding:5em 2% 0;}
}


.pledge1list2{}
.pledge1list2 .column{margin-bottom:10px ;border:1px solid #ddd;}
.pledge1list2 .w1c1{
	padding:10px 0;
	text-align:center;
	background:#fafafa;
	border-bottom:1px solid #ddd;
	font-size:20px;color:#000
}
.pledge1list2 .w1c2{padding:15px 25px 25px 15px;}
.pledge1list2 .btn1{text-align:center;margin:0 0 15px 0;}
.pledge1list2 .btn1>.b1{display:inline-block;
	border:1px solid #ddd;
	background:#f5f7f9;
	font-size:14px;
	color:#333;
	padding:5px 20px 5px 15px;
	text-decoration:none !important;
}
.pledge1list2 .btn1>.b1>.ic1{display:inline-block;
	width:20px;height:20px;
	background:url() no-repeat;
	background-size:contain;
	vertical-align:top;
	margin:0 3px 0 0;
}
.pledge1list2 .btn1>.b1.quickview>.ic1{background-image:url(../../img/sub/ic40a1c0menus3.png)}
.pledge1list2 .btn1>.b1.download>.ic1{background-image:url(../../img/lib/ic40a3c1download1.png)}
.pledge1list2 .f1{display:block;position:relative;
	border:1px solid #ddd;
	margin:0 auto;
	max-width:400px;
}
.pledge1list2 .f1:before{content:'';
	z-index:-1;
	left:10px;top:10px;
	position:absolute;
	width:100%;height:100%;
	background:#f4f4f4;
}
@media all and (min-width:640px){/* medium ◇◆◇◆◇◆◇◆◇◆ */
	.pledge1list2 .w1c2{padding:25px 35px 35px 25px;}
	.pledge1list2 .btn1{margin:0 0 30px 0;}
}


/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */
/* small~xlarge */
@media all and (min-width:768px){/* medium ◇◆◇◆◇◆◇◆◇◆ */

.profile1>.wrap1{margin:1em 2em;padding:1em 2.5em;}
.p05536_box .box1{min-height:240px;}

} /* /(min-width:768px) */
@media all and (min-width:1000px){/* large ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:1000px) */
@media all and (min-width:1260px){/* xlarge (1200+20*2+16+2*2) ◇◆◇◆◇◆◇◆◇◆ */

table ul.bu>li:before{top:8px;}

} /* /(min-width:1260px) */
/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */

/* flow4. */
.flow4{border:1px solid #ddd;background:#fff;}
.flow4:after{display:none}
.flow4>li{position:relative;vertical-align:top;border:1px solid #ddd;border-width:0 0 1px;padding:20px 2% 5% 100px !important;}
.flow4>li:before{display:block;position:absolute;left:15px;top:30px;font-size:13px;line-height:20px;color:#333;}
.flow4>li:nth-child(1):before{content:'Step 01'}
.flow4>li:nth-child(2):before{content:'Step 02'}
.flow4>li:nth-child(3):before{content:'Step 03'}
.flow4>li:nth-child(4):before{content:'Step 04'}
.flow4>li:nth-child(5):before{content:'Step 05'}
.flow4>li:nth-child(6):before{content:'Step 06'}
.flow4>li:nth-child(7):before{content:'Step 07'}
.flow4>li:nth-child(8):before{content:'Step 08'}
.flow4>li:nth-child(9):before{content:'Step 09'}
.flow4>li:nth-child(10):before{content:'Step 10'}
.flow4>li:after{content:'';position:absolute;left:80px;top:-1px;display:block;width:37px;height:20px;background:url(/_res/portal/img/sub/arrow2ss.png) no-repeat;}
.flow4>li:first-child:after{background:transparent;}
.flow4>li:last-child{border:0;}
.flow4>li>.t1{display:block;font-size:18px;color:#000;margin:.25em 0;line-height:1.333;font-weight:500;}
@media all and (min-width:768px){
	.flow4{display:table !important;table-layout:fixed !important;padding:0 !important;width:100%;background:#fcfdfe}
	.flow4>li{display:table-cell !important;vertical-align:top;border-width:0;padding:2% 3% 2% 4% !important;/*height:146px;*/min-height:100px;}
	.flow4>li:before{position:relative;left:0;top:0;}
	.flow4>li:after{left:-1px;top:45px;margin:0;width:15px;height:26px;background:url(/_res/portal/img/lib2/ich53a2c1right1.png) no-repeat 0 0;
		background-size:contain;
	}
}

.box1.download1s1{border-color:#e2e2e4 !important;background:#f7f8f8 !important;}

/* 레이어 팝업 */
.layerpop1{display:block;
	z-index:1000;
	position:fixed;
	width:450px;
	height:520px;
	margin:0 0 -20px;
	background:#eee;
	border:1px solid #000;
	visibility:hidden;
	opacity:0;
	box-shadow:0 0 5px 0 rgba(0, 0, 0, .2);
	transition:.4s;
}
.layerpop1.on{margin:0;opacity:1;visibility:visible;}
.layerpop1 .figs{display:block;position:absolute;left:0;right:0;top:0;bottom:36px;}
.layerpop1 .menu{display:block;position:absolute;left:0;right:0;bottom:0;height:36px;background:#000;}
.layerpop1 .menu [class*='b']{float:left;box-sizing:border-box;height:100%;padding:8px 10px;color:#fff;}
.layerpop1 .menu .b1{float:left;}
.layerpop1 .menu .b2{float:right;}

/* 이미지확대보기 */
.imgExpand1{display:inline-block;position:relative;width:100%;display:block;}
.imgzoom1 img, .imgExpand1 img {max-width:100%;}
.imgExpand1>a{display:block;position:absolute;right:0;bottom:0;width:40px;height:40px;background:url(/_res/portal/img/lib/b.000000.opacity.50.png)}
.imgExpand1 .ic1 {display:block;width:40px;height:40px;background:url(/_res/portal/img/inc/ic80a1c0search1@2x.png) no-repeat;background-size:contain;text-indent:-9999px;}
.imgzoom1 .b1.zoom {position:absolute;bottom:0;right:0;width:40px;height:40px;background:rgba(0,0,0,.5) url(/_res/portal/img/inc/ic80a1c0search1@2x.png) no-repeat;background-size:contain;}
@media all and (min-width:768px){
	.imgExpand1{display:block;position:relative;/*text-align:center;*/}
	.imgExpand1>a{display:none;}
}

#pop20240124{left:20px;top:360px;}
@media screen and (max-width:490px){
	#pop20240124 {top:240px;left:10px;width:calc(100% - 20px);height:auto;max-width:450px;}
	#pop20240124.layerpop1 .figs {position:relative;top:auto;right:auto;bottom:auto;left:auto;}
	#pop20240124.layerpop1 .figs img {width:100%;}
}