/* main */
.topmenu { float:left; margin-top:43px; }
.topmenu > li { float:left; margin-left:55px; }
.topmenu > li:first-child { margin-left:80px; }
.topmenu > li > a { font-size:18px; font-weight:600; color:#242424; }
.topmenu > li > a:hover { color:#1291e4; }
.topmenu .search { margin-top:-18px }
.topmenu .sitemap { margin:-18px 0 0 5px; }
.box03, .box01, .box01_new, .box02{
  width: 32.6%;
  margin-left: 1.1%;
}
#visual { width:100%;/* height:100%;*/ display:block; position: relative; }
.visual_area { width:1200px; height:570px; margin:0 auto; position:relative; }
#visual .bx-controls-direction .bx-prev { position:absolute; width:80px; height:80px; top:50%; margin-top:-40px; text-indent:-9999px; left:2%; background:url(/images/mayor/icon_prev.png) no-repeat center;}
#visual .bx-controls-direction .bx-next { position:absolute; width:80px; height:80px; top:50%; margin-top:-40px; text-indent:-9999px; right:2%; background:url(/images/mayor/icon_next.png) no-repeat center;}
#visual .bx-pager{display:none;}
.btn_message { position:absolute; bottom:100px; left:170px; }

#containerWrap { width:100%; background:#e7edf0; padding:60px 0; }

@media screen and (max-width:960px){
  #containerWrap{padding:0;}
}

#cont { width:1200px; margin:0 auto; }
.slide_vision { position:relative; border-top:3px solid #f99a1e; }
.slider {}
.slider > li { position:relative; }
.slide_vision .vision { position:absolute; top:30px; left:70px; }
.txt_box { color:#fff; display:block; margin:30px 0 0 400px; }
.txt_box img, .txt_box span { display:block; }
.txt_box .tit { font-size:30px; font-weight:600; letter-spacing:-0.7px; margin:15px 0; }
.txt_box .subtxt { font-size:16px; letter-spacing:-0.5px; }

.slide_vision .bx-pager{position:absolute; top:140px; left:75px; z-index:999;}
.slide_vision .bx-pager div{width:25px; height:25px; float:left;  }
.slide_vision .bx-pager div a{width:15px; height:15px; display:inline-block; background:#6f7379; border-radius:50px;  text-indent:-9999px;}
.slide_vision .bx-pager div a.active{border:3px solid #f0bb2a; background:#fff;}
.slide_vision .bx-controls-direction{display:none;}

.contents_box {}
.box01 { height:270px; float:left; background:#fff url(/images/mayor/img_head.png) no-repeat 220px bottom; }
.box02 {  height:270px; float:left; background:#7dae30 url(/images/mayor/icon_01.png) no-repeat 257px 130px; }
.box03 { height:270px; float:left; background:#2391ad url(/images/mayor/icon_02.png) no-repeat 257px 130px; }
/**.box01_new { height:270px; float:left; background:#fff url(/upload_data/board_data/BBS_0000248/152964664748802.jpg) no-repeat 180px bottom; }**/

.box01_new {height:270px;float:left;background: #fff url(/upload_data/board_data/BBS_0000248/161887926344623.jpg) no-repeat; margin-left: 0;}

.contents_box .box_inner { margin:48px 0 0 40px; }
.contents_box .tit {font-size:26px;font-weight:600;margin-bottom:45px;color: white;}
.contents_box .btn_go { margin-top:45px; }
.contents_box p {font-size:16px;letter-spacing:-0.5px;color: white;}
.box02 p { color:#fff; }
.box03 p { color:#fff; }

#containerWrap02 { width:100%; background:#fff; }
#cont02 { width:1200px; margin:70px auto; }

/**
.gallery_title { text-align:center; font-size:35px; font-weight:600; letter-spacing:-0.5px; color:#222; }
.gallery_title > .blue { color:#1473cc; }
.btn_more { float:right; margin-top:-20px; }
.gallery { clear:both; margin-top:45px; }
.gallery > li { float:left; margin-right:7px; border:1px solid #ccc; padding-bottom:20px; }
.gallery > li:last-child { margin-right:0; }
.gallery > li > a > img { display:block; width:292px; height:auto; }
.gallery > li > a > span { display:block; margin-left:20px; letter-spacing:-0.5px; margin-right: 20px;}
.gallery > li > a > .tit { margin-top:27px; color:#222; font-size:20px; font-weight:600;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.gallery > li > a > .date { margin-top:13px; color:#828282; font-size:14px; }
.gallery > li > a > .detail { margin-top:30px; border:1px solid #ddd; display:inline-block; padding:6px 25px 6px 10px; color:#777; background:url(/images/mayor/btn_detail.gif) no-repeat 88% center;  }
**/


.gallery_title { text-align:center; font-size:35px; font-weight:600; letter-spacing:-0.5px; color:#222; }
.gallery_title > .blue { color:#1473cc; }
.btn_more { float:right; margin-top:-20px; }
.gallery { clear:both; margin-top:45px; }
.gallery > li { float:left; margin-right:7px; border:1px solid #ccc; padding-bottom:20px; width:calc(25% - 9px)}
.gallery > li:last-child { margin-right:0; }
.gallery > li > a > img { display:block; width:292px; height:auto; }
.gallery > li > a > span { display:block; margin-left:20px; letter-spacing:-0.5px; margin-right: 20px;}
.gallery > li > a > span.img_span{width:100%;margin-left: 0;max-height: 190px;overflow: hidden;}
.gallery > li > a > .tit { margin-top:27px; color:#222; font-size:20px; font-weight:600;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.gallery > li > a > .date { margin-top:13px; color:#828282; font-size:14px; }
.gallery > li > a > .detail { margin-top:30px; border:1px solid #ddd; display:inline-block; padding:6px 25px 6px 10px; color:#777; background:url(/images/mayor/btn_detail.gif) no-repeat 88% center;  }



/*동영상*/

/*e?™i??i??*/
.movie-box {width:920px;height: 306px;/* border: 1px solid black; */overflow: hidden;}
.movie-box .movie { float:left; width:560px; }
.movie-box .Subtitle {float:left;width:360px;padding: 20px 0 0 20px;color: black;border: 1px solid #e0e0e0;background-color: #dbf2fa;}
.movie-box .Subtitle .tit {/* color: #040404; */font-size:17px;font-weight:600;border-bottom:1px solid #aaa;padding:10px 0;margin-bottom:15px;}
.movie-box .Subtitle textarea {width:100%;height: 284px;/* color:#fff; */overflow-x:hidden;line-height:160%;border:0px;background-color: transparent;/* padding-top: 10px; */}
.mayor-inauguration{clear:both}



/*미디어쿼리*/
@media screen and (max-width: 1200px) {
  .gallery > li {
    width: 24%;
    margin: 0 0.5%;
    min-height: 290px;
  }
  #cont, #cont02, .inner, #header .wrap{
   width:100%;
  }
}

@media screen and (max-width:960px){
  #cont { margin:0 auto;}
.frame{
width:100%;
}
    .slide_vision { width:100%; }
    #rolling { width:100%; }
  .slide_vision .vision{width:120px;}
  .slide_vision .bx-pager{top:110px;}
  .txt_box .tit{font-size:20px;}
  .txt_box .subtxt{font-size:14px; margin-top:-5px;}
  .txt_box{margin:0 auto; padding:50px 0 50px 240px;}
  .txt_box > img{width:29px; float:left; padding-top:15px; padding-right:10px;}
  .contents_box .box_inner{margin:25px 0 0 20px;}
  .contents_box .tit{font-size:19px;}
  .contents_box p{font-size:15px; padding-right:10px;}

  .gallery_title{font-size:23px;}
  .gallery > li{width:24%; margin:0 0.5%; min-height:290px;}
  .gallery > li:nth-of-type(3n){
    margin-right:0;
  }
  .gallery > li > a > .tit{font-size:16px;}
  .gallery > li > a > .date{font-size:13px;}
  .gallery > li > a > .detail{font-size:13px; padding:3px 25px 3px 10px}
}

@media screen and (max-width:810px){
 .box01{
    background-image:none;
  }
  .gallery > li{
    min-height:265px;
  }
}

@media screen and (max-width:600px){
  .gallery > li{width:49%; margin: 0.5% 0 0.5% 0.6666%; min-height:290px;}
  .contents_box .box01_new, .contents_box .box02, .contents_box .box03{
    height:230px;
    background-image: none;

  }
  .contents_box .box01_new{background-color:#dd262d}
  .contents_box .tit {
    font-size: 16px;
    margin-bottom: 25px;
  }
  .contents_box p {
    font-size: 13px;
  }
  .contents_box .box_inner{
    margin: 25px 0 0 6%;
  }
}

@media screen and (max-width:460px){
  .slide_vision .vision{width:110px; top:40px; left:50%; margin-left:-53px;}
  .slide_vision .bx-pager{top:95px; left:50%; margin-left:-42px;z-index: 0;}
  .slide_vision .bx-pager li {width:17px; height:15px;}
  .slide_vision .bx-pager li a{width:10px; height:10px;}
  .txt_box{ padding:110px 30px 10px 30px; }
  .contents_box p{font-size:13px; padding-right:10px;}
  .txt_box .subtxt{margin-top:-9px; font-size:13px;}
  #visual .bx-controls-direction .bx-prev { display:none; }
  #visual .bx-controls-direction .bx-next { display:none; }
  .btn_more{margin-top:10px;}
  .btn_more {width:70px;}
  .btn_more a img{width:90%;}
  .gallery > li > a > .tit{font-size:15px;}

   .contents_box .box01_new, .contents_box .box02, .contents_box .box03{
    height:180px;
  }
  .desc{
    display:none;
  }
  .contents_box .tit{
    height: 45px;
  }
  .gallery > li{
    min-height:270px;
  }
}
/* sub */

#sub_visual { width:100%; height:220px; display:block; background:url(/images/mayor/sub_visual.jpg) no-repeat center; }
#sub_containerWrap { width:100%; background:#fff; }
#sub_container { width:1200px; margin:0 auto; background:url(/images/mayor/leftmenu_bg.gif) repeat-y; }

.leftmenu { width:240px; float:left; }
.leftmenu > h2.title { width:100%; height:77px; background:url(/images/mayor/leftmenu_title.jpg) no-repeat; color:#fff; font-size:26px; font-weight:600; text-align:center; padding-top:53px; }
.leftmenu > ul { width:238px; height:100%; border:1px solid #ddd; border-top:0; background:#fff; }
.leftmenu > ul > li { border-bottom:1px solid #ddd; }
.leftmenu > ul > li:last-child { border-bottom:0; }
.leftmenu > ul > li > a { font-size:15px; font-weight:600; color:#666; display:block; padding:20px 15px; }
.leftmenu > ul > li > a:hover { color:#1291e4; background:url(/images/mayor/leftmenu_hover.gif) no-repeat 219px center; }

.sub_contents { width:890px; height:900px; background:#fff; float:right; }
h3.sub_title { font-size:30px; font-weight:600; color:#444; margin-top:55px; }
.sub_navi { margin-top:23px; }
.sub_navi > li { float:left; margin-right:10px; background:url(/images/mayor/sub_navi_arrow.gif) no-repeat left center; padding-left:15px; }
.sub_navi > li:first-child { background-image:none; padding-left:0; }
.sub_navi > li > a { color:#888; font-size:13px; }
.divider { background:#e5e5e5; width:100%; height:1px; text-indent:-999px; margin-top:13px; }

.profile_img {float:left; margin-top:30px; }
.profile_tit { font-size:32px; font-weight:600; color:#0076de; margin:40px 0 10px; line-height:1em; }
.profile_copy { font-size:13px; letter-spacing:-0.5px; }
.profile_list { border-top:2px solid #333; margin:15px 0 30px; }
.profile_list li.cate { font-size:16px; font-weight:600; color:#333; padding:20px 0; border-bottom:1px solid #ddd; }
.profile_list li ul li { font-size:14px; font-weight:400; color:#777; margin-top:10px; background:url(/images/mayor/common/bul_profile.gif) no-repeat left center; padding-left:10px; }

/* 구청장입니다 > 취임사 */

	.mayor-inauguration>p {
		text-indent: 5px;
		margin-bottom: 18px;
	}
	
	.mayor-inauguration>strong {
		display: inline-block;
		margin-top: 16px;
		margin-bottom: 7px;
	}

/*구청장입니다 - 메인 수정이미지 0180622_김우룡 */
.sp03_new { background:url(/upload_data/board_data/BBS_0000248/152990078386583.jpg) no-repeat; display:block; width:1200px; height:200px; }

/* 공약사항 관리 */

.spgong{margin-left:40px}
.gong{overflow:hidden;margin-left: 40px;}
.gong li{max-width: 187px;float:left;width:100%;border: 1px solid #dddddd;margin-right: 44px;position:relative}
.gong li:last-child{margin-right:0}
.gong h2{padding: 10px;height: 77px;text-align: center;border-bottom: 1px solid #dddddd;background-color: #f4f4f4;}
.gong p{text-align:center;padding:10px}
.gong li:nth-child(3) h2, .gong li:nth-child(4) h2{line-height: 57px;}
.gong li:after{content:'⇔';position:absolute;top:50%;right: -31px;color: #005bab;font-weight: 700;}


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

	.gong li{margin:0 auto !important;float:none;margin-bottom:20px !important}
	.gong li:after{top: calc(100% + 55px);left: 0;/* transform: rotate(90deg); */display: none;}

}
.symbolicList{clear:both; margin:0 0 80px 30px; overflow:hidden;}
.symbolicList ul{padding-left:0;}
.img_left{min-width:200px;  display:block; float:left;}
.img_text{float:left; width:75%;}
      
/*공약 수상현황*/
ul.line_b li {margin-bottom: 17px;}    

/*공약가계부*/
table.font-b th, table.font-b td, table.font-b ul li {font-size: 17px;}
table.font-b ul {margin: 17px 0;}
table.font-b li {margin: 6px 0;}         


.recom_tab li.over a {
    background: #005baa;
    color: #fff;
}                    











#inaugural-speech{overflow:hidden;position:relative;padding:75px;background:#f9f9f9 url(/images/mayor/new/ch_bg.jpg) no-repeat 0 bottom; border-top:5px solid #083579; }
#inaugural-speech:before{content:"";position:absolute;top:70px;right:70px;width:391px;height:456px;background:url(/images/mayor/new/pic_intro.jpg) no-repeat 0 0; border-radius:0 50px 0 50px;}
#paper-wrap{padding:0 20px;}
#paper-wrap > .sub_tit{font-family: 'GmarketSansMedium'; font-size:18px; margin-bottom:19px;}

#title-speech{font-size:45px;  font-family: 'GmarketSansBold';line-height:55px; color:#083579;}
#title-speech span.bg_01{color:#dc1d24;}
#title-speech span.bg_02{color:#00ad55;}

#subtitle-speech{margin: 42px 0; font-size: 30px; font-weight: 600;  position: relative; color: #333;  font-family: 'GmarketSansMedium';  line-height: 35px; letter-spacing: -1px; }

#subtitle-speech span.bg_01{color:#0165b3;}
#subtitle-speech span.bg_02{color:#00ad55;}
#inaugural-speech-content{word-break: keep-all;}
#inaugural-speech-content p{margin:0px 0 37px;line-height:1.6em;letter-spacing:-0.1em; font-size:17px; line-height:30px;}
#inaugural-speech-content .con_tit{color:#394e85; font-weight: 600; padding:10px 0 25px 0; font-size:24px; line-height: 24px;}
#inaugural-speech-content #sign{text-align:left; font-size:24px; color:#333; text-align:left line-height: 42px;}
#inaugural-speech-content #sign span{margin:0 0 0 10px;color:#394e85;font-family:'Jeju Myeongjo',serif;font-size:42px;font-weight:600;letter-spacing:0.2em}

@media (max-width: 1024px){

	#inaugural-speech:before { right: 0px;   background-size: 80%;}
}


@media (max-width: 970px){

	#inaugural-speech:before {display:none;}
	#paper-wrap{padding:0;}
	#inaugural-speech{padding:30px;}
	#title-speech { font-size: 50px; line-height: 55px;}

}
@media (max-width: 450px){

	#paper-wrap > .sub_tit{font-size:15px; margin-bottom:10px;}

}

@media (max-width: 640px){


#subtitle-speech{    margin: 30px 0; font-size: 18px; line-height: 23px;}
#title-speech{font-size: 30px; line-height: 40px;}
#inaugural-speech-content #sign{font-size:18px}
#inaugural-speech-content #sign span{font-size: 30px;}

#inaugural-speech-content p br{display:none;}
}
    





.m-control1{position: relative; background:url(/images/mayor/new/career_bg_a.png) no-repeat 0 0px; padding:50px 100px 0 100px;}

.m-control1 img{max-width: 100%;}
#carrer-wrap{     padding: 0px 0 50px 430px;background:url(/images/mayor/new/bg_career.jpg) no-repeat 0 30px; position: relative;}

#carrer-wrap dl {margin:0 0 20px 80px;}
#carrer-wrap dl dt{}
#carrer-wrap dl dt span{font-family: 'GmarketSansBold';  color:#006dc1; font-size:20px;  display: inline-block;  box-sizing: border-box; text-align: left;}
#carrer-wrap dl dt span.bg_01{color:#00936e;}
#carrer-wrap dl dd{}
#carrer-wrap dl dd li{position: relative;     padding-left: 14px;}
#carrer-wrap dl dd li:after{ position: absolute; content:''; display:block; width:7px; height:3px; background:#82bdc3; top:13px; left:0px;  border-radius:30px; }

.top_list{font-size:20px; padding:30px 50px; width:463px; box-sizing:border-box;  background:linear-gradient(to right bottom, #006cc1, #009074); border-radius:50px 50px 20px 50px; margin:100px 0 50px 0;}
.top_list dl{margin: 0 !important;}
.top_list dt{    float: left;
    width: 50%;
    color: #fff;
    font-size: 38px;
    font-family: 'GmarketSansBold';
    line-height: 38px;
    padding-top: 13px;
    text-align: center;}
.top_list dd{float:left; width:50%; color:#fff; font-size:16px; font-family: 'GmarketSansMedium'; c}
.top_list dd .ul-history{line-height:1.6em}
.top_list dd .ul-history li{margin:0 0 8px;padding:0 0 8px 100px;     position: relative;}
.top_list dd .ul-history li:after {
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    width: 13px;
    height: 7px;
    background: #b5ddfc;
    border-radius: 30%;
}

@media (max-width: 1386px){

	#carrer-wrap {     background-size: 45%; padding: 0px 0 0 50%;}
}



@media (max-width: 1000px){

	#carrer-wrap{background:none; padding:20px; }
	.top_list{  margin:50px 0;  padding: 20px 0 50px;}
	.m-control:before {
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 140px;
    left: 0;
    top: 20px;
    background: #f6f7fc;
	}

	.m-control1{padding: 30px;}
}


@media (max-width:600px){

	#carrer-wrap{padding:0;}
	.top_list{width:100%; border-radius:30px; line-height: 25px; padding:20px 0px;     margin: 30px 0;}
	.top_list dt{font-size:20px; float:none; width:100%;  padding-top:0px;}
	.top_list dd{float:none; width:100%;     text-align: center;}
	#carrer-wrap dl{    margin: 0 0 40px 20px;}
	.m-control1{padding:20px;}

}        


#footer{border-top:1px solid #ddd; margin-top:100px;}

#foot_info { padding:26px 0 40px; }
#foot_info .inner {position:relative}
#foot_info address{font-size:13px; color:#999;}
.foot_logo {width:181px;height:44px;margin:0px 36px 0 0px; float:left;}
.copyright {font-size:13px; margin-top:1px;color:#a7a7a7; }



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

	#foot_info .inner{width:100%;}
	#foot_banner { display:none; }
	#foot_menus { clear:both; border:0px solid #dbdbdb; border-width:0; height:100%;}
	#foot_menus .foot_menus > li  { float:none; width:100%; border-bottom:1px solid #dbdbdb; background:#ebebeb; }
	#foot_menus .foot_menus > li > button { border-right:0px solid #dbdbdb; background-position:95% 20px; }
	#foot_menus .foot_menus > li:first-child > button { border-left:0px solid #dbdbdb; }

	#foot_info { padding:20px; }
}       

.Manifesto{position:relative; margin-bottom:35px; border: 3px solid #e2e8f1;  border-radius: 30px;     padding: 45px;}
.Manifesto .inner{box-sizing: border-box;}
.Manifesto .img{float: left; width:20%;}
.Manifesto dl{float:right; width:75%;}
.Manifesto dl dt{color:#000; font-size:20px; font-weight: 600; margin-bottom:30px;}
.Manifesto dl dt span{color:#777; font-size:17px; font-weight: 300;}
.Manifesto dl dd{line-height: 30px; font-size:17px;}

@media (max-width: 1034px){

	.Manifesto dl{width:100%;}
	.Manifesto .img{float: none; width:100%; text-align: center; margin-bottom:30px;}
}


@media (max-width: 768px){
.Manifesto{padding:20px;}
}
 

	/* 프로세스1  */
/* .ui-process1 {margin:0 -20px;} */
.ui-process1 .ui-process.type7 > li {position: relative;width:calc(25% - 40px);margin:0 40px 20px 0px; border:none; float:left;}
.ui-process1 .ui-process.type7 > li:after {display:block; position:absolute; top:50%; right:-30px; content:''; width:20px; height:20px; margin:-10px 0 0; background:url(/images/common/step_arrow.png) no-repeat 50% 50%;}
.ui-process1 .ui-process.type7 > li:last-child:after {display:none;}
.ui-process1 .ui-process.type7 > li .inner {position: relative;min-height:90px;padding:25px 10px;border: 1px solid #dfe2ea;text-align:center;border-radius:5px;background: #fff;}
.ui-process1 .ui-process.type7 > li:first-child .inner{ background:#fff;}
.ui-process1 .ui-process.type7 > li:last-child .inner{ border:1px solid #e33e45;}
.ui-process1 .ui-process.type7 > li .inner:before {display: none;position: static;width: auto;height: 100%;margin: 0;background: none;vertical-align: middle;content: '';}
.ui-process1 .ui-process.type7 > li .inner:after { height: 100%;}
.ui-process1 .ui-process.type7 > li .inner .item .ui-process_step {display:block;border: none;padding: 0;margin: 0;font-size:16px;font-weight:700;color:#e33e45; margin-bottom:15px;}

.ui-process1 .ui-process.type7 > li .inner .item .ui-process__title {display:block;border: none;padding: 0;margin: 0;font-size:16px; height:45px; line-height: 45px; font-weight:700;color:#fff; border-radius:20px; background:#666; }
.ui-process1 .ui-process.type7 > li:last-child .inner .item .ui-process__title {background:#e33e45; }
.ui-process1 .ui-process.type7 > li .inner .item .ui-process__text{position:relative; margin-top:15px; padding:5px 0 0; color:#545454; height:40px; }

.ui-process1 .ui-process.type7.step3 > li {width: calc(33.33% - 40px);}

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

    .ui-process1 .ui-process.type7 > li:after {top:auto;right:50%; bottom: -20px;margin: 0 -10px 0 0;transform:rotate(90deg);-webkit-transform:rotate(90deg);}
    .ui-process1 .ui-process.type7 > li,
    .ui-process1 .ui-process.type7.step3 > li {float:none;width:100%; margin:0 40px 20px 0px;}
	.ui-process1 .ui-process.type7 > li .inner .item .ui-process__text{height:auto;}
}



/*구청장실 민선8기 비전*/
.wrap-flex{display: flex; flex-flow: row;}
.wrap-flex div{width: 100%;}
	@media only screen and (max-width:786px){
		.wrap-flex{flex-flow: column;}
	}
               
/* 구청장실 제목태그 */
/*h3.gu-h3{position: relative; padding-left: 15px;}
h3.gu-h3::before{content: ""; display: block; clear: both; width: 10px; height: 10px;border-radius:30px; background-color: #0482ee; position: absolute; top: 0; left: 0;} */

/* 정렬 */
td.right_td{ text-align: right!important;}

/* 구청장에게바란다 */
.gubox {border: 1px solid #ddd; border-radius: 5px; padding: 20px; overflow: hidden; background: #f8f8f8; color: #e33e45;}
.button.icon_popup2 a, .button.icon_popup2 input, .button.icon_popup2 button{background:url('/images/portal/common/icon_popup_red.png') right 0 no-repeat; border:1px solid #e33e45; /* background: #efefef; */}