@charset "utf-8";
/* @import url(sub_new.css?v=3); */
@import url(sub_mayor.css?nowToDay=20250206153849);

@media screen and (max-width:767px) {
  .mbox6>div, .border6Gray .inBox{padding: 10px;}
  .pt50{padding-top: 20px !important;}
  .boxTop{padding: 10px;margin: 10px 0;}
  .txtbr{display: block;}
}
/* 갤러리 */
.photoGallerySetBox{padding:40px;margin-bottom: 30px;/*background: url(/static/media/img/sub/playerBg.jpg)*/ background:#eee;border:1px solid #ddd; center 0 no-repeat;background-size: cover;}
    .photoGallerySetBox h2{margin: 0 0 30px 0 !important;display: block;}
    #content .photoGallerySetBox h2:before{content: '';font-family: FontAwesome;font-size: 24px;padding-right: 17px;background-color: transparent;height: auto;width: auto;margin: 0;}
        .photoGallerySet{position:relative;z-index:10;width:100%;float:left;margin-bottom: 50px;}
        .photoGallery{float: left;width:80.218%;}
        .photoGallery .slick a{display: inline-block;float: left;}
        .photoGallerySet .thumbs{z-index:10;height: auto;}
        .photoGallerySet .thumbs>div img{max-width: 100%;position:relative;top:0;left:0; }
            .downloadbtnset{text-align: right;}
            .downloadbtnset a{float: none;}
        .thumbsList{width:18.14%;float:right;}
        .thumbsList a{border:6px solid transparent;display: block;position: relative;}
        .thumbsList a:before{content:'';width: 100%;padding-top: 63.55140186915888%;display: block;}
        .thumbsList a img{position: absolute;left: 0;top: 0;height: 100%;width: 100%;}
        .thumbsList .slick-current a{border-color: #1f9ed9;}
        .photoGalleryCtrl{}

@media screen and (max-width:767px) {
  .photoGallerySetBox{padding: 20px;}
        .photoGallerySet{margin-bottom: 20px;}
        .photoGallery,
        .thumbsList{width:100%;float:none;}
}
.slick{position: relative;}
.photoDesc{
  display: table;
  width: 100%;
  /* color: #fff; */
  margin-top: -38px;
  background:#eee;
  /* background-color: rgba(0,0,0,0.5); */
  padding: 5px;
  border-radius: 5px;
}
@media screen and (max-width:767px) {
    .photoDesc{margin-top: 0;}
}
.photoDesc dl{display: table-row;padding:5px 0;}
.photoDesc dt,
.photoDesc dd{display: table-cell;}
.photoDesc dl dt{width: 15%;white-space:nowrap;}
.photoDesc i{margin-right: 10px;}
.gallery4{border-top: 3px solid #686c6f;border-bottom: 1px solid #999;padding: 10px 0px;}
.gallery4 ul{position: relative;overflow: hidden;margin:0 -7px}
.gallery4 ul li{float:left;padding:3px 7px;width:25%;margin-bottom: 10px; display: block !important;}
.gallery4 ul li a{display: block;position: relative;}
.gallery4 ul li span{display:block;width: 100%;}
.gallery4 ul li span.img{position: relative;overflow: hidden;display: block;margin-bottom: 18px;border: 1px solid #dadada;}
.gallery4 ul li span.img:after{content: '';display: block;padding-top:62.4%;}
.gallery4 ul li a.active:after{
    content:'';font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 27%;
    width: 100%;
    text-align: center;
    z-index: 2;
    font-size: 30px;
}
.gallery4 ul li a.active span.img:before{content: '';display: block;position: absolute;top: 0;left: 0;height: 100%;
    background: url(/static/media/img/sub/selectbg.png) 0 0 repeat;
    border: 3px solid #3d3835;
    width: 100%;
    z-index:1;
}
.gallery4 ul li span.img img{position: absolute;top: 0;left: 0;width: 100%;}
.gallery4 ul li span.txt{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.gallery4 ul li span.txt:before{content:'\f0f6 ';font-family: FontAwesome;padding-right: 5px;}
.gallery4 ul li span.hit{color:#1f9ed9;display: inline-block;width: auto;padding-right: 25px;}
.gallery4 ul li span.date{display: inline-block;width: auto;}
.gallery4 img{width: auto;height: auto;}
.gallery4 .box4{border: 1px solid #ddd;}
.gallery4 .box4 a {display: table; width: 100%;height:300px;}
.gallery4 .box4 a .img {display: table-cell;height: 300px;overflow: hidden; text-align: center; vertical-align: middle;}
.gallery4 .box4 a img {width: 100%;height: auto;max-height: 300px;}
@media screen and (max-width:767px) {
    .gallery4{float: none;}
    .gallery4 ul li{float: none;width: 100%;}
    .gallery4 ul li span.txt:before{height: auto;}
    .gallery4 ul li span.txt{height: auto;}
}
.photoGalleryCtrl{float: right;padding-left: 10px;}
.photoGalleryCtrl .round{display: inline-block;width: 40px;height: 40px;font-size: 20px;line-height: 40px;margin-right: 3px;text-align: center;background:rgba(255,255,255, 0.6);}

/*gallery2-type2*/
.gallery2-type2{padding: 20px 0 0 0;border-top: 3px solid #686c6f;float: left;width: 100%;}
.gallery2-type2>ul>li{position: relative;margin-bottom:20px;}
.gallery2-type2 ul li img{max-height: 160px;max-width: 100%;}
.gallery2-type2 dl{display: block;clear: right;margin-bottom: 10px;}
.gallery2-type2 dl dt{margin-bottom: 5px;max-height: 45px;overflow: hidden;font-size: 16px;font-weight: 500;position: relative;white-space: nowrap;text-overflow: ellipsis;height: 40px;}
.gallery2-type2 dl dt.whsn{white-space:inherit;max-height: 89px;}
.gallery2-type2 dl dt.filetext:before{content:"\f0f6 ";position: absolute;left: 2px;}
.gallery2-type2 dl dt a span{display: block;}
.gallery2-type2 dl dd{line-height: 20px;}
.gallery2-type2 dl li:before{content:"●";font-size:12px;vertical-align: top;font-family:arial, serif;margin-right: 5px;}
.gallery2-type2 .btn i.fa-desktop{margin-right: 20px;}
.gallery2-type2 .btn i.fa-home{margin-left: 8px;margin-right:8px;}
.gallery2-type2 .img{display: block;float:left;width:210px;height: 160px;margin-right: 20px;background: #f5f4f2 url(/static/commons/img/noimage_w.gif) 50% 50% no-repeat;}
.gallery2-type2 .img img{width: 100%;}
.gallery2-type2 .box{position: relative;padding: 10px;}
.gallery2-type2 .box a{width: 50%;margin: 0;}
.gallery2-type2 .box dl{width: 50%;float: left;padding-left: 10px;}
.gallery2-type2 .right{position: absolute;right:30px;top: 55%;margin-top:-20px;}
.gallery2-type2 dd>span{position: absolute;left: 26px;top: 30px;width: 75px;height: 35px;display: block;text-align: center;line-height: 28px;color:#fff;}
@media screen and (max-width:1023px) {
  .gallery2-type2 ul li img{height: auto;max-height: initial;}
  .gallery2-type2 .box{height: auto;float: none;overflow: hidden;}

  .gallery2-type2 .img{height: auto;}
}
@media screen and (max-width: 767px) {
  .gallery2-type2>ul>li{margin-bottom: 0;}
  .gallery2-type2 .box dl{float: none;width: auto;padding-top: 10px;}
  .gallery2-type2 dl{float: none;width: auto;}
  .gallery2-type2 dl dt{height: auto;}
  .gallery2-type2 .box{padding: 10px;}
  .gallery2-type2 .img{height: auto; }
  .gallery2-type2 .img img{max-height: inherit; }
  .gallery2-type2 .box{height: auto; margin-bottom: 10px; float: none; }
  .gallery2-type2 .box a{float: none;width: auto;}
}
/* //gallery2-type2 */
.gallery2>ul>li{float: none;}
.gallery2>ul>li .box{float: none;}
.gallery2 .col1 .desc{margin-top: 0;position: relative;}
.gallery2 p{margin: 0 !important;}
@media screen and (max-width:1023px) {
  .gallery2 .box{height: auto;}
}
@media screen and (max-width:991px) {
  .gallery2 .borderLeft1{padding-left: 0;}
  .gallery2 .borderLeft1:before{display: none;}
}
@media screen and (max-width:767px) {
  .mpt0{padding-top: 0 !important;}
  .btn{white-space: normal;}
}
  .gallery2 dl dt{white-space: normal;}

/**/
.movPlayerSet{
    background: url(/static/media/img/sub/playerBg.jpg) center 0 no-repeat;
    background-size: cover;
    padding-bottom: 47px;
    padding: 48px 0;
    margin-bottom: 40px;
}
.movPlayerSet .set{max-width: 763px;margin: 0 auto;}
.movPlayerSet .movPlayer .hgroup{}
.movPlayerSet .movPlayer .hgroup .info{color: #fff;font-size: 15px;font-family: "Noto Sans";line-height: 1;padding: 0 0 18px;}
.movPlayerSet .movPlayer .videoSet{position: relative;margin-bottom: 23px;}
.movPlayerSet .movPlayer .videoSet:after{content:'';display: block;padding-top: 56.09436435124509%;}
.movPlayerSet .movPlayer .videoSet iframe{position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 0;}
.movPlayerSet .movTxtBox{position: relative;padding: 40px 38px;background-color:rgba(0,0,0,0.75);color: #fff;font-size: 16px;border-radius: 9px;}
#content .movPlayerSet .movTxtBox h2{float: none;display: block;line-height: 1.3;font-weight: normal;margin: 0;padding:0 0 0 38px;font-size:19px;background: url(/static/media/img/sub/ico-speker.png) 0 center no-repeat;font-family:'Noto Sans','맑은 고딕';}
#content .movPlayerSet .movTxtBox h2:before{display: none;}
.movPlayerSet .movTxtBox .movTxtCtrl{position: absolute;top: 26px;right: 38px;text-align: right;}
.movPlayerSet .movTxtBox .movTxtCtrl a{display: inline-block;background-color: #605651;color: #fff;font-weight: bold;padding: 12px 24px 12px 29px;font-size: 14px;font-weight: normal;/*font-family: 'Noto Sans';*/line-height: 1;font-weight: bold;}
.movPlayerSet .movTxtBox .scrollY{line-height: 1.94;max-height: 136px;height: auto;overflow-y: scroll;}
@media screen and (max-width:1023px) {
    .movPlayerSet{padding: 20px 10px;}
}
@media screen and (max-width:767px) {
    .movPlayerSet .movTxtBox{padding: 15px;}
    .movPlayerSet .movTxtBox .movTxtCtrl{position: static;}
}





/*2018년 주민배심원제 start*/

.clearfix0220:after{content:"";display:block;height:0px;clear:both;visibility:hidden;font-size:0px;overflow:hidden;}
.list0220{margin-left:35px;}
.bgBox0220{padding:20px; margin-bottom:20px; border:1px solid #ddd;}
.ttp0220{font-weight:400; font-size:15px; color:#000; padding:10px 10px 0px 35px;}
.repBgobx{padding:50px 10px; background:url('/static/mayor/img/03/repeBg20.gif') repeat 0 0;}
.repBgobx-ct{background:url('/static/mayor/img/03/repeBg20-icon.png') no-repeat center bottom; margin-bottom:12px; padding-bottom:28px;}
.repBgobx-ct > div{width:772px; height:122px; margin:0 auto; background:url('/static/mayor/img/03/kbg20.png') no-repeat 0 0; text-align:center;}
.repBgobx-ct > div .title20{display:table; width:100%; height:49px;}
.repBgobx-ct > div .title20 .p1{display:table-cell; font-size:18px; margin:0px !important; font-weight:bold; color:#000000; vertical-align:middle; letter-spacing:-1px;}
.repBgobx-ct > div .list-ct20{display:table; width:100%; height:73px;}
.repBgobx-ct > div .list-ct20 > div{vertical-align:middle; display:table-cell;}
#content .repBgobx-ct > div .list-ct20 > div p{font-size:15px; color:#000000; line-height:120%; margin:3px 0px; padding:0px 10px;}
.repBgobx-ct-last{margin-bottom:0px !important; padding-bottom:0px; background:none;}

.photo0220{margin-top:55px;}
.photo0220 > div{position:relative; margin-bottom:20px;}
.photo0220 > div img{max-width:100%;}
.photo0220 > div p{position:absolute; margin:0px !important; bottom:0px; left:0px; width:100%; padding:0px 10px; box-sizing:border-box; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:39px; line-height:39px; background:url('/static/mayor/img/03/pt20--ttbg.png') repeat 0 0; font-size:17px; color:#fff;}
.photo0220 .left{float:left;}
.photo0220 .right{float:right;}

@media screen and (max-width:1290px){
	.photo0220 > div{width:calc(50% - 5px);}
}

@media screen and (max-width:820px){
	.repBgobx-ct{margin-bottom:35px;}
	.repBgobx-ct > div{width:100%; height:auto; background:none; box-sizing:border-box; position:relative; border:1px solid #877395; text-align:center;}
	.repBgobx-ct > div .title20{display:inline-block; box-sizing:border-box; border:3px solid #877395; text-align:center; width:90%; height:auto; border-radius:15px; margin-top:-23px; background:url('/static/mayor/img/03/repeBg20.gif') repeat 0 0;}
	.repBgobx-ct > div .title20 .p1{height:40px; line-height:40px; padding:0px 10px; display:block;}
	.repBgobx-ct > div .list-ct20{display:block; height:auto;}
	.repBgobx-ct > div .list-ct20 > div{padding:5px 0px 20px;}
}

@media screen and (max-width:500px){
	.repBgobx-ct > div .title20 .p1{font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.photo0220 > div{float:none; width:100%;}
}

/*2018년 주민배심원제end*/

/*메니페스토 start*/

.dis-none{display:none !important;}
.tab-button25box{padding-top:10px;}
.tab-button25box a{display:block; box-sizing:border-box; width:24%; height:181px; border:1px solid #dedede; float:left; margin-bottom:10px; margin-right:10px; padding-top:20px; background:#ffffff;}
.tab-button25box a.last{margin-right:0px;}
.tab-button25box a.on, .tab-button25box a:hover{background:#584c5e; border:1px solid #584c5e; text-decoration:none;}
.tab-button25box a:focus{text-decoration:none;}
.tab-button25box a p{padding-top:102px; text-align:center; font-size:19px; color:#333333; line-height:36px; margin:0px !important;}
.tab-button25box a.on p, .tab-button25box a:hover p{color:#ffffff;}
.tab-button25box a p.p1{background:url('/static/mayor/img/05/tab255-icon1.png') no-repeat center top;}
.tab-button25box a p.p2{background:url('/static/mayor/img/05/tab255-icon2.png') no-repeat center top;}
.tab-button25box a p.p3{background:url('/static/mayor/img/05/tab255-icon3.png') no-repeat center top;}
.tab-button25box a p.p4{background:url('/static/mayor/img/05/tab255-icon4.png') no-repeat center top;}
.tab-button25box a p.p5{background:url('/static/mayor/img/05/tab255-icon5.png') no-repeat center top;}
.tab-button25box a p.p11{background:url('/static/mayor/img/04/tab26-1.png') no-repeat center top;}
.tab-button25box a p.p12{background:url('/static/mayor/img/04/tab26-2.png') no-repeat center top;}
.tab-button25box a p.p13{background:url('/static/mayor/img/04/tab26-3.png') no-repeat center top;}
.tab-button25box a p.p14{background:url('/static/mayor/img/04/tab26-4.png') no-repeat center top;}
.tab-button25box a p.p15{background:url('/static/mayor/img/04/tab26-5.png') no-repeat center top;}
.tab-0221{display:none;}
.tab-0221.on{display:block;}

.zb-imgbox{margin-bottom:20px;}
.zb-imgbox img{max-width:100%;}

.tab-button25box2{margin-bottom:30px;}

.tab29-ad a{display:block; float:left; width:330px; height:136px; background:url('/static/mayor/img/04/tab29-02.gif') no-repeat 0 0; margin-right:10px; margin-bottom:10px; text-align:center; text-decoration:none !important;}
.tab29-ad a.on{background:url('/static/mayor/img/04/tab29-01.gif') no-repeat 0 0;}
.tab29-ad a.last{margin-right:0px;}
.tab29-ad a p{margin:0px !important;}
.tab29-ad a .p1{height:69px; line-height:69px; margin-bottom:1px; color:#666666; font-size:34px;}
.tab29-ad a .p1 span{color:#1f97cf; font-size:34px;}
.tab29-ad a.on .p1{color:#ffffff;}
.tab29-ad a.on .p1 span{color:#fdff3b;}
.tab29-ad a .bottom1{margin-top:10px;}
.tab29-ad a .bottom1 p{display:inline-block; vertical-align:top; font-size:25px; color:#666666;}
.tab29-ad a.on .bottom1 p{color:#fff;}
.tab29-ad a .bottom1 p span{display:inline-block; vertical-align:3px; height:25px; line-height:24px; padding:0px 12px; background:#1f97cf; border-radius:5px; font-size:16px; color:#fff;}
.tab29-ad a.on .bottom1 p span{background:#feff8e; color:#564d4d;}
.tab29-ad a .bottom1 p.p2{margin-right:30px !important;}
.tab29-ad a .tbds5{display:table; width:100%; height:120px;}
.tab29-ad a .p4{display:table-cell; vertical-align:middle; font-size:34px; color:#666666; line-height:55px;}
.tab29-ad a .p4 span{font-size:34px; color:#1f97cf;}
.tab29-ad a.on .p4{color:#fff;}
.tab29-ad a.on .p4 span{color:#fdff3b;}

.list0225{margin:25px 0px 30px;}
.list0225 li{float:none;}

.table-tabct25{display:none;}

.ctEdt-box26{box-sizing:border-box; width:710px; height:183px; background:url('/static/mayor/img/04/ctEdt-box26.jpg') no-repeat 0 0; padding-left:314px;}
.ctEdt-box26 .p1{padding-top:20px; margin:0px !important; font-size:34px; font-weight:bold; color:#ffffff; line-height:120%;}
.ctEdt-box26 .p2{margin:20px 0px 0px !important;}
.ctEdt-box26 .p2 a{display:inline-block; vertical-align:top; font-size:0px; line-height:0px; overflow:hidden; width:131px; height:33px; background:url('/static/mayor/img/04/edt-linkwt.png') no-repeat 0 0;}

.tab36-cnm{display:none;}
.tab36-cnm.on{display:block;}

@media screen and (max-width:1000px){
	.tab-button25box a{float:none; width:100%; height:auto; padding:0px;}
	.tab-button25box a p{background:none !important; padding:10px 5px;}

	.tab29-ad a{float:none; width:100%; height:auto; box-sizing:border-box; padding:15px 10px; margin:0px 0px 10px; border:1px solid #dedede; background:url('/static/mayor/img/04/mo-tbtab-bg1.gif') repeat 0 0;}
	.tab29-ad a .p1{height:auto; line-height:40px;}
	.tab29-ad a .tbds5{display:block; height:auto;}
	.tab29-ad a .p4{display:block; line-height:40px;}
	.tab29-ad a.on{background:url('/static/mayor/img/04/mo-tbtab-bg2.gif') repeat 0 0; border:1px solid #1f9ed9;}
}

@media screen and (max-width:735px){
	.ctEdt-box26{width:100%; height:auto; padding:25px 15px; background:url('/static/mayor/img/04/edt-mo-bg2.gif') repeat 0 0; text-align:center;}
	.ctEdt-box26 .p1{padding:0px;}
}

@media screen and (max-width:470px){
	.tab29-ad a .p1 span, .tab29-ad a .p1, .tab29-ad a .p4, .tab29-ad a .p4 span{font-size:25px; line-height:30px;}
	.tab29-ad a .bottom1 p{font-size:20px;}
	.tab29-ad a .bottom1 p.p2{margin-right:15px !important;}
	.ctEdt-box26 .p1{font-size:25px;}
}


/*메니페스토  end*/

/*매니페스토 2020 추가 */
.gy-map{width: 100%;height: 400px;margin-bottom: 30px;box-sizing: border-box;background: url(/static/mayor/img/manifesto/dongjakMap.jpg)}
.select-condition{margin-bottom: 30px;}
.select-condition select{vertical-align: middle;}
.select-condition select:first-child{width: 100px;}
.select-condition select:last-child{width: 200px;}

.num-ul > li{padding-left: 18px;text-indent: -18px;}

.tb-stats{display: inline-block;vertical-align: middle;padding: 5px 15px;font-size: 14px;line-height: 18px;color: #fff;background: #605651;}
.tb-stats > a{color: white;}
.select-change0{display: inline-block;vertical-align: middle;position: relative;width: 220px;border: 1px solid #cccccc;margin-bottom: 5px;box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.075);}
.select-change0 > a{display: block;padding: 6px 10px;font-family: 'Noto Sans','맑은 고딕','Malgun Gothic','돋움','dotum',serif;font-size: 16px;line-height: 20px;color: #000;background: url(/static/mayor/img/manifesto/select-icon01.gif) no-repeat 195px center;}
.select-change0 > a:hover{text-decoration: none;color: #6c17a6;}
.select-change0 > a:focus{text-decoration: none;}
.select-change0.on > a{background: url(/static/mayor/img/manifesto/select-icon02.gif) no-repeat 195px center;}
.city-select0{display: none;position: absolute;left: 0px;top: 32px;width: 100%;padding: 5px 0px;border: 1px solid #7a9cd3;background: #fff;}
.city-select0 > li > a{display: block;padding: 0 9px;}
.city-select0 > li > a:hover{text-decoration: none;color: #fff;background: #877395;}
.select-change0.on .city-select{display: block;}


.select-change{display: inline-block;vertical-align: middle;position: relative;width: 220px;border: 1px solid #cccccc;margin-bottom: 5px;box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.075);}
.select-change > a{display: block;padding: 6px 10px;font-family: 'Noto Sans','맑은 고딕','Malgun Gothic','돋움','dotum',serif;font-size: 16px;line-height: 20px;color: #000;background: url(/static/mayor/img/manifesto/select-icon01.gif) no-repeat 195px center;}
.select-change > a:hover{text-decoration: none;color: #6c17a6;}
.select-change > a:focus{text-decoration: none;}
.select-change.on > a{background: url(/static/mayor/img/manifesto/select-icon02.gif) no-repeat 195px center;}
.city-select{display: none;position: absolute;left: 0px;top: 32px;width: 100%;padding: 5px 0px;border: 1px solid #7a9cd3;background: #fff;}
.city-select > li > a{display: block;padding: 0 9px;}
.city-select > li > a:hover{text-decoration: none;color: #fff;background: #877395;}
.select-change.on .city-select{display: block;}

.select-cell-cont{margin-top: 30px;}
.select-cell-cont > div{display: none;}
.select-cell-cont > div.on{display: block;}

.select-change2{display: inline-block;vertical-align: middle;position: relative;width: 220px;border: 1px solid #cccccc;margin-bottom: 5px;box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.075);}
.select-change2 > a{display: block;padding: 6px 10px;font-family: 'Noto Sans','맑은 고딕','Malgun Gothic','돋움','dotum',serif;font-size: 16px;line-height: 20px;color: #000;background: url(/static/mayor/img/manifesto/select-icon01.gif) no-repeat 195px center;}
.select-change2 > a:hover{text-decoration: none;color: #6c17a6;}
.select-change2 > a:focus{text-decoration: none;}
.select-change2.on > a{background: url(/static/mayor/img/manifesto/select-icon02.gif) no-repeat 195px center;}
.city-select2{display: none;position: absolute;left: 0px;top: 32px;width: 100%;padding: 5px 0px;border: 1px solid #7a9cd3;background: #fff;}
.city-select2 > li > a{display: block;padding: 0 9px;}
.city-select2 > li > a:hover{text-decoration: none;color: #fff;background: #1e90ff;}
.select-change2.on .city-select2{display: block;}

.select-cell-cont2{margin-top: 30px;}
.select-cell-cont2 > div{display: none;}
.select-cell-cont2 > div.on{display: block;}

.vision-shape{text-align: center;clear: both;padding: 50px 70px 90px;background: url(/static/mayor/img/manifesto/vs_bg.gif) repeat center;}
#content .vision-shape .shape-tit{margin: 0 0 30px;font-size: 45px;line-height: 50px;color: #454c81;}
#content .vision-shape .shape-tit span{font-weight: bold;}
.blue-border-box{text-align: left;padding: 15px 18px;border: 5px solid #606698;border-radius: 13px;background: #ffffff;}
#content .blue-border-box p{margin: 0;font-family: FontAwesome, 'Noto Sans', serif;font-weight: 400;font-size: 18px;line-height: 24px;color: #666666;}
.blue-border-box2{text-align: center;padding: 15px 18px;border: 5px solid #606698;border-radius: 13px;background: #ffffff;}
#content .blue-border-box2 p{margin: 0;font-weight: bold;font-size: 22px;line-height: 48px;color: #454c81;}
.shape-ico-ul{text-align: center;margin: 30px 0;font-size: 0;}
.shape-ico-ul > li{display: inline-block;vertical-align: middle;width: 103px;margin: 10px 10px;}
.shape-ico-ul > li > a{display: block;}
.shape-ico-ul > li > a .ico{width: 93px;height: 93px;border: 5px solid #606698;border-radius: 100%;}
.shape-ico-ul > li.li01 > a .ico{background: #fff url(/static/mayor/img/manifesto/shape_ico01.png) no-repeat center;}
.shape-ico-ul > li.li02 > a .ico{background: #fff url(/static/mayor/img/manifesto/shape_ico02.png) no-repeat center;}
.shape-ico-ul > li.li03 > a .ico{background: #fff url(/static/mayor/img/manifesto/shape_ico03.png) no-repeat center;}
.shape-ico-ul > li.li04 > a .ico{background: #fff url(/static/mayor/img/manifesto/shape_ico04.png) no-repeat center;}
.shape-ico-ul > li.li05 > a .ico{background: #fff url(/static/mayor/img/manifesto/shape_ico05.png) no-repeat center;}
.shape-ico-ul > li.li06 > a .ico{background: #fff url(/static/mayor/img/manifesto/shape_ico06.png) no-repeat center;}
.shape-ico-ul > li.li07 > a .ico{background: #fff url(/static/mayor/img/manifesto/shape_ico07.png) no-repeat center;}
.shape-ico-ul > li.li01 > a:hover .ico{background: #7278aa url(/static/mayor/img/manifesto/shape_ico01.png) no-repeat center;}
.shape-ico-ul > li.li02 > a:hover .ico{background: #7278aa url(/static/mayor/img/manifesto/shape_ico02.png) no-repeat center;}
.shape-ico-ul > li.li03 > a:hover .ico{background: #7278aa url(/static/mayor/img/manifesto/shape_ico03.png) no-repeat center;}
.shape-ico-ul > li.li04 > a:hover .ico{background: #7278aa url(/static/mayor/img/manifesto/shape_ico04.png) no-repeat center;}
.shape-ico-ul > li.li05 > a:hover .ico{background: #7278aa url(/static/mayor/img/manifesto/shape_ico05.png) no-repeat center;}
.shape-ico-ul > li.li06 > a:hover .ico{background: #7278aa url(/static/mayor/img/manifesto/shape_ico06.png) no-repeat center;}
.shape-ico-ul > li.li07 > a:hover .ico{background: #7278aa url(/static/mayor/img/manifesto/shape_ico07.png) no-repeat center;}
.shape-ico-ul > li.li01.on > a .ico{background: #7278aa url(/static/mayor/img/manifesto/shape_ico01.png) no-repeat center;}
.shape-ico-ul > li.li02.on > a .ico{background: #7278aa url(/static/mayor/img/manifesto/shape_ico02.png) no-repeat center;}
.shape-ico-ul > li.li03.on > a .ico{background: #7278aa url(/static/mayor/img/manifesto/shape_ico03.png) no-repeat center;}
.shape-ico-ul > li.li04.on > a .ico{background: #7278aa url(/static/mayor/img/manifesto/shape_ico04.png) no-repeat center;}
.shape-ico-ul > li.li05.on > a .ico{background: #7278aa url(/static/mayor/img/manifesto/shape_ico05.png) no-repeat center;}
.shape-ico-ul > li.li06.on > a .ico{background: #7278aa url(/static/mayor/img/manifesto/shape_ico06.png) no-repeat center;}
.shape-ico-ul > li.li07.on > a .ico{background: #7278aa url(/static/mayor/img/manifesto/shape_ico07.png) no-repeat center;}

.shape-ico-ul > li > a span{display: block;margin-top: 10px;font-family: FontAwesome, 'Noto Sans', serif;font-weight: 400;font-size: 18px;line-height: 22px;color: #333333;}
.shape-ico-ul > li > a:hover{text-decoration: none;}
.shape-ico-ul > li > a:focus{text-decoration: none;}

.tab-cont > div{display: none;}
.tab-cont > div.on{display: block;}
.fl-shape .fls-left{float: left;width: 170px;}
.fl-shape .fls-right{float: right;width: calc(100% - 180px);}

@media screen and (max-width: 768px) {
	.fl-shape .fls-left{float: none;width: 100%;}
	.fl-shape .fls-right{float: none;width: 100%;margin-top: 10px;}
	#content .blue-border-box2 p{line-height: 26px;}
}

@media screen and (max-width: 600px) {
	.vision-shape{padding: 30px 15px;}
	#content .vision-shape .shape-tit{font-size: 25px;line-height: 30px;}

}

@media screen and (max-width: 450px) {
	.shape-ico-ul > li{width: 70px;}
	.shape-ico-ul > li > a .ico{width: 60px;height: 60px;}
}

@media screen and (max-width: 450px) {
	.shape-ico-ul > li{width: 70px;}
	.shape-ico-ul > li > a .ico{width: 60px;height: 60px;}
}

/*매니페스토 2020 추가 끝*/