@charset "utf-8";

/* top_box text */
.top_txt {font-family:'NotoM'; font-size:16px; color:#333; letter-spacing:-1.2px; word-break:keep-all; padding-top:20px;}


/*찾아오시는길 지도*/
.map_box .map_tit {position:relative; padding-bottom:45px; font-family:'NotoB'; font-size:32px; text-align:center; color:#373e46;}
.map_box .map_tit:before {content:""; display:block; position:absolute; left:50%; bottom:0; width:1px; height:25px; background:#000;}
.map_box .map_tit2 {margin-top:60px; font-family:'NotoB'; font-size:25px; color:#333;}
.map_box .map {height:400px; margin-top:35px; color:#fff; background:#000; }
.map_box .map .root_daum_roughmap {width:100%!important; box-sizing:border-box; }
.map_box .adres {position:relative; min-height:76px; margin-top:1px; padding:35px 20px; font-size:18px; color:#545454; border:1px solid #e0e0e0; /*background:url("../images/sub_cnt/ico_adres.png") no-repeat 20px center;*/} /* 200402 수정 */
.map_box .adres dt {position:absolute; left:50px; top:55px; width:107px; line-height:36px; font-family:'NotoB'; font-size:20px; color:#333;}/* 200402 수정 */
.map_box .adres dd {margin-left:150px; padding:20px 0; line-height:36px;} /* 200402 수정 */
.map_box .trnsport {position:relative; margin-top:10px; padding:45px 20px 45px 190px; font-family:'NotoM';  font-size:20px; border:1px solid #e0e0e0;}
.map_box .trnsport span {display:block; position:absolute; left:-1px; top:-1px; width:150px; height:100%; padding:1px; }
.map_box .trnsport span.img1 {background:#0055a2 url("/images/web/mbso/sub_cnt/ico_trnsport1.png") no-repeat center;}
.map_box .trnsport span.img2 {background:#3ab4b9 url("/images/web/mbso/sub_cnt/ico_trnsport2.png") no-repeat center;}
.map_box .trnsport span.img3 {background:#5cbc58 url("/images/web/mbso/sub_cnt/ico_trnsport3.png") no-repeat center;}
.map_box .trnsport span.img4 {background:#80bd00 url("/images/web/mbso/sub_cnt/ico_trnsport4.png") no-repeat center;} /* 홈페이지 */
.map_box .trnsport ul {overflow:hidden;}
.map_box .trnsport ul li {float:left; padding:0 15px; margin:2px 5px 2px 0; line-height:28px;  border-radius:15px;}
.map_box .trnsport ul.trnsport_col1 li {border:1px solid #3ab4b9;}
.map_box .trnsport ul.trnsport_col2 li {border:1px solid #5cbc58;}

/* 종합홍보관소개 */
.prRoom {position:relative; min-height:220px; margin-bottom:30px; padding:10px 0 0 375px; font-size:15px; color:555;}
.prRoom dd.img {position:absolute; left:0; top:0; width:355px; height:218px;}
.prRoom dd.txt {margin-top:30px; padding:35px 30px; background:#f5f5f5;}


/* 아이콘+내용 */
.con_box1{position:relative; }
.con_box1 dl{position:relative; overflow:hidden; margin:30px 0; padding:0 2% 30px; border-bottom:1px dotted #d2d2d2; }
.con_box1 dl.b_none{border-bottom:none; }
.con_box1 dt{float:left; width:12%; margin-right:2%; }
.con_box1 dt img{max-width:100%; }
.con_box1 dd{float:left; width:83%; margin-top:20px; }
.con_box1 dd span{display:block; color:#171b28; font-size:24px; font-weight:500; }
.box_tit {margin-bottom:10px; font-size:24px; line-height:1.3; font-family:'NotoM'; color:#111; letter-spacing:-1px; }
.box_txt {margin-bottom:10px; font-size:14px; line-height:1.3; font-family:'NotoR'; color:#333; letter-spacing:-1px; word-break:keep-all; }


/* 신규제도소개 */
.w_50 { overflow:hidden;}
.w_50 .w_box {width: 48%;float:left;box-sizing:border-box;margin: 1%;}
.m_height_1 {min-height:360px;}
.m_height_2 {min-height:460px;}

.w_400 {width:400px; margin:0 auto;}

/* 페이지 오류 */  /* 200214 */
.er_page {position:relative; max-width:628px; margin:0 auto;}
.er_page .logo {width:264px; height:79px; margin:0 auto 50px;}
.er_page .box {position:relative; overflow:hidden; padding:40px 40px; border:1px solid; border-radius:0 20px 0;}
.er_page .box .img {position:absolute; left:40px; top:45px; width:131px; height:101px;}
.er_page .box .txt_box {padding-left:154px;}
.er_page .box .txt_box .txt_1{font-family:'NotoM'; font-size:20px; color:#333; letter-spacing:-1.2px; word-break:keep-all;}
.er_page .box .txt_box .txt_2{font-family:'NotoR'; font-size:14px; color:#888; line-height:1.4; margin:10px 0; word-break:keep-all;}
.er_page .box .txt_box .info_call{font-family:'NotoM'; font-size:30px; color:#000; line-height:1.4; padding-left:35px; background:url("/images/web/mbso/sub_cnt/er_call.png") no-repeat left 8px;}

/* 레이어팝업 */
.lypop_wrap{ display:none; position: fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:1101;}
.lypop{position: absolute; left:50%; top:50%; padding:20px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); background:#fff;}
.lypop .btnClose{position: absolute; right:0; top:-40px; width:30px; height:30px; background:url('/images/web/mbso/layout/btn_close02.png') no-repeat center; text-indent:-9999em; overflow:hidden;}

/* 사업성분석 레이어팝업 */
.bsnsAnl .lypop{width:95%; max-width:500px;}
.bsnsAnl .btn_wrap{margin:20px 0 0;}
.bsnsAnl .btn_wrap a{position:relative; display:block; float:left; width:48%; margin:0 1%; font-size:16px; color:#fff; padding:20px; border-radius:15px; box-sizing: border-box; text-align:center;}
.bsnsAnl .btn_wrap a.btn_anl01{background:#5cbc58}
.bsnsAnl .btn_wrap a.btn_anl02{background:#0055a2;}
.bsnsAnl .btn_wrap a p{position: absolute; left:15px; top:50%; width:50px; height:50px; transform: translateY(-50%); -webkit-transform: translateY(-50%); line-height:45px; background:#fff; border-radius:50%;}
.bsnsAnl .btn_wrap a p img{vertical-align: middle;}
.bsnsAnl .btn_wrap a span{display:block; margin-left:45px; line-height:1.2; }


/***************** 사업성분석 *******************/

/* 절차 */
.step_box ol.step_list {width:100%; line-height:0; font-size:0; margin-bottom:50px; padding-bottom:20px; border-bottom:1px dashed #bec3cc; overflow:hidden;}
.step_box ol.step_list li {position:relative; width:20%; display:inline-block; vertical-align:top; line-height:1.3; font-size:15px; text-align:center;}
.step_box ol.step_list li div.IcoBox{position:relative;}
.step_box ol.step_list li div.IcoBox:after {content:''; position:absolute; top:50%; left:0; width:13px; height:22px; margin:-11px 0 0 -6px; background:url('/images/web/mbso/sub_cnt/arr_joinG.png') no-repeat; z-index:1;}
.step_box ol.step_list li:first-child div.IcoBox:after {display:none;}
.step_box ol.step_list li span.ico_Step {position:relative; display:inline-block; margin:0 auto; padding:11px; border:2px dotted #c8c8c8; border-radius:50%;}
.step_box ol.step_list li span.ico_Step img {display:block; background:#f3f3f3; border-radius:50%;}
.step_box ol.step_list li.on span.ico_Step {border:2px dotted #29790f;} /* 현위치 */
.step_box ol.step_list li.on span.ico_Step img {background:#b1dc14;}
.step_box ol.step_list li.on span.point_col1{color:#29790f;}
.step_box ol.step_list li.on strong{color:#111;}
.step_box ol.step_list li.last span.ico_Step {border:2px dotted #37588e;} /* 마지막결과 */
.step_box ol.step_list li.last span.ico_Step img {background:#a9ccff;}
.step_box ol.step_list li span {font-size:25px; font-family:'NotoM';}
.step_box ol.step_list li span.point_col1 {color:#044ca4;}
.step_box ol.step_list li span.point_col2 {color:#020202;}
.step_box ol.step_list li strong {display:block; font-size:18px; font-family:'NotoM'; color:#838383; margin-top:10px;}

/* 절차 비활성화 */
.step_box ol.step_list li.disable span.ico_Step {border:2px dotted #7c7c7c;}
.step_box ol.step_list li.disable span.ico_Step img {background:#dfdfdf;}
.step_box ol.step_list li.disable span.point_col1{color:#686868;}

/* 테이블 :테이블 기본 타입 추가 */
/*.tbl_st1 {position:relative; width:100%; background:#fff; -webkit-overflow-scrolling:touch; word-break:keep-all;}*/
.tbl_st1 {position:relative; width:100%; margin:5px 0 0 -1px; text-align:center; border-top:2px solid #1a3d7e; -webkit-overflow-scrolling:touch; /* 삭제 word-break:keep-all; */ font-size:14px;}
.tbl_st1 thead th {padding:13px 3px; vertical-align:middle; color:#111; font-family:"NotoM"; font-weight:normal; font-size:15px; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; background:#edf1f9;}
.tbl_st1 tbody th {padding:13px 3px; vertical-align:middle; color:#222; font-family:"NotoM"; font-weight:normal; font-size:15px; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; background:#f8fafb;}
.tbl_st1 td {padding:10px 3px; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1;}
.tbl_st1 tfoot th {padding:13px 3px; color:#111; font-family:"NotoM"; font-weight:normal; font-size:15px; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; background:#ecf2f6;}
.tbl_st1 tfoot td {padding:13px 3px; vertical-align:middle; color:#222; font-family:"NotoM"; font-weight:normal; font-size:14px; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; /* background:#ecf2f6 */}
.tbl_st1:after {content:""; display:block; position:absolute; left:0; top:0; width:1px; height:100%; clear:both; overflow:hidden; background:#fff;}

/* 테이블 :세로테이블  */
/*.tbl_st_row1 {position:relative; background:#fff; -webkit-overflow-scrolling:touch; word-break:keep-all;}*/
.tbl_st_row1 {position:relative; width:100%; margin-top:5px; text-align:center;  border-top:2px solid #1a3d7e; -webkit-overflow-scrolling:touch; /* 삭제 word-break:keep-all; */ font-size:14px;}
.tbl_st_row1 tbody th {padding:13px 3px; vertical-align:middle; color:#222; font-family:"NotoM"; font-weight:normal; font-size:14px; border-bottom:1px solid #e1e1e1; background:#edf1f9;}
.tbl_st_row1 tbody td {padding:10px 3px; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1;}
.tbl_st_row1 tfoot th {padding:13px 3px; vertical-align:middle; color:#222; font-family:"NotoM"; font-weight:normal; font-size:14px; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; background:#fafbfb;}
.tbl_st_row1 tfoot td {padding:13px 3px; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; background:#fafbfb;}

.bg_01 {background:#f8fafb !important; color:#111; font-family:"NotoM";} /* 합계 */
.bg_02 {background:#f5f8fd !important; color:#111; font-family:"NotoM";}

/* tr 색상 */
.tbl_bg_bl, .tbl_bg_bl th {color:#111; background-color:#e5f4ff !important;} /* 블루 */
.tbl_bg_ye, .tbl_bg_ye th {color:#111; background-color:#f5f0df !important;} /* 옐로우 */
.tbl_bg_re, .tbl_bg_re th {color:#111; background-color:#fceff0 !important;} /* 레드 */
.tbl_bg_gr, .tbl_bg_gr th {color:#111; background-color:#e1f3df !important;} /* 그린 */
.tbl_bg_gr2, .tbl_bg_gr2 th {color:#111; background-color:#E0FA8F !important;} /* 그린2 */

.tbl_bg_bl1{background-color:#f4faff !important;} /* 블루 */
.tbl_bg_ye2{background-color:#fbf9f2 !important;} /* 옐로우 */
.tbl_bg_re3{background-color:#fdf9f9 !important;} /* 레드 */
.tbl_bg_gr4{background-color:#f4fbf3 !important;} /* 그린 */
.tbl_bg_gr4_1{background-color:#F3FBDA !important;} /* 그린2 */
.tbl_bg_gy5{background-color:#f2f2f2 !important;} /* 그레이 */

/* 하단 */
.tbl_L_B {border-bottom:2px solid #333 !important;}/* 기본 */
.tbl_Lbl_B {border-bottom:2px solid #014d9b !important;}/* 파랑 */
.tbl_Lre_B {border-bottom:2px solid #ff6363 !important;}/* 빨강 */
.tbl_Lgr_B {border-bottom:2px solid #099e5e !important;}/* 초록 */
.tbl_Lye_B {border-bottom:2px solid #f9ba00 !important;}/* 노랑 */

/* tbl_mobs */
.tbl_st1.tbl_mobs tbody td{height:25px;}

.scroll_wide,
.scroll_wide2{*margin-top:-30px; padding-top:30px; width:100%; overflow-x:auto !important; overflow-y:hidden; background:url("/images/com/con_com/img_scroll.png") no-repeat right top;}
.scroll_wide table{width:1400px;}
.scroll_wide2 table{width:1800px;}

/* 인풋 */
table input[type=text],
table select{max-width:100%; border:1px solid #ccc; height:25px; line-height:25px; padding:0 5px;  box-sizing:border-box; -webkit-box-sizing:border-box;}
table tbody td p{width:100%; display:inline-block;}
table span.lb{display:inline-block;}
.w100pct{width:100%;}
.w100pct01{width:calc(100% - 20px); -webkit-width:calc(100% - 20px); -moz-width:calc(100% - 20px); -ms-width:calc(100% - 20px);}
.w100pct02{width:calc(100% - 60px); -webkit-width:calc(100% - 60px); -moz-width:calc(100% - 60px); -ms-width:calc(100% - 60px);}
.w50pct{width:50%;}
table input[type=text].blLine,
table select.blLine{border:2px solid #5791bc;}
table input[type=text]:not(:disabled).grnLine,
table select.grnLine{border:2px solid #65c08c;}
table input[type=text].grnLine:focus{border:2px solid #FF0000;}
table input[type=text].bkLine,
table select.bkLine{border:2px solid #999;}
.ptSct{position:relative; display:inline-block; border:2px solid #1a3d7e; border-radius:0 10px; overflow:hidden;}
.ptSct:before{content:""; position:absolute; right:0; top:0; width:40px; height:40px; background:#1a3d7e url("/images/web/mbso/sub_cnt/arr_wh.png") no-repeat center;}
.ptSct select{height:38px; line-height:38px; padding:0 20px 0 5px; border:0;}
.dsID{display:inline-block !important;}

/** 검색 아이콘 배경 인풋 **/
.input_sch_g{ background: #F8FBEF; background-image: url("/images/com/con_com/btn_searchG_SML.png"); background-repeat: no-repeat; background-position: 97% center; padding-right: 19px !important;}

/** 보더 **/
.bdr_gr_4{border: 4px solid #96e616 !important;}

/*.tbl_st1 tbody td p [type=text]{width:50%;}
.tbl_st_row1 tbody td p [type=text]{width:50%;}
.tbl_st1 tbody td p input .w100pct{width:100%;}
.tbl_st_row1 tbody td p input .w100pct{width:100%;}*/

table td.slash_cros{ background: linear-gradient(to left top, #fff 0%,#fff 49.9%,#e1e1e1 50%,#e1e1e1 51%,#fff 51.1%,#fff 100%);} /* 200410 추가 */
table td.slash_cros_r_bl{ background: linear-gradient(to right top, #edf1f9 0%,#edf1f9 50%,#a4a4a4 50%,#a4a4a4 50%,#edf1f9 50.1%,#edf1f9 100%)} /* 200601 추가 */
table td div.slash_ct_l { text-align: left; color:#222; font-family:"NotoM"; font-weight:normal; font-size:15px; padding-left: 5%;} /* 200601 추가 */
table td div.slash_ct_r { text-align: right; color:#222; font-family:"NotoM"; font-weight:normal; font-size:15px; padding-right: 5%;} /* 200601 추가 */

/* 테이블 목록 200604 */
.tbl_st_list td a {width:90%;display:block;color:#444;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.tbl_st_list td a:hover,
.tbl_st_list td a:active,
.tbl_st_list td a:focus {text-decoration:underline;}

/***************** 사업성분석 *******************/

/***************** 도시및 주거환경 개선사업 지도 위치도 */ /* 200327 추가 */

/* 상단 지도 */
.map_area {position:relative; overflow:hidden; background:#fafafa;}
.map_area:before {content:''; position:absolute; top:0; left:0; width:60px; height:60px; border-top:4px solid #39b2af; border-left:4px solid #68c47a;}
.map_area:after {content:''; position:absolute; bottom:0; right:0; width:60px; height:60px; border-bottom:4px solid #39b2af; border-right:4px solid #68c47a;}
.map_area .inner_1 {padding:40px 30px 50px; /* overflow:hidden; */}
.map_area .map_img {position:relative; width:50%; background:url("/images/web/mbso/sub_cnt/map_pt_bg.png") repeat; padding:10px;}
.map_area .map_img .inner_2 {background:#fff; padding:10px 10px 35px;}
.map_area .map_img .inner_2 .img {}
.info_txt {position:absolute; right:30px; bottom:20px;} /* 지도 밑 설명내용 */
 /* 2차 탭 설명 */
.map_cnt {position:absolute; width:44%; top:180px; right:30px;}
.map_tit{position:relative; margin-bottom:30px; padding-bottom:13px; font-size:30px; line-height:1.3; font-family:'NotoM'; color:#222; letter-spacing:-1px; word-break:keep-all;}
.map_tit:before {content:''; display:block; position:absolute; left:0; bottom:0; width:55px; height:3px; background:#0068b6;}

/* 하단 이미지 */
.img_list_box {position:relative; overflow:hidden; margin-top:50px;}
.img_list_box .img_wrap{position:relative; width:100%; float:left; margin-bottom:20px;}
.img_list_box .img_wrap:first-child{margin-left:0;}
.img_list_box .img_wrap .img_box{position:relative; background:url("/images/web/mbso/sub_cnt/map_pt_bg.png") repeat; padding:10px; margin-top:10px;}
.img_list_box .img_wrap .img_box .inner_2{height:100%; background:#fff; padding:65px 10px 30px; box-sizing:border-box;}
.img_list_box .img_wrap .img_box .rsp_img img {max-width:60%}

.t_img {display:block; position:absolute; top:0; left:0; width:60px;} /* 아이콘 */

/* 도시및 주거환경 개선사업 지도 위치도 끝*******************/ /* 200327 추가 */

/************* 재개발 재건축상세추진절차 */ /* 200401 추가 */
.slideList{position:relative; margin:20px 0 0;}
.slideList a.allShow{position:absolute; right:0; top:-45px; padding-right:45px; font-size:16px; font-family:'NotoM'; line-height:40px;}
.slideList a.allShow::before{content:""; position:absolute; right:0; top:2px; width:35px; height:35px; background:url('/images/web/mbso/sub_cnt/ico_allShow.png') no-repeat center;}
.slideList a.allShow.show::before{top:2px; transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.slideList > dl{border-bottom:1px solid #ccc;}
.slideList > dl:first-child{border-top:2px solid #28649c;}
.slideList > dl:first-child > dd{display:block;}
.slideList > dl > dt{position:relative; padding:20px 15px 20px 65px; font-size:18px; font-family:'NotoM'; line-height:30px; cursor:pointer;}
.slideList > dl > dt span{position:absolute; left:15px; top:15px; width:40px; height:40px; line-height:40px; text-align:center; font-family:'NotoM'; border-radius:50%; background:#34b2c3; color:#fff;}
.slideList > dl > dt::before{content:"내용보기"; position:absolute; right:40px; top:50%; line-height:20px; margin-top:-10px; color:#888; font-size:15px;}
.slideList > dl > dt::after{content:""; position:absolute; right:15px; top:50%; width:14px; height:14px; margin-top:-7px; background:url('/images/web/mbso/sub_cnt/ico_arr.png') no-repeat center;}
.slideList > dl.open > dt::before{content:"내용닫기"; color:#fff;}
.slideList > dl.open > dt::after{background:url('/images/web/mbso/sub_cnt/ico_arr_w.png') no-repeat center; transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.slideList > dl > dd{display:none; padding:20px 20px 30px; line-height:20px;}
.slideList > dl.open > dt{background:#34b2c3; color:#fff;}
.slideList > dl.open > dt span{background:#fff; color:#24a9bb;}
.slideList > dl > dt:hover{background:#eef4fd; color:#1a3d7e;}
.slideList > dl.open > dt:hover{background:#34b2c3; color:#fff;}
.slideList > dl > dt, .slideList span, .slideList ::before, .slideList ::after{transition:all .3s ease; -ms-transition:all .3s ease; -moz-transition:all .3s ease; -webkit-transition:all .3s ease;}

/* 재개발 재건축상세추진절차 *************/

/* 인사말 */
@keyframes leftShow{
	0%{opacity: 0; transform: translateX(-40px);}
	100%{opacity: 1; transform: translateX(0px);}
}
@keyframes fadeIn{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
@keyframes widthShow{
	0%{width:0%;}
	100%{width:100%;}
}
.grt_wrap{position:relative;}
.grt_wrap .grtImg{width:450px; float:left;}
.grt_wrap .grtImg .txt{ position:relative; padding-left:110px;}
.grt_wrap .grtImg .txt p{position:absolute; left:0; top:0; font-size:16px; color:#111; animation: leftShow .5s ease backwards; -webkit-animation: leftShow .5s ease backwards;}
.grt_wrap .grtImg .txt span{display:inline-block; width:100%; height:3px; animation: widthShow .5s ease backwards; -webkit-animation: widthShow .5s ease backwards;
	background: #34b2c3; /* Old browsers */
	background: -moz-linear-gradient(left,  #34b2c3 0%, #b7de0e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #34b2c3 0%,#b7de0e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #34b2c3 0%,#b7de0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34b2c3', endColorstr='#b7de0e',GradientType=1 ); /* IE6-9 */
}
.grt_wrap .grtImg .img{width:100%; margin:50px 0 0; overflow:hidden; animation: leftShow .7s ease .2s backwards; -webkit-animation: leftShow .7s ease .2s backwards;}
.grt_wrap .grtImg .img img{max-width:100%; height:auto;}
.grt_wrap .grtCont{width:calc(100% - 450px); padding-left:50px; float:right; box-sizing:border-box; color:#111;}
.grt_wrap .grtCont .tit{font-size:40px; font-weight: 100; margin:0 0 50px; animation: leftShow .5s ease .4s backwards; -webkit-animation: leftShow .7s ease .2s backwards; word-break:keep-all;}
.grt_wrap .grtCont .tit strong{font-weight:600;}
.grt_wrap .grtCont p{margin:0 0 25px; line-height:1.5; font-size:17px; animation: fadeIn .4s ease .6s backwards; -webkit-animation: fadeIn .4s ease .6s backwards;}
.grt_wrap .grtCont .sign{text-align:right; font-size:18px; font-weight: 600;}
.grt_wrap .grtCont .sign img{vertical-align: sub; margin-left:0.5rem;}

/* 조직도 */
.orgCht h2{width:80%; max-width:600px; text-align:center; font-size:22px; padding:10px 5px; margin:0 auto; border-radius:20px 0; color:#fff; background:#4cbaa1;}
.orgCht .dept{position:relative; width:calc(100% + 2%); margin-left:-1%;  padding:50px 0 0; font-size:0; line-height:0;}
.orgCht .dept:before{content:""; position: absolute; left:12.5%; top:50px; width:75%; height:1px; background: #ccc;}
.orgCht .dept:after{content:""; position: absolute; left:50%; top:0px; width:1px; height:50px; background:#ccc;}
.orgCht .dept dl{position:relative; width:23%; margin:0 1% 20px; display:inline-block; vertical-align: top; padding:30px 0 0; font-size:18px; line-height:1.4;}
.orgCht .dept dl:after{content:""; position: absolute; left:50%; top:0px; width:1px; height:30px; background:#ccc;}
.orgCht .dept dt{text-align:center; padding:10px 5px; color:#fff; border-radius:15px 0; background:#0055a2;}
.orgCht .dept dd{min-height:200px; border:1px solid #ccc; padding:20px; margin:5px 0 0; border-radius:15px 0; }
.orgCht02{position:relative; width:calc(100% + 2%); margin-left:-1%; font-size:0; line-height:0;}
.orgCht02 dl{position:relative; width:18%; margin:0 1% 20px; display:inline-block; vertical-align: top; font-size:18px; line-height:1.4;}
.orgCht02 dt{text-align:center; padding:10px 5px; color:#fff; border-radius:15px 0; background:#80bd00;}
.orgCht02 dd{min-height:200px; border:1px solid #ccc; margin:5px 0 0; border-radius:15px 0; overflow:hidden;}
.orgCht02 dd.minAuto{min-height:auto;}
.orgCht02 dd p{background:#ddd; color:#222; padding:10px 5px; text-align:center; font-size:16px;}
.orgCht02 dd ul{padding:10px; overflow:hidden;}

/********** Media quary **********/
@media screen and (max-width:1400px) {

	/* 제목 + 내용 */
	.con_txt dd.list {float:left; width:78%; border-top:1px solid #e1e1e1; padding:30px 2%; font-family:"NotoR"; font-size:16px; color:#555;}

    /* 2차 탭 설명 */
	.map_cnt {position:absolute;width: 38%;top: 210px;right:30px;}
    .map_tit {font-size:28px;}

}

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

	/*찾아오시는길 지도*/
	.map_box .adres {min-height:auto; padding:20px; }
	.map_box .adres dt {position:relative; left:auto; top:auto; width:auto; margin:10px 0 0 150px;}
	.map_box .adres dd {margin-left:150px; padding:0 0 20px; line-height:24px;}

	/* 인사말 */
	.grt_wrap .grtImg{width:300px;}
	.grt_wrap .grtImg .img{margin:30px 0 0;}
	.grt_wrap .grtCont{width:calc(100% - 300px);}
	.grt_wrap .grtCont .tit{font-size:35px;}

}

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

	/* 스크롤 - 이미지 */
	.scroll_img table.tbl_mobs{width:960px !important;}

	/* 조직도 */
	.orgCht .dept{width:100%; border:3px solid #eee; padding:10px 20px; margin:48px 0 0; box-sizing: border-box;}
	.orgCht .dept:before{display:none;}
	.orgCht .dept:after{top:-50px;}
	.orgCht .dept dl{width:48%; margin:10px 1%; padding:0;}
	.orgCht .dept dl:after{display:none;}
	.orgCht02 dl{width:23%;}
	.orgCht02 dd{min-height:200px !important;}

}

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

	/* 제목 + 내용 */
	.con_txt dt.tit {width:100%; min-height:60px; padding:30px 0 0 2%;}
	.con_txt dd.list {width:100%; box-sizing:border-box;}

	/*찾아오시는길 지도*/
	.map_box .adres {padding:10px 20px; font-size:16px; background-size:60px auto;}
	.map_box .adres dt {margin:10px 0 0 0;} /* 200402 수정 */
	.map_box .adres dd {margin-left:0px; padding:0 0 20px;}/* 200402 수정 */
	.map_box .trnsport {margin-top:5px; padding:20px 20px 20px 100px; font-size:16px;}
	.map_box .trnsport span {position:absolute; left:0; top:0; width:80px;}
	.map_box .trnsport span.img1, .map_box .trnsport span.img2, .map_box .trnsport span.img3 {background-size:35px auto;}
	.map_box .trnsport ul li {width:19%; padding:0; margin:2px 0.5%; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

	/* 종합홍보관소개 */
	.prRoom {min-height:165px; padding:0 0 0 270px;}
	.prRoom dd.img {width:250px; height:auto;}
	.prRoom dd.img img {width:100%;}
	.prRoom dd.txt {margin-top:10px; padding:20px;}

	/* 상단 지도 */
	.img_list_box .img_wrap .img_box{height:auto;}

	/***************** 도시및 주거환경 개선사업 지도 위치도 */
	/* 하단 이미지 */
	.img_list_box .img_wrap .img_box .rsp_img img {max-width:90%}

}

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

	/* 재개발 재건축상세추진절차 */ /* 200401 추가 */
	.slideList a.allShow{font-size:15px;}
	.slideList > dl > dt{font-size:17px; padding:15px 40px 15px 45px}
	.slideList > dl > dt::before{text-indent:-9999em; overflow:hidden;}
	.slideList > dl > dt span{left:10px; width:30px; height:30px; line-height:30px;}
	.slideList > dl > dd{padding:20px 15px 25px;}

}


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

	/* 사업성분석 절차 */
	.step_box ol.step_list li {width:50%; margin-bottom:10px; padding-left:60px; text-align:left; box-sizing:border-box;}
	.step_box ol.step_list li div.IcoBox {position:absolute; top:0; left:0; width:50px; height:50px;}
	.step_box ol.step_list li div.IcoBox:after {display:none;}
	.step_box ol.step_list li span.ico_Step {display:block; padding:5px; border:1px dotted #b0b0b0;}
	.step_box ol.step_list li.on span.ico_Step {border:1px dotted #044ca4;}
	.step_box ol.step_list li span {font-size:14px;}
	.step_box ol.step_list li strong {font-size:16px; margin-top:5px;}
	.step_box ol.step_list li span.ico_Step img {width:100%;}

	/* 인사말 */
	.grt_wrap .grtImg{width:100%;}
	.grt_wrap .grtImg .img {text-align:center;}
	.grt_wrap .grtImg .img img{height:290px; width:auto;}
	.grt_wrap .grtCont{width:100%; padding:0;}
	.grt_wrap .grtCont .tit{font-size:25px; margin:20px 0;}
	.grt_wrap .grtCont p{font-size:15px;}
	.grt_wrap .grtCont .sign{font-size:15px;}
	.grt_wrap .grtCont .sign img{height:40px; width:auto;}


	/* 조직도 */
	.orgCht02 dl{width:31.33%;}
	.orgCht02 dd{min-height:200px !important;}

}


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

	/* 아이콘+내용 */
	.box_tit {font-size:18px;}
	.con_box1 dd {margin-top:10px;}
	.box_st6 .box_st_photo {position:relative; padding-left:0;}
	.box_st6 .box_st_photo .photo_boxImg {position:relative; left:auto; top:auto; text-align:center; margin-bottom:20px;}

	/* 신규제도소개 */
	.w_50 .w_box {width:99%; float:none; margin:1%;}
	.m_height_1, .m_height_2 {min-height:auto;}


	/* 상단 지도 */
	.map_area .map_img {position:relative; width:100%; float:left; background:url("/images/web/mbso/sub_cnt/map_pt_bg.png") repeat;}
	.map_area:after {display:none;}

	.map_area .inner_1 {padding:20px;}
	.map_area .map_img .inner_2 {padding:60px 10px 10px;}
	.map_cnt {position:relative; width:100%; top:auto; right:auto; background:#fafafa; padding:30px; box-sizing:border-box;}
	.map_cnt:after {content:''; position:absolute; bottom:0; right:0; width:60px; height:60px; border-bottom:4px solid #39b2af; border-right:4px solid #68c47a;}


	.map_tit{margin-bottom:20px; font-size:28px;}
	.info_txt {position:absolute; right:20px; top:10px;} /* 지도 밑 설명내용 */
	.t_img img {width:30px; height:30px;}

	/* 하단 이미지 */
	.img_list_box .img_wrap .img_box .inner_2 {padding:25px 10px 20px}


	 /* 2차 탭 설명 */
    .map_tit {font-size:26px;}

	/* 조직도 */
	.orgCht .dept dl{width:98%;}
	.orgCht .dept dd{min-height:0;}

}



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



	.top_txt {padding-top:0;}

	/* 종합홍보관소개 */
	.prRoom {min-height:auto; padding:140px 0 0;}
	.prRoom dt {}
	.prRoom dd.img {left:50%; width:200px; height:auto; margin-left:-100px;}
	.prRoom dd.txt {margin-top:10px; padding:20px;}



}



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

	/*찾아오시는길 지도*/
	.map_box .trnsport ul li {width:24%; }

	/* 조직도 */
	.orgCht02 dl{width:48%;}
	.orgCht02 dd.minAuto{min-height:auto !important;}

}

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

	/* 조직도 */
	.orgCht02 dl{width:98%;}
	.orgCht02 dd{min-height:auto !important;}

}

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

	/*찾아오시는길 지도*/
	.map_box .trnsport ul li {width:49%; }


}