@charset "utf-8";
.greet_top { height: 320px; background: url('../img/content/con_2026_010100.jpg') no-repeat center top; font-size: 0; line-height: 0; }
.greet_top img { display: none; }
.greet_content { border: solid 1px #dadada; border-radius:0; padding: 10px 3% 40px 7%; margin-bottom: 15px; }
.greet_content p { font-size: 1.2em; word-break:keep-all; line-height: 200%; padding-bottom: 0; color: #444; text-align: justify; }
.greet_content p.head_copy { font-size: 1.5em; font-weight:600; color: #0c57a3/*  #287EA9 */; padding-bottom: 20px; line-height: 145%; margin-top: 40px; padding-left: 20px; position: relative; margin-left: -20px; }
.greet_content p.head_copy:before { content: '❛'; position: absolute; top: 0px; left: -20px; font-size: 50px; color: #c0daf5; display: block; font-family: 'Zapf Dingbats'; }
.greet_content p.foot_copy { text-align: right; color: #333; font-size: 1.2em; padding-top: 20px; }

/* ff only */
@-moz-document url-prefix() {
.greet_content p.head_copy {margin-left: 0;padding-left: 0;}
}
/*Chrome only */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
.greet_content p.head_copy { margin-left: 0; padding-left: 0; }
}
/* 걸어온길 */
.story_top { overflow: hidden; margin-bottom: 35px; border-bottom: 1px dashed #ccc; padding-bottom: 50px; }
.story_top .flt,
.story_top .frt { width: 50%; }
.story_top .flt { height: auto;/* background: url('../img/content/con_010201.jpg') no-repeat right bottom */ }
.story_top ul li { line-height: 185%; color: #737373; }
.story_top:first-child { background: url('../img/content/con_010200-1.jpg') no-repeat left 79% }
.story_top:last-child { background: url('../img/content/con_010200-2.jpg') no-repeat 80% 3% }
.story_content { padding-top: 45px; }
h3.numT { font-size: 1.533em; font-weight: 600; color: #373636; padding-bottom: 27px; }
h3.numT em { font-style: normal; color: #247AAE; display: inline-block; }
.story_tit { font-size: 1.2em; color: #4278AE; font-weight: 600; padding-bottom: 14px; }
.story_cont { font-size: 1.0em; line-height: 180%; padding-bottom: 13px; border-bottom: solid 1px #dadada; color: #737373; margin-bottom: 20px; text-align: justify; letter-spacing: -0.45px; }
.story_cont img { display: none; }
.story_cont.noLine { border-bottom: none; margin-bottom: 0; }
.story_snap { padding-right: 280px; border-bottom: solid 1px #dadada; margin-bottom: 20px; height: auto; background: url('../img/content/con_010202.jpg') no-repeat right 38px }

.story_book { overflow:hidden; margin-bottom:35px; padding-bottom:50px; }
.story_book li { float:left; width:23.5%; height:auto; margin-right:20px; margin-bottom:50px; }
.story_book li:nth-child(4n) { margin-right:0; }
.story_book li img { width:100%; border:1px solid #eee; }
.story_book li h4 { margin-top:10px; font-size:1.0em; font-weight:600px; word-break:keep-all; }
.story_book li p { margin-top:5px; font-size:0.8em; color:#737373;}

@media (max-width: 1024px) {
.story_book li { width:31%; }
.story_book li:nth-child(4n) { margin-right:20px; }
.story_book li:nth-child(3n) { margin-right:0; }
}

@media (max-width: 640px) {
.story_book li { width:47%; }
.story_book li:nth-child(4n) { margin-right:20px; }
.story_book li:nth-child(3n) { margin-right:20px; }
.story_book li:nth-child(2n) { margin-right:0; }
}

/* 매니페스토 */
.lineBox_r { border: solid 1px #b7c6ce; border-radius: 27px 0; padding: 19px 30px; margin-bottom: 25px; background-color: #f1f5f7; color: #1f597f; overflow: hidden; }
.lineBox_r p { line-height: 180%; }
.lineBox_r.bg_f { background-color: #fff; border-color: #d4d4d5; color: #454546; border-radius: 0 27px 27px 27px; padding: 20px 40px; position: relative; }
.lineBox_r.bg_f p { padding-bottom: 10px; }
a.btn_r { border-radius: 2.5em; display: inline-block; vertical-align: middle; background-color: #cf2753; color: #fff; padding: 0 15px; line-height: 21px; font-size: 0.933em; float: right; }
.lineBox { border: solid 1px #ccc; padding: 18px 24px 10px; margin-bottom: 20px; background-color: #f7f7f8; color: #333; overflow: hidden; }
.lineBox p { line-height: 174%; padding-bottom: 12px; }
/* 시민과의소통 */
.numList { margin-bottom: 15px; }
.numList li { line-height: 200%; font-size: 1.133em; }
.numList em { font-style: normal; color: #3A76B1; display: inline-block; font-weight: 700; }
.lineBox_r.bg_f .frt li { padding: 3px 0 2px; line-height: 0; }
.lineBox_r.bg_f h3 { border: none; border-left: solid 6px #7dbfe8; padding: 0 0 0 14px; margin-top: 6px; font-size: 1.133em; font-weight: 600; color: #333; float: left; width: 34%; }
.lineBox_r.bg_f h3 em { font-size: 1em; font-weight: normal; color: #2aa6d4; font-style: normal; }
.lineBox_r.bg_f img.go { float: right; }
/* 2018-07-11 시정목표비전*/

.imgLine { text-align: center; padding: 25px 0; border: 1px solid #DDD; }
.imgLine img { font-size: 0; }
.asanVision2 { width: 860px; margin: 0 auto; }
.asanVision2 .imgLine { margin: 5px auto 20px; padding-left: 30px; padding-right: 30px; text-align: left; font-size: 14px; color: #111; }
.asanVision2 .imgLine.halfWrap { overflow: hidden; padding-top: 0; }
.asanVision2 .halfWrap .flt { width: 50%; padding-top: 20px; }
.asanVision2 .halfWrap img { width: 100%; }
.boxWrap1 { overflow: hidden; margin-left: -2.5%; margin-bottom: 13px; }
.boxWrap1 dt,
.boxWrap1 dd { float: left; width: 23.3%; border: 1px solid #ddd; font-size: 20px; text-align: center; margin-left: 1.7%; background-color: #fff; box-sizing: border-box; }
.boxWrap1 dt { font-weight: bold; background-color: #f0f0f0; }
.boxWrap1 dt,
.boxWrap1 dd { padding: 22px 0; line-height: 1.3 }
.bdl_tit { color: #31497b; border-left: 2px solid #31497b; padding-left: 6px; display: inline-block; font-weight: bold; margin-bottom: 10px; }
.asanVision2 .numT { padding-bottom: 10px; }
.asanVision2 .imgLine img.m_ex { width: 100%; }
a.btn,
.btn { background: #015197; border-radius: 28px; color: #ffffff; font-size: 15px; padding: 10px 20px 10px 50px; text-decoration: none; display: inline-block; cursor: pointer; background-repeat: no-repeat; background-size:/* contain */auto; background-position: 3px center; border : 1px solid #FFF; }
a.btn.filedown { background-image: url('/main/common/user/img/common/download.png'); background-size: 18px auto; background-position: 17px 45%; background-color: #3498db; }
a.btn.filedown:hover { border-color: #2980b9; color: #ccffff; }
/* fileDnList : 2018-11-19 */
.fileExe { display: inline-block; background-color: #fff; border: 1px solid #087caa; color: #087caa; font-size: 11px; line-height: 18px; padding: 0; width: 33px; text-align: center; letter-spacing: -0.4px; font-weight: 800; height: 17px; vertical-align: middle; }
.fileExe.pdf { color: #BC2121; border-color: #BC2121; }
.fileExe.xls { color: #080; border-color: #080; }
.fileExe.zip { color: #976924; border-color: #976924; }
.fileDnList { overflow: hidden; font-size: 13px; margin-left: -1%; padding-top: 10px; padding-bottom: 30px; }
.fileDnList li { float: left; border: 1px solid #42B3D4; width: 30.6%; margin: 0px 0 10px 1%; position: relative; text-align: right; overflow: hidden; line-height: 35px; padding-right: 1.5%; background-color: #fff; }
.fileDnList li a.fileOpen { line-height: 35px; display: inline-block; padding-left: 30px; color: #333; font-weight: bold; background: #FFF url('/main/common/user/img/common/btn_find.png') 10px center no-repeat; background-size: auto; letter-spacing: -1px; float: left; }
.fileDnList.half li { border: 1px solid #DDD; width: 47.2%; position: relative; text-align: left; height: 35px; }
.fileDnList.half li a { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0 15px; overflow: hidden; color: #333; }
.fileDnList.half li a span.fileExe { float: right; display: block; margin-top: 8px; }
.fileDnList.half li a:hover { background-color: #f7f8f7; }
.fileDnList.half.bgc { border: 1px solid #42B3D4; background-color: #f2fcff; padding: 20px 2.1% 10px 1.5%; margin: 10px 0 35px 0 }
.fileDnList.half.bgc li:hover { border-color: #42B3D4; }
.fileDnList.half.bgc li a:hover { background-color: #fff; }
 @media (max-width: 900px) {
/* .asanVision2 .halfWrap .flt{float: none;width: auto;} */
/* .asanVision2 .halfWrap img{margin:  10px auto 0;} */
.boxWrap1 dt,
.boxWrap1 dd { font-size: 13px; }
.grayBox { padding: 0; }
.boxWrap1 { margin-bottom: 7px; }
.boxWrap1 dt,
.boxWrap1 dd { padding: 15px 0; line-height: 1.2 }
.asanVision2 { width: auto; }
.asanVision2 .imgLine { font-size: 13px; margin-bottom: 20px; padding-left: 2.3%; padding-right: 2.3%; }
}
@media (max-width: 450px) {
.asanVision2 .halfWrap .flt { float: none; width: auto; }
.asanVision2 .imgLine { padding-top: 11px; padding-bottom: 11px; }
.asanVision2 .halfWrap .flt { padding-top: 11px; }
}
/* 공약사항 */
.tabmenu { /* border-bottom: solid 1px #4ca5df; height: 40px;  */margin-bottom: 24px; }
.tabmenu ul { overflow: hidden;display: flex; }
.tabmenu li { float: none; width: auto; text-align: center; flex: 0 0 25%;align-items: center;}
.tabmenu li a { display: block; min-height: 39px; height: 100%;line-height: 1.05; border-top: solid 1px #CCC; border-right: solid 1px #CCC; background: #f6f6f7; border-bottom: solid 1px #4ca5df; z-index: 0; font-size: 1em;display: flex;flex-direction: column;justify-content: center;padding: 12px 5px;box-sizing: border-box; }
.tabmenu li.first a { border-left: solid 1px #CCC; border-radius: 10px 0 0 0 }
.tabmenu li.last a { border-radius: 0 10px 0 0 }
.tabmenu li a.on {color: #007BC7;font-weight: bold;border-top: solid 1px #4ca5df; border-right: solid 1px #4ca5df; background: #fff; border-left: solid 1px #4ca5df;  margin-left: -1px;}
/* .tabmenu li a.on { display: block; height: 39px; line-height: 40px; border-top: solid 1px #4ca5df; border-right: solid 1px #4ca5df; background: #fff; border-bottom: solid 1px #fff; border-left: solid 1px #4ca5df; margin-left: -1px; color: #007BC7; font-weight: bold } */
.tabmenu li.first a.on { border-left: solid 1px #4ca5df; margin-left: 0px }
.tabmenu li a:hover { background-color: #fff; color: #4ca5df; }
.tabmenu.long li { width: auto; }
.tabmenu.long li a { padding: 0 23px; letter-spacing: -0.5px; }
.tabmenu.col5 li { width: 20%; }
.tabmenu.col5 li a { padding: 0; letter-spacing: -1px; }
.tabmenu li a.nwin { background-repeat: no-repeat; background-position: 93% 49%; background-image: url(/main/common/happy/img/happy/ico_jump.png); }
.visionList .visionTit { border: solid 1px #88cce9; background: #f8fdff; padding: 15px 26px; margin-bottom: 10px; border-radius: 15px 0; border-color: #e61858;background-color: #fff7f9;}
.visionList .visionTit strong { color: #e61858/* #007BC7 */; font-size: 1.133em; }
.visionList .visionTit p { font-size: 0.867em; padding-top: 5px }
.visionList h3 { font-size: 1.33em; padding: 10px 0; border-bottom: solid 1px #DDD; color: #26388b/* #0d549b*/;  font-weight: /* 400 */700; }
.visionList h3 em { display: inline-block; color: #FFF; font-size: /* 1.2em */0.9em; font-weight: normal; font-family: 'arial'; font-style: italic; border-radius: 8px 0; background: #d04176;/* #3576B7 #e61858*/; text-align: center; line-height: 30px; padding: 0 15px; margin: 0px 5px 1px 0; vertical-align: middle; }
.visionList ul { padding: 14px 0 20px 8px; overflow: hidden }
.visionList ul li { padding-bottom: 5px; line-height: 170%; float: left; width: 48%; padding-left: 10px; background: url('../img/content/listBul.gif') 0 10px no-repeat; }
.visionList ul.wide li{float: none;width: auto;}
.tab_box { background: #e8edef; padding: 20px; padding-bottom: 12px; margin: 20px 0; }
.tab_box ul { overflow: hidden; }
.tab_box li { float: left; width: 32.4%; padding-right: 1.3%; padding-bottom: 8px; }
.tab_box li a { display: block; height: 39px; line-height: 40px; text-align: center; border: 1px solid #3bb3e5; background: #fff; font-size: 1em; }
.tab_box li.last { padding-right: 0; }
.tab_box li a span { display: inline-block; height: 39px; line-height: 40px; text-align: center; padding-left: 18px; background: url('../img/content/tab_zm.gif') left 55% no-repeat; }
.tab_btn_view { display: block; height: 39px; line-height: 40px; text-align: center; border: 1px solid #3bb3e5; background: #FFF; font-size: 0.933em; color: #3bb3e5; width: 45%; font-weight: bold; margin: 0 auto; letter-spacing: -1px; border: 1px solid #f00; }
.tab_box.long li { float: left; width: 48.5%; padding-right: 1.3%; padding-bottom: 8px; }
h3.total { border: 0; background: /* #187BB9 */#e61858; padding: 11px 0; margin-bottom: 0px; font-size: 1em; text-align: center; color: #FFF; border-radius: 17px 17px 0 0 }
table.general { border: 0; border-collapse: collapse; width: 100%; border-top: solid 2px #999; outline: none; background-color: #fff; }
table.general td,
table.general th { border: 0; border-bottom: solid 1px #ddd; border-right: solid 1px #ddd; padding: 8px 0; text-align: center; line-height: 155%; vertical-align: middle; font-size: 1em; height: auto }
table.general thead th { background: #f6f6f6; font-weight: 700; }
table.general thead th.first { border-left: solid 1px #ddd; }
table.general tbody td.first { border-left: solid 1px #ddd; }
table.general tbody th { border-left: none; font-weight: 700; background: #f9f7f7; }
table.general th.left { padding: 7px 0px 6px 9px; text-align: left }
table.general td.left { vertical-align: top; padding: 8px 0px 8px 10px; text-align: left }
table.general tr.bg td { background: #f2fbff; }
table.general.total { border-top: solid 2px /* #0d98d3 */#e61858; border-left: solid 1px #ddd; }
table.general.total thead th { background: /* #f2fbff */#fff2f6; }
a.adobeBtn { border-bottom: solid 1px #D1281B; color: #D1281B; display: inline-block; padding-bottom: 2px }
table.general.promise { border-top: solid 2px /* #0d98d3 */#e61858; border-left: solid 1px #DDD; }
table.general.promise thead th { padding-top: 4px; padding-bottom: 4px; line-height: normal; font-size: 0.867em; background-color: /* #f5f9fb */#fff2f6; color: /* #60757e */#4d363d; }
table.general.promise td,
table.general.promise th { line-height: 148%; }
table.general.promise .bg th,
table.general.promise .bg td { background: #fefee4; }
table.general.promise tbody th { font-size: 0.8em; }
table.general.promise tbody td { vertical-align: middle; }
.bz { display: inline-block; text-align: center; letter-spacing: -1px; font-size: 12px; background: #6D56BE; color: #FFF; line-height: 22px; padding: 0 2px 0 1px; height: 22px; margin-left: -1px; width: 37px; }
.bz.b { background: #2F8455; }
.bz.c { background: #A46844 }
table.general.promise tbody .gap { letter-spacing: -1px; font-size: 0.8em; }
table.general.promise td.left { font-size: 0.925em; }
table.general.promise td a.btPdf { display: inline-block; padding-right: 28px; background: url('../img/content/pdf.gif') right center no-repeat; }
table.general.promise td a.btPdf:hover{color: #e61858;text-decoration: underline;}
table.general.promise td.titleColor { background:/* #fffef0 */#f2f4ff; font-weight:700; }
/* 시민배심원제 */
.panel_box { overflow: hidden; border: solid 1px #ded0c0; background: #fdfaf7; border-radius: 27px 0; padding: 30px 35px 25px; margin-bottom: 10px; }
.panel_box h3 { border: none; border-left: solid 6px #f5ba80; padding: 0 0 0 14px; margin-bottom: 14px; font-size: 1.133em; font-weight: 600; letter-spacing: -1px; color: #682602; }
.panel_box .flt { float: left; width: 580px; height: 200px; border-bottom: solid 1px #ede8e2; }
.panel_box .frt { float: right; width: 320px; height: 200px; }
.panel_box dl { position: relative; padding-bottom: 3px; }
.panel_box dt { width: 60px; position: absolute; top: 0; left: 0; line-height: 170%; }
.panel_box dd { padding-left: 70px; line-height: 170%; }
.panel_box dd a { border-bottom: dotted 1px #bfa593; display: inline-block; padding-bottom: 0px; color: #7c563c; }
.panel_box .panel_txt { clear: both; line-height: 170%; padding-top: 20px; }
/* 공약발자취 */

.eval_list { }
.eval_aro { height: 40px; padding: 10px 0; background: url('../img/content/eval_aro.gif') 45px center no-repeat; }
.eval_aro hr { display: none; }
.eval_box { position: relative; padding: 14px 15px 7px 293px; min-height: 125px; }
.eval_tit { position: absolute; top: 0; left: 0; bottom: 0; text-align: center; padding: 18px 20px; right: auto; width: 200px; border: 1px solid #88cce9; }
.eval_tit h3 { color: #0486c2; font-size: 1.133em; letter-spacing: 0px; line-height: 145%; }
.eval_tit h3 em { color: #986C50; font-size: 0.933em; font-style: normal; display: block; font-weight: normal; letter-spacing: 0; }
.eval_bar { position: absolute; top: 0; left: 257px; width: 10px; bottom: 0; background: #333; }
.eval_bar span { display: block; height: 20%; width: 10px; background: #FFF; }
.eval_bar span.ba1 { opacity: 0.8; }
.eval_bar span.ba2 { opacity: 0.6; }
.eval_bar span.ba3 { opacity: 0.4; }
.eval_bar span.ba4 { opacity: 0.2; }
.eval_txt { position: relative; z-index: 2; }
.eval_txt li { line-height: 155%; background: url('../img/content/eval_bul.png') 0px 4px no-repeat; padding-bottom: 8px; padding-left: 13px; }
.eval_txt_bg { background: #fbf8f6; bottom: 0; top: 0; position: absolute; right: 0; left: 280px; z-index: 0; border: 1px solid #f2ece8; }
.eval_txt a { border-bottom: dotted 1px #bfa593; display: inline-block; padding-bottom: 0px; color: #7c563c; }
.general.insert { border-top: solid 1px #d2c5bd; border-left: solid 1px #d2c5bd; margin: 10px 0; }
.general.insert thead th { background: #FFF; line-height: 135%; padding-top: 5px; padding-bottom: 4px; border-color: #d2c5bd }
.general.insert tbody th,
.general.insert tbody td { line-height: 135%; padding-top: 5px; padding-bottom: 4px; background: none; border-color: #d2c5bd; font-size: 0.936em; }
.general.insert tbody td.left { padding: 4px 0px 4px 5px; position: relative; }
.general.insert .del { color: #D63C24; }
.general.insert.many { background-color: #f7f7f8; }
.general.insert.many th { font-weight: normal; }
.general.insert.many tbody th,
.general.insert.many tbody td { font-size: 0.875em; line-height: 145%; letter-spacing: -1px; }
.general.insert .btm,
.general.insert .btm th,
.general.insert .btm td { background-color: #f2e5e3; letter-spacing: 0px; padding: 10px; }
.general.insert .newBg { background-color: #eaf3fc; }
.general.insert .btm td { text-align: left; padding-left: 15px; position: relative; }
.general.insert td strong.ok { display: block; background: #FFF; color: #333; border: 1px solid #af311e; padding: 0; width: 50px; height: 22px; line-height: 22px; right: 7px; top: 8px; position: absolute; text-align: center; }
.yLink { overflow: hidden; border: 1px solid #ddd; margin-bottom: 20px; }
.yLink li { float: left; width: 25%; }
.yLink li a { display: block; background-color: #fff; border: 1px solid #ddd; text-align: center; line-height: 34px; }
a.eval_goTop { display: block; text-align: center; width: 60px; line-height: 34px; background-color: #fff; float: right; border: 1px solid #ddd; }
/*2017-11-16*/
iframe#content_iframe { height: 400px; width: 100%; border: 0; margin: 0; }
iframe#ifram { height: 1300px; width: 100%; border: 0; margin: 0; }
/*2018-07-04 */
#epp {/* padding: 25px 2.5%;border: 1px solid #ddd; */ padding: 25px 0; }
.tit_dot { font-size: 1.433em; color: #000; margin-bottom: 20px; position: relative; padding-left: 15px; }
.tit_dot:before { content: ''; display: block; border-radius: 50%; background-color: #90BB45; position: absolute; top: 8px; left: 0; height: 10px; width: 10px; }
.list_dot li { line-height: 150%; margin-bottom: 5px; position: relative; padding-left: 10px; }
.list_dot li:before { content: ''; display: block; border-radius: 50%; background-color: #ccc; position: absolute; top: 8px; left: 0; height: 4px; width: 4px; }
 @media all and (max-width:1024px) {/* 1024 이하 */
/* 인사말 */
.greet_top { height: 0; background-size: 100% auto; padding-bottom: 31.5%; }
.greet_content { border-radius:0; padding: 4% 5% 2.5%; }
.story_top { overflow: hidden;/* background: url('../img/content/con_010201.jpg') no-repeat 35% bottom;background-size:auto 155px; */ }
.story_top:first-child { background: none }
/* .story_top .flt{width: 47%;background: none;}
.story_top .frt{width: 53%;} */
.story_top ul li { line-height: 185%; color: #737373; }
.story_content { padding-top: 35px; }
h3.numT { font-size: 1.475em; padding-bottom: 20px; }
.story_tit { font-size: 1.2em; color: #2d98c0; font-weight: 600; padding-bottom: 14px; }
.story_cont { font-size: 1.0em; line-height: 180%; padding-bottom: 13px; border-bottom: solid 1px #dadada; color: #737373; margin-bottom: 20px; text-align: justify; letter-spacing: -0.45px; overflow: hidden; }
.story_cont.noLine { border-bottom: none; margin-bottom: 0; }
.story_snap { padding-right: 0; border-bottom: solid 1px #dadada; margin-bottom: 20px; height: auto; background: none }
.story_snap .story_cont img { display: block; float: right; height: 220px; width: auto; margin-left: 30px; }
/****
tabmenu
****/
.tabmenu { margin-bottom: 15px; }
.tabmenu li a {font-size: 0.912em;}
/* .tabmenu li { float: left; width: 120px; text-align: center; }
.tabmenu li a { display: block; height: 39px; line-height: 40px; border-top: solid 1px #CCC; border-right: solid 1px #CCC; background: #f6f6f7; border-bottom: solid 1px #4ca5df; z-index: 0; font-size: 1.0em; }
.tabmenu li.first a { border-left: solid 1px #CCC; border-radius: 10px 0 0 0 }
.tabmenu li.last a { border-radius: 0 10px 0 0 }
.tabmenu li a.on { display: block; height: 39px; line-height: 40px; border-top: solid 1px #4ca5df; border-right: solid 1px #4ca5df; background: #fff; border-bottom: solid 1px #EEE; border-left: solid 1px #4ca5df; margin-left: -1px; color: #4ca5df; font-weight: bold }
.tabmenu li.first a.on { border-left: solid 1px #4ca5df; margin-left: 0px }
.tabmenu li a:hover { background-color: #fff; color: #4ca5df; }
.tabmenu.long li { width: auto; }
.tabmenu.long li a { padding: 0 15px; letter-spacing: -1px; font-size: 0.933em; } */
/* .visionImg { }
.visionList .visionTit { border: solid 1px #88cce9; background: #f8fdff; padding: 2% 3%; margin-bottom: 10px; border-radius: 15px 0; }
.visionList .visionTit strong { color: #0699dd; font-size: 1.133em; } */
.visionList .visionTit p { font-size: 0.867em; padding-top: 5px }
.visionList h3 { font-size: 1.2em; }
.visionList h3 em { font-size: 1.133em; line-height: 24px; }
.visionList ul { padding: 10px 0 20px 0px; overflow: hidden }
.visionList ul li { padding-bottom: 5px; line-height: 160%; float: left; width: 48.5%; padding-left: 7px; background: url('../img/content/listBul.gif') 0 8px no-repeat; font-size: 0.933em; }
/* 시민배심원제 */
.panel_box { padding: 25px 26px 20px; margin-bottom: 10px; }
.panel_box h3 { border-left: solid 5px #f5ba80; padding: 0 0 0 12px; margin-bottom: 10px; font-size: 1.067em; }
.panel_box .flt { float: left; width: 60%; height: auto; border-bottom: 0 }
.panel_box .frt { float: right; width: 40%; height: auto; }
.panel_box .frt img { width: 100%; height: auto; }
.panel_box dl { position: relative; padding-bottom: 3px; font-size: 0.867em; }
.panel_box dt { width: 40px; position: absolute; top: 0; left: 0; line-height: 150%; }
.panel_box dd { padding-left: 50px; line-height: 150%; }
.panel_box .panel_txt { line-height: 160%; padding-top: 10px; font-size: 0.933em; }
.fileDnList.half li { width: auto; float: none; margin: 3px 0; }
.fileDnList.half.bgc { padding: 1.5% 2.5%; }
}
@media all and (max-width:667px) {/* ipone s6 가로(667*375) */
.citizenTop .lineBox_r.bg_f { padding: 20px 20px; border-radius: 0 20px 20px 20px; }
.citizenTop .numList li { line-height: 175%; font-size: 1.125em; letter-spacing: -0.5px; }
}
@media all and (max-width:640px) {/* 갤럭시 s6 s7 가로(640*360) */
.citizenTop .lineBox_r.bg_f { padding: 16px; }
.citizenTop .numList { padding-top: 15px; margin-bottom: 0; }
.citizenTop .numList li { line-height: 170%; font-size: 1.075em; }
.citizenTop p.c_orange { font-size: 0.875em; }
}
 @media all and (max-width:568px) {/* ipone s5 가로(568*320) */
.lineBox_r.bg_f { padding: 20px 20px; }
.tabmenu.long.vision { height: auto; }
.tabmenu.long.vision li { margin-bottom: 0 }
.tabmenu.long.vision li a { line-height: normal; height: auto; padding: 6px 8px 7px; font-size: 0.785em; }
.tabmenu.long.vision li a.on { line-height: normal; height: auto; }
.tabmenu li a.nwin { background-image: none }
.visionImg { padding: 0 5%; }
.visionImg img { width: 100%; height: auto; }
.visionList .visionTit { padding: 2% 3%; margin-bottom: 5px; border-radius: 15px 0; }
.visionList .visionTit strong { font-size: 1.0em; ; }
.visionList .visionTit p { font-size: 0.785em; padding-top: 5px }
.visionList h3 { font-size: 1.0em; letter-spacing: -0.5px }
.visionList h3 em { font-size: 0.936em; line-height: 20px; vertical-align: middle; padding: 0 13px; }
.visionList ul { padding: 10px 0 10px 0px; overflow: hidden }
.visionList ul li { padding-bottom: 4px; line-height: 145%; float: none; width: auto; padding-left: 7px; background: url('../img/content/listBul.gif') 0 8px no-repeat; font-size: 0.875em; }
.tab_box { padding: 10px 10px 5px; }
.tab_box li { float: none; width: auto; padding-right: 0; padding-bottom: 5px; }
.tab_box li a { font-size: 0.875em; padding: 0; text-align: left; padding-left: 12px; }
.tab_box li a span { padding-left: 18px; text-align: left }
.tab_box.long li { float: none; width: auto; padding-right: 0; padding-bottom: 5px; }
.tab_box li a,
.tab_box li a span { height: 32px; line-height: 33px; }
h3.total { padding: 6px 0; font-size: 0.875em; border-radius: 14px 14px 0 0 }
a.adobeBtn { font-size: 0.875em; }
table.general td,
table.general th { padding: 6px 0; line-height: 135%; font-size: 0.813em; }
table.general thead th { background: #f6f6f6; font-weight: 400; font-size: 0.785em; }
table.general tbody th { font-weight: 400; }
table.general th.left { padding: 6px 0px 5px 5px; text-align: left }
table.general td.left { vertical-align: top; padding: 6px 0px 5px 5px; text-align: left }
.lineBox_r.bg_f h3 { font-size: 1em; ; width: 40%; }
.lineBox_r.bg_f h3 em { font-size: 0.875em }
}
 @media all and (max-width:450px) {
/* 인사말 */
.greet_top { height: auto; background: none; padding: 0; text-align: center; margin-right: -3%; margin-left: -3%; }
.greet_top img { display: block; width: 100%; height: auto; }
.greet_content {/* border: solid 1px #dadada;border-radius: 20px 0 ;padding:4% 4.5% 3.5%; */ border: 0; margin-bottom: 15px; padding-top: 0; }
.greet_content p { font-size: 0.875em; line-height: 150%; padding-bottom: 5px; }
.greet_content p.head_copy { padding-bottom: 14px; font-size: 1.1em; }
/* .greet_content p.head_copy{font-size: 1.1em;padding-bottom: 20px;line-height: 150%;}
.greet_content p.foot_copy{font-size: 1.075em;padding-top: 10px;}
 */
/* 걸어온길 */
.story_top { overflow: hidden; background: none; border-bottom: 0; padding-bottom: 0; }
.story_top .flt { width: 100%; float: left;/* background:  url('../img/content/con_010201.jpg') no-repeat 130% 100%;background-size:auto 159px; */ border: 0px; padding: 0; height: auto; clear: both; }
.story_top .flt ul { margin-bottom: 10%; }
.story_top .frt { width: auto; float: none; }
.story_top ul li { line-height: 165%; }
.story_content { padding-top: 30px; }
h3.numT { font-size: 1.275em; padding-bottom: 4.1%; }
.story_tit { font-size: 1.075em; padding-bottom: 14px; }
.story_cont { font-size: 0.924em; line-height: 165%; padding-bottom: 10px; margin-bottom: 15px; }
.story_cont.noLine { border-bottom: none; margin-bottom: 0; }
.story_snap { margin-bottom: 0px; height: auto; background: none }
.story_snap .story_cont img { float: right; height: 207px; width: auto; margin-left: 15px; margin-top: 6px; }
.story_top:first-child .flt { padding-bottom: 33%; background: url('../img/content/con_010200-1.jpg') no-repeat center 100%; background-size: 99% auto; margin-bottom: 30px; }
.story_top:last-child { background-position: center bottom; padding-bottom: 40%; background-size: 80% auto; }
/* 공약사항 */
.m_scroll:before { content: '스크롤하세요'; font-size: 0.785em; color: #00ae8e; line-height: normal; padding-bottom: 4px; display: block; }
.m_scroll { display: block; width: auto; max-width: 429px; overflow-x: scroll; box-sizing: border-box; padding-bottom: 0px; }
.m_scroll table { width: 700px !important; margin-bottom: 0; }
.m_scroll table thead th,
.m_scroll table tbody th,
.m_scroll table td { width: auto !important; }
.m_scroll.forIframe { overflow: scroll; }
/* 공약발자취 */

.eval_list { }
.eval_aro { height: 40px; padding: 0; margin-top: 10px; background: url('../img/content/eval_aro.gif') center top no-repeat; }
.eval_aro hr { display: none; }
.eval_box { position: relative; padding: 3% 0 2% 0; min-height: 100%; height: auto; }
.eval_tit { position: static; padding: 3.3% 0; width: auto; top: auto; left: auto; right: auto; bottom: auto; }
.eval_tit h3 { font-size: 1.0em; line-height: 135%; }
.eval_tit h3 em { font-size: 0.785em; }
.eval_bar { display: none; }
.eval_txt { position: relative; z-index: 2; background: #fbf8f6; border: 1px solid #f2ece8; margin-top: 7px; }
.eval_txt ul { padding: 3% 1% 2.5% 4%; }
.eval_txt li { line-height: 140%; background: url('../img/content/eval_bul.png') 0px 6px no-repeat; padding-bottom: 5px; padding-left: 12px; font-size: 0.815em; }
.eval_txt_bg { display: none; }
.eval_txt table.general.insert { margin-left: -4.5%; width: 103%; }
.eval_txt table.general.insert td,
.eval_txt table.general.insert th { font-size: 0.913em; line-height: normal; }
.eval_txt .general.insert .btm td { padding-left: 8px; }
.general.insert .btm th,
.general.insert .btm td { background-color: #f2e5e3; letter-spacing: 0px; padding: 10px 0; }
.eval_txt .general.insert td strong.ok { width: 30px; height: 18px; line-height: 18px; right: 4px; top: 8px; font-size: 0.75em; }
a.eval_goTop { width: 44px; line-height: 30px; border-radius: 0 12px; color: #56b8e6; border-color: #ccc; font-size: 0.875em; }
/* 매니페스토 */
.story_tit.center { font-size: 0.85em; padding-bottom: 12px; letter-spacing: -0.6px; text-align: left; }
.lineBox_r { border-radius: 21px 0; padding: 10px 14px 10px; margin-bottom: 15px; font-size: 0.936em; }
.lineBox_r p { line-height: 150%; font-size: 0.936em; }
.lineBox_r.bg_f { border-radius: 0 21px 21px 21px; padding: 7px 15px; }
.lineBox_r.bg_f p { padding-bottom: 7px; }
a.btn_r { padding: 0 13px; line-height: 21px; height: 20px; font-size: 0.813em; letter-spacing: -0.5px; }
.lineBox { border: none; padding: 2.3% 2.6%; margin-bottom: 15px; background-color: #f5f5f6; }
.lineBox p { line-height: 147%; padding-bottom: 10px; font-size: 0.815em; }
.lineBox table.general.total.mb20 { margin-bottom: 0; }
.lineBox table.general.total.mb20 td,
.lineBox table.general.total.mb20 th { padding: 4px 0; line-height: 145%; font-size: 0.725em; }
.lineBox table.general.total.mb20 td.left { padding-left: 4px; letter-spacing: -0.5px; }
/* 시민배심원제 */
.panel_box { padding: 3.8% 3.9% 3.3%; margin-bottom: 10px; border-radius: 14px 0; }
.panel_box h3 { border-left: solid 5px #f5ba80; padding: 0 0 0 10px; margin-bottom: 10px; font-size: 0.875em; }
.panel_box .flt { float: none; width: auto; margin-bottom: 15px; }
.panel_box .frt { float: none; width: auto; }
.panel_box .frt img { width: 100%; height: auto; }
.panel_box dl { position: relative; padding-bottom: 0px; font-size: 0.785em; }
.panel_box dt { width: 35px; position: absolute; top: 0; left: 0; line-height: 140%; }
.panel_box dd { padding-left: 36px; line-height: 140%; }
.panel_box .panel_txt { line-height: 145%; padding-top: 7px; font-size: 0.875em; }
.lineBox_r.bg_f h3 { font-size: 1.133em; float: none; width: auto; }
.lineBox_r.bg_f h3 em { font-size: 1em; }
.lineBox_r.bg_f img.go { margin: 15px 0 0; display: block; }
iframe#ifram { height: auto; min-height: 400px; }
.m_scroll.forIframe { max-width: 429px; }
}
@media all and (max-width:414px) {
.tabmenu { height: auto; }
.tabmenu ul { margin-bottom: -1px; }
/* .tabmenu li a { display: block; height: 30px; line-height: 31px; font-size: 0.924em; } */
.tabmenu li.first a { border-radius: 8px 0 0 0 }
.tabmenu li.last a { border-radius: 0 8px 0 0 }
/* .tabmenu li a.on { height: 30px; line-height: 31px; } */
.tabmenu li,
.tabmenu.long li { width: 25%; }
/* .tabmenu li a, */
.tabmenu.long li a { padding: 0 11px; font-size: 0.833em; }
}
 @media all and (max-width:375px) {
.tabmenu.long.vision li a { padding: 6px 6px 7px; font-size: 0.75em; }
}
 @media all and (max-width:360px) {
.eval_tit h3 { font-size: 0.924em; }
}
 @media all and (max-width:320px) {
.tabmenu.long.vision li a { padding: 6px 4px 7px; font-size: 0.7em; }
.eval_tit h3 { font-size: 0.875em; }
.lineBox_r.bg_f img.go { width: 215px; height: auto; }
/* .tabmenu li a, */
.tabmenu.long li a { padding: 0 9px; font-size: 0.785em; }
}

.tmp_htong{text-align: center;font-size: 20px;line-height: 1.3;padding-bottom: 50px;letter-spacing: -1.4px;padding-top: 25px;}
.tmp_htong .htxt1 {font-size: 37px;}
.tmp_htong .htxt1 em{color: #cf2753;font-style: normal;font-weight: bold;}
.tmp_htong .htxt2{padding-bottom: 30px;padding-top: 15px;}
a.btn_htong{display: block;color: #fff;background-color: #cf2753;width: 440px;margin: 0 auto;line-height: 59px;border-radius:2.5em ;transition:.25s ease-out;}
a.btn_htong:hover{background-color: #b2143d;}

@media screen and (max-width:820px){
.tmp_htong{font-size: 17px;padding-bottom: 30px;padding-top: 15px;letter-spacing: -1px;}
.tmp_htong .htxt1 {font-size: 1.5em;}
.tmp_htong .htxt2{padding-bottom: 20px;}
}
@media screen and (max-width:510px){
.tmp_htong{font-size: 16px;}
.tmp_htong .htxt1 {font-size: 1.35em;}
a.btn_htong{width: 95%;line-height: 1.2;padding: 15px 0;}
.tmp_htong .htxt2 br{display: none;}
a.btn_htong span{display: block;}
}
@media screen and (max-width:370px){
.tmp_htong .htxt1 br{display: none;}
}
a.goLink{display:inline-block;padding:0 10px;border-radius:  10px 0 10px 0;background-color:#8994cd;color:#fff;line-height:20px;height:20px;margin-left:3px;font-size:12px;text-decoration:none;border: 1px solid #7d86b3  ;}

/* a.goLink{display:inline-block;padding:0 10px;border-radius:  10px 0 10px 0;background-color:#f9f9f9;color:#617CCB;line-height:20px;height:20px;margin-left:3px;font-size:12px;text-decoration:none;border: 1px solid #617CCB  ;}
 *//*chrt*/
.chrt {display: grid;grid-template-columns: repeat(1, 160px);grid-gap: 50px;margin: 0 auto ;padding-top: 30px;padding-bottom: 30px;}
.chrt .box {width: 100%;position: relative;margin-bottom: 10px;}
.chrt .box p {display: block;text-align: center;font-size: 15px;position: absolute;top: 50px;left: 0;right: 0;font-weight: 400;color: #333;letter-spacing: -1px;}
.chrt .box p.line2 {line-height: 1.1;top: 40px;}
.chrt .box .chart {position: relative;width: 100%;height: 100%;text-align: center;font-size: 33px;padding-top: 20px;line-height: 160px;height: 140px;font-family: 'Gmarket Sans';font-weight: 700;color: #CC336B;}
.chrt .box .chart.zero {color: #999;}
.chrt .box canvas {position: absolute;top: 0;left: 0;width: 100%;width: 100%;}
@media (max-width:349px){
.chrt {display: block;grid-template-columns: repeat(1, 160px);grid-gap: 0;width: 160px;}
}
@media (min-width:350px) and (max-width:529px) {
.chrt {grid-template-columns: repeat(2, 160px);grid-gap: 2%;}
}

@media (min-width:530px) and (max-width:769px) {
.chrt {grid-template-columns: repeat(3, 160px);grid-gap: 2%;}
}
@media (min-width:770px) and (max-width:899px) {
.chrt {grid-template-columns: repeat(4, 160px);grid-gap: 2%;}
}
@media (min-width:900px) and (max-width:1023px) {
.chrt {grid-template-columns: repeat(5, 160px);grid-gap: 2%;}
}
@media (min-width:1024px) and  (max-width:1119px) {
.chrt {grid-template-columns: repeat(5, 160px);grid-gap: 5%;}
}
@media (min-width:1120px) {
.chrt {grid-template-columns: repeat(5, 160px);}
}
/*-----------------2023-01-18------------------------------------*/

/* pledgeSet */
.pledgeSt{background-color: #5a70af;color: #fff;padding: 12px 20px;font-size: 20px;}
.pledgeSet{border: 1px solid #5a70af;padding: 20px;margin-bottom: 30px;}
.pledgeSet h4{color: #5a70af;border-bottom: 1px solid #ddd;padding-bottom:12px;position: relative;margin-bottom: 12px;font-size: 17px;}
.pledgeSet h4:last-of-type{border-bottom: none;margin-bottom: 0;}
.pledgeSet .plds {margin-bottom: 20px;padding-top: 5px;}
.pledgeSet .plds ul{display: flex;}
.pledgeSet .plds ul li{padding-right: 30px;padding-bottom: 10px;letter-spacing: -1px;}
.pledgeSt a.goLink{background-color:#f9f9f9;color:#617CCB;border-color:#617CCB  ;}
.pledgeSt a.goLink,
.pledgeSet a.goLink{position: relative;top: -2px;}
@media (max-width:860px) {

.pledgeSet .plds ul{font-size: 0.925em;}
.pledgeSet .plds ul li{padding-right: 1em;}
.pledgeSet .plds ul{flex-wrap: wrap;}
.pledgeSet .plds:first-of-type ul li{padding-right: 0;width: 33%}
}
@media (max-width:580px) {
.pledgeSet .plds:first-of-type ul li,
.pledgeSet .plds ul li{padding-right: 0;width: 50%}
}
@media (max-width:400px) {
.pledgeSet .plds:first-of-type ul li:nth-child(n+3){width: 100%}
}


@media (max-width:360px) {
.pledgeSt a.goLink,
.pledgeSet a.goLink{position: relative;top: -6px;border-radius:0 ;width: 19px;height: 17px;font-size: 0;padding: 0;margin-left: 0;line-height:17px;}
.pledgeSt a.goLink::before,
.pledgeSet a.goLink::before{content: '';display: block;position: absolute;background-color: #617CCB;width: 1px;height: 8px;left: 9px;top: 50%;margin-top: -4px;}
.pledgeSt a.goLink::after,
.pledgeSet a.goLink::after{content: '';display: block;position: absolute;border-style: solid;border-color: #617CCB; border-width:   1px 1px 0 0 ;    padding: 3px;transform: rotate(135deg);bottom: 5px;left: 6px;}
}
/* sotong */
.sotong{overflow: hidden;margin-left: -20px;}
.sotong li{float: left;width: calc(50% - 22px);border: 1px solid #ddd;border-radius:14px;height: 126px;margin-bottom: 20px;margin-left: 20px;display: flex;align-items:center;}
.sotong li a{display: flex;align-items:center;padding: 5px 30px 0;   width: 100%;box-sizing: border-box;letter-spacing: -1px;}
.sotong li a b{display: block;font-size: 1.8em;margin-bottom: 5px;font-weight: 800;}

.sotong li a em{display: block;font-style: normal;font-size: 0.938em;opacity: .8;}
.sotong li a .txt{flex: auto;}
.sotong li a .icn{flex-basis: 78px;}
@media (max-width:850px) {
.sotong li a{font-size: 15px;padding-left: 20px;padding-right: 20px;}
}
@media (max-width:510px) {
.sotong {margin-left: 0;}
.sotong li {float: none;width: auto;margin-left: 0;height: auto;margin-bottom: 10px;}
.sotong li a{padding-left: 6%;padding-top: 10px;padding-bottom: 10px;}
}
/*********************2025-06-19**********************/
h3.total{background-color: #02a095}
.pledgeSt{background-color: #0169c6}/* #096586 */
.visionList h3 em{background-color: #0169c6;}
.visionList h3{color: #333;border-bottom: none;}
.visionList .unit_wrap .unit{display: flex;align-items: center;height: 100%;}

table.general.promise.m_lst { border-top: solid 2px #0169c6; border-left: solid 1px #DDD; font-size: 16px;}
table.general.promise.m_lst thead th {line-height:1.5;background-color: #f0faff; color:#3e85c4;border-bottom-color: #b9dcfb; font-weight: 500;}

table.general.promise.m_lst tbody th{/* background-color: #f7f7f7; */font-size: .875em;font-weight: 500;}
table.general.promise.m_lst:not(.m_attr) tbody th{background-color: #f7f7f7;}
table.general.promise.m_lst td.left{font-size: 1em;font-weight: 500;letter-spacing: -1px;}
table.general.promise.m_lst tbody td.right{text-align: right;}
table.general.promise.m_lst tbody td:has(a):last-child{display: flex;align-items: center;justify-content: center;}
table.general.promise.m_lst td a.btPdf{min-height: 14px;vertical-align: middle;font-size: 0;text-indent: -9999em;background-position: center;padding-right: 0;width: 28px;display: block;}
table.general.promise tbody td.right{text-align: right;padding-right: 10px;}


.local_nav a.loc_home{background-color: #005EAD;}
.local_nav > ul > li:last-child > a.open{	filter: hue-rotate(250deg);}
.local_nav_deps li a.now{color: #0169c6 }
.local_nav_deps{border-bottom:  #0169c6  solid 2px}
.pledgeTab{position: relative;display: flex;gap:5px;justify-content: space-between;padding: 20px 0 0
;align-content:
stretch;height: 120px;margin-bottom: 30px;}
.pledgeTab::after{content: '';display: block;border-bottom: 2px solid #0169c6;height: 1px;width:
100%;position: absolute;bottom:
0;left: 0;right: 0;z-index: 1;}
.pledgeTab *{box-sizing: border-box;}
.pledgeTab li{flex:1;margin-bottom: 0;/* height: 100%; */}
.pledgeTab li a{padding: 10px 10px 10px 15px;display: block;font-size: 16px;letter-spacing: -.5px;border: 1px
solid #e0e0e0;color:
#666;height: 100%;background-color:
#f9f9f9;border-bottom:none;transition: .25s ease-out}
.pledgeTab li a em{display: inline-block;border-radius:2.5em;background-color: #e9e9e9;border: 0 solid
#ccc;padding: 0
10px;font-size: .75em;font-style: normal;transition: .25s
ease-out;}
.pledgeTab li a em{border-radius:8px 0 ;/* height: 18px;line-height: 18px; */}
.pledgeTab li a b{display: block;padding-top: 5px;}
.pledgeTab li a:hover,
.pledgeTab li a.active{border-color: #0169c6;color: #fff;background-color: #0169c6;position: relative;z-index:
3;}
.pledgeTab li a:hover em,
.pledgeTab li a.active em{background-color: #fff;color: #0169c6;font-weight: bold;}
.pledgeCon{display: none;}
.pledgeCon.active{display: block;}

@media all and (max-width:1024px){
.pledgeTab li a br{display: none;}
.subPageTitle h2{color: #1888d6;}
}
@media all and (max-width:880px){
.pledgeTab li a {padding-left: 10px;letter-spacing: -1px;font-size: 15px;padding-right: 5px;}
table.general.promise.m_lst tbody th{font-size: .75em;}
table.general.promise.m_lst tbody td{font-size: .875em;}
}
@media all and (max-width:736px){
.pledgeTab{height: auto;flex-wrap: wrap;flex-direction: column;}
.pledgeTab::after{display: none;}

.pledgeTab li a{height: 40px;display: flex;border: 1px solid #e0e0e0;align-items: center;line-height: 1;}
.pledgeTab li a b{padding-top: 0;margin-left: 5px;}
.pledgeTab li a em{height: 18px;line-height: 18px;}
}
@media all and (max-width:640px){
table.general.promise.m_lst thead{display: none;}
table.general.promise.m_lst,
table.general.promise.m_lst tr,
table.general.promise.m_lst tbody,
table.general.promise.m_lst tbody th,
table.general.promise.m_lst tbody td{display: block;background: none;border: none;}
table.general.promise.m_lst{border-top: 1px solid #000;}
table.general.promise.m_lst tr{border-bottom: 1px solid #ccc;padding-top: 5px;padding-bottom: 5px;position:relative;}
table.general.promise.m_lst tbody th,
table.general.promise.m_lst tbody td{text-align: left;padding: 5px;line-height: 1.1;}
table.general.promise.m_lst tbody td:has(a):last-child{position: absolute;top: 0;right: 0;bottom: 0;padding: 0;width: 60px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
table.general.promise.m_lst tbody td a.btPdf{height: 24px;}
table.general.promise.m_lst tbody th{padding-bottom: 0;opacity: .47;}
table.general.promise.m_lst td.left{color: #02559e;font-weight: 600;letter-spacing: -1px;padding-right: 70px;}

table.general.promise.m_lst.m_attr tbody th{padding-bottom: 10px;opacity: 1;font-size: 1em;padding-top:10px;border-bottom: 1px solid #eee;background-color: #fdfdfd;padding-left: 10px;}
/* table.general.promise.m_attr tr.bg td, */
table.general.promise.m_lst.m_attr tr{padding: 0 ;border-bottom-color: #aaa;position: static;}
table.general.promise.m_lst.m_attr td{border-bottom: 1px solid #eee;position: relative;}
table.general.promise.m_lst.m_attr td:last-child{border-bottom: none;}
table.general.promise.m_lst.m_attr td::before{content: attr(title);position: absolute;top: 6px;left: 12px;display:block;}
table.general.promise.m_lst.m_attr td:first-of-type,
table.general.promise.m_lst.m_attr td:first-child::before{font-weight: 700;}
table.general.promise.m_lst.m_attr tbody .bg th,
table.general.promise.m_lst.m_attr tbody .bg td{background-color: #fefee4;}
}/* 2025-11-26 */
@media screen and (min-width:641px) {
table.general.promise.m_lst tbody td:has(a):last-child{display: table-cell;}
table.general.promise.m_lst tbody td:has(a):last-child a{margin: 0 auto;}
}
@media (max-width: 568px) {
.visionList .unit_wrap .unit{font-size: 0.875em;}
}
.rules {font-size: 18px;line-height: 1.4;letter-spacing: -.33px;}
.rules em{font-style: normal;}
.rules .numT {font-size: 1.2em;color: #000;padding-bottom: 10px;}
.rules .numT::before{content: '';display: inline-block;font-size: 0;height: 18px;background-color: #1888d6;border-radius:8px 0 ;margin-right: 10px;width: 8px;}
.rules p{margin-bottom: 15px;}
.numLst{margin-bottom: 20px;}
.numLst li{position: relative;padding-left: 22px;padding-bottom: 5px;}
.numLst em{position: absolute;top: 0;left: 0;}
.numLst li ul{padding-top: 5px;}

.rules .lineBox_r{padding-bottom: 15px;}
.rules .lineBox_r p{margin-bottom: 0;line-height: 1.2;font-size: 0.875em;}
.rules .lineBox_r p b{font-size: 1.5em;display: block;margin-bottom: 5px;}

 @media all and (max-width:640px) {
.rules {font-size: 16px;line-height: 1.3;}
.rules .lineBox_r{padding-left: 20px;padding-right: 20px;}
.rules .lineBox_r p.right{padding-top: 10px;}
.numLst li{padding-left: 18px;}
 }
.imgX img{font-size: 0;display: block;max-width: 100%;}
img.m-y{display: none}
img.m-n{display: block;}
@media all and (max-width:768px) {
.imgX img{width:auto;}
img.m-y{display: block;}
img.m-n{display: none;}
}
/* 2025-06-30 */
/*-----------
gy-map
---------- */
.btnCheck{display:inline-block;overflow:hidden;position:relative;vertical-align:middle;margin-bottom:1px;/* font-size:13px; */text-align:center}
.map_pin_back{position:absolute;left: 50%;margin-left: -172px;top: 170px;background:url(../img/content/gy_8th/attr_map.png) no-repeat 0 0;width:344px;height:430px;z-index: 2;}
.map_pin_list{position: relative;}
.map_pin_list li{position:absolute;z-index:10;top:0;left:0;width:auto;height:21px;font-size:15px;color:#767676}
.map_pin_list .pin_1{top:176px;left:172px}
.map_pin_list .pin_2{top:265px;left:242px}
.map_pin_list .pin_3{top:339px;left:171px}
.map_pin_list .pin_4{top:118px;left:230px}
.map_pin_list .pin_5{top:37px;left:208px}
.map_pin_list .pin_6{top:84px;left:130px}
.map_pin_list .pin_7{top:118px;left:36px}
.map_pin_list .pin_8{top:223px;left:29px}
.map_pin_list .pin_9{top:280px;left:65px}
.map_pin_list .pin_10{top:188px;left:252px}
.map_pin_list .pin_11{top:208px;left:100px}
.map_pin_list .pin_12{top:247px;left:162px}

.map_pin_list a.btnCheck{display:block;overflow:visible;position:relative;vertical-align:middle;margin-bottom:0;text-align:center;border:0;letter-spacing:-1px;padding:0 10px;line-height:20px;height:20px;color: #fff ;font-weight:500;border-radius:2.5em ;background-color: #000;font-size: 14px;}


.gy_map_box{width: 300px;font-size: 15px;margin-bottom: 10px;position: relative;}
.gy_map_box dt,
.gy_map_box dd{border-radius:12px ;overflow: hidden;letter-spacing: -1px;}
.gy_map_box dd{border: 1px solid #ccc ;background-color: #fff;padding: 10px 12px 5px 15px;}
.gy_map_box dt{text-align: center;background-color: #666;color: #fff;font-weight: bold;padding: 10px 0;}
.gy_map_box dd p{margin-bottom: 5px;position: relative;padding-left: 55px;line-height: 1.2;}
.gy_map_box dd p em{font-style: normal;font-weight: 700;display: block;position: absolute;top: 0;left: 0;font-size: 0.875em;}

.gy_map_box dd p em.gy_1{color: #5D9CEC;}
.gy_map_box dd p em.gy_2{color: #2C6FCA;}
.gy_map_box dd p em.gy_3{color: #36BC9B;}
.gy_map_box dd p em.gy_4{color: #93c956;}
.gy_map_box dd p em.gy_5{color: #F4AD3B;}
.gy_map_box dd p em.gy_6{color: #FB6E52;}
.gy_map_box dd p em.gy_7{color: #DB4453;}

._pn_1 dt{background: #C25700}
._pn_1 dd{border-color: #C25700;}
.map_pin_list .pin_1 .btnCheck{background-color: #C25700;}
._pn_2 dt{background: #DB3939}
._pn_2 dd{border-color: #DB3939;}
.map_pin_list .pin_2 .btnCheck{background-color: #DB3939;}
._pn_3 dt{background: #E09253}
._pn_3 dd{border-color: #E09253;}
.map_pin_list .pin_3 .btnCheck{background-color: #E09253;}
._pn_4 dt{background: #827800}
._pn_4 dd{border-color: #827800;}
.map_pin_list .pin_4 .btnCheck{background-color: #827800;}
._pn_5 dt{background: #76b716}
._pn_5 dd{border-color: #76b716;}
.map_pin_list .pin_5 .btnCheck{background-color: #76b716;}
._pn_6 dt{background: #55A92C}
._pn_6 dd{border-color: #55A92C;}
.map_pin_list .pin_6 .btnCheck{background-color: #55A92C;}
._pn_7 dt{background: #257C57}
._pn_7 dd{border-color: #257C57;}
.map_pin_list .pin_7 .btnCheck{background-color: #257C57;}
._pn_8 dt{background: #267973}
._pn_8 dd{border-color: #267973;}
.map_pin_list .pin_8 .btnCheck{background-color: #267973;}
._pn_9 dt{background: #148198}
._pn_9 dd{border-color: #148198;}
.map_pin_list .pin_9 .btnCheck{background-color: #148198;}
._pn_10 dt{background: #1477D1}
._pn_10 dd{border-color: #1477D1;}
.map_pin_list .pin_10 .btnCheck{background-color: #1477D1;}
._pn_11 dt{background: #2455B9}
._pn_11 dd{border-color: #2455B9;}
.map_pin_list .pin_11 .btnCheck{background-color:#2455B9}
._pn_12 dt{background: #745AB6}
._pn_12 dd{border-color: #745AB6;}
.map_pin_list .pin_12 .btnCheck{background-color: #745AB6;}
.gy_map{background-color: #f4f4f4;padding: 80px 20px;position: relative;display: flex;justify-content: space-between;}
._blk_l,
._blk_r{position: relative;z-index: 3;}
._blk_t{position: absolute;top: 20px;left: 50%;margin-left: -150px;z-index: 3;}
._blk_b{position: absolute;bottom: 20px;left: 50%;margin-left: -150px;z-index: 3;}
@media all and (max-width:1024px) {
.gy_map{padding: 60px 20px ;}
.gy_map_box{width: 280px;font-size: 14px;}
._blk_t,._blk_b{margin-left: -140px;}
}
@media all and (max-width:950px) {

.gy_map{padding: 20px 0;}
._blk_l,._blk_r,._blk_t,._blk_b{display: none;}
.map_pin_back{position:static;left: auto;margin:0 auto;top:auto;}
}
@media all and (max-width:440px) {
.map_pin_list a.btnCheck{font-size: 13px;}
}
@media all and (max-width:360px) {
.map_pin_back{width: 100%;background-size:100% auto;height: calc(430/360 * 100vw);overflow: hidden;}
.map_pin_list a.btnCheck{font-size: 12px;margin-left: -5px;}
.map_pin_list .pin_1{top:calc(176/360 * 100vw);left: calc(172/360 * 100vw);}
.map_pin_list .pin_2{top:calc(265/360 * 100vw);left:calc(242/360 * 100vw);}
.map_pin_list .pin_3{top:calc(339/360 * 100vw);left:calc(171/360 * 100vw);}
.map_pin_list .pin_4{top:calc(118/360 * 100vw);left:calc(230/360 * 100vw);}
.map_pin_list .pin_5{top:calc(37/360 * 100vw);left:calc(208/360 * 100vw);}
.map_pin_list .pin_6{top:calc(84/360 * 100vw);left:calc(130/360 * 100vw);}
.map_pin_list .pin_7{top:calc(118/360 * 100vw);left:calc(36/360 * 100vw);}
.map_pin_list .pin_8{top:calc(223/360 * 100vw);left:calc(29/360 * 100vw);}
.map_pin_list .pin_9{top:calc(280/360 * 100vw);left:calc(65/360 * 100vw);}
.map_pin_list .pin_10{top:calc(188/360 * 100vw);left:calc(252/360 * 100vw);}
.map_pin_list .pin_11{top:calc(208/360 * 100vw);left:calc(100/360 * 100vw);}
.map_pin_list .pin_12{top:calc(247/360 * 100vw);left:calc(162/360 * 100vw);}
}
.bizIndex{position: relative;overflow: hidden;border: 1px solid #d9d8d7;border-radius:14px;padding: 20px;padding-right: 0;margin-bottom: 20px;}
.bizIndex .itm{overflow: hidden;margin-bottom:40px;float: left;width:50%;display: flex;align-items: center;position: relative;padding-top: 50px;}
.bizIndex .itm.wide{float: none;padding-top: 0;margin: 0 auto;padding: 20px 0 ;width: 69%;}
.bizIndex .itm .pie{width: 80px;margin-right: 20px;float: left;height:80px;position: relative;}
.bizIndex .pie .num{position: absolute; display: block; width: 100%; text-align: center;left: 0; top: 0;bottom: 0;display: flex;justify-content: center;align-items: center;font-size: 16px;font-weight: 500;letter-spacing: 0px;font-family:'Gmarket Sans';}
.bizIndex .itm .descTbl{display: flex;justify-content: space-around;float: left;width: calc(100% - 120px);}
.bizIndex .itm .desc{flex:auto;letter-spacing: -1px;border: 1px solid #aaa;text-align: center;border-left: none;}
.bizIndex .itm .desc:last-child{border-right: none;}
.bizIndex .itm .desc dt{border-bottom: 1px solid #ddd;padding: 5px 0;background-color: #f7f9f8;font-size: 14px;color:#555;}
.bizIndex .itm .desc dd{font-size: 18px;text-align: center;padding: 7px 0;color: #000;font-weight: 700;display: flex;align-items: center;justify-content: center;}
.bizIndex .itm .desc dd span{font-size: 0.8em;font-weight: 300;;}
.bizIndex .itm .itmSt{position: absolute;top: 0;left: 0;right: 0;font-size: 18px;height: 40px;display: flex;align-items: center;line-height: 1;padding-left: 10px;letter-spacing: -1px;padding-right: 5px;}
.bizIndex .itm .itmSt em {height: 18px;line-height: 18px;   display: inline-block;border-radius: 8px 0;padding: 0 10px;font-size: .75em;font-style: normal; background-color: #57678d;color: #fff;font-weight: bold;}
.bizIndex .itm:nth-child(1) .itmSt em{background-color: #D07DCD;}
.bizIndex .itm:nth-child(2) .itmSt em{background-color: #a0861c;}
.bizIndex .itm:nth-child(3) .itmSt em{background-color: #1888d6;}
.bizIndex .itm:nth-child(4) .itmSt em{background-color: #20a39e;}
.bizIndex .itm:nth-child(5) .itmSt em{background-color: #f27500;}
.bizIndex .itm:nth-child(6) .itmSt em{background-color: #0b9e14;}
.bizIndex .itm:nth-child(7) .itmSt em{background-color: #6a40b7;}
.bizIndex .itm .itmSt b {padding-top: 0;margin-left: 5px;}

.bizIndex .pie.pie_0{width: 130px;height: 130px;}
.bizIndex .pie.pie_0 .num{color: #ee0d99;font-weight: 700;font-size: 22px;}
.bizIndex .pie.pie_1 .num{color: #D07DCD;}
.bizIndex .pie.pie_2 .num{color: #a0861c;}
.bizIndex .pie.pie_3 .num{color: #1888d6;}
.bizIndex .pie.pie_4 .num{color: #20a39e;}
.bizIndex .pie.pie_5 .num{color: #f27500;}
.bizIndex .pie.pie_6 .num{color: #0b9e14;}
.bizIndex .pie.pie_7 .num{color: #6a40b7;}
.bizIndex .itm.wide  .pie_00 .num{color: #c00}
.bizIndex .itm.wide.total .descTbl{flex-direction: column;width: calc(100% - 180px);}
.bizIndex .itm.wide.total .descTbl .desc{display: flex;flex-direction: row;align-items: center;justify-content: space-between;border: none;}
.bizIndex .itm.wide.total .descTbl .desc dt{background:none;border: none;flex: 0 0 70px;text-align: left;color: #111;font-size: 16px;font-weight: 400;padding: 7px 0;}
.bizIndex .itm.wide.total .descTbl .desc .dbar{flex: 0 0 calc(100% - 170px);border-radius:14px ;background-color: #e1e2e3;height:14px;padding: 0;justify-content: flex-start}
.bizIndex .itm.wide.total .descTbl .desc .dbar .bar{border-radius:14px ;background-color: #666;height: 100%;}
.bizIndex .itm.wide.total .descTbl .desc .dbar .bar.c1{background-color: #ee0d99;}
.bizIndex .itm.wide.total .descTbl .desc .dbar .bar.c2{background-color: #14bd66;}
.bizIndex .itm.wide.total .descTbl .desc .dbar .bar.c3{background-color: #09b3b1;}
.bizIndex .itm.wide.total .descTbl .desc dd:last-child{flex: 0 0 100px;text-align: right;justify-content: flex-end;}

@media screen and (max-width:800px) {
.bizIndex .itm.wide{width: 95%;}
}
@media screen and (max-width:700px) {
.bizIndex .itm{float: none;width:auto;}
.bizIndex .itm.wide{width:auto;}
}
@media screen and (max-width:450px) {
.bizIndex{padding-left: 3%;padding-right: 3%;}
.pageContent .bizIndex:last-of-type {padding-bottom: 0;}
.pageContent .bizIndex:last-of-type .itm{margin-bottom: 30px;}
.bizIndex .itm .pie{margin-right: 6px;}
.bizIndex .itm .descTbl{width: calc(100% - 90px);}
.bizIndex .itm.wide.total{display: block;padding: 0 3%;}
.bizIndex .itm.wide.total .pie {float: none;margin: 0 auto 20px;}
.bizIndex .itm.wide.total .descTbl{float: none;width:auto;}
}
/*------------------
민선9기2026-06-29 
------------------*/
/* 총괄현황 */
.barBxWrap{padding: 20px 60px;border: 1px solid #e0e0e0;margin-bottom: 30px;}
.barBx {/* width:100%; max-width:600px;  */margin:30px 0;}
.barLabel {display:flex; justify-content:space-between; margin-bottom:8px;  font-weight:600; align-items: flex-end;padding-right: 10px;position: relative;}
.barTit{font-size: 1.2em;}
.barTrack {width:100%; background-color:#f0f2f5; border-radius:2.5em; overflow:hidden; box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);position: relative;}
.barTrack b{position: absolute;top: 0;bottom: 0;right: 10px;width: 50px;text-align: right;display: block;display: flex;font-size: 0.9em;align-items: center;}
@keyframes p-fill-scale {
from {transform:scaleX(0);}
to {transform:scaleX(1);}
}
.barFill {height:30px; border-radius:15px;background-color:#4caf50; transform-origin:left; animation:p-fill-scale 2s ease-out forwards;box-shadow:inset 0 -15px 20px rgba(0, 0, 0, 0.1);}
.barFill.t_01{background-color: #5D9CEC;}
.barFill.t_02{background-color: #2A6FCC;}
.barFill.t_03{background-color: #36BC9B;}
.barFill.t_04{background-color: #A0D468;}
.barFill.t_05{background-color: #F4AD3B;}
.barFill.t_06{background-color: #FB6E52;}
.barFill.t_07{background-color: #DB4453;}
.barFill.t_08{background-color: #844caf;}
@media (max-width: 740px){
.barBxWrap{padding: 10px;border: none;}
.barTit{letter-spacing: -1px;}
.barBx {font-size: 15px;margin-top: 0;}
}
@media (max-width:510px){
.barFill {height:20px; border-radius:10px;}
.barBx{font-size: calc(12px + (15 - 12) * ((100vw - 320px) / (510 - 320)))}
.barTrack b{text-align: left;right: auto;left: 10px;color: #fff;}
.barNum{position: absolute;right: 10px;bottom: -25.5px;top: auto;z-index: 5;}
}
/* 유형별 */
.vbarBxWrap{display: flex;justify-content: space-between;gap:20px;margin-bottom: 30px;}
.vbarBx{border: 1px solid #e0e0e0;padding: 40px;flex: 1;}
.vbarGrph{display: flex;gap:50px;border: 0 solid #000;position: relative;justify-content: center;}
.vbarGrph::before{display: block;content: '';position: absolute;bottom: 30px;left: 0;right: 0;background-color: #111;height: 1px;z-index: 0;}
.vbar{position: relative;}
.vbar *{display: block;text-align: center;}
.vbarFill{background-color: #f00;}
.vbarTrack {height:250px;margin: 10px auto ;width: 60px;/*  background-color:#f0f2f5; overflow:hidden; */position: relative; display: flex;flex-direction: column;justify-content: flex-end;}
.vbarFill {border-radius:15px  15px 0 0 ;background-color:#4caf50; transform-origin:bottom; animation:v-fill-scale 2s ease-out forwards;position: relative;}
.vbarNum{position: absolute;bottom: calc(100% + 10px);left: 0;right: 0;text-align: center;display: block;font-size: 1.2em;animation:v-num 2s ease-out forwards;}
.vbarLbl{font-size: 1.2em;font-weight: bold;height: 20px;}
.vbarFill.t_01{background-color: #5D9CEC;}
.vbarFill.t_02{background-color: #36BC9B;}
.vbarFill.t_03{background-color: #F4AD3B;}
.vbarFill.t_04{background-color: #2A6FCC;}
.vbarFill.t_05{background-color: #FB6E52;}
@keyframes v-fill-scale {
from {transform:scaleY(0);}
to {transform:scaleY(1);}
}
@keyframes v-num {
0% {opacity:0}
90% {opacity:0}
100% {opacity:1;}
}

@media (max-width: 1024px) and (min-width: 741px) {
.vbarBx{padding: 30px;}
.vbarGrph{gap:35px}
.vbarLbl{font-size: 1em;}
}
@media (max-width: 740px){
.vbarBxWrap{display: block}
.vbarBx{margin-bottom: 20px;}
}
@media (max-width: 430px){
.vbarLbl{font-size: 0.87em;letter-spacing: -1px;}
}

/* 공약실천관리계획 */
.pledgeTab._9th li{flex: 1;}
.pledgeTab._9th li a{padding: 18px 5px 5px 12px;font-size: 14px;letter-spacing: -1px;position: relative;color: #222;}
.pledgeTab._9th li a em{border: 1px solid #ddd;position: absolute;top: -8px;left: 15px;line-height: 17px;height: 18px;font-size: 0.8em;}
.pledgeTab._9th li a strong{display: block;font-size: 1.2em;}
.pledgeTab._9th li a b{font-weight: 400;opacity: .7;}
.pledgeTab._9th li a:hover,
.pledgeTab._9th li a.active{color: #fff;}
.pledgeTab._9th li a:hover em,
.pledgeTab._9th li a.active em{border-color: #0169c6;}
table.general.promise.m_lst td a.txPdf{font-size: 12px;letter-spacing: -1px;}
table.general.promise.m_lst tbody td:has(a.txPdf):last-child{line-height: 1;}
@media (max-width: 950px) {
.pledgeTab._9th{height: auto;flex-wrap: wrap;gap:5px;justify-content: space-between;}
.pledgeTab._9th li{flex: 0 0 calc((100% - 5px) / 2);}
.pledgeTab._9th::after{display: none;}
.pledgeTab._9th li a{height: auto;display: block;border: 1px solid #e0e0e0;align-items: center;line-height: 1;}
.pledgeTab._9th li a{padding: 10px;}
.pledgeTab._9th li a b{padding-top: 5px;margin-left: 0;display: block;}
.pledgeTab._9th li a em{height: 18px;line-height: 18px;position: static;display: inline-block;}
.pledgeTab._9th li a strong{display: inline-block;}
}
@media (max-width: 640px) {
table.general.promise.m_lst._9th tbody td:has(a):last-child{display: block;text-align: right;top: 7px;}
table.general.promise.m_lst._9th td a.txPdf{text-align: right;}
table.general.promise.m_lst._9th td a.txPdf br{display: none;}
table.general.promise.m_lst._9th tbody td:has(a.txPdf):last-child{width: auto;line-height: 1.2;}
table.general.promise.m_lst._9th tbody td:nth-child(2):not(:empty),
table.general.promise.m_lst._9th tbody td:nth-child(3):not(:empty){display: inline-block;border: 1px solid #ccc;padding: 2px 10px 1px;border-radius:2.5em ;margin: 5px 0;font-size: 0.8em;}
table.general.promise.m_lst._9th tbody td:nth-child(2):empty,
table.general.promise.m_lst._9th tbody td:nth-child(3):empty{display: none;}
}
/* 공약확정절차 */
.visStep{display: flex;flex-wrap: wrap;list-style-type: none;margin: 0 0 50px 0;padding: 0;gap:40px;justify-content: space-between;overflow: hidden;}
.visStep li{list-style-type: none;margin: 0;padding: 0;position: relative;border: 1px solid #e0e0e0;padding: 35px 40px 27px;box-sizing: border-box;font-size: 1.25em;line-height: 1;border-top: 6px solid #1cb6c5;flex: 0 0 calc((100% - 40px)/2);}
.visStep li::after {border-style:solid; border-color:#333; border-width:0 0 3px 3px ; display:block; padding:5px; transform:rotate(-135deg) translateY(-50%); position:absolute; top:50%; right:-30px; content:'';transition:all .25s ease-out}
.visStep li *{display: block;}
.visStep li span{font-size: 0.9em;color: #1cb6c5;margin-bottom: 13px;font-weight: 800;}
.visStep li b{font-size: 1.5em;margin-bottom: 20px;letter-spacing: -1px;font-weight:700;}
.visStep li em.date{font-style: normal;margin-bottom: 20px;font-weight: 600;}
.visStep li em.dam{font-style: normal;background-color: #f0f0f0;padding: 4px 6px;display: inline-block;font-size: 0.9em;}
.visStep li p{height: 70px;line-height: 1.1;}
.visStep li:first-child,.visStep li:last-child{border-top-color: #005ead;}
.visStep li:first-child span,.visStep li:last-child span{color: #005ead;}

@media (max-width:1050px){
.visStep{gap:20px}
.visStep li p br{display: none;}
.visStep li::after{right: -18px;}
}
@media (max-width:1050px) and (min-width:641px) {
.visStep li{padding: 20px 25px 17px;flex: 0 0 calc((100% - 20px)/2);font-size: 1.15em;}
}
@media (max-width:640px) {
.visStep{flex-direction: column;gap:40px}
.visStep li{flex: 1;padding: calc(35/640 * 100vw) calc(40/640 * 100vw) calc(27/640 * 100vw);}
.visStep li p{height: auto;margin-bottom: 20px;}
.visStep li p br{display: none;}
.visStep li::after{right: auto;bottom: -24px;top: auto; border-width:3px 0  0 3px ;left: 50%;margin-left: -8px;transform:rotate(-135deg) translateY(0) }
}
@media (max-width:450px) {
.visStep li{font-size: calc(17px + (20 - 17) * ((100vw - 320px) / (450 - 320)))}
}
.tabmenuwrap{padding-top: 40px;clear: both;}
.tabmenu.auto li{flex: 1}
.tabmenu.auto li a{font-size: 1.2em;} 
.tabmenu.auto li a {border-bottom-color:#16a5b3 ;}
.tabmenu.auto li a:hover { background-color: #fff; color: #16a5b3; }
.tabmenu.auto li a.on {color: #fff;border-top: solid 1px #16a5b3; border-right: solid 1px #16a5b3; background: #16a5b3; border-left: solid 1px #16a5b3;  }
@media (max-width: 360px) {
.tabmenu.auto li a{font-size:0.9em;letter-spacing: -1px;} 
}