@charset "utf-8";

/* 레이아웃 */
#sub_wrap {position:relative; max-width:1400px; margin:0 auto;}
.wrap {position:relative;margin:0 5px;}
.wrap::after{content:""; display:block; clear:both;}
#right_wp {float:right; position:relative; width:calc(100% - 330px); margin-top:100px;}


/* 비쥬얼 */
.vis_wrap {min-height:221px; background:url(/images/mayor_2026_new/sub/visual_img2026n.jpg) no-repeat center center;background-size:cover;}
.vis_wrap .titleBox {width:1400px;height:220px;margin:0 auto;position:relative}
.vis_wrap .titleBox .tit {position:absolute;top:30%;right:3%;width:450px;height:77px;}
.vis_wrap .titleBox .tit img{width:100%;-webkit-filter: drop-shadow(0px 0px 5px #000);filter: drop-shadow(0px 0px 5px #000);}

/* 사이드 메뉴 */
.side {float: left; position: relative; z-index: 30; width:280px; margin-top:37px; margin-bottom:80px; }
.side h2{padding:47px 10px 40px; font-size:25px;font-weight:400;text-align:center;color:#fff;background:#023362 url(/images/mayor_2026_new/sub/lnbg.jpg) no-repeat center bottom/cover;border-radius:10px 10px 0 0;}

.side .lnb>ul{border:1px solid #eaeaea;border-top:none;border-bottom:none}
.side .depth1{ position:relative;}
.side .depth1 a{ display:block; font-size:18px; color:#444; text-indent:30px; padding:17px 0 13px;border-bottom: 1px solid #eaeaea; border-radius:5px 5px 0 0;letter-spacing:-1px}
.side .depth1 a:hover{text-decoration:underline;}
.side .depth1 a.active{color:#004ea1;}
.side .depth1 > a.active::after{ content:"";width:15px; height:15px;position:absolute; right:18px; top:22px; background:url(/images/mayor_2026_new/sub/i_lnbArr.png) no-repeat -18px 2px;}
.side .depth1 > a::after{ content:"";width:15px; height:15px;position:absolute; right:18px; top:22px; background:url(/images/mayor_2026_new/sub/i_lnbArr.png) no-repeat 0 -26px;}

.side .depth2{padding:10px 0; border-radius:0 0 5px 5px; border:1px solid #e5e7ee; background:#f7f7f7}
.side .depth2 li{ position:relative}
.side .depth2 li a::before{content:""; position:absolute;  top:18px; left:20px; width:3px; height:3px; border-radius:50%; background-color:#333;}
.side .depth2 li a{ padding:8px 0 0 0; border-bottom:0; border-radius:0;font-size:16px}
.side .depth2 li a.active{ color:#000; background:#f7f7f7; font-weight:500}
.side .depth2 li a[target='_blank']::after{right:10px; top:8px;}

.side .depth3 { background:#fff;margin:5px 15px; border-radius:5px; padding:5px 0}
.side .depth3 li { margin-bottom:3px; font-size:0.95em;}
.side .depth3 li a::before{content:""; position:absolute;  top:15px; left:15px; width:5px; height:2px;background-color:#999;}
.side .depth3 li a{padding:5px 0 0 7px;}
.side .depth3 li a.active{ color:#0b70c8; background:#fff; font-weight:500}
.side .depth3 li a.active::before{ top:15px; left:15px; ;background-color:#0b70c8;}

@media all and (max-width:1400px) {
	#right_wp {width:calc(100% - 310px);}
	.side {width:260px;}
}

@media all and (max-width:1024px) {
    #sub_wrap{width:auto; margin-right:0; margin-left:0; padding-right:2%; padding-left:2%;}
	#right_wp {float:none; width:100%; margin-top:25px;}

	.side{display:none;}
}

/* 네비게이션 */
.location {float:right; padding-top:20px;}
.location li{float:left;}
.location li:not(:last-child){padding-right:22px;margin-right:10px; background:url(/images/mayor_2026_new/sub/i_locationArr.png) no-repeat right 6px;}
.location li:last-child	a{color:#545454;}
.location li a{ font-size:15px; color:#949494;display:inline-block;}
.location li a.home{ width:16px; height:19px; overflow:hidden; margin-bottom:-5px; background:url(/images/mayor_2026_new/sub/i_home.png) no-repeat; text-indent:9999px; }

@media all and (max-width:1400px) {
	.location li {margin-right: 6px; padding-right: 12px; }
	.location li .anchor {font-size: 13px; }

	.vis_wrap .titleBox{width:95%}
}

@media all and (max-width:1024px) {
	.vis_wrap {min-height:auto;/*background-size:auto;*/}
	.vis_wrap .titleBox {height:150px}
	.vis_wrap .titleBox .tit {top:30%;width:380px;}
}

@media all and (max-width:1000px) {
	.location {padding-top:8px;}
	.location li a{ font-size:14px;}
}

@media all and (max-width:768px) {
	/*.vis_wrap{background-position:87% center}*/
	.vis_wrap .titleBox {height:120px}
	.vis_wrap .titleBox .tit {width:320px}
}

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

	/*.vis_wrap {background:#b1dceb url(/images/mayor_2026_new/main/main_vbg.jpg) no-repeat center top/cover}*/
	.location {float:none;padding:0 0 35px 5px;}
}

@media all and (max-width:480px) {
	.vis_wrap .titleBox {height:100px}
	.vis_wrap .titleBox .tit {width:300px}
}


/** 본문 타이틀 **/
.sub_info{position:relative; border-bottom:1px solid #e0e0e0;}
.sub_title {float:left;padding-top:14px; padding-bottom:15px; color:#1a1a1a;}
.sub_title h3 {font-size:1.875em; line-height:32px; font-weight:500;}

#contents {position: relative; min-height:600px; padding-top:48px; padding-bottom:80px;}
#contents::after{ display:block; clear:both; content:""}

h4.tit {font-size:24px;font-weight:500; margin-bottom:.35em; color:#194a99;}
h5.tit {font-size:20px;font-weight:500;margin-bottom:.35em;color:#333}
h6.tit {font-size:20px;font-weight:500;margin-bottom:.35em;}
h6.tit::before {content:'';display:inline-block; vertical-align:middle;margin:-.2em 4px auto 5px;width:.25em;height:.25em;border:3px solid #004ea3;}

@media all and (max-width:1400px) {
	h2.tit {font-size:30px;}
	.sub_title{padding-bottom:20px;}
	.sub_title h3{font-size:26px;line-height:30px;}
	h4.tit {font-size:22px;}
	h5.tit {font-size:20px;}

}
@media all and (max-width:1000px) {
	.sub_title{padding-top:4px; padding-bottom:14px;}
	#contents {min-height: 300px; padding-top: 20px; padding-bottom: 30px; }
}

@media all and (max-width:640px) {
	.sub_title h3 {font-size:24px;}
	.sub_title {float:none;}

}
@media all and (max-width:560px) {
	.vis_wrap .titleBox {background-size:70%}
}

.txt_img{text-align:center;margin-bottom:30px}

@media all and (max-width:768px) {
	.txt_img img{width:100%}
}


/* 인사말 */
.greeting {position:relative;}
.greeting .g_txt {float:left;width:63%;}
.greeting .g_txt strong {display:block; font-size:1.438em;color:#004ea1;font-weight:normal;line-height:1.2;margin:40px 0 20px;}/*font-size:1.625em;color:#0d3d6b;*/
.greeting .g_txt p {font-size:1.063em;color:#606060;margin-bottom:20px; word-break:keep-all;}/*font-size:1.25em;font-weight:300;*/
.greeting .g_txt p b {font-weight:400;}
.greeting .g_tit{font-size:1.7em !important;font-weight:600;margin-bottom:40px !important;color:#004ea1 !important}
.greeting .g_tit span{display:block;font-size:0.9em !important;font-weight:400;margin-top:10px}
.greeting .g_img {float:right;width:35%;padding-top:2em;}

.greeting .g_txt.type2{}
.greeting .type2 .g_tit{font-weight:normal;}
.greeting .type2 .g_tit strong{display:inline-block;font-weight:600;margin:0}
.greeting .type2 .tbox{padding:10px 15px 5px;border:1px dashed #aaa;background:#fafafa;font-size:1.2em;color:#004ea1}
.tcolor1{color:#d954e5}

@media all and (max-width:1448px) {
	.greeting .g_img img {width:100%;}
}

@media all and (max-width:1200px) {
	.greeting .g_txt strong {font-size:1.5em;margin-bottom:1em;}
	.greeting .g_txt p {font-size:1.125em;margin-bottom:1em;}
}

@media all and (max-width:640px) {
	.greeting .g_txt {width:auto;}
	.greeting .g_img {display:none;}
}

/* 프로필 */
.Profile .p_img {float:left; margin:0 30px 30px 0;/*border-top:7px solid #316ab3;border-bottom:3px solid #316ab3;*/background-color:#f1f8fd;}
.Profile .p_img img {max-width:100%;display:block}
.Profile .p_img .txtbox {padding:15px 30px;}
.Profile .p_txt {float:left;margin:0 0 30px 30px;}
.Profile .ti {font-size:1.25em;font-weight:400;color:#0463aa;margin-bottom:5px;}
.Profile .p_list li {font-size:1.125em;color:#606060;line-height:1.3;margin-bottom:10px;}
.Profile .p_list span {display:inline-block;margin-right:10px;}
.Profile .p_list span.minW {min-width:10.5em;}
.p_txt section:not(:last-child) {margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #eaebef;}

.Profile.type{display:flex;justify-content: space-around;}
.Profile.type .p_img{float:none;background:none;order:2;margin:0 0 30px 30px}
.Profile.type .p_txt{float:none;margin:0 30px 30px 0;}

@media all and (max-width:1440px) {
	.Profile .p_img {margin-right:2%;}
	.Profile.type .p_img{margin-right:0}
	.Profile.type .p_txt{margin-right:2%;}
}

@media all and (max-width:1024px) {
	.Profile.type{display:block}
	.Profile.type .p_img{order:1}
}

@media all and (max-width:768px) {
	.Profile .p_img {width:50%;min-width:250px;}
}

@media all and (max-width:640px) {
	.Profile .p_img {border-width:4px 0 2px 0;}
	.Profile .p_txt .p_list span {display:block;margin:15px 0 5px;font-weight:600;}
	.Profile .p_txt .p_list em {display:none;}
}

@media all and (max-width:414px) {
	.Profile .p_img,
	.Profile .p_txt {float:none;}
	.Profile .p_txt section {display:block;}
	.Profile .p_img {width:90%;margin:0 auto 30px;}

	
}

/*  걸어온길 */
.historySection {position:relative;margin-bottom:4%;background:url(/images/mayor_2026_new/sub/year01.gif) no-repeat center;}
.historySection:nth-of-type(2) {background-image:url(/images/mayor_2026_new/sub/year02.gif);}
.historySection:nth-of-type(3) {background-image:url(/images/mayor_2026_new/sub/year03.gif);}
.historySection:nth-of-type(4) {background:none;}
.historySection .txt {width:54%;float:right;}
.historySection .img {max-width:46%;float:right;}
.historySection .img img {max-width:100%;margin:auto;}
.historySection.txt_Right .img {float:left;}
.historySection.txt_Left .txt {padding-right:40px;}
.historySection.txt_Right .txt {padding-left:40px;}
.historySection .txt .ti,
.history_LastSection .ti {font-size:1.625em;color:#0d3d6b;font-weight:400;margin-bottom:.5em;}
.historySection.txt_Right .txt .ti {color:#2978d4;}
.history .txtCon {color:#606060;font-size:1.063em;line-height:1.6;word-break:keep-all;}
.history .txtCon p {margin-bottom:1em;}
.historySection:first-of-type .img,
.historySection:nth-of-type(3) .img {margin-top:5.5%;}
.historySection:nth-of-type(3) .txt {padding-right:10px;}
.history_LastSection {background:#f8fafd;border:1px solid #a7c1e0;padding:3rem;margin:7% auto;}
.history_LastSection p:last-of-type {margin-bottom:0;}

@media all and (max-width:1200px) {
	.historySection {background-size:70% auto;}
}

@media all and (max-width:768px) {
	.historySection {background-position:center 75%;}
	.historySection .txt,
	.historySection .img {float:none !important; width:auto; max-width:100% !important;padding:10px !important;}
	.historySection .img img {display:block;margin:1em auto;}
	.historySection:first-of-type .img img,
	.historySection:first-of-type .img,
	.historySection:nth-of-type(3) .img {margin-top:0;}
	.history_LastSection {padding:30px;}
}


/* 공약사업 */
.business .tab{margin-bottom:20px;text-align:center;}
.tab li{width:calc(25% - 20px);float:left;margin-right:20px;}
.tab li:first-child {margin-left:10px;}
.tab li:last-child {margin-right:10px;}
.tab li a{display:block;text-align:center;padding:10px;height:2.955em;font-size:1.313em; color:#606060; background-color:#eaebef;border:1px solid #dfdfdf}
.tab a span {line-height:2.318em;}
.tab li a:hover,
.tab li a:focus{color:#111}
.tab li.on a{border:none;color:#fff}
.business .tab .on a span {position:relative;padding-left:36px;}
.business .tab .on a span::before {content:'';position:absolute;left:0;top:-.2em;width:31px;height:31px;background:url(/images/mayor_2026_new/sub/i_biz01.png) no-repeat center;}
.tab::after{clear:both;content:"";display:block}

.business .tab .tab1.on a{background:#18756a;}
.business .tab .tab2.on a{background:#1f9692;}
.business .tab .tab3.on a{background:#144a78;}
.business .tab .tab4.on a{background:#2371bd;}
.business .tab .tab2.on a span::before {background-image:url(/images/mayor_2026_new/sub/i_biz02.png);}
.business .tab .tab3.on a span::before {background-image:url(/images/mayor_2026_new/sub/i_biz03.png);}
.business .tab .tab4.on a span::before {background-image:url(/images/mayor_2026_new/sub/i_biz04.png);}

.business .tab_content {display:none;margin:50px auto 80px;}
.business .tab_content.on {display:block;}
.inner-tab {border-bottom:2px solid #18756a;margin-bottom:3% !important; display:none;}
.tab02 .inner-tab {border-color:#1f9692;}
.tab03 .inner-tab {border-color:#144a78;}
.tab04 .inner-tab {border-color:#2371bd;}

.business .cList {margin-bottom:3.125em;}
.business .cList dt {display:block;width:auto;float:left;margin:0 0 auto;}
.business .cList dt span {display:inline-block;height:2.625em;line-height:2.375em;padding:5px 20px;font-size:1.313em;background-color:#18756a;min-width:200px;text-align:center;color:#fff;border-radius:50px;}
.business .cList dd {width:calc(100% - 360px); display:block;float:right;padding-left:24px;background:url(/images/mayor_2026_new/sub/i_blit.gif) no-repeat 0 .133em;margin-bottom:10px;font-size:1.125em;}
.business .cList dd:nth-of-type(1) {margin-top:12px;}

.tab02 .cList dt span {background-color:#1f9692;}
.tab03 .cList dt span {background-color:#144a78;}
.tab04 .cList dt span {background-color:#2371bd;}

@media all and (max-width:1200px) {
	.tab li{width:calc(25% - 5px);margin-right:5px;}
	.tab li:first-child {margin-left:0;}
	.tab li:last-child {margin-right:0;}
	.tab li a {font-size:1.25em;}
	.business .tab .on a span {padding-left: 34px;}

	.business .cList dt,
	.business .cList dd {float:none;width:auto;}

}

@media all and (max-width:768px) {
	.business .tab .on a span {padding-left:26px;}
	.business .tab .on a span::before {width:24px;height:24px;background-size:cover;}
	/* .business .cList dd {width:calc(100% - 254px);} */
}

@media all and (max-width:670px) {
	.tab li {width: calc(50% - 5px);margin-bottom:5px;}
	.tab.inner-tab li {width:auto;min-width:200px;margin-bottom:0;}
	.tab.inner-tab li.on a {padding-left:15px;padding-right:15px;}
	.business .cList dt,
	.business .cList dd {float:none;width:auto;}
}


/* 사이트맵 */
.sitemap { float:left; margin-bottom:50px; width:100%;}
.sitemap dl { float:left; width:23%; margin-left:2.55%;}
.sitemap dl:first-child {margin-left:0;}
.sitemap dl dt { padding:15px 10px 10px; background:#2371bd; font-size:1.063드; color:#fff; text-align:center; border-radius:7px;}
.sitemap dl dd ul li a { width:100%; padding:15px 5px 10px 15px; color:#343434; border-bottom:1px solid #e0e0e0; display:inline-block;}

@media all and (max-width:640px){
	.sitemap dl { float:left; width:48%; margin-left:3.5%;margin-bottom:50px;;}
	.sitemap dl:nth-of-type(3) {margin-left:0;}
}

/* 페이지 준비중 */
.Preparing {margin:5% auto; padding:8% 4% 6%; text-align:center; background:#f4f7fd url(/images/mayor_2026_new/sub/boxtop.png) no-repeat 0 0 / contain;}
.Preparing .imgMark {margin:2em; width:10%;min-width:64px;}

/*  기본 테이블  */
/* 테이블 */
.responsiveA{margin-bottom:30px;}
.responsiveA .tstyle{margin-bottom:0}
.tstyle								{ width:100%; border-top:2px solid #002f59; margin-bottom:30px;}
.tstyle caption						{ left:-9999em;width:1px;height:1px;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-9999em;} 
.tstyle th							{ text-align:center; padding:12px 7px; border:1px solid #dbdee6; background:#F7FAFD; color:#002f59;vertical-align:middle}
.tstyle th.color04{ background:#d2fbd2}
.tstyle th	span					{ font-weight:normal;}				
.tstyle td							{ text-align:center; padding:10px; border:1px solid #dbdee6;vertical-align:middle}
.tstyle td	ul						{ padding:0 15px; text-align:left;}
.tstyle td	ul	li					{ background:url(/images/www/i-dot.jpg) no-repeat 2px 10px;padding-left:10px;}
.tstyle td	img						{ vertical-align:middle; }
.tstyle .nobol						{ border-left:0;}
.tstyle .nobor						{ border-right:0;}
.tstyle .tbg							{ background:#F7FAFD;}
.tstyle .tleft						{ text-align:left;}
.tstyle .tleft1						{ text-align:left; padding-left:25px;}
.tstyle .tleft2						{ text-align:left; padding-left:15px;}
.tstyle .tleft3						{ padding:15px;}
.tstyle .tline						{ border-bottom:1px solid #aabacb;}
.tstyle .plineL						{ box-shadow:inset 1px 0 0 0 #FF7F50;}
.tstyle .plineLT					{ box-shadow:inset 1px 1px 0 0 #FF7F50;}
.tstyle .plineRT					{ box-shadow:inset -1px 1px 0 0 #FF7F50;}
.tstyle .plineT						{ box-shadow:inset 0 1px 0 0 #FF7F50;}
.tstyle .plineR						{ box-shadow:inset -1px 0 0 0 #FF7F50;}
.tstyle .plineB						{ box-shadow:inset 0 -1px 0 0 #FF7F50;}
.tstyle .plineLB					{ box-shadow:inset 1px -1px 0 0 #FF7F50;}
.tstyle .plineRB					{ box-shadow:inset -1px -1px 0 0 #FF7F50;}
.tstyle	 .vetical_top				{ vertical-align:top;}
.tstyle .tbleft{ border-left:2px solid #002f59;}
.tstyle_site { width:100%; border-top:2px solid #002f59; border-collapse:collapse; margin-bottom:30px;}
.tstyle_site caption { text-align:left; margin-bottom:10px; font-size:17px;   color:#003975; letter-spacing:-1px; background:url(/images/www/icon1.jpg) no-repeat left 6px; padding-left:20px;}	
.tstyle_site td{word-break: keep-all; text-align:center; padding:5px 5px; border:1px solid #dbdee6; border-collapse:collapse; width:20%;}
.formA input[type="text"]{ border:1px solid #dbdee6; height:21px; line-height:21px; text-indent:10px; width:90%}

.tstyle th.co01{ background:#2F7ABF;color:#fff}
.tstyle th.co02{ background:#5dc556;color:#000}
.tstyle th.co03{ background:#fce133;color:#000}
.tstyle th.co04{ background:#d93736;color:#fff}

@media all and (max-width:1080px) {
	.responsiveA{overflow-x:auto;-webkit-overflow-scrolling:touch;}
	.responsiveA table.MAX920{min-width:920px}
	.responsiveA table.MAX920 td {font-size:.938em;letter-spacing:-.5px;}
}

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

	.responsiveA{width:100%;position: relative;}
	.responsiveA table{min-width:768px}
	.responsiveA table table{min-width:auto}
	.responsiveA table.MAX920 td {letter-spacing:inherit;}
}

/*비전 220712*/
.vision{}
.vision div{margin-bottom:20px}
.vision div h5{display:inline-block;width:130px;height:130px;border-radius:65px;box-shadow:2px 2px 10px rgba(0,0,0,.6);margin-right:20px;
color:#fff;padding-top:77px;text-align:center;font-size:1.125rem;font-weight:500;letter-spacing:-1px;vertical-align:middle}
.vision div.vi01 h5{background:#167569 url(/images/mayor_2026_new/main/i_main01.png) no-repeat center 0;}
.vision div.vi02 h5{background:#1f9692 url(/images/mayor_2026_new/main/i_main02.png) no-repeat center 0;}
.vision div.vi03 h5{background:#124a77 url(/images/mayor_2026_new/main/i_main03.png) no-repeat center 0;}
.vision div.vi04 h5{background:#0066b3 url(/images/mayor_2026_new/main/i_main04.png) no-repeat center 0;}
.vision div dl{display:inline-block;width:calc(100% - 160px);padding:20px 30px;border-radius:15px;border:1px solid #eaeaea;word-break:keep-all;vertical-align:middle}
.vision div dl dt{font-size:1.125rem;font-weight:500;}
.vision div.vi01 dl dt{color:#167569}
.vision div.vi02 dl dt{color:#1f9692}
.vision div.vi03 dl dt{color:#124a77}
.vision div.vi04 dl dt{color:#0066b3}
.vision div:after{clear:both;content:"";display:block}

@media screen and (max-width: 768px) {
	.vision div h5{width:120px;height:120px;display:block;margin:0 auto 10px}
	.vision div dl{width:100%;padding:20px}
}

/*시정목표*/
.goal{text-align:center;margin-bottom:30px}
.goal img{width:100%;max-width:650px}
.down_btn{text-align:center}
.down_btn a{display:inline-block;background:#004ea1;color:#fff;padding:20px 50px 17px 60px;border-radius:5px}
.down_btn span{background:url(/images/mayor_2026_new/sub/icon_down.png) no-repeat right center;padding-right:36px}

@media screen and (max-width: 768px) {
	.down_btn a{padding:15px 30px 13px 40px;}
	.down_btn span{padding-right:30px}
}

/*비전_new*/
.visionWrap{}
.visionWrap h4{font-size:1.875rem;color:#004ea1;font-weight:400}
.vis_tit{text-align:center}

.vis_con{text-align:center;background:url(/images/mayor_2026_new/sub/vis_bg.jpg) no-repeat center 0;padding-top:140px;margin-bottom:50px;margin-top:-35px}
.vis_con li{float:left;width:24%;margin:0 0.5%;position:relative;border-radius:35px;padding:47px 10px 20px 10px;text-align:left;word-break:keep-all;letter-spacing:-1.2px;min-height:310px;font-size:0.875rem}
.vis_con li.vis01{border:12px solid #8ac453;background:url(/images/mayor_2026_new/sub/vis_b01.png) no-repeat right 10px;}
.vis_con li.vis02{border:12px solid #00aa7d;background:url(/images/mayor_2026_new/sub/vis_b02.png) no-repeat right 10px;}
.vis_con li.vis03{border:12px solid #018ccd;background:url(/images/mayor_2026_new/sub/vis_b03.png) no-repeat right 10px;}
.vis_con li.vis04{border:12px solid #004ea1;background:url(/images/mayor_2026_new/sub/vis_b04.png) no-repeat right 10px;}
.vis_con li span{display:block}

.vis_con li:before{width:41px;height:41px;position:absolute;content:"";display:block;top:-26px;left:0;right:0;margin:0 auto}
.vis_con li.vis01:before{background:url(/images/mayor_2026_new/sub/vis_d01.png) no-repeat;}
.vis_con li.vis02:before{background:url(/images/mayor_2026_new/sub/vis_d02.png) no-repeat;}
.vis_con li.vis03:before{background:url(/images/mayor_2026_new/sub/vis_d03.png) no-repeat;}
.vis_con li.vis04:before{background:url(/images/mayor_2026_new/sub/vis_d04.png) no-repeat;}

.vis_con li strong{display:block;font-size:1.25rem;line-height:1.5rem;color:#1d68a6;text-align:center;margin-bottom:25px;font-weight:400;letter-spacing:0}
.vis_con li strong span{display:block;}
.vis_con:after{clear:both;content:"";display:block;}

.vis_list{background:#461c99;border-radius:30px;padding:12px}
.vis_list p{font-size:1.5rem;color:#fff;display:table-cell;width:20%;vertical-align:middle;text-align:center}
.vis_list ul{background:#fff;padding:25px 25px 20px;display:table-cell;vertical-align:middle;border-radius:20px}
.vis_list ul li{color:#444;display:inline-block;width:48%;margin:5px 1% 5px 0;position:relative;padding-left:8px;vertical-align:top}
.vis_list ul li:before{width:2px;height:2px;content:"";display:block;background:#707070;position:absolute;top:8px;left:0}
.vis_list ul:after{clear:both;content:"";display:block;}


@media screen and (max-width: 1400px) {
	.vis_con{padding-top:13%;background-size:75%}
}

@media screen and (max-width: 1024px) {
	.vis_con{background:none;padding:0;margin-top:20px}
}
@media screen and (max-width: 900px) {
	.vis_con{margin-bottom:0}
	.vis_con li{width:49%;margin-bottom:30px;min-height:260px}
	.vis_con li span{display:inline-block}

	.vis_list p{display:block;width:100%;padding:1% 0}
	.vis_list ul{display:block}
	.vis_list ul{padding:20px 20px 15px;}
}
@media screen and (max-width: 768px) {
	.vis_tit img{width:90%}
	.vis_con li{min-height:225px;padding:35px 12px 15px 12px;}
	.vis_con li.vis01{border:8px solid #8ac453;}
	.vis_con li.vis02{border:8px solid #00aa7d;}
	.vis_con li.vis03{border:8px solid #018ccd;}
	.vis_con li.vis04{border:8px solid #004ea1;}
}

@media screen and (max-width: 580px) {
	.vis_con li{float:none;width:99%;min-height:auto}
	.vis_con li strong{margin-bottom:2%}
	.vis_list ul li{display:block;width:100%}

}

p.txt{margin-bottom:30px}
p.txt_img{}
p.rtxt{text-align:right;font-size:0.9rem}

.box{background:#f7fafd;border:1px solid #ddd;padding:20px 30px;margin-bottom:30px}

.blist{margin-bottom:30px}
.blist li{position:relative;padding-left:8px}
.blist li:before{width:3px;height:3px;background:#aaa;content:"";display:block;position:absolute;top:8px;left:0}
.blist li ul{padding-left:3px}
.blist li li{font-size:0.96rem}
.blist li li:before{width:5px;height:2px;background:#aaa;content:"";display:block;position:absolute;top:10px;left:0}

.blist2{margin-bottom:30px}
.blist2 dt{color:#194a99;font-size:20px;font-weight:500;position:relative;padding-left:12px}
.blist2 dt:before{width:5px;height:5px;background:#194a99;content:"";display:block;position:absolute;top:10px;left:0}
.blist2 dd{padding-left:12px}


.btn_wrap{text-align:center;margin-bottom:30px}
.btn_wrap a{display:inline-block;background:#004ea1;color:#fff;padding:15px 50px 12px 50px;border-radius:5px}


@media screen and (max-width: 768px) {
	.btn_wrap a{padding:13px 30px 10px 30px;}

}

.btn_m1{border:1px solid #004ea1;border-radius:3px;padding:5px 7px 3px;font-size:0.83rem;color:#004ea1}

.fc01{color:#4a76d6 !important}
.fc02{color:#50be17 !important}
.fc03{color:#00a9d6 !important}
.fc04{color:#c20dd0 !important}

.tbox_fc01{background:#4a76d6;color:#fff;padding:5px 10px;border-radius:5px;font-size:14px;}
.tbox_fc02{background:#50be17;color:#fff;padding:5px 10px;border-radius:5px;font-size:14px;}
.tbox_fc03{background:#00a9d6;color:#fff;padding:5px 10px;border-radius:5px;font-size:14px;}
.tbox_fc04{background:#c20dd0;color:#fff;padding:5px 10px;border-radius:5px;font-size:14px;}

.bgc00{background:#fff8f1;}
.bgc01{background:#e4ebf9;color:#333;}
.bgc02{background:#edf8e7;color:#333;}
.bgc03{background:#e5f6fb;color:#333;}
.bgc04{background:#f9e6fa;color:#333;}

/* 추진계획 범례 20230111 */
.tLegend {text-align:right;margin-bottom:2%;}
.legend_list dt,.legend_list dd {display:inline-block;margin-left:8px;text-align:center;}
.legend_list dt {color:#1a1a1a;font-size:.938em;}
.legend_list dd span {display:inline-block;padding:1px 8px;line-height:1.7em;height:1.6em;border-radius:2px; font-size:.875em;color:#fff !important;}
.LegendWr .leg01 {background-color:#7ac3b7;color:#7ac3b7;}
.LegendWr .leg02 {background-color:#3089c1;color:#3089c1;}
.LegendWr .leg03 {background-color:#1a6fa8;color:#1a6fa8;}

.lager1 {font-size:1.125em; color:#1a1a1a;}
span[class^="badge_"] {display:inline-block;color:#fff;/*width:1.5em;*/height:1.5em;line-height:1.794em;vertical-align:top;text-align:center;font-size:.813em;border-radius:100px;padding:0 5px}
.badge_red {background-color:#d93736;}
.badge_fc01 {background-color:#4a76d6;}
.badge_fc02 {background-color:#50be17;}
.badge_fc03 {background-color:#00a9d6;}
.badge_fc04 {background-color:#c20dd0;}





/* 비전 20230113 */
.vision_wrap h4{background:url(/images/mayor_2026_new/sub/vision_tit.png) no-repeat center -53px; background-size:153%; overflow:hidden; height:55px; width:316px; margin:30px auto 60px auto; line-height:5000; position:relative;}
.vision_wrap h5{font-size:28px; font-weight:bold; text-align:center; position:relative; color:#50cb14; margin-bottom:30px;}
.vision_wrap h4 + h5{color:#3371b4}
.vision_wrap h4 + h5:before{content:""; display:block; width:28px; height:25px; background:url(/images/mayor_2026_new/sub/arrow_top_blue.png) no-repeat; position:absolute; top:-45px; left:0; right:0; background-size:contain; margin:auto;}
.vision_wrap h5 span{position:relative; display:inline-block;}
.vision_wrap h5 span:after{content:""; display: block; position:absolute; bottom:-6px; left:0; right:0; margin:auto; width:0; height:0;  border-top: 10px solid #50cb14; border-right: 9px solid transparent; border-left: 9px solid transparent;}
.vision_wrap h4 + h5 span:after{border-top: 10px solid #3371b4;}
.vision_wrap h5 span:before{content:""; display: block; position:absolute; bottom:0; left:-10%; right:0; margin:auto; width:120%; height:2px;background:#000; opacity:0.1;}
.vision_policy{text-align: center; word-break: keep-all;}
.vision_policy li:first-child{background:url(/images/mayor_2026_new/sub/icon_vision_dream.png) no-repeat center 0;}
.vision_policy li:nth-child(2){background:url(/images/mayor_2026_new/sub/icon_vision_economy.png) no-repeat center 0;}
.vision_policy li:nth-child(3){background:url(/images/mayor_2026_new/sub/icon_vision_culture.png) no-repeat center 0;}
.vision_policy li:nth-child(4){background:url(/images/mayor_2026_new/sub/icon_vision_welfare.png) no-repeat center 0;}
.vision_policy li{padding-top:60px; background-size:70px !important;}
.vision_policy dl{padding:30px;}
.vision_policy dt{font-size:20px; margin-bottom:15px; line-height:28px; color:#4a76d6;}
.vision_policy li:nth-child(2) dt{color:#50be17;}
.vision_policy li:nth-child(3) dt{color:#00a9d6;}
.vision_policy li:nth-child(4) dt{color:#c20dd0;}
.vision_policy dt br{display:none;}
.vision_policy dd{font-size:16px;}
.vision_sphere{text-align: center;}
.vision_sphere img{width:200px;}
.vision_strategy dl{border:3px solid #f0f0f0; border-radius:15px; padding:30px; margin-top:30px;}
.vision_strategy dt{font-size:22px; position:relative; color:#4a76d6; margin-bottom:15px;}
.vision_strategy dt:before{content:""; display:block; height:100%; width:5px; background:#4a76d6; position:absolute; top:0; left:-33px;}
.vision_strategy li:nth-child(2) dt{color:#6fc047;}
.vision_strategy li:nth-child(2) dt:before{background:#6fc047;}
.vision_strategy li:nth-child(3) dt{color:#32accc;}
.vision_strategy li:nth-child(3) dt:before{background:#32accc;}
.vision_strategy li:nth-child(4) dt{color:#d65edf;}
.vision_strategy li:nth-child(4) dt:before{background:#d65edf;}
.vision_strategy dd{position:relative; padding-left:32px; margin-top:10px;}
.vision_strategy .vision_num{display:inline-block; position:absolute; top:0; left:7px; font-size:12px; font-weight:bold; text-align: center; width:8px;}
.vision_strategy .vision_num:before{display:block; content:""; width:25px; height:25px; border-radius:50%; background:#dddddd; position:absolute; top:-4px; left:-8px; z-index: -1}
@media all and (min-width:768px) {
	.vision_wrap h4{background-size:640px; background-position:center 0; width:100%; height:340px;}
	.vision_wrap h5{font-size:35px;}
	.vision_wrap h4 + h5:before{width:36px; height:32px; top:-55px}
	.vision_policy{overflow:hidden; margin-bottom:30px;}
	.vision_policy li{float:left; width:50%; margin-top:30px; position:relative; background-size:auto !important; height:245px}
	.vision_policy li:nth-child(2n):before{content: ""; display:block; width:1px; height:100%; background:url(/images/mayor_2026_new/sub/line_gray.gif) no-repeat; background-size:auto 100%; position:absolute; top:30px; left:0;}
	.vision_policy dl{padding:30px 40px;}
	.vision_sphere img{width:322px;}
	.vision_strategy{overflow:hidden}
	.vision_strategy li{float:left; width:49%;}
	.vision_strategy li:nth-child(2n){float:right;}
	.vision_strategy dl{min-height:225px; font-size:16px;}
	.vision_strategy dt{font-size:25px;}
}
@media all and (min-width:1400px) {
	.vision_wrap h4 {height:410px; background-size:760px;}
	.vision_wrap h4 + h5:before {top:-65px;}
	.vision_wrap h5{margin-bottom:50px;}
	.vision_policy{margin-bottom:60px;}
	.vision_policy li{width:25%; height:345px; padding-top:80px;}
	.vision_policy li:nth-child(2n):before, .vision_policy li:nth-child(3):before{content: ""; display:block; width:1px; height:100%; background:url(/images/mayor_2026_new/sub/line_gray.gif) no-repeat; background-size:auto 100%; position:absolute; top:0; left:0;}
	.vision_policy dt br{display:inherit;}
	.vision_strategy li{width:48%;}
	.vision_strategy dl {min-height:auto;}
}
/* 일반현황 20230113 */
.status_wrap{border:3px solid #f0f0f0; border-radius:20px; margin-bottom:20px;}
.status_wrap h4{font-size:24px; color:#222; position:relative; margin:30px 0 20px 0; padding-left:25px; line-height:1; font-weight:normal;}
.status_wrap h5{font-size:16px; text-align:center; font-weight:normal; position:relative; background:url(/images/mayor_2026_new/sub/icon_status_finance.png) no-repeat center 10px; padding-top:90px; background-size:40px;}
.status_wrap h4 span{display: inline-block; font-size:14px; color:#707070; padding-left:10px;}
.status_wrap h4:before{content: ""; position:absolute; display:block; width:5px; height:100%; background:#1566ab; top:-3px; left:-3px;}
.status_list>li{padding:20px 20px 20px 20px; text-align: center; font-size:16px;background-position:center 24px; background-size:40px; position:relative;padding-top:90px}
.status_list>li:after{content:""; display:block; width:80px; height:80px; position:absolute; top:0; left:0; right:0; margin:auto;}
.status_wrap h5:before,
.status_list>li:before{content:""; display:block; width:80px; height:80px; background:#eff8ff; position:absolute; top:0; left:0; right:0; margin:auto; border-radius:50%; z-index:-1}
.icon_status_people:after{background:url(/images/mayor_2026_new/sub/icon_status_people.png) no-repeat center;}
.icon_status_area:after{background:url(/images/mayor_2026_new/sub/icon_status_area.png) no-repeat center;}
.icon_status_administrativeDistrict:after{background:url(/images/mayor_2026_new/sub/icon_status_administrativeDistrict.png) no-repeat center;}
.icon_status_apparatus:after{background:url(/images/mayor_2026_new/sub/icon_status_apparatus.png) no-repeat center;}
.icon_status_personnel:after{background:url(/images/mayor_2026_new/sub/icon_status_personnel.png) no-repeat center;}
.icon_status_trade:after{background:url(/images/mayor_2026_new/sub/icon_status_trade.png) no-repeat center;}
.icon_status_grdp:after{background:url(/images/mayor_2026_new/sub/icon_status_grdp.png) no-repeat center;}

.list_gray{background:#fafafa; padding:10px 20px; border-radius:10px; text-align: left; margin:20px;}
.list_gray li{position:relative; padding-left:10px; font-size:14px;}
.list_gray li:before{content:""; display:block; width:4px; height:4px; background:#aaa; position:absolute; top:6px; left:0; border-radius: 50%;}
.txt_bar_gray{color:#ddd; display:inline-block; padding:0 14px;}
.txt_two{letter-spacing:14px;}
.txt_two + .txt_bar_gray{padding-left:0;}
.txt_two02{letter-spacing:27px;}
.txt_two02 + .txt_bar_gray{padding-left:0; margin-left:-13px;}
@media all and (min-width:450px) {
	.status_list .icon_status_apparatus strong{display:block;}
}
@media all and (min-width:768px) {
	.status_wrap{float:left; width:48%; padding:40px 0}
	.statusWrap>div:first-child.status_wrap,
	.statusWrap>div:nth-child(2).status_wrap{ min-height:485px;}
	.statusWrap>div:nth-child(3).status_wrap,
	.statusWrap>div:nth-child(4).status_wrap{ min-height:390px;}
	.status_wrap h4 {margin:0 0 10px 0; padding-left:35px;}
	.status_wrap h5{background-position:center 20px; background-size:auto; padding-top: 90px;}
	.status_wrap h5:before{right:0; left:0; bottom:auto;}
	.statusWrap>div:nth-child(2n).status_wrap{float:right;}
	.status_list>li.icon_status_grdp{padding-top:0; padding-bottom: 0;}
	.status_list>li{padding-top:20px; padding-left:120px; min-height:80px;text-align:left; margin-top:20px;}
	.status_list>li:after{left:25px; top:0; bottom:0; right:auto; background-size:auto;}
	.status_list>li:before{right:auto; left:25px; bottom:0;}
	.status_list .list_middle{transform:translate(0, 50%);}
	.status_list .icon_status_administrativeDistrict strong{display:block;}
	.status_list .icon_status_apparatus strong{display:inherit}
	.list_gray{margin:0;}
	.status_wrap>.list_gray{margin:30px 20px;}
	.status_wrap>.list_gray:last-child{margin-bottom:0;}
	.icon_status_trade .list_gray,
	.icon_status_grdp .list_gray{letter-spacing: -1px}
}
@media all and (min-width:768px) {
	.statusWrap>div:nth-child(3).status_wrap,
	.statusWrap>div:nth-child(4).status_wrap{ min-height:432px;}
}
@media all and (min-width:1400px) {
	.status_wrap h4 {padding-left:38px;}
	.status_wrap h5{font-size:18px; padding-top:100px; margin:18px 0;}
	.statusWrap>div:first-child.status_wrap,
	.statusWrap>div:nth-child(2).status_wrap{ min-height:565px;}
	.statusWrap>div:nth-child(3).status_wrap,
	.statusWrap>div:nth-child(4).status_wrap{ min-height:418px;}
	.status_list>li{padding:30px 20px 30px 150px; font-size:18px; margin-top:30px;}
	.status_wrap h5:before{width:96px; height:96px;}
	.status_list>li:before,
	.status_list>li:after{left:38px; width:96px; height:96px;}
	.status_list>li.icon_status_people,
	.status_list>li.icon_status_grdp{padding:0 20px 0 160px; margin-top:20px;}
	.status_list>li:first-child.icon_status_people,
	.status_list>li:first-child.icon_status_trade,
	.status_list>li:first-child.icon_status_grdp{padding-top:30px;}
	.list_gray{padding:15px 25px; line-height:1.8; margin:5px 0;}
	.status_wrap>.list_gray{margin:30px 20px;}
	.list_gray li{font-size:15px;}
	.list_gray li:before{top:10px}
}
/* 핵심공약 20230113 */
.core_commitment ol{padding-left:30px;}
.core_commitment li{position:relative; margin:20px 0;}
.core_commitment li:before{content:""; display:block; border-radius:50%; position:absolute; top:0; left:-30px; width:80px; height:80px; background:#f8f8f8; z-index:-1}
.core_commitment dt{position:relative; font-size:18px; padding-top:25px; padding-left:64px; margin-bottom:10px; color:#004ea1;}
.core_commitment dt:after{content:""; display:block; width:100%; height:2px; background:#f4f4f4; position:absolute; bottom:0; left:0; z-index:-1}
.core_commitment .list_num{color:#a7e1f4; font-size:35px; position:absolute; left:0; top:10px;}
.btn_view{text-align:right}
.btn_view a{border:2px solid #eee; padding:12px 15px 10px 15px; display:inline-block; line-height:1; font-size:13px; border-radius:20px; color:#707070;}
@media all and (min-width:768px) {
	.core_commitment li{margin:50px 0;}
	.core_commitment li:before{width:90px; height:90px;}
	.core_commitment .list_num{font-size:40px; top:0}
	.core_commitment dt{padding-left:80px; font-size:22px; padding-top:10px;}
	.core_commitment dt + dd{padding:0 100px 0 80px; word-break: keep-all;}
	.btn_view{position:absolute; top:0; right:0;}
	.btn_view a{background:#fff url(/images/mayor_2026_new/sub/dot_gray_three.png) no-repeat center 30px; padding:0; border-radius:50%; color:#707070; width:90px; height:90px; text-align:center; line-height:8.5;}
}
@media all and (min-width:1400px) {
	.core_commitment li{margin:70px 0;}
	.core_commitment li:before{width:100px; height:100px;}
	.core_commitment .list_num{font-size:50px;}
	.core_commitment dt{font-size:25px; padding-bottom:8px; padding-left:90px; margin-bottom:15px;}
	.core_commitment dt + dd{font-size:18px; padding:0 120px 0 90px;}
	.btn_view{top:4px;}
	.btn_view a{font-size:14px;}
}
/* 기대효과 20230113 */
.expected_effect li{border:3px solid #f0f0f0; border-radius:20px; box-shadow:4px 4px 0 #f8f8f8; margin:25px 0; padding:40px 20px 20px 20px; position: relative;}
.expected_effect dl:before{content:""; display:block; width:55px; height:55px; border-radius:50%; background:#1297eb; position:absolute; left:-2px; top:-17px;}
.expected_effect dt{position:relative; color:#1297eb; font-size:16px; padding-bottom:10px; margin-bottom:20px;}
.expected_effect dt:after{content:""; display:block; width:100%; background:#1297eb; height:2px; position:absolute; bottom:0; left:0;}    
.expected_effect li:nth-child(2) dl:before{background:#3565bd}
.expected_effect li:nth-child(2) dt{color:#3565bd;}
.expected_effect li:nth-child(2) dt:after{background:#3565bd;}
.expected_effect li:nth-child(3) dl:before{background:#77c41c}
.expected_effect li:nth-child(3) dt{color:#77c41c;}
.expected_effect li:nth-child(3) dt:after{background:#77c41c;}
.expected_effect li:nth-child(4) dl:before{background:#1cc41c}
.expected_effect li:nth-child(4) dt{color:#1cc41c;}
.expected_effect li:nth-child(4) dt:after{background:#1cc41c;}
.expected_effect li:nth-child(5) dl:before{background:#2ba7a8}
.expected_effect li:nth-child(5) dt{color:#2ba7a8;}
.expected_effect li:nth-child(5) dt:after{background:#2ba7a8;}
.expected_effect li:nth-child(6) dl:before{background:#ca73dd}
.expected_effect li:nth-child(6) dt{color:#ca73dd;}
.expected_effect li:nth-child(6) dt:after{background:#ca73dd;}
.expected_effect li:nth-child(7) dl:before{background:#dd73aa}
.expected_effect li:nth-child(7) dt{color:#dd73aa;}
.expected_effect li:nth-child(7) dt:after{background:#dd73aa;}
.expected_effect li:nth-child(8) dl:before{background:#ff6168}
.expected_effect li:nth-child(8) dt{color:#ff6168;}
.expected_effect li:nth-child(8) dt:after{background:#ff6168;}
.expected_effect .list_num{position:absolute; color:#fff; width:55px; text-align:center; left:-22px; top:-38px; font-size:15px;}
@media all and (min-width:768px)	{
	.expected_effect li{padding:30px; margin:30px 0;}
	.expected_effect dl:before {width:80px; height:80px; top:-15px;}
	.expected_effect .list_num{width:80px; top:-17px; left:-32px; font-size:18px;}
	.expected_effect dt{font-size:20px; padding:0 10px 4px 60px; display: inline-block;}
}
/* 총괄개요 20230113 */
@media all and (min-width:1400px)	{
.expected_effect .list_num{font-size:20px; width:83px; left:-44px;}
.expected_effect li {margin:60px 0; padding:30px 40px;}
.expected_effect dt{font-size:25px; padding-bottom:0;}
.expected_effect dl:before {width:83px; height:83px; top:-15px; left:-4px}
.expected_effect dd{padding:0 20px; word-break: keep-all; font-size:17px;}
}
.graph_overall dt{border-top:3px solid #ddd; border-bottom:1px solid #ddd; padding:10px 0; text-align:center; position:relative;}
.graph_overall dt span{position:absolute; top:11px; right:0; font-size:12px; display:inline-block; color:#707070;}
.graph_overall .img_wrap{position:relative;}
.graph_overall .img_wrap img{width:100%}
.graph_overall .img_wrap a{position:absolute; bottom:0; right:0; display:inline-block; background:#111 url(/images/mayor_2026_new/sub/icon_readingGlasses.png) no-repeat 15px center; background-size:17px; border:2px solid #000; border-radius:20px; padding:10px 20px 7px 40px; font-size:13px; opacity: 0.7; color:#fff;}
@media all and (min-width:768px){
	 .graph_overall .img_wrap a{display:none;}
}
@media all and (min-width:1400px){
	.graph_overall .img_wrap img{width:auto;}
}
/* 공약 실행 계획 20230113 */
.pledge_tab li{display:inline-block;width:140px;text-align:center; word-break: keep-all;}
.pledge_tab li:nth-child(1) a{border-color:#4a76d6; background:#fafafa url(/images/mayor_2026_new/sub/icon_vision_dream.png) no-repeat center 0; color:#4a76d6}
.pledge_tab li:nth-child(2) a{border-color:#50be17; background:#fafafa url(/images/mayor_2026_new/sub/icon_vision_economy.png) no-repeat center 0; color:#50be17}
.pledge_tab li:nth-child(3) a{border-color:#00a9d6; background:#fafafa url(/images/mayor_2026_new/sub/icon_vision_culture.png) no-repeat center 0; color:#00a9d6}
.pledge_tab li:nth-child(4) a{border-color:#c20dd0; background:#fafafa url(/images/mayor_2026_new/sub/icon_vision_welfare.png) no-repeat center 0; color:#c20dd0}
.pledge_tab li a{display:block;border:1px solid #fff;border-radius:10px; padding:90px 10px 20px 10px; background-size:50px !important; background-position:center 25px !important; margin-bottom:5px;}
.pledge_tab .on a{background-color:#fff !important; border:3px solid; font-size:18px; font-weight: bold;}
.pledge_tab a br{display:none}
.pledge_tabcon{padding:20px 0;}
.pledge_tabcon li{margin-bottom:30px;}
.pledge_tabcon li>a{position:relative; display:block; padding:19px 60px 15px 20px; color:#fff; font-size:17px; border-radius:5px; word-break:keep-all;}
.pledge_tabcon li.active>a{border-radius:5px 5px 0 0;}
.pledge_tabcon li>a:after{display:block; content:""; width:1px; height:20px; background:#fff; opacity:0.2; position:absolute; bottom:0; top:0; right:50px; margin:auto;}
.pledge_tabcon li>a:after{display:block; content:""; width:1px; height:20px; background:#fff; opacity:0.2; position:absolute; bottom:0; top:0; right:50px; margin:auto;}
.pledge_tabcon li>a:before{display:block; content:"+"; width:20px; height:30px; color:#fff; opacity:0.8; position:absolute; bottom:0; top:0; right:14px; margin:auto; font-size:25px;}
.pledge_tabcon li.active>a:before{display:block; content:"-"; width:20px; height:30px; color:#fff; opacity:0.8; position:absolute; bottom:0; top:0; right:14px; margin:auto; font-size:25px;}

#tab1.pledge_tabcon li>a{background:#628ce8;}
#tab1.pledge_tabcon .tstyle{border-top-color:#5b83da;}
#tab2.pledge_tabcon li>a{background:#66d02f;}
#tab2.pledge_tabcon .tstyle{border-top-color:#5bbe28;}
#tab3.pledge_tabcon li>a{background:#13b8e4;}
#tab3.pledge_tabcon .tstyle{border-top-color:#14b0da;}
#tab4.pledge_tabcon li>a{background:#d83ee4;}
#tab4.pledge_tabcon .tstyle{border-top-color:#cc3ad7;}
.btn_gongyak_view{display:inline-block; padding:9px 15px 5px 15px; font-size:13px; border:2px solid #ddd; border-radius:20px;}
@media all and (min-width:768px) {
.pledge_tab li{width:calc(25% - 5px);}
.pledge_tab a br{display:inherit}
}
@media all and (min-width:1400px) {
.pledge_tab li{font-size:16px;}
.pledge_tab .on a{font-size:20px;}
}

.plan_tabcon{padding:20px 0;}
.plan_tabcon li{margin-bottom:30px;}
.plan_tabcon li>a{position:relative; display:block; padding:19px 60px 15px 20px; color:#fff; font-size:17px; border-radius:5px; word-break:keep-all;background:#4a76d6}
.plan_tabcon li.active>a{border-radius:5px 5px 0 0;}
.plan_tabcon li>a:after{display:block; content:""; width:1px; height:20px; background:#fff; opacity:0.2; position:absolute; bottom:0; top:0; right:50px; margin:auto;}
.plan_tabcon li>a:after{display:block; content:""; width:1px; height:20px; background:#fff; opacity:0.2; position:absolute; bottom:0; top:0; right:50px; margin:auto;}
.plan_tabcon li>a:before{display:block; content:"+"; width:20px; height:30px; color:#fff; opacity:0.8; position:absolute; bottom:0; top:0; right:14px; margin:auto; font-size:25px;}
.plan_tabcon li.active>a:before{display:block; content:"-"; width:20px; height:30px; color:#fff; opacity:0.8; position:absolute; bottom:0; top:0; right:14px; margin:auto; font-size:25px;}
.plan_tabcon .tstyle{border-top-color:#5b83da;}

/* 공약선정 및 평가 로드맵 20230113 */
.pledge_selection li{margin:20px 0;}
.pledge_selection dd:last-child{background:url(/images/mayor_2026_new/sub/arrow_bottom_blue.png) no-repeat bottom center; padding-bottom:40px; background-size:30px;}
.pledge_selection dt{border:3px solid #f0f0f0; border-radius:20px; position:relative; padding:150px 0 20px 0; text-align:center; font-size:16px;}
.pledge_selection dt span{display:inline-block; width:70%; background:#1566ab; height:27px; color:#fff; text-align:center; position:absolute; font-size:13px; line-height:2.5; top:-15px; left:0; right:0; margin:auto;border-radius:30px;}
.pledge_selection dt:after{content:""; display:block; width:96px; height:96px; border-radius:50%; position:absolute; top:0; left:0; right:0; bottom:10px; margin:auto; background:#eff8ff url(/images/mayor_2026_new/sub/icon_selection_excavation.png) no-repeat center;}
.pledge_selection li:nth-child(2) dt:after{background:#eff8ff url(/images/mayor_2026_new/sub/icon_selection_list.png) no-repeat center;}
.pledge_selection li:nth-child(3) dt:after{background:#eff8ff url(/images/mayor_2026_new/sub/icon_selection_inside.png) no-repeat center;}
.pledge_selection li:nth-child(4) dt:after{background:#eff8ff url(/images/mayor_2026_new/sub/icon_selection_review.png) no-repeat center;}
.pledge_selection li:nth-child(5) dt:after{background:#eff8ff url(/images/mayor_2026_new/sub/icon_selection_confirmed.png) no-repeat center;}
.pledge_selection li:nth-child(6) dt:after{background:#eff8ff url(/images/mayor_2026_new/sub/icon_selection_announcement.png) no-repeat center;}
.pledge_selection li:nth-child(7) dt:after{background:#eff8ff url(/images/mayor_2026_new/sub/icon_selection_evaluation.png) no-repeat center;}
.pledge_selection li:nth-child(8) dt:after{background:#eff8ff url(/images/mayor_2026_new/sub/icon_selection_check.png) no-repeat center;}
.pledge_selection li:nth-child(9) dt:after{background:#eff8ff url(/images/mayor_2026_new/sub/icon_selection_excavation.png) no-repeat center;}
.pledge_selection li:nth-child(10) dt:after{background:#eff8ff url(/images/mayor_2026_new/sub/icon_selection_inside.png) no-repeat center;}

.pledge_selection dd{position:relative; padding-left:12px; margin-top:10px;}
.pledge_selection dd:after{content:""; display:block; width:5px; height:5px; border-radius:50%; background:#ddd; position:absolute; top:5px; left:0;}
.pledge_selection dd.none:after{content:none}
.pledge_selection li:nth-child(10) dd:last-child{background:none;}

@media all and (min-width:768px) {
.pledge_selection li{width:50%; float:left;}
.pledge_selection li:nth-child(3),
.pledge_selection li:nth-child(4),
.pledge_selection li:nth-child(7),
.pledge_selection li:nth-child(8){float:right;}
.pledge_selection li:nth-child(1) dd:last-child,
.pledge_selection li:nth-child(3) dd:last-child,
.pledge_selection li:nth-child(5) dd:last-child,
.pledge_selection li:nth-child(7) dd:last-child,
.pledge_selection li:nth-child(9) dd:last-child,
.pledge_selection li:nth-child(10) dd:last-child{background:none;}
.pledge_selection dl{position:relative; padding-left:10%}
.pledge_selection li:nth-child(1) dt:before,
.pledge_selection li:nth-child(5) dt:before,
.pledge_selection li:nth-child(9) dt:before{content:""; display:block; background:url(/images/mayor_2026_new/sub/arrow_right_blue.png) no-repeat center; width:33px; height:38px; position:absolute; top:0; right:-18%; bottom:0; margin:auto;}
.pledge_selection li:nth-child(3) dt:before,
.pledge_selection li:nth-child(7) dt:before{content:""; display:block; background:url(/images/mayor_2026_new/sub/arrow_left_blue.png) no-repeat center; width:33px; height:38px; position:absolute; top:0; bottom:0; left:-18%; margin:auto;}
.pledge_selection li:nth-child(1) dl,
.pledge_selection li:nth-child(4) dl,
.pledge_selection li:nth-child(5) dl,
.pledge_selection li:nth-child(8) dl,
.pledge_selection li:nth-child(9) dl{padding-right:10%; padding-left:0;}
.pledge_selection dd{font-size:15px;}
.pledge_selection dd:last-child{background-size:auto; padding-bottom:60px;}
}
@media all and (min-width:1400px) {
.pledge_selection ol{margin:0 -3.5%}
.pledge_selection li{width:33.3%}
.pledge_selection dt{font-size:20px; margin-bottom:20px;}
.pledge_selection dt span{font-size:16px; height:30px; line-height:2}
.pledge_selection li:nth-child(1),
.pledge_selection li:nth-child(2),
.pledge_selection li:nth-child(3),
.pledge_selection li:nth-child(7),
.pledge_selection li:nth-child(8),
.pledge_selection li:nth-child(9){float:left;}
.pledge_selection li:nth-child(4),
.pledge_selection li:nth-child(5),
.pledge_selection li:nth-child(6),
.pledge_selection li:nth-child(10){float:right;}
.pledge_selection li:nth-child(1) dl,
.pledge_selection li:nth-child(2) dl,
.pledge_selection li:nth-child(4) dl,
.pledge_selection li:nth-child(5) dl,
.pledge_selection li:nth-child(7) dl,
.pledge_selection li:nth-child(8) dl{padding-right:10%; padding-left:10%;}
.pledge_selection li:nth-child(3) dl,
.pledge_selection li:nth-child(6) dl,
.pledge_selection li:nth-child(9) dl{padding-left:10%; padding-right:10%;}
.pledge_selection li:nth-child(1) dt:before,
.pledge_selection li:nth-child(2) dt:before,
.pledge_selection li:nth-child(7) dt:before,
.pledge_selection li:nth-child(8) dt:before{content:""; display:block; background:url(/images/mayor_2026_new/sub/arrow_right_blue.png) no-repeat center; width:33px; height:38px; position:absolute; top:0; right:-20%; left:auto; bottom:0; margin:auto;}
.pledge_selection li:nth-child(4) dt:before,
.pledge_selection li:nth-child(5) dt:before{content:""; display:block; background:url(/images/mayor_2026_new/sub/arrow_left_blue.png) no-repeat center; width:33px; height:38px; position:absolute; top:0; left:-20%; right:auto; bottom:0; margin:auto;}
.pledge_selection li:nth-child(3) dt:before,
.pledge_selection li:nth-child(6) dt:before,
.pledge_selection li:nth-child(9) dt:before,
.pledge_selection li:nth-child(10) dt:before{display:none;}
.pledge_selection li:nth-child(3) dd:last-child{background:url(/images/mayor_2026_new/sub/arrow_bottom_blue.png) no-repeat bottom center; background-size:30px;}
.pledge_selection li:nth-child(2) dd:last-child,
.pledge_selection li:nth-child(4) dd:last-child,
.pledge_selection li:nth-child(8) dd:last-child,
.pledge_selection li:nth-child(10) dd:last-child{background:none;}
.pledge_selection li:nth-child(9) dd:last-child{background:url(/images/mayor_2026_new/sub/arrow_bottom_blue.png) no-repeat bottom center}
}


/*공약실천 도표*/
.circle_box {display: flex; align-items: center; justify-content: space-between;margin-bottom:70px}
.circle_box .big_circle {text-align: center; position: relative;}
.circle_box .big_circle .graph_box {width: 250px; height: 250px;}
.circle_box .big_circle .txt_box {position: absolute; top: 55%; left: 50%; translate: -50% -50%;}
.circle_box .big_circle p:nth-of-type(1) {font-size: 18px; color: #2b3997; font-weight: 600;}
.circle_box .big_circle p:nth-of-type(2) {font-size: 19px; color: #000; font-weight: 600;}
.circle_box .big_circle p:nth-of-type(3) {font-size: 25px; color: #2b3997; font-weight: 800;}
.circle_box .circle_list {display: flex; justify-content: space-between;}
.circle_box .doughnut_chart {width: 150px; position: relative; margin: 0 auto;}
.circle_box .doughnut_chart .txt {font-size: 25px; font-weight: 600; position: absolute; top: 55%; left: 50%; translate: -50% -50%;}
.circle_box .doughnut_chart .txt span {font-size: 18px; display: inline-block; vertical-align: baseline; margin-left: -4px; font-weight: 500;}
.circle_box .state {color: #fff; font-size: 16px; font-weight: 400;  display: flex; justify-content: center; padding: 7px 10px 5px; border-radius: 30px; margin-top: 15px;}
.circle_box .circle_list > li:not(:last-of-type) {margin-right: 40px;}
.circle_box .circle_list > li {width: auto; text-align: center;}
.circle_box .circle_list > li:nth-of-type(1) .doughnut_chart .txt {color: #0499ed;} 
.circle_box .circle_list > li:nth-of-type(1) .state {background-color: #0e94ef;} 
.circle_box .circle_list > li:nth-of-type(2) .doughnut_chart .txt {color: #41a930;}
.circle_box .circle_list > li:nth-of-type(2) .state {background-color: #41a930;}
.circle_box .circle_list > li:nth-of-type(3) .doughnut_chart .txt {color: #ee2e5b;}
.circle_box .circle_list > li:nth-of-type(3) .state {background-color: #ee2e5b;}
.circle_box .circle_list > li:nth-of-type(4) .doughnut_chart .txt {color: #8745c1;}
.circle_box .circle_list > li:nth-of-type(4) .state {background-color: #8745c1;}

@media all and (max-width:1280px) {
.circle_box{;flex-wrap: wrap; justify-content: center;}
.circle_list {width: 100%; justify-content: space-between;}
.circle_box .circle_list > li:not(:last-of-type) {margin-right: 0;}
.circle_box .state {font-size: 15px;}
.circle_box .doughnut_chart .txt {font-size: 22px;}
.circle_box .doughnut_chart .txt span {font-size: 16px;}
.circle_box .big_circle {background-size: 200px !important; margin-bottom: 10px;}
.circle_box .big_circle p:nth-of-type(1) {font-size: 17px;}
.circle_box .big_circle p:nth-of-type(2) {font-size: 16px; margin: 6px 0;}
.circle_box .big_circle p:nth-of-type(3) {font-size: 22px;}
}
@media screen and (max-width:768px) {
.circle_box .big_circle .graph_box {width: 250px; height: 250px;}
.circle_box .circle_list {flex-wrap: wrap;}
.circle_box .circle_list > li {width: 50%; margin-bottom: 20px;}
.circle_box .state { display: inline-flex;}
}


.btn_down {border:1px solid #dedede; padding:3px 12px 0; display:inline-block; line-height:1; font-size:14px; border-radius:3px 10px; color:#444;height:32px}
.btn_down span{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; position:relative; z-index:2; height:100%; line-height:1.2em;}
.btn_down span:after{content:''; opacity:1; display:inline-block; width:15px; height:15px; margin-left:7px; background:url(/images/mayor_2026_new/sub/ico_dowload.svg) no-repeat 50% 50%; background-size:100%; vertical-align:middle; transition:opacity var(--trans-ani);}
.btn_down:hover,.btn_down:focus{border-color:#444}

td.tbg01{font-size:14px;background:#f8fdff;}
td.tbg02{font-size:14px;background:#f3fce9;}
td.tbg03{font-size:14px;background:#f8f3ff;}
td.tbg04{font-size:14px;background:#fdfdfd;}

.change_list{clear:both;border-top:2px solid #585858;margin-bottom:30px;width:100%}
.change_list > li{position:relative}

.change_list > li > a{display:block;border-bottom:1px solid #ccc;padding:15px 20px;font-size:18px;}
.change_list > li > a span{margin-right:10px;}
.change_list .change_con{border-bottom:1px solid #ccc;}

.change_list > li > a:after{content: '';position: absolute;width: 7px;height: 7px;top: 30px;right: 3%;border-top: 3px solid #ccc;border-right: 3px solid #ccc;transform: translate(-50%,-50%) rotate(135deg);transition: all ease 0.3s;-webkit-transform: rotate(135deg);}
.change_list > li.active > a:after{transform: translate(-50%,-50%) rotate(315deg);-webkit-transform: rotate(315deg);transition: all ease .5s;border-top: 3px solid #ee2f5b;border-right: 3px solid #ee2f5b;}

.change_list .icon01{background:url(/images/mayor_2026_new/sub/picon01.png) no-repeat;}
.change_list .icon02{background:url(/images/mayor_2026_new/sub/picon02.png) no-repeat;}
.change_list .icon03{background:url(/images/mayor_2026_new/sub/picon03.png) no-repeat;}
.change_list .icon04{background:url(/images/mayor_2026_new/sub/picon04.png) no-repeat;}
.change_list .icon05{background:url(/images/mayor_2026_new/sub/picon05.png) no-repeat;}
.change_list .icon06{background:url(/images/mayor_2026_new/sub/picon06.png) no-repeat;}
.change_list .icon07{background:url(/images/mayor_2026_new/sub/picon07.png) no-repeat;}
.change_list .icon08{background:url(/images/mayor_2026_new/sub/picon08.png) no-repeat;}

.change_list  i{display:inline-block;width:40px;height:40px;background-size:40px !important;background-position:center !important;vertical-align:middle;margin-right:10px}


@media(max-width: 768px){
	.change_list > li > a{padding:15px;font-size:16px;}
	.change_list > li:after{top:25px}
}