@charset "utf-8";
body, html {font-family:'Noto Sans KR', sans-serif; font-weight:400;}
#container { font-family:'Noto Sans KR', sans-serif; font-weight:400; font-size:16px;}



div.yeonje_info {}
div.yeonje_info p.tit {font-size:28px; font-weight:400; color:#185bb8; margin-bottom:20px;}

div.yeonje_info dl { position:relative;}
div.yeonje_info dl:before {content:''; display:block; width:3px; height:100%; background:#dedede;  position:absolute; top:10px; left:25%;} 
div.yeonje_info dl dt {font-size:26px; color:#000; float:left; width:25%; clear:both; position:relative; word-break:break-all;}
div.yeonje_info dl dt:after {content:''; display:block; width:12px; height:12px; background:#333; border-radius:50%; position: absolute; top:0; right:-7px;}
div.yeonje_info dl dd { float:right; width:75%; box-sizing:border-box; padding-left:30px; margin-bottom:40px;}
div.yeonje_info dl dd li {margin-bottom:10px; line-height:130%;}
div.yeonje_info dl dd:last-child {margin-bottom:0;}
div.yeonje_info dl dd span {color:#1363bc; margin-right:10px; font-weight:600;}

div.cl {float:left; width:50%;}
div.cr {float:right; width:45%; margin-top:30px;}

@media only screen and (max-width:1024px) {

}

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

div.yeonje_info dl:before {content:''; display:block; width:3px; height:100%; background:#dedede;  position:absolute; top:10px; left:4px;} 
div.yeonje_info dl dt {font-size:22px; float:none; width:100%; padding-left:20px;}
div.yeonje_info dl dt:after { top:0; left:0px;}
div.yeonje_info dl dd { float:none; width:100%; box-sizing:border-box; padding-left:20px; }


}

.mayor_tit {width: 100%; padding: 25px 0; text-align: center; background: #fffbea url(/mayor/img/02/mayortit_bg.png) center no-repeat}
.mayor_tit p {font-size: 16px;}
.mayor_tit p span {text-decoration: underline; color: #e14920;}
.mayor_tit p:last-child {font-size: 22px; letter-spacing: -0.07em;}

.mayor_stati {width: 100%; background: #f3f2ed url(/mayor/img/02/stati_bg.png) 93% 59px no-repeat; padding: 37px; box-sizing: border-box; margin-bottom: 50px; position: relative;}
.mayor_stati a.go_bt {position: absolute; bottom: 0; right: 0; color: #fff; background: rgba(23, 44, 137, 0.9); padding: 10px 30px 10px 43px; border: 1px solid #32327e;}
.mayor_stati a.go_bt span {padding-left: 14px;}
.mayor_stati a::before {background: url('/common/img/common_btn.png') 4px -259px no-repeat; content: ''; width: 38px; height: 36px; position: absolute; left: 11px; top: 0;}

.mayor_stati div {width: 49%;}
.mayor_stati h1 {font-size: 25px; margin-bottom: 30px; color: #222;}
.mayor_stati h1 span {font-size: 15px; margin-left: 3px;}
.mayor_stati p {background: #fff; width: 100%; margin: 5px 0; padding: 15px 0 15px 56px; box-sizing: border-box; position: relative; font-size: 16px;}
.mayor_stati p>span {position: absolute; right: 17px;}
.mayor_stati p>span span {font-size: 29px;}
.mayor_stati p:nth-child(2) {background: #fff url(/mayor/img/02/ico_stati1.png) 17px center no-repeat;}
.mayor_stati p:nth-child(3) {background: #fff url(/mayor/img/02/ico_stati2.png) 17px center no-repeat;}
.mayor_stati p:nth-child(4) {background: #fff url(/mayor/img/02/ico_stati3.png) 17px center no-repeat;}

.mayor_stati p:nth-child(2) span span {color: #ff663d;}
.mayor_stati p:nth-child(3) span span {color: #2476e9;}
.mayor_stati p:nth-child(4) span span {color: #29aa2b;}

@media only screen and (max-width:1024px) {
	.mayor_stati h1 span {display: block; margin-top: 11px;}
}

@media only screen and (max-width:768px) {
	.mayor_stati div {width: 100%;}
	.mayor_stati {background: #f3f2ed; padding: 4%;}
	.mayor_stati h1 {margin-bottom: 19px; text-align: center;}
	.mayor_stati a.go_bt {position: relative; text-align: center; display: block; margin-top: 20px;}
	.mayor_stati a::before {background: none; }
	.mayor_stati a.go_bt span {padding: 0;}
}

/***상단gnb***/
.topgnb {display: none;}

@media only screen and (max-width:1024px) {
	.sitelink1 {display: none;}
	.topgnb {display: block;}
	.subtop_gnb .slick-list {width: 86%; margin: 0 auto;}
	.subtop_gnb button {position: absolute; display: inline-block; vertical-align: top; width: 7%; height: 39px;  text-indent:-99999px;}
	.subtop_gnb button.slick-prev {left: 0; top: 0; background: #fff url(/common/img/gnb_prev.png) no-repeat center;}
	.subtop_gnb button.slick-next {right: 0; top: 0; background: #fff url(/common/img/gnb_next.png) no-repeat center; border-left: 1px solid #c1c8cc;}
}


/*매니페스토*/
ul.julcha {}
ul.julcha > li {position:relative;}
ul.julcha > li div {border:1px solid #b6bfd5; float:left; width:40%; box-sizing:border-box; padding:20px; text-align:center; color:#5a6789; font-size:18px; background:#f2f2f2;}
ul.julcha-size > li .left-box{width: 20%; padding: 15px; height: 110px; line-height: 74px;}
ul.julcha > li:after {content:''; display:block; width:40%; height:30px; background:url(/common/img/arrow_01.png) no-repeat 50% 50%; clear:both; margin:5px 0px;}
ul.julcha-size > li:after{width: 20%;}
ul.julcha > li ul {float:right; width:55%; margin-top:10px;}
ul.julcha-size  > li ul.list_ul{width: 77%; margin-top: 0;}
ul.julcha > li ul.list_ul02{width: 100%;}
ul.julcha > li ul li{line-height: 1.5;}
ul.julcha > li.arrow_none:after {display:none;}
ul[class^="list_ul"] >li:before, ol[class^="list_num"] li ul li:before{top: 11px;}

ul.julcha-size .julcha-box{float: right;width: 77%;background-color: #fff;border: 1px solid #ddd;margin-top: 10px;}
ul.julcha .julcha-box p{ font-size: 1.1rem; text-align: left; font-weight: 600; color: #555;}
ul.julcha .julcha-box .julcha-box-list_ul{ width: 100% !important; text-align: left; font-size: 1rem; color: #666;}
ul.julcha .julcha-box .julcha-box-list_ul li{position: relative;padding-left: 10px;}
/* .sp28{display: inline-block; width: 28px;} */
ul.julcha .julcha-box .julcha-box-list_ul li:before{content: '';position: absolute;width: 3px;height: 3px;left: 0px;top: 9px;background: #b1b1b1;}

ul.julcha > li div.w20{width: 20%;}
ul.julcha > li ul.w77{width: 77%;}
ul.julcha > li.arrow:after{ width:20%;}
ul.julcha > li:last-child div{border: 1px solid #3f7be9; background: #3f7be9; color: #fff;}
ul.julcha > li.arrow:last-child:after{display:none;}
ul.julcha > li.last_none div{color: #5a6789;font-size: 18px;background: #f2f2f2;border: 1px solid #b6bfd5;}

ul.julcha-size > li .hg380{height: 380px;}
ul.julcha-size > li .hg145{height: 145px;}



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

div.yeonje_info dl:before {content:''; display:block; width:3px; height:100%; background:#dedede;  position:absolute; top:10px; left:4px;} 
div.yeonje_info dl dt {font-size:22px; float:none; width:100%; padding-left:20px;}
div.yeonje_info dl dt:after { top:0; left:0px;}
div.yeonje_info dl dd { float:none; width:100%; box-sizing:border-box; padding-left:20px; }

ul.julcha > li div {float:none; width:100%;}
ul.julcha > li:after {width:100%;}
ul.julcha > li ul {float:none; width:100%;}
ul.julcha > li div.w20{width: 100%;}
ul.julcha > li ul.w77{width: 100%;}
ul.julcha > li.arrow:after{ width:100%;}
ul.julcha .julcha-box{width:100%;}

ul.julcha-size > li .left-box{width: 100%; height: auto; line-height: 26px;}
ul.julcha-size > li ul{margin-top: 10px;}

.oga ul.ot>li dl dt span {display:block;}
.oga ul.ot>li dl dt span:before {display:none;}
.oga2 dt span {display:block;}
.oga2 dt span:before {display:none;}

ul.jaejung li div p.btnj {float:none; display:inline-block; }
ul.jaejung li div p.btnj a.small {text-indent:-99999px; display:inline-block;  border-radius:5px; width:21px; height:21px; transition:all .2s; padding:0!important;}
ul.jaejung li div p.btnj a.small.hwp, ul.jaejung li div p.btnj a.small.excel, ul.jaejung li div p.btnj a.small.pdf {background:#3399cc url('/common/img/iconbtn_01.png') no-repeat 50% 50%; transition:all .2s;}
ul.jaejung li div p.btnj a.small.view {background:#3399cc url('/common/img/iconbtn_02.png') no-repeat 50% 50%; transition:all .2s;}

.tbl.mt td.ft13{font-size: 13px !important; padding: 8px 7px !important;}




}



.map_box{border-radius:30px; border:3px solid #6cc17c; padding:40px; font-size:16px;}
.map_box div.title{font-size: 25px; color: #fff; background: #6cc17c; border-radius: 0 30px 30px 0; text-align: center; margin:-44px 0 0 -43px; width: 200px; line-height: 40px; margin-bottom:30px;}
.map_box > .list_wrap{display:flex; justify-content: space-between;}
.map_box > .list_wrap ul{width:49%; }
.map_box > .list_wrap ul li{display: flex;  justify-content: flex-start;}
.map_box > .list_wrap ul li span.num{width:50px; font-weight: bold; color:#6cc17c; display:inline-block; margin-right:10px; }
.map_box > .list_wrap ul li span.title{width:calc(100% - 50px); margin-bottom: 0px !important;}


@media only screen and (max-width:1024px) {

	.map_box .list_wrap ul{width:100%; }
	.map_box .list_wrap{display:block;}
	
}



.ceo_box{border:1px solid #ddd; background:url("/mayor/img/01/ceo_pic.jpg") no-repeat right 0; padding:100px 0 120px 37px; margin-bottom:50px;}
.ceo_box .ttxt {color: #333;letter-spacing: -0.06em;line-height: 1.2;font-size: 35px;width: 100%;font-family: 'GmarketSansMedium'; }
.ceo_box .ttxt span{color: #185bb8;}
.ceo_box .ttxt strong{font-family: 'GmarketSansBold';}	
.ceo_box .btxt {font-size: 18px; margin-top: 10px; color: #555; letter-spacing:-0.06em; line-height: 1.2; width: 100%; font-family: 'GmarketSansMedium';}

.ceo_text{font-size:18px; display:flex; color:#666666; justify-content: space-between; flex-wrap: wrap;}
.ceo_text div{width:49%; letter-spacing: -1px; line-height: 28px; }
.ceo_text strong{color:#000;}

@media only screen and (max-width:768px){
	
	.ceo_box{padding: 200px 0 37px 37px;}
	.ceo_text div{width:100%;}
	.ceo_box .ttxt{font-size:30px;}

}


@media only screen and (max-width:400px){
	
	.ceo_box{padding:220px 0 30px 20px; background:url("/mayor/img/01/ceo_pic.jpg") no-repeat -461px 0;}
	.ceo_text div{width:100%;}
	.ceo_box .ttxt{font-size:25px;}
	.ceo_box .btxt{font-size:16px;}

}