@charset "utf-8";

.btn_mob_sch{display: none;position: absolute;top:19px;right: 15px}
.mod_copy{display: none}
.btn_top{display: none}
.btn_mob_closesch{display: none}
.img_box{text-align: center}
.img_box img{width: 100%;max-width: 100%;}
.ifram_box{margin-bottom: 15px}

/*  */
.input_sch_txt{margin-left:3px;width:164px; padding-left:5px; height:18px; border:0px; border-left:solid 1px #cacaca;}

/*  */
.process_type1 li:last-child{background: none ! important}
.info .mt_br1{display:block;}
/*.info .pic_info_1{height: auto;min-height:53px; padding:10px 10px 10px 176px;}*/
 .info:after {content: '';position: static;margin-left: 0;left: 50%;bottom: 0;width: 0;height: 0;background:none;}

/*  */
.ebook_photo ul li{display:inline-block;float:none;height:auto;vertical-align: top;margin: 10px 21px; }

@media screen and (max-width:1280px) {
	.social_list2{display: none}
}

@media screen and (max-width:1000px) {
	.printbtn{display:none;}
	.lag select {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
	
	/* layout */	
	html.scroll-no{overflow: hidden;position: fixed;}
	#wrap{min-width: inherit;}
	.wrap_sub{background:none}
	.clearfix2{display: none}
	.gnb_box{display: none}
	.gnb_bg{background: none}
	.recom_list{display: none}
	
	/* header */
	#header:after{content: "";display: block;clear: both;} 
	.header{width: auto;min-width: inherit;height: 86px;border-bottom: 4px solid #2762cc;}
	.header_box:after{content: "";display: block;clear: both;}
	.header_box{position:relative;width: auto;min-width: inherit;height:86px; padding:0;margin: 0;}
	.header_box .logo{float: none;width: 153px;height: 45px;margin: 0 auto 0 auto;padding:17px 0 0 0}
	.top_area1{width: auto;min-width: inherit;margin: 0}
	.top_area1 ul.top_cals1{width: 105px}
	.top_area1 ul.top_cals1 li{display: none;padding: 0}
	.top_area1 ul.top_cals1 li.lag{display: block;width: 100%}
	.top_area1 ul.top_cals1 li select{padding-left: 10px}
	.top_area1 > a.btn_home:after{content:"";position:absolute;top:0;left:0;display: block;width: 100%;height: 3px;background: #0060aa}
	.tour_logo{display: none}
	.main_container{width: auto}
	.main_container:after{content: "";display: block;clear: both;}
	#gnb{display: none}
	.btn_mob_gnb{display: block;}
	.btn_mob_sch{display: block;}
	.top_area1{width: 100%;min-width: inherit;height:38px;border-bottom:1px solid #d7d7d7;border-left:0;background-color: #f5f5f5;}
	
/* 상단검색 검색 */
	.search_area{display:none;position:absolute;top:87px;left:0;right:0; float: none;width:100%;height:90px;margin:  0;padding:0;background: none;background-color:#fff;border: 0;border-bottom:1px solid #79726f;border-radius: 0; z-index: 100}	
	.search_area >  div{position: relative;padding: 19px 14px 0 14px;}
	.btn_mob_closesch{display:block;position:absolute;top:19px;left:15px;width:68px;height:21px;padding:13px 0 14px 0;text-align:center;background-color:#005aab;border-radius: 25px;}
	.search_area >  div > form{position:relative;height:35px;padding:5px 0 0 0; background-color:#fff; border: 3px solid #005aab;border-radius: 30px;}
	.search_area >  div > form > fieldset{position:relative; display: block;width: auto;height:35px;line-height:35px;padding: 0 49px 0 103px;}
	.search_area input.input_sch_txt{display:block; width:98%; height:30px;line-height: 30px;margin:0; padding:0;text-indent: 5px;}
	.search_area input.img_submit{display: block;position: absolute;top:3px; right:17px }
	.search_area select.input_select{display: block;position: absolute;left:15px;top:0;height: 30px}

/*  */	
	.container_box{width: auto;}
	#sub_contents{float: none;margin: 0}
	#subContent{width:auto;margin: 0 10px;padding-bottom: 20px}
	#lnb{display: none}
	#container{float: none;width: auto;}
	.location{float: none;padding: 0}
	.location ol{float: none;padding:0;text-align: center;}
	.location li{display: inline-block;float: none;    line-height: 15px;}
	.contents_tit{height: auto;padding:28px 0 20px 0}
	.contents_tit .tit_03{float: none;text-align: center;font-size: 32px;padding:0 0 10px 0;line-height: 40px}

/* Footer */
	#wrap_footer{min-width: inherit;height: auto;background: none;border-top: 1px solid #6e7075;padding: 0 0 10px 0;}
	#footer{width: auto;}
	.site_wrap{width:100%;min-width: inherit;height: auto;}
	.site_cont{width:100%;min-width: inherit;height: auto;}
	.sel_box{width: 50%}
	.sel_box.sel_item1{border-bottom: 1px solid #5d6580}
	.sel_box.sel_item2{border-bottom: 1px solid #5d6580}
	.sel_box.sel_item1 div{border-left: 0}
	.footer_area{margin: 0 10px;padding-top: 7px}
	.footer_area .fl{display: none;}
	.footer_area .mark{display: none}
	.foot_menu{width:auto;margin:0 auto; padding-top: 15px;text-align: center}
	.foot_menu li{margin:0 0 10px 6px;padding: 0 0 0 6px;line-height:14px;  border-left: 1px solid #c8c8c8;vertical-align: top}
	.foot_menu li.fir{border-left: 0}
	.foot_menu li.end{display: none}
	.foot_menu li a{font-family:"Nanum Gothic","나눔고딕"; font-size: 14px;color: #666666;line-height: 100%;font-weight: normal;}
	.foot_menu li.fir a{color: #0060aa}
	.foot_menu li a.map_load{color: #666}
	.mod_copy{display: block;}
	.mod_copy p{color:#666;font-size: 14px;line-height: 24px}
	.mod_copy p span{display: inline-block;}
	.btn_top{display: block;padding:15px 0; background-color: #c3c3c3;text-align: center;}
	.paging{margin-bottom: 20px}
	
/*************************  Main ************************************/	
	.main_container{width: auto;min-width: inherit;}
	.box_in{width: auto;min-width: inherit;padding: 0 ;}
	.main_box1{width: auto;min-width: inherit;height: auto}
	.visual_wp{float: none;width: auto;height:auto;margin-bottom: 10px}
	.visual{width:100%;height:auto; margin: 0 auto 10px 0}
	#vslides{height: auto;}
	#vslides .slidesjs-slide{width: 100%;height: 100%}
	#vslides li img{width: 100%;height: 100%}
	.roll_tit .title{margin-left: 10px}
	.favor_wp{float: none;width: auto;height: auto}
	.favor h2{position: relative;bottom: inherit;left: inherit;padding-bottom: 10px}
	.favor h2 span{padding-left: 30px;background-position: left center}
	.favor h2 span em{background: none}
	.favor{height: auto;padding: 10px 10px 10px 10px;}
	.svs_wrap ul{padding: 10px 0}
	.svs_wrap ul li{width: 11.1%;height:auto;min-height:78px; margin-bottom: 0;}
	.main_box2{width: auto;min-width: inherit;height: auto;background-repeat: repeat;}
	.main_box2 .box_in{padding: 146px 10px 10px 10px;background:none}
	.bbs_wp{position:relative;float: none;width:auto;padding:  0 0 0 330px;}
	.notice{float: none;position: absolute;left: 0;}
	.bbs{float: none;width: auto}
	.board_box{margin-right: 0}
	.mayor_wp{float: none;position:absolute;top:10px;left:50%;margin-left:-300px;  width:600px;height: 136px;}
	.mayor{height: 136px;padding-left: 0;background-size: auto 130px}
	.mayor p{margin-bottom: 0}
	.link_box{padding: 20px 0 0 0;}
	.mayor a{display: inline-block;text-align: center}
	.mayor p span{padding:4px 0;}/* 20181112 */
	.mayor p span.text_mayor1{padding-top: 5px}
	.mayor p span.text_mayor2{display: inline-block;}
	.mayor p span.text_mayor3{display: inline-block;margin:  0 10px}
	.mayor p span.text_mayor4{display: inline-block;}
	.main_box3{width: auto;min-width: inherit;height: auto;}
	.main_box3 .box_in{padding:20px 10px;}
	.cont_area2 .issue_con{left: 0;width:100%;padding:0}
	.cont_area2 .issue_con li{float: none;display: inline-block;margin: 0 -2px}
	.cont_area2 .issue_con li a{margin: 0 5px}
	.cont_area2 .issue_con li.more{right:20px}
	.main_box4{width: auto;min-width: inherit;height: auto;margin-bottom: 10px}
	.main_box4 .box_in{padding: 30px 10px 10px 10px}
	.sphere_link{padding:55px  0 0 300px}
	.sphere_link li.icon_item{width: 80px}
	.sphere_link li.icon_item  a{background-size: 65px;padding-top: 80px}
	.sphere_link li.icon_01{left:10px}
	.sphere_link li.icon_02{left:105px}
	.sphere_link li.icon_03{left:200px}
	.sphere_link li.icon_04{left:10px}
	.sphere_link li.icon_05{left:105px}
	.sphere_link li.icon_06{left:200px}
	.sphere_link li.icon_07{left: 10px;}
	.sphere_link li.icon_08{left:105px}
	.sphere_link li.icon_09{left:200px}
	.sphere_link li.icon_10{left:10px}
	.sphere_link li.icon_11{left:105px}
	.sphere_link li.icon_12{left:200px}
	.main_box5{width:auto;min-width: inherit;height: auto;margin:  0 10px 10px 10px}
	.link_wrap{width: 100%;min-width: inherit;height: auto;padding:10px 0 0 0;background: none}
	.link_list{height: auto;padding:0;}
	.link_list h2{display: none}
	.link_list ul{text-align: center}
	.link_list ul li{display: inline-block;float: none;width:14.2%;height:85px; vertical-align: top;margin: 0 -2px 10px -2px;}
	.link_list ul li.lk_item11{margin-left: -1px}
	
/*  */	
	.depth4_menu{}
	.depth5_menu{width:auto; float: none;background-image:none;background-color: #f6f6f6;border: 1px solid #d0d0d0;border-radius: 3px }
	.depth5_menu ul{background-image:none}	
	.depth5_menu li{margin-bottom: 5px;background: url(http://www.jongno.go.kr/portal/open_content/images/2015new/common/depth5_line.gif) right 4px no-repeat;}
	.depth5_menu li:last-child{background: none}
	.depth5_menu li a{background: url(http://www.jongno.go.kr/portal/open_content/images/2015new/common/depth5_bt_off.gif) 0 5px no-repeat;}
	.depth5_menu li.current a{background: url(http://www.jongno.go.kr/portal/open_content/images/2015new/common/depth5_bt_on.gif) 0 5px no-repeat;}

/* 공공누리 */
	.kogl-box.type1{float:none ;position:relative;}
	.kogl-box.type1 .kogl-cont{display: table;width:100%;height:54px;; margin-right: 0}
	.kogl-box.type1 .kogl-cont .kogl-logo{position: absolute;left:10px;top:10px}
	.kogl-box.type1 .kogl-cont >div{display: table-cell;height: 100%;vertical-align: middle;padding: 0 195px 0 160px}
	.kogl-box.type1 .sns-cont{float: none;position: absolute;right: 10px;top:10px}
	
/* 페이지만족도 */	
	#page_confidence{float:none; width:auto; box-sizing:border-box; display:block;margin: 0 10px}
	#page_confidence dt{padding-left:0; background:none;}
	#page_confidence dd{width:588px; width:calc(100% - 122px);}
	#page_info{width:auto;margin: 0 10px}
	#page_info li dl dt{padding-left:0;}
	fieldset{box-sizing:border-box; width:100%; display:inline-block;}
	
/*  */	
	.guide_process{width: auto !important}
	.guide_process li{padding: 0 15px 0 0;margin-bottom: 10px}
	.process_type1{width: auto !important}
	.process_type1 li{padding: 0 15px 0 0;margin-bottom: 10px}
	.process_type1 li:last-child{background: none}

	#paging{margin-bottom: 20px}
	
/* 게시판 - 검색1(기본) */
	.bbs_search{width: auto}
	.board_search #searchCnd {margin:5px 0;}
	.bbs_search.v2 .board1{width: calc(100% - 49px);}
	.bbs_search.v2{position:relative;padding: 9px 65px 9px 0;}
	.bbs_search.v2 input[type=image]{display: block;position: absolute;right:6px;top:11px}
	
/* 게시판 - 검색2(통합) */
	.sh_set .form_set{float: none}
	.sh_set{position:relative; background: none;border:2px solid #7ca9cf;border-radius: 10px;margin-bottom: 15px;padding:10px 105px 10px 15px}
	.sh_set .form_set{width:100%;}
	.sh_set .submit_set{position:absolute;right:15px;top:10px;  width:80px;}
	.sh_set dl{position: relative;margin-bottom: 6px;height: 24px}
	.sh_set .form_set dl:after{content: "";display: block;clear: both;}
	.sh_set dl dt{position: absolute;}
	.sh_set dl dt,
	.sh_set dl dd{float:none;line-height: 24px;}
	.sh_set .form_set .date{float:none;margin-right: 0;padding: 0 0 0 77px;}
	.sh_set .form_set .date dt{width: 55px;left:0;top:0}
	.sh_set .form_set .txt{padding: 0 0 0 60px;}
	.sh_set .form_set .txt dt{width:40px;left:0;top:0}
	.sh_set .search_txt_sel{width: 20%;vertical-align: top}
	.sh_set .input_txt{width: 77%;padding:0;text-indent: 10px;vertical-align: top}
	.sh_set select, 
	.sh_set .search_txt, 
	.sh_set .sdate, 
	.sh_set .edate{vertical-align: top}
	
/* 반응형 테이블  */	
	.respon-th{display: none}	
	.respon-table1{border-width: 2px}
	.respon-td{display: block;margin-bottom:5px;border-bottom: 1px solid #808080;border-top: 1px solid #808080;}
	.respon-td li {display: table;width: 100%;text-align: left;padding: 7px 0;border-bottom: 1px solid #e6e6e6;}
	.respon-td li > span{display: table-cell;width: 15%;padding:  0 0 0 10px;font-weight: bold;vertical-align: middle;}
	.respon-td li > em{display: table-cell;width: 84%;border-left:1px solid #e6e6e6;padding-left:7px;vertical-align: middle;}
	.nodata li {text-align: center;width: 100%;}

/* 일반게시판 */
	.table_type1{width: 100% !important} /* 주민자율청소 봉사단 */
	.table_type1 *{word-break: break-all;}
	.num{display:none} /* 번호 */
	.date2{display:none}/* 작성일 */
	.view{display:none}/* 조회수 */
	.field{width:10%}/* 민원분야 */
	.division2{display: none}
	.person2{display: none}
	.contact{display: none}
	.file{width: 10%}
	.file2{display: none}

/* 게시판 뷰페이지 */
	.board_view tbody tr td img{max-width: 98% !important;}

/* input */
	.input_textarea{width: 97% !important}

/*  info */
	.info {width:auto; height:auto;padding: 10px;background-image: none;padding:3px; background-image:none;background-color: #e0eaf3;border: 1px solid #b6cfe6;border-radius: 3px}
	.info_bg1{width:auto; height:auto;padding: 10px;background-image: none;padding:3px; background-image:none;background-color: #e0eaf3;border: 1px solid #b6cfe6;border-radius: 3px}
	/* .info > p{height: auto !important;} */
	.info .mt_br1{display: inline;}
	/*.info .pic_info_1{padding:10px;height:auto; min-height:40px; padding-left:123px;padding-top:25px;background-position: 11px 50%;background-color: #fff} 
	.info .pic_info_2{padding:10px;padding-left:123px;background-position: 11px 50%;background-color: #fff}
	.info .pic_info_3{padding:30px 10px 25px 10px;padding-left:123px;background-position: 11px 50%;background-color: #fff}
	.info .pic_info_4{min-height:35px;height:auto !important; padding:20px 10px 20px 10px;padding-left:133px;background-position: -13px 50%;background-color: #fff}
	.info .pic_info_5{height:39px;padding:10px 10px 20px 10px;padding-left:123px;background-position: 11px 50%;background-color: #fff}
	.info_bg1 .pic_info_5{min-height:39px;height:auto !important;padding:10px 10px 20px 10px;padding-left:123px;background-position: 11px 50%;background-color: #fff} */
	.e-book_top2{width: auto;padding: 0 10px 0 200px; border:4px solid #e0eaf3; background:  #fff url(/portal/open_content/images/2017new/common/bg_sarang_top_2.gif) 10px center no-repeat;border-radius: 3px}
	.e-book_top2 p{padding-top: 15px}
	#subContent .info2{width: auto}
	.cont_box_type_b1 dt{height: auto !important}
	.cont_box_type_b1 dd{height: auto !important;min-height:45px; padding: 10px;}
	.cont_box_type_s1 dt{height: auto !important}
	.cont_box_type_s1 dd{width: auto !important; height: auto !important;}

	/*  */
	.btn_bd_top{float: none !important;}	

	/*  */
	.list_type01{table-layout: fixed;}
	.list_type01 td img{max-width: inherit;}
	
	/* 컨텐츠 */
	.contents img{max-width: 100%}
	.text_area_3{width: auto !important;height: auto !important}
	.text_area_2.v2{margin-left: 0}
	.text_area_3.v2{margin-left: 0}
	.cont_urban_agr.v2{width: auto}

	/* 분야별 민원안내 */
	.con_wrap{float: none;width: 100%;}
	.cont_box_to2{float: none;width: 100%;margin-left: 0 !important}
	.cont_box_to2 .cont_box_type_s1 dd{height: auto !important}
	
	/*  이전글 다음글 테이블*/
	.board_view .pre_list{padding-left: 0}
	.board_view .next_list{padding-left: 0}

	.ebook_photo{}
	.ebook_photo ul li{display:inline-block;float:none;width: 25%;height:auto; margin:  0 -2px 20px -2px;vertical-align: top}
	.ebook_photo ul li > a{display: block;width:151px;margin: 0 auto}
	.ebook_photo ul li p{padding:  0 10px}

/*************************  Sitemap ************************************/	
	.siteMapBox{width:770px;margin: 0 auto 20px auto}
	
/*************************  Login ************************************/	
	.certification1{}
	.certification1 > li{width: 50%;}
	.cert_box{width: auto;margin-right: 5px}
	.log_in2{width: auto;margin-left: 5px}
	
	.member_type3{height:auto;padding:25px 15px;margin: 0 0 10px 0; background-image:none;background-color:#f9f9fc; border:3px solid #b6bae4;border-radius: 8px}
	.member_type3 .text_p1{width: auto !important;}
	.btn_area .btn_center {width: auto !important;}
	
	.cert_box.v2.phone{float:none;width: 60%;display: inline-block;padding:5%;height:auto;margin:  0 0 10px 0}
	.cert_box.v2.i_pin{float:none;width: 60%;display: inline-block;padding:5%;height:auto;margin:  0 0 10px 0}
	
/************************* Join ************************************/	
	.member_guide{width: auto;background: url(/portal/open_content/images/member/mguide_bg01_v2.jpg) no-repeat right top;}
	.member_guide p.tit{margin: 0 0 10px 0;}
	.member_guide p.txt{width: auto; margin: 0 200px 0 0;border-top:1px dashed  #dedede}
	.member_guide ul li{display: inline-block;float: none}
	/* 약관동의 */
	.join_process{text-align: center;height: auto}
	.join_process li{display: inline-block;float: none;margin-bottom: 10px}
	.join_process li.fir{float: none}
	.agreement > iframe{width: 98% !important;border: 1px solid #eeeeee}
	
	.join_step{width: auto;background-position: center}
	.join_step ol{visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none;line-height: 0;border:none;}
	
	.join_step_3_set > p {text-align: center}
	.join_step_3_set p.bu_1{text-align: left}
	.rbox_bg1{margin-bottom:15px; height:auto;border: 1px solid #dddddd;border-radius: 6px;background-color: #f5f5f5;background-image: none}
	.rbox_bg1 p.deco{padding-right: 5px}

/*************************  SUB2 ************************************/	
 	/* 교육 > 평생교육*/
	.book_start{margin-top: 0 }

	/* 운동정보 - 운동하는 종로 만들기란?  */
	.exercise-wp .deco1{z-index: 5}
	.exercise-info{text-align: center;padding-left:0;padding-right: 0}
	.exercise-info > div{display: inline-block;float: none;margin:0 5px;text-align: left}
	
/*************************  SUB3 ************************************/	
	/* 아동/청소년복지 > 아동친화도시 */	
	/* .accept_tit .print_img{margin-left: 10px;margin-bottom: 15px;margin-top: 15px;}
	.accept_tit > .tit_txt{display: table-cell;margin:0;height: 135px;vertical-align: middle;} */
	.accept_tit{position:relative;display:table;width: calc(100% - 158px);padding-left: 155px;height: 155px}
	.accept_tit div span{display: inline-block;}
	.accept_tit .print_img{float:none;display: block;position: absolute;left:10px;top:10px;margin:0}
	.accept_tit > .tit_txt{float:none;display:table-cell;height:100%;;margin: 0;vertical-align:middle; line-height: 36px}
	/* .adv{position: relative;width:auto; padding:  0 3px 0 216px;} */
	/* .adv_l{float: none;position: absolute;left:10px;top:50%; height: 139px;margin-top: -70px; } */
	.adv1 .adv_l p{margin-top: 0}
	.adv2 .adv_l p{margin-top: 0}
	.adv3 .adv_l p{margin-top: 0}
	/* .adv_r{float: none;width: auto;} */
	/* .adv_r p{width: auto;margin: 18px} */
	.city_child_tit{width: auto;line-height: 110%;}
	.city_child_tit .yellow{display: inline-block;}
	.child_cnt{background-size: 100% 100%}
	.child_tit_box{height:auto; background-size: 100% 100%;}
	.child_tit_box p{margin: 15px 198px 15px 15px;}
	.sign_wp .info{padding: 0}
	
	/*  아동/청소년복지 > 아동친화도시 > 종로에서 하는일 */
	.info_child_jongno{background-position: right;}
	
	/*  한지붕세대공감 > 한지붕세대공감  */
	dl.fmly_bg1{margin: 0 auto 20px auto}
	
/************************* SUB4 ************************************/	
	/* 도시정비 > 주거환경 개선 */
	.step_area li.bx_btm{background: none;border:1px solid #a2a6d0;border-radius: 6px}	
	.step_area li dl.bx01{position:relative;width:auto;min-height:68px; padding: 10px 10px 10px 277px; background: none;}	
	.step_area li dl.step_obj dt{float: none;position: absolute;left:10px}
	
	/* 세운4구역 정비 > 개발계획 > 기본추진절차  */
	.step_city li dl.step_obj dt{margin-right: 9px;}
	
	/*  재개발 > 주택 재개발 절차 */
	.step_area.v2{position:relative;background: none;}
	.step_area.v2 > li{background: none;margin:  0 0 0 0}	
	.step_area.v2 li dl{float: none}
	.step_area.v2 li dl dd{float: none;}
	.step_area.v2 .step_obj{float: none;padding: 0 0 0 130px;}
	.step_area.v2 li dl.step_obj > dt{position: absolute;left:0}	
	.step_area.v2 li ul.step_obj_con{float: none}
	.step_area.v2 li ul.step_obj_con dl:after{content:"";display: block;clear: both;}
	.step_area.v2 li ul.step_obj_con dl{background: url(http://www.jongno.go.kr/portal/open_content/images/common/bg_line_01.gif) 108px top repeat-y;}
	.step_area.v2 li ul.step_obj_con dt{float:left;position: relative;left: 0;margin-right: 0;}
	.step_area.v2 li ul.step_obj_con dd{float:left;margin: 0  0 0 10px;width: calc(100% - 243px);}
	.step_area.v2 li ul.step_obj_con .another_con{background: url(http://www.jongno.go.kr/portal/open_content/images/common/bg_line_02.gif) no-repeat scroll 108px 34%;}
	
	/* 도시정비 > 도시환경정비 > 수립절차  */
	.step2_area li dl{float: none}
	.step2_area li dl.step_obj dt{float:left;position: relative;left:0;}
	.step2_area li dl.step_obj dd{width: calc(100% - 280px);margin-left:10px}
	.step2_area li dl.step_obj dd ul.txt_list_type4{width:100%;margin-left: 0}
	
/*************************  SUB5************************************/		
	/* 행정정보 공개 > 조직정보 공개 */
	ul.iconj_list1{text-align: center}
	ul.iconj_list1:after{content: "";display: block;clear: both;}
	ul.iconj_list1 li{display: inline-block;float: none;vertical-align: top}
	ul.iconj_list1 li:first-child {margin-left: 0}
	#display1{width: 100%;}
	#display2{width: 100%;}
	#display3{width: 100%;}
	#display4{width: 100%;}
	#display5{width: 100%;}
	#display6{width: 100%;}
	.grap_list1 > li:first-child{width: calc(100% - 393px);}
	
	/* 입찰정보 > 입찰현황 */
	.q_duty dl{width: 49%;padding:20px 0}	
	.q_duty dt{padding: 0  10px;}
	.q_duty dd{padding: 0  10px;}
	
	/*  행정정보 공개 > 사전정보공표 */
	.tabIcn{width: auto;height:auto;padding:20px 10px 10px 10px;margin: 0 0 15px 0;background:none;border: 4px solid #b6cfe6;border-radius: 3px}
	.tabIcn > ul:after{content: "";display: block;clear: both}
	.tabIcn > ul{text-align: center}
	.tabIcn li{width: 11%;min-height: 109px;margin: 0 0 10px 0}
	.tabIcn li a{height: auto;}

/*************************  SUB6 ************************************/			
	/* 종로구 안내 > 역사와 연혁 > 종로구 역사 */
	.history{margin: 0 auto 20px auto}
	
	/* 종로구 안내 > 구청 > 조직도 */
	.c_org .lt5 .pop_4{top:29px;left:-19px}
	.c_org .pop_4{left:-31px;top:46px}
	.c_org .result_pop{width:142px; padding:5px 0 0 0; background: none;border:2px solid #39b54a;background-color: #fff;}
	.c_org .result_pop li{float: none;width: auto}
	.c_org .result_pop li.end{width:auto;line-height:20px; padding: 0 0 5px 10px; background: none}
	.d_org{position: relative;margin: 0 0 20px 0;}
	.d_org .result_pop{width:135px; padding:5px 0 0 0; background: none;border:2px solid #39b54a;background-color: #fff;}
	.d_org .result_pop li{float:none;width: auto}
	.d_org .result_pop li.end{width:auto;line-height:20px; padding: 0 0 5px 10px; background: none;color: #000}
	.d_org .pop_1{ left: 56%;top: 34px;}
	.d_org > ol{margin-left: auto !important;text-align: center;}
	.d_org > ol > li{float: none;display: inline-block;}
	#city_pos >  li.end ol li.end ol{left:inherit !important;right:0;  top:120px !important;width: 135px;padding: 5px 0 0 0;background: none;border: 2px solid #39b54a;background-color: #fff;}
    #city_pos >  li.end ol li.end ol li.end{width: auto;background: none;padding: 0 0 8px 11px;}
   	.c_org ol li span.list_name{position: relative;}
   .c_org #city_pos > li{overflow: inherit;}
   .c_org ol li .tel_view{left: -21px !important;top: 20px !important;width: 130px;height:21px; padding: 10px 0 10px 10px;margin-top:0;background-image: none;background-color:#fff;border: 2px solid #39b54a;text-align: left;}

	/*  종로구 안내 > 구청 > 오시는 길/ 교통편 */
	.wrap_map{width: 98%;}
	.wrap_roadview{width: 98%;}
	
	/* 종로구 안내 > 부서안내 */
	.department_search{width: auto;background-size: 100% 100%}
	.box_bg1{background: none}
	.box_bg1_bottom{width: auto;padding:0; background: none;border: 1px solid #cccccd;border-radius: 3px}
	.box_bg1_bottom .fl{float: none !important;}
	.box_bg1_bottom .fr{float: none !important;width: auto !important}
	.box_bg1_bottom dt.tit{height:35px;line-height:35px;padding:9px 0 0 31px;margin-bottom:8px; border-bottom: 1px solid #cccccd; background: #f9f9fa url(http://www.jongno.go.kr/portal/open_content/images/2015new/common/bt02.gif) 11px center no-repeat;}
	.box_bg1_bottom dt.tit img{padding-top: 8px}
	.box_bg3{background: none}
	.box_bg3_bottom{width: auto;padding:0 0 0 0 ;margin:0 auto;background: url(/portal/open_content/images/2017new/common/bg_tab_notice.gif) left top repeat-x;border: 1px solid #cccccd; border-radius: 3px}
	.box_bg3_bottom #tab_notice{overflow:hidden; float: none;width: 480px;margin: 0 auto}
	.box_bg3_bottom .fr{float: none !important;width: auto !important}
	.box_bg3_bottom .bt02 dt{height:35px;line-height:35px;padding:9px 0 0 31px;margin-bottom:8px; border-bottom: 1px solid #cccccd;border-top: 1px solid #cccccd; background: #f9f9fa url(http://www.jongno.go.kr/portal/open_content/images/2015new/common/bt02.gif) 11px center no-repeat;}
	.box_bg3_bottom .bt02 dt img{padding-top: 8px}
	#tab_notice h4.tit01{top:-3px;left:-1px}
	#tab_notice h4.tit02{top:-3px;}
	#tab_notice h4.tit03{top:-3px;}
	#tab_notice h4.tit04{top:-3px;}
	.box_bg2{background: none}
	.box_bg2_bottom{width: auto;padding:0; background: none;border: 1px solid #cccccd;border-radius: 3px}
	.box_bg2_bottom dt.tit{height:35px;line-height:35px;padding:9px 0 0 31px;margin-bottom:8px; border-bottom: 1px solid #cccccd; background: #f9f9fa url(http://www.jongno.go.kr/portal/open_content/images/2015new/common/bt02.gif) 11px center no-repeat;}
	.box_bg2_bottom dt.tit img{padding-top: 8px}
	
	/*종로구 안내 > 종로구 공무원 행동강령 > 행동강령의 의의 */
	.img_cont1 p{width: 100%}
	.img_cont1 span{padding-right: 20px}
	
	/* 종로구 안내 > 종로구 공무원 행동강령 > 공정한 직무수행 */
	.pic_text2{width: calc(100% - 255px); }
	
	/*  구정정보 > 기본현황 */
	.status_layout{padding-top: 20px;}
	.status_style2{width:25%;height:137px; vertical-align: top;background: none;margin: 0 0 15px 0}
	.status_style2 > div{width: 170px;height:91px;margin: 0 auto}
	.status_style2 .result{width: 170px;height:41px;margin: 0 auto;padding: 0 0 5px 0;background: url(http://www.jongno.go.kr/portal/open_content/images/introduction/bg_060402_btm.gif) no-repeat left bottom;}
	.result li{padding: 4px 0 0 15px;background-position: 5px;}
	.status_layout .cboth{display: none}
	
	/* 구정정보 > 중장기 기본계획 */
	.longterm dl{width: 373px}
	
	/* 사이버홍보관 > 행정자료실 */
	.ebook_title{position:relative;width:auto;min-height:48px; padding: 0 10px 10px  160px;}
	.ebook_title >  img{display: block;position: absolute;left: 10px;top:10px}
	.ebook_title span{display: block;position: relative !important;}
	
	/*  자매/우호도시 > 국제교류 */
	ul.city_pic_box1 li{margin-left: 20px}
}

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

/*************************  Main ************************************/	
	.cont_area2{height: 380px}
	.cont_area2 .issue_con li a .issue_frame{height: 130px}
	.cont_area2 .issue_con li .issue_tag{top:110px}
	
	.sphere_link{padding-top:30px}
	.sphere_link li{width: 50%}

/* 공공누리  */
	.kogl-box.type1{}
	.kogl-box.type1 .kogl-cont{height: 36px}
	.kogl-box.type1 .kogl-cont .kogl-logo{width:100px }
	.kogl-box.type1 .kogl-cont .kogl-logo img{max-width: 100%}
	.kogl-box.type1 .kogl-cont >div{padding:  0 0 0 110px}
	.kogl-box.type1 .sns-cont{position: relative;right: inherit;top:inherit;text-align: center}
	.kogl-box.type1 .sns-cont a{display: inline-block;padding-top: 10px;margin: 0 5px}

	
/* 반응형 테이블  */	
	.respon-td li > span{width: 20%;}
	.respon-td li > em{width: 79%;}

/*  */
	.proceed2{}		
	.proceed2 dl{}
	.proceed2 dl dt{float: none !important;padding-bottom:10px;  background: none}
	.proceed2 dl dd{float: none !important;padding: 2px 0 14px;margin-bottom:5px; background: url(/portal/open_content/images/common/cont_arrow_04.gif) no-repeat scroll 55px bottom;}	
	.proceed2 dl dt.end+dd{background:none}
	
/*************************  Login ************************************/	
	.certification1{}
	.certification1 > li{width:auto;float: none}
	.certification1 > li h4.htit2{margin-left: 0}
	.cert_box{margin:  0 0 15px 0}
	.cert_box h5{text-align: center;}
	.log_in2{height:auto; margin: 0 0 20px 0;padding-bottom:80px ;border: solid 1px #cccccc; background: #f7f7f7 url(/portal/open_content/images/member/login_bg1.gif) right bottom no-repeat;}
	.login_box{width: auto;margin-bottom:20px; padding: 0 91px 0 0;}
	.login_box dl{position: relative;padding: 0 0 0 80px;}
	.login_box dl dt{position: absolute;left:10px;}
	.login_box dl dd{float: none}
	.login_box dl dd input{width: 98% !important;}
	.mem_dl1{width: auto;margin: 0}
	
/************************* Join ************************************/
	.join_step{width: auto;background-size: 100%}		
	
/*************************  Sitemap ************************************/	
	.siteMapBox{width:auto; padding:1px;padding-bottom:20px; border: 1px solid #c0c9e1;border-radius: 3px;background: none} 
	.sitemapArea{width: auto;background: none;margin: 0} 
	.siteMapBox_inner{width: auto;padding:0;background: none} 
	h4.sitemap_tit{ height:31px;line-height:31px;padding: 0 0 0 22px;background: #c0c9e1 url(/portal/open_content/images/common/bul/bul_arrow_02.gif) no-repeat 8px 11px;border-radius: 3px 3px 0 0}
	
	.sitemapArea ul{display:inline-block;float:none;width: 47%;padding: 0 1%;margin: 0 0  10px 0;vertical-align: top;}
	.sitemapArea ul li strong{display: block;padding:5px;margin: 0 0 10px 0;border: 1px solid #c0c9e1;}
	.sitemap_m{margin:  0 5px}
	.sitemap_m > p{padding: 0 0 0 11px; background: url("/portal/open_content/images/common/bul/bul_bar_02.gif") no-repeat left 8px;}

/*************************  SUB2 ************************************/	
	/* 교육 > 평생교육 > 평생교육프로그램 */
	ul.life_edu1 li{float:none;display:inline-block;width: 47%;margin: 0 1%;vertical-align:top; }
	ul.life_edu1 li p{line-height: 20px;padding:10px 0}
	
	/*  환경/청소 > 일반폐기물 처리 > 음식물쓰레기 처리/배출 안내 */
	.btn_violet{width: 100%;}
	.btn_violet li{overflow:hidden;display:table; width: 31%;margin: 0 1% 4px 0;background-color: #7d85b9;border-radius: 3px;}
	.btn_violet a{display:table-cell;width:100%;height:100%;line-height:18px; background-image:none;border: 1px solid #7980a6;vertical-align: middle;}
	
	/* 운동정보 - 운동하는 종로 만들기란?  */
	.exercise-info > div{display:block;}
	.exercise-info > div{margin: 0 15px 10px 15px}
	.left-box{width: auto;height: auto ! important;}	
	.right-box{width: auto;height: auto ! important;}
	.right-box div > span{display: none}
	.right-box ul{padding: 15px}
	.right-box ul li{margin-bottom: 5px}
	.left-box > div > p > span{display: inline;}
	.left-box > div{padding: 15px 10px}

	/*  재난안전 > 생활안전달력 (2017년) */
	.cal_list li{width: 33.3%}
	
	/* 좋은간판 */
	.sign_wp{width: auto}
	#map{float:none;width: 99%;margin: 0 auto}
	.divTable{float: none;width: 96%;height:150px;margin: 0 auto 10px auto;border-left:0;border-right: 0}
	.divTable .table1 tr{display: inline-block;height:35px; width:19%;margin: 0 2px 0 0;border-bottom: 0;margin-bottom: 3px;background: #eeeeee;border: 1px solid #dcdcdc}
	.divTable .table1 tr td{display:table;width:100%; padding:0 5px;border:0;height: 100%;vertical-align: middle;}
	.divTable .table1 tr td a{display: table-cell;height: 100%;vertical-align: middle;}
	
/*************************  SUB3 ************************************/	
	/* 아동/청소년복지 > 아동친화도시 */	
	.yc_big_box{max-width: 770px;width:auto;height:auto; margin:0 auto;padding:20px; background-size: 100% 100%}
	.yc_box{display: block;width: auto;min-height: 110px;padding:10px 100px 10px 10px}
	.yc_box1{margin-top: 0 !important}
	.yc_box_tit{margin:0;margin-bottom: 15px;line-height: 22px}
	.yc_box_text{margin:0}
	.child_tit_box{width: auto;background: none;margin-bottom:20px;border: 1px solid #dedede;border-radius: 5px}
	.child_tit_box p{margin: 15px}
	.chc_box1{ height: auto;}
	.child_cnt{height: auto;background: none}
	.child_cnt > div{float: none;height: auto;width: auto;margin-bottom:10px;padding:20px 0 0 0; border-top:2px dashed #dcdcdc;}
	.child_cnt > div:first-child {border-top:0}
	.chc_box_tit1, .chc_box_tit2{margin-top: 0}
	.chc_box_tit3, .chc_box_tit4{margin-top: 0}
	.chc_box_tit{padding-bottom: 75px}
	.chc_box_tit1{background-size: 50px}
	.chc_box_tit2{background-size: 50px}
	.chc_box_tit3{background-size: 50px}
	.chc_box_tit4{background-size: 50px}
	
	/*  아동/청소년복지 > 아동친화도시 > 종로에서 하는일 */
	.info_child_jongno{min-height:inherit; background-size: 400px;background-position: right bottom;}
	.info_child_jongno p{padding: 15px  185px 15px 15px;}
	
	/*  한지붕세대공감 > 한지붕세대공감  */
	dl.fmly_bg1{width:auto; margin: 0 auto 20px auto;background-size: 100%;}

/*************************  SUB4 ************************************/		
	/* 도시비우기 */
	.rg_pic1{width: auto;}
	.city4_bg1{width: auto}
	.city4_bg2{width: auto;height:auto;padding-right: 308px;}
	
	/* 도시비우기 > 주요정비사례 */
	.parea1.v2{width: auto;}
	.c1_pic1{width:auto;background-size: 100% 100%;}
	.c2_pic1{width:auto;background-size: 100% 100%;}
	.c3_pic1{width:auto;background-size: 100% 100%;}
	.c1_pic2{width:auto;background-size: 100% 100%;}
	.c2_pic2{width:auto;background-size: 100% 100%;}
	.c3_pic2{width:auto;background-size: 100% 100%;}
	.c1_pic3{width:auto;background-size: 100% 100%;}
	.c2_pic3{width:auto;background-size: 100% 100%;}
	.c3_pic3{width:auto;background-size: 100% 100%;}
	
	/* 세운4구역 정비 > 개발계획 > 기본추진절차 */
	.step_city{background: none;}
	.step_city li dl.step_obj{position:relative;float: none;padding:  0 0 0 92px}
	.step_city li dl.step_obj > dt{position: absolute;margin: 0;left:0;}
	.step_city li ul.step_obj_con li dd{float: none;width: auto;margin: 0;}
	.step_city li dl dt{float: none}
	.step_area{background: none;}
	
	/*  건강도시 > 건강명소 지도 */
	.map_lbox{float: none}
	.map_lbox > div{width:auto;margin: 0 10px 30px 0;padding: 10px 0 10px 225px;height:auto;min-height:139px; border:1px solid #c0bcbd;box-shadow: 7px 8px 14px #ccc8c7;}
	.map_lbox p{width: auto;padding:  0 10px 0 0}
	.map_hide{line-height: inherit;height: auto;text-indent:0;}
	
	h4.map_hide{line-height:34px;height:34px;margin:0 0 10px 0;padding: 0 }
	h4.map_hide span{display:inline-block;padding: 0 15px;line-height:34px;height:34px;font-size: 24px;border-radius: 0 25px;color:#FFF}
	h5.map_hide{display:inline-block;margin: 0 5px 0 0; line-height:24px;font-size: 20px;}
	span.map_hide{display:inline-block ;margin-bottom:10px; font-size: 14px;}
	
	
	
	.red_con h4.map_hide span{background-color:#d1242a;}
	.orange_con h4.map_hide span{background-color:#f6801e;}
	.yellow_con h4.map_hide span{background-color:#f1bf08;}
	.green_con1 h4.map_hide span{background-color:#70bf42;}
	.green_con2 h4.map_hide span{background-color:#5e905d;}
	.green_con3 h4.map_hide span{background-color:#477455;}
	.green_con4 h4.map_hide span{background-color:#469a8a;}
	.blue_con1 h4.map_hide span{background-color:#3bc8f5;}
	.blue_con2 h4.map_hide span{background-color:#577abc;}
	.purple_con1 h4.map_hide span{background-color:#8c53a2;}
	.purple_con2 h4.map_hide span{background-color:#c455a1;}
	.brown_con1 h4.map_hide span{background-color:#9d4958;}
	.brown_con2 h4.map_hide span{background-color:#836251;}
	.brown_con3 h4.map_hide span{background-color:#a58c4a;}
	.brown_con4 h4.map_hide span{background-color:#b14e0d;}
	 
	
	.map_list1{background: url("/portal/open_content/images/2015new/common/city_map1_mb.jpg") 10px 50% no-repeat;}
	.map_list2{background: url("/portal/open_content/images/2015new/common/city_map2_mb.jpg") 10px 50% no-repeat;}
	.map_list3{background: url("/portal/open_content/images/2015new/common/city_map3_mb.jpg") 10px 50% no-repeat;}
	.map_list4{background: url("/portal/open_content/images/2015new/common/city_map4_mb.jpg") 10px 50% no-repeat;}
	.map_list5{background: url("/portal/open_content/images/2015new/common/city_map5_mb.jpg") 10px 50% no-repeat;}
	.map_list6{background: url("/portal/open_content/images/2015new/common/city_map6_mb.jpg") 10px 50% no-repeat;}
	.map_list7{background: url("/portal/open_content/images/2015new/common/city_map7_mb.jpg") 10px 50% no-repeat;}
	.map_list8{background: url("/portal/open_content/images/2015new/common/city_map8_mb.jpg") 10px 50% no-repeat;}
	.map_list9{background: url("/portal/open_content/images/2015new/common/city_map9_mb.jpg") 10px 50% no-repeat;}
	.map_list10{background: url("/portal/open_content/images/2015new/common/city_map10_mb.jpg") 10px 50% no-repeat;}
	.map_list11{background: url("/portal/open_content/images/2015new/common/city_map11_mb.jpg") 10px 50% no-repeat;}
	.map_list12{background: url("/portal/open_content/images/2015new/common/city_map12_mb.jpg") 10px 50% no-repeat;}
	.map_list13{background: url("/portal/open_content/images/2015new/common/city_map13_mb.jpg") 10px 50% no-repeat;}
	.map_list14{background: url("/portal/open_content/images/2015new/common/city_map14_mb.jpg") 10px 50% no-repeat;}
	.map_list15{background: url("/portal/open_content/images/2015new/common/city_map15_mb.jpg") 10px 50% no-repeat;}
	.map_list16{background: url("/portal/open_content/images/2015new/common/city_map16_mb.jpg") 10px 50% no-repeat;}
	.map_list17{background: url("/portal/open_content/images/2015new/common/city_map17_mb.jpg") 10px 50% no-repeat;}
	.map_list18{background: url("/portal/open_content/images/2015new/common/city_map18_mb.jpg") 10px 50% no-repeat;}
	.map_list19{background: url("/portal/open_content/images/2015new/common/city_map19_mb.jpg") 10px 50% no-repeat;}
	.map_list20{background: url("/portal/open_content/images/2015new/common/city_map20_mb.jpg") 10px 50% no-repeat;}
	.map_list21{background: url("/portal/open_content/images/2015new/common/city_map21_mb.jpg") 10px 50% no-repeat;}
	.map_list22{background: url("/portal/open_content/images/2015new/common/city_map22_mb.jpg") 10px 50% no-repeat;}
	.map_list23{background: url("/portal/open_content/images/2015new/common/city_map23_mb.jpg") 10px 50% no-repeat;}
	.map_list24{background: url("/portal/open_content/images/2015new/common/city_map24_mb.jpg") 10px 50% no-repeat;}
	.map_list25{background: url("/portal/open_content/images/2015new/common/city_map25_mb.jpg") 10px 50% no-repeat;}
	.map_list26{background: url("/portal/open_content/images/2015new/common/city_map26_mb.jpg") 10px 50% no-repeat;}
	.map_list27{background: url("/portal/open_content/images/2015new/common/city_map27_mb.jpg") 10px 50% no-repeat;}
	.map_list28{background: url("/portal/open_content/images/2015new/common/city_map28_mb.jpg") 10px 50% no-repeat;}
	.map_list29{background: url("/portal/open_content/images/2015new/common/city_map29_mb.jpg") 10px 50% no-repeat;}
	.map_list30{background: url("/portal/open_content/images/2015new/common/city_map30_mb.jpg") 10px 50% no-repeat;}
	.map_list31{background: url("/portal/open_content/images/2015new/common/city_map31_mb.jpg") 10px 50% no-repeat;}
	.map_list32{background: url("/portal/open_content/images/2015new/common/city_map32_mb.jpg") 10px 50% no-repeat;}
	.map_list33_1{background: url("/portal/open_content/images/2015new/common/city_map33_1_mb.jpg") 10px 50% no-repeat;}
	.map_list33_2{background: url("/portal/open_content/images/2015new/common/city_map34_mb.jpg") 10px 50% no-repeat;}
	.map_list34{background: url("/portal/open_content/images/2015new/common/city_map35_mb.jpg") 10px 50% no-repeat;}
	
	
	
	
	
	

/*************************  SUB5************************************/	
	/*  구정소식 > 알림판 전체보기*/
	.popban_con ul{text-align: center;}
	.popban_con ul li{float:none;width: 28%;margin: 0 10px}
	
	/*  행정정보 공개 > 조직정보 공개 */
	ul.iconj_list1 li{width:19%;margin-left: 0;padding-top: 88px;}
	ul.iconj_list1 li {background-size: 80px}
	ul.iconj_list1 li + li{background-size: 80px}
	ul.iconj_list1 li + li + li{background-size: 80px}
	ul.iconj_list1 li + li + li{background-size: 80px}
	ul.iconj_list1 li + li + li + li{background-size: 80px}
	ul.iconj_list1 li + li + li + li + li{background-size: 80px}
	
	/*  통계정보 > 통계연보 */
	.ebook_photo ul li{width: 33.3%}
	
	/* 행정정보 > 행정정보 공개 > 정례간부회의 영상  */
	.vod_pic_cont{text-align: center}
	.vod_pic_cont img{ display: inline-block;margin-bottom: 5px;text-align: center} 
	#movieListContainer{width: auto !important;float: none !important;}
	
	#movieListContainer .list_type01{display:block;width: 100% !important;}
	#movieListContainer .list_type01 thead{display: block;}
	#movieListContainer .list_type01 thead tr{display: block;border-bottom: 1px solid #d8d8d8;}
	#movieListContainer .list_type01 thead  tr th{display: block;}
	
	#movieListContainer .list_type01 tbody {display: table;width: 100%; table-layout: fixed;}
	#movieListContainer .list_type01 tbody tr{display: table-cell;width: 20%;border-left:1px solid #d8d8d8;text-align: center}
	#movieListContainer .list_type01 tbody tr td{display:block;overflow: hidden;word-wrap: break-word;vertical-align: middle;border-top: 0}
	#movieListContainer .list_type01 tbody tr:first-child {border-left: 0}
	#href{margin-left: 20px}
	#href img{    margin-left:0 !important;}
	
	

/*************************  SUB6 ************************************/	
	/*  종로구 안내 > 구상징  */
	.symbol1{position: relative;}
	.symbol1 .pic{float: none;width: auto;margin: 0 auto;padding:  0 0 25px 0;text-align: center;}
	.symbol1 .pic_info{float: none;width: auto;}
	.symbol1 .download{left: 50%;margin-left: -25px !important;}
	.symbol{position: relative;height: auto}
	.symbol .pic{float: none;width: auto;margin: 0 auto;padding:  0 0 30px 0;text-align: center;}
	.symbol .pic_info{float: none;width: auto !important;}
	.symbol .pic_info .txt_list_type1 li a{display: block;position: absolute;left:50%;margin-left: -25px;top:95px}
	.symbol_br .pic{float: none;width: auto;margin: 0 auto;padding:  0 0 25px 0;text-align: center;}
	.symbol_br .pic_info{float: none  !important;;width: auto !important;}
	.br_li{float: none;width: auto}
	.br_li li{width: 33.3%;padding: 0;margin: 0 0 15px 0;text-align: center}
	
	/*  종로구 안내 > 구청 > 조직도  */
	.c_org{width: 100%;background: url("/portal/open_content/images/introduction/bg_org10.gif") center top no-repeat;}
	.c_org li:after{content:"";display: block;clear:both}
	.c_org dl{overflow: inherit;}
	.c_org dl dt{height: 30px}
	.c_org dl dd{position:relative;height:36px;line-height:36px;text-align: center;}
	.c_org dl.org_1{width:100px;height:100px;margin: 0 auto 21px auto;background: url("/portal/open_content/images/introduction/bg_org01.jpg") center no-repeat;}
	.c_org dl.org_3{width:100px;height:100px;margin:0 auto 10px auto;padding: 0 0 100px 0; background: url("/portal/open_content/images/introduction/bg_org07.gif") left top no-repeat;}
	.c_org .lt5{top:97px;left:60%;width:100px;height: 31px;border-radius: 0 10px 10px 10px;background: url("/portal/open_content/images/introduction/bg_org03.gif") repeat;}
	.c_org .lt5 > a{display: block;height:31px;line-height:31px;text-align: center}
	.c_org dl dt.sub{padding-top:20px; height: 30px;}
	.c_org dl.lt3{position:absolute; width:120px;height:58px; top:208px; left:0;margin:0;background: url("/portal/open_content/images/introduction/bg_org08.gif") left top no-repeat;}
	.c_org dl.lt3  dt{height:31px;line-height:29px; padding-top: 0;text-align:center;}
	.c_org dl.lt3  dd{height:23px; line-height:23px; padding-left:0;text-align: center;}
	.c_org .lt4{width:120px;height:59px;line-height:59px;top:223px;right:0;left:inherit;background: url("/portal/open_content/images/introduction/bg_org12.gif") left top no-repeat;;text-align: center}
	.c_org ol.org_6{text-align: center}
	.c_org ol.org_6  > li {display:inline-block;float:none;width:30%; margin:  0 1% 10px 1%;}
	.c_org ol li span.list1{width:auto;height:29px;line-height:29px; border-radius:0 25px 0 0;background: url("/portal/open_content/images/introduction/bg_org06.gif") repeat;}
	.c_org ol li span.list_name{height:26px;line-height:26px;margin: 0 0 6px 0;border:3px solid #6cb4ef;border-top:0; border-radius: 0 0 25px 25px;}
	.c_org ol li span.list_name button{display: inline-block;padding-top: 5px}
	.c_org ol.org_6  > li.end .list1{height:44px;line-height:16px;border-radius:0 25px 25px 25px;margin: 0  0 6px 0 !important;padding-top: 16px}
	.c_org ol li ol li.org_build em{display: inline-block;}
	.c_org ol.org_6  > li.end .list_name{display: none}
	.c_org ol li .tel_view{left: 50% !important;margin-left: -62px;}
	.c_org ol li ol{border:1px solid #6eb1f3;border-radius:5px;background: none}
	.c_org ol li ol li{width: auto;text-align: left}
	.c_org ol li ol li.end{background: none;}
	.c_org ol li ol li ol{border: 0}
	.c_org .pop_1{left: 69px;top:-12px;}
	.c_org .pop_2{left: 69px;top:-12px;}
	.c_org .pop_3{left: 69px;top:-12px}
	.d_org > ul{position: relative;}
	.d_org ol{margin:0 auto !important}
	.c_org ol li ol li.end{width: auto}
	.c_org ol li ol li ol{display:block !important;  position: relative;left:inherit !important;top:inherit !important;padding: 5px 0 0 0;background: none}
	.c_org ol li ol li ol li.end{background: none}
	#city_pos > li.end ol li.end ol{top:0 !important;border:0;width: auto}
	#city_pos > li.end ol li.end ol li.end{padding: 0 0 18px 27px;}
	
	/*  종로구 안내 > 구청 >  구청사안내 */
	.tab_con_box{width: auto;background:none}
	.tab_sub{overflow:inherit;height:38px;border-bottom: 3px solid #524ea8;}
	.tab_sub:after{content:"";display: block;clear: both}
	.tab_sub li{width: 14.28%;height: 38px;}
	.tab_sub li a{position:relative;display: block;line-height:20px;padding:8px 0 10px 0; background-color:#f3f3f3; text-align: center;border-top: 1px solid #e2e2e2;border-right: 1px solid #e2e2e2}
	.tab_sub li:first-child a{border-left:1px solid #e2e2e2;}
	.tab_sub li:first-child a.on{border-left:1px solid #5f4daf;}
	.tab_sub li a.on{background-color: #6966bb;color:#fff;border-top: 1px solid #5f4daf;border-right: 1px solid #5f4daf;}
	.tab_sub li a.on:after{content: "";position:absolute;bottom:-12px;left:50%;margin-left:-5px;  display: block;width: 11px;height: 10px;background: url("/portal/open_content/images/introduction/arr_tab_site_on_.gif") center bottom no-repeat;}
	.tab_sub li a img{display: none}
	.tab_sub li a span{display: block}
	.site_tab{width: 100%;left:0}
	.site_tab li{margin-bottom: 2px}
	.site_tab li a{display: table;width: 100%;}
	.site_tab li a .tab_nb{display: table-cell;width: 15%;height:79px;text-align: center;vertical-align:middle;background-color: #c0bfd3;border-right:2px solid #fff;color:#fff;font-size: 30px;font-weight: bold;}
	.site_tab li a .tab_cont{display: table-cell;width: 85%;padding:0 10px; height:79px;vertical-align:middle;background-color: #eaeaea;font-size: 15px;color:#525252}
	
	/* 종로구 안내 > 종로구 공무원 행동강령*/
	.deco_pic{display: none}
	
	/*종로구 안내 > 종로구 공무원 행동강령 > 행동강령의 의의 */
	.img_cont1{padding:0; background: none;height: auto}
	.img_cont1 p{width: 100%}
	.img_cont1 span{padding-right: 20px}
	
	/* 종로구 안내 > 종로구 공무원 행동강령 > 공정한 직무수행 */
	.pic_img2{display: none;}
	.pic_text2{float:none;width: 100%; }
	
	/*  구정정보 > 기본현황 */
	.status_style2{width:33.3%;}
	
	/* 구정정보 > 중장기 기본계획 */
	.longterm dl{width: 48%}
	
	/*  종로소개 > 종로구 안내 > 종로구 공무원 행동강령 > 부당이익의 수수금지 */
	.img_cont1.v2{padding:0; background: none;height: auto}
	
	/*  자매/우호도시 > 국제교류  */
	ul.city_box1{margin-bottom: 15px}
	ul.city_box1 li{float: none}
	ul.city_box1 li:first-child{margin-bottom: 15px}
	ul.city_pic_box1 li{width: 48%;margin: 0 1%}
	ul.city_box1 li.city_map{width: 100%;margin-left: 0}
	
	
	.e-book_top3 {padding-top: 13px; margin-bottom: 10px;}
	
}

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

/* 페이지 만족도 */
	#page_confidence dt{width:100%; border-bottom:0;}
	#page_confidence dd{width:100%; padding:0; height:auto; margin-bottom:5px; }	
	#page_info li dl dt{padding-left:0;}	
	
/*************************  SUB2 ************************************/	
	/* 운동정보 - 운동하는 종로 만들기란?  */	
	.exercise-wp .deco1{display: none}
	.exercise-sign{padding: 35px 10px 57px 10px;}
	.exercise-sign p{margin: 0;text-align: center;}	
	.exercise-info{padding:15px 0;}
	
/*************************  INDEX4 ************************************/	
	/* 도시비우기 > 도시비우기란? */
	.city_bg{width: auto;padding-left: 0;background-position: center}
	.city_bg ul.list_btn1{margin: 0 auto 40px auto;text-align: center}
	.city_bg ul.list_btn1 li{float:none;display: inline-block;margin:0 8px 5px 8px}                                                                                                                                                                                                                                                  
	.city_bg ul.list_btn1 li:first-child{margin-left: 8px}

}


@media screen and (max-width:700px) {
	.table_scroll{overflow-x: scroll; -webkit-overflow-scrolling: touch;width: 100%;}				
	.table_scroll > table{width: 100%;min-width: 720px;}

	.foot_menu{width: auto;text-align: left;margin: 0 10px}	
	.mod_copy{margin: 0 10px;text-align: left}

/*************************  Main ************************************/	
	.rolllist{height: 90px;}
	.rolllist_box{padding: 0}
	.roll_tit{position: relative;width: auto;height: 36px;}
	.roll_tit:after{display: none}
	.roll_tit .title{padding: 7px 0 8px 0 }
	.roll_tit .roll_ctr{float: right;margin-right: 10px;padding-top: 7px}
	.roll_list{padding: 0 10px 0 20px}
	
	.svs_wrap ul {padding:0 0 0 0}
	.svs_wrap ul li{width: 33.3%;height: 75px;border-bottom: 1px solid #d3d5e0}
	.svs_wrap ul li.fv_item2{width:33.4%; background-color: #f2f3f6;}
	.svs_wrap ul li.fv_item4{background-color: #f2f3f6;}
	.svs_wrap ul li.fv_item5{width:33.4%;}
	.svs_wrap ul li.fv_item6{background-color: #f2f3f6;}
	.svs_wrap ul li.fv_item8{width:33.4%;background-color: #f2f3f6;}
	.svs_wrap ul li a span{height:25px; background-color: transparent;}
	
	.board{text-align: center}
	.board h3{width: 20%}
	.board h3 a{padding: 0 0 12px 0;font-size: 13px;}
	.board div p.more{display: none !important}
	.board dl{text-align: left}
	.board div ul{text-align: left}
	
	.sphere_link01{float: none;width: auto;text-align: left;margin: 0 10px}
	.sphere_link01 li{display:block;float: left;width: 33.3%;margin: 0 0 15px 0;}
	.sphere_link01 li a{background: url(/portal/open_content/images/2018new/main/bullet01.gif) left 5px no-repeat !important;padding: 0 0 0 15px;font-weight: normal;}
	.sphere_link01 li a em{font-weight: normal;}
	.sphere_link02{float: none;width: auto;padding: 0;margin: 0 10px}
	
/*************************  SUB2 ************************************/	
	/*   건축/주택 > 건물옥상 녹화사업 */
	.pho_ba:after {content: "";display: block;clear: both;}
	.pho_ba{margin-left: -30px}
	.pho_ba li.fir{padding-left:30px !important;}
	.pho_ba li{width: 40%;padding-left: 30px}
	
	/* 세무종합 > 세무행정서비스 헌장*/
	.bg_0206020101{padding: 110px 0 0 0;background-size:100px;background-position: center top;}
	
/*************************  SUB3 ************************************/	
	/* 여성/가족/다문화 > 다문화가족지원센터  */
	.da_info_box p{display:block;float: none !important;width:auto;padding:10px;}
	.da_info_box p:first-child{border-right: 0;border-bottom: 2px solid #ccc;}
	.da_info_box p a{overflow-wrap: break-word;}

/*************************  SUB5************************************/	
	/* 행정정보 공개 > 조직정보 공개 */
	ul.grap_list1 > li{float: none}
	.grap_list1 > li:first-child{width: auto;margin: 0 0 10px 0}
	ul.grap_list1 > li:last-child{float:none;width: 349px;margin: 0 auto}
	ul.grap_list1 > li table.table_type1 th{padding: 10px 0}
	ul.grap_list1 > li table.table_type1 td{padding: 10px 0}
	
	/*  행정정보 공개 > 사전정보공표 */
	.tabIcn li{display:block; width: 33.3%;min-height: 48px;}
	.tabIcn li a{position: relative;padding:  0 0 0 63px;}
	.tabIcn .icn{position: absolute;top:0;left:0;margin: 0}
	.tabIcn li a .txt{display:table-cell;height: 48px;text-align: left;vertical-align: middle;}
	.tabIcn li a .txt em{display: inline-block;}
	

/*************************  SUB6 ************************************/	
	/*  종로구 안내 > 구상징  */
	.jongno_song{background-image: none;background-color: #f6f6f2;border: 1px solid #e5e5db;border-radius: 3px}
	.jongno_song .songin{width: auto;background-image: none;}
	.song{width: auto;padding: 0 10px}
	
	/* 종로구 안내 > 부서안내 */
	.organization ul.organi_tab{/*margin-left: -8px*/}/* 20210126 */
	.organization .organi_tab li{width: calc(100% / 7 - 0.01px + 4px) !important;padding-right: 0;margin-right: -8px}/* 20210126 */
	.organization .organi_tab li.first, *:first-child+html .organization .organi_tab li.first{width: 19%;}
	.organization .organi_tab li.end, *:first-child+html .organization .organi_tab li.end{width: 19%}
	.organization .organi_tab li a{display:block;width: auto;line-height:28px; margin:0 5px;padding-top:0; background-size: 100% 38px !important;}/* 20210126 */
	.organization .organi_tab li.select a{background-size: 100% 38px !important;}/* 20210126 */
	
	/* 종로구 안내 > 동주민센터  */
	.dong_map{overflow-x: scroll;-webkit-overflow-scrolling: touch;width: 100%; }
	.dong_map > div{min-width: 660px;}
}

@media screen and (max-width:640px) {
	
	.cert_box.v2.phone{width: 85%;padding: 10px 2%;height: auto}
	.cert_box.v2.i_pin{width: 85%;padding: 10px 2%;height: auto}
		
/*************************  Main ************************************/	
/* 	.mayor_wp{}
	.mayor {width: 300px;margin: 0 auto}
	.mayor a span.text_mayor1{padding-top: 10px }
	.mayor a span.text_mayor2{display: block;}
	.mayor a span.text_mayor3{display: block;margin: 0 }
	.mayor a span.text_mayor4{display: block;} */
	
	.main_box2 .box_in{padding: 146px 0 10px 0;}
	.main_box2{background: none}
	.mayor_wp{top:0; left:0;width: 100%;margin-left: 0;background-color: #7c859b}
	.mayor{width: 300px;padding: 0;background-size: 108px;margin: 0 auto}
	.mayor p span.text_mayor1{padding: 10px 0 0 0}
	.mayor p span.text_mayor2{display: block;}
	.mayor p span.text_mayor3{margin-left: 0}
	.mayor a{width: auto;padding: 0 5px}
	.link_box{padding-top: 10px}
	
	.bbs_wp{padding: 0 10px;}
	
	.notice{width: auto ;position: relative;margin-bottom: 10px}
	.contents_pop{margin: 0 }

	.main_box3 .box_in{padding: 20px 0}
	.cont_area2{height:345px;margin: 0 10px}
	.cont_area2 .issue_con{top:148px}
	.cont_area2 .issue_con li a .issue_frame{height: 100px}
	.cont_area2 .issue_con li .issue_tag{top:80px}
	.cont_area2 .issue_con li.more{top:-24px}
	
	
	.main_box4 .box_in{padding: 30px 0 10px 0;}
	.sphere_wp{margin: 0 10px}
	.sphere_link{padding: 30px 20px 0 20px}
	.sphere_link li{margin-bottom: 10px}
	.sphere_link li.icon_item{position: relative;top:inherit;left:inherit !important; width: 50%;margin-bottom: 10px}
	.sphere_link li.icon_item a{background: url(/portal/open_content/images/2018new/main/bullet01.gif) left 5px no-repeat !important;padding: 0 0 0 15px;text-align: left;font-weight: normal}
	.sphere_link li.icon_item a em{font-weight: normal}
	
	.main_box5{margin: 0}
	.bbs_wrap{padding:0}
	.popup_cont {position:relative;width: auto;height: 295px;margin: 0 0 10px 0}
	.contents_pop {padding:20px 10px 10px 10px;margin: 0}
	.ctrl_inform{top:22px}
	.quick_cont{position:relative;width: auto;}
	.quick_list{padding: 10px 10px}
	.board_box{padding: 0 10px;border: 5px solid #e0e3e6;}
	
	.e-book_top2{padding: 50px 10px 0 10px;background-position: center 10px;background-size: 140px}
	.e-book_top2 p{padding-top: 10px}
	
	.link_list ul li{width:14%}
	
	.btn3.v2 a{padding:5px;background-size: 100% 100%;border-radius: 3px;}
	.btn3.v2 a span{height:20px;line-height: 20px;padding-right: 0;background: none;}

/* 공공누리 */
	#kogl{display: none}
/* 일반게시판 */
	
	.division{width: 20%}/* 담당부서 */
	.division2{width: 20%}/* 담당부서 */
	.field{width: 20%;}/* 민원분야 */
	.state{width: 12%}/* 진행상태 */
	
	.cont_box_type_b1 dt{float: none}
	.cont_box_type_b1 dd{float: none;padding: 10px;}	
	.cont_box_type_s1 dt{float: none}
	.cont_box_type_s1 dd{float: none;padding: 10px;}

	/* fnq */	
	.board_faq .tit{padding: 10px 2px 10px 10px;}
	.board_faq  .table_type2 tbody td{padding: 10px 2px 10px 10px;}

/*************************  SUB2 ************************************/	
	/*  환경/청소 > 일반폐기물 처리 > 음식물쓰레기 처리/배출 안내 */
	.btn_violet li{width: 49%;}
	.btn_violet a{font-size: 13px}
	
	/*  교육 > 진로직업체험지원센터 */
	.pic_list1 li{float:none;width:100%;margin: 0 0 10px 0}
	.pic_list1 li img{height:auto}
	
	/*  환경/청소 > 환경선언문 */
	.envir_wp{position:relative;padding: 0 0 0 0}
	.envir_wp .envir_img{display: none}

	
/*************************  SUB3 ************************************/	
	/* 여성/가족/다문화 > 다문화가족지원센터  */
	.da_mainbusi>li{width: 48% }
	.da_info_box p{float: none !important}
	
	/*  아동/청소년복지 > 아동친화도시 > 종로에서 하는일 */
	.info_child_jongno{background-image: none}
	.info_child_jongno p{padding: 15px;text-align: center;font-size: 22px;line-height:30px}
	.cont_child_jongno{padding:20px 15px 0 15px;border: 3px solid #caeaff;}
	
	/*	한지붕세대공감 > 한지붕세대공감  */
	dl.fmly_bg1{height:110px; border:1px solid #dcdfe4; background: url(/portal/open_content/images/2016new/common/family_cont1_2.jpg) center 10px no-repeat;}
	
/*************************  SUB4 ************************************/	
	/* 도시정비 > 주거환경 개선 */
	.step_area li.bx_btm{padding: 0}
	.step_area li dl.bx01{padding: 10px}
	.step_area li dl.step_obj dt{position: relative;top:inherit;left: inherit;margin-bottom: 15px}
	.step2_area li dl.step_obj dd{padding-bottom: 0}
	
	/* 도시비우기 > 주요정비사례 */
	.c1_pic1{height:auto;padding-bottom:340px; background: url("/portal/open_content/images/2017new/common/bg_city_bg6_1_mb.jpg") center bottom no-repeat;background-size: inherit;}
	.c2_pic1{height:auto;padding-bottom:340px; background: url("/portal/open_content/images/2017new/common/bg_city_bg6_2_mb.jpg") center bottom no-repeat;background-size: inherit;}
	.c3_pic1{height:auto;padding-bottom:340px; background: url("/portal/open_content/images/2017new/common/bg_city_bg6_3_mb.jpg") center bottom no-repeat;background-size: inherit;}
	.c1_pic2{height:auto;padding-bottom:340px; background: url("/portal/open_content/images/2017new/common/bg_city_bg7_1_mb.jpg") center bottom no-repeat;background-size: inherit;}
	.c2_pic2{height:auto;padding-bottom:340px; background: url("/portal/open_content/images/2017new/common/bg_city_bg7_2_mb.jpg") center bottom no-repeat;background-size: inherit;}
	.c3_pic2{height:auto;padding-bottom:340px; background: url("/portal/open_content/images/2017new/common/bg_city_bg7_3_mb.jpg") center bottom no-repeat;background-size: inherit;}
	.c1_pic3{height:auto;padding-bottom:340px; background: url("/portal/open_content/images/2017new/common/bg_city_bg8_1_mb.jpg") center bottom no-repeat;background-size: inherit;}
	.c2_pic3{height:auto;padding-bottom:340px; background: url("/portal/open_content/images/2017new/common/bg_city_bg8_2_mb.jpg") center bottom no-repeat;background-size: inherit;}
	.c3_pic3{height:auto;padding-bottom:340px; background: url("/portal/open_content/images/2017new/common/bg_city_bg8_3_mb.jpg") center bottom no-repeat;background-size: inherit;}
	
	/* 도시비우기 > 추진방법 */
	.ch1_box1 .city4_bg1 > ul > li{width: 144px;margin: 0 5px 14px 0;}
	
	/*  재개발 > 주택 재개발 절차 */
	.step_area.v2 li ul.step_obj_con dl{background: none;}
	.step_area.v2 li ul.step_obj_con dt{float:none;padding: 0}
	.step_area.v2 li ul.step_obj_con dd{float:none;margin: 0  0 0 10px;width: auto;}
	.step_area.v2 li ul.step_obj_con .another_con{background:none;padding: 0}
	
	/* 도시정비 > 도시환경정비 > 수립절차  */
	.step2_area > li {margin-bottom: 15px;border-bottom: 1px solid #a2a6d0;padding-bottom: 5px}
	.step2_area > li:first-child  dl.step_obj dt{margin-bottom: 0}
	.step2_area li dl.step_obj dt{float:none;position: relative;left:0;margin-bottom:0;padding: 0 0 15px 0;text-align: center}
	.step2_area li dl.step_obj dd{float:none;width:auto;min-height:inherit;margin-left:0;padding:0 10px}
	.step2_area li dl.step_obj dd.dd_empty{height:1px;}
	
	/*  건강도시 > 건강명소 지도 */
	.map_lbox{float: none}
	.map_lbox > div{position:relative;min-height:inherit;padding: 255px 0 15px 0;text-align: center;background-position: center 55px;background-size: 270px}
	.map_lbox p{text-align: left;padding:  0 10px}
	h4.map_hide{position: absolute;top:10px;left:10px}
	
	
	
	
/*************************  SUB6 ************************************/	
	/* 종로구 안내 > 역사와 연혁 > 종로구 역사 */
	.history{width: 310px;}
	.history > ul{margin-left: 20px}
	.history > ul:first-child{margin-left: 0}
	.his_con{width: 90px;}
	
	/* 종로구 안내 > 구상징  */
	.wrap0603030301{padding:120px 0 0 0;background-position: center top}
	.wrap0603030301 .ml170{margin-left: 0 !important}
	

	
	/* 구정정보 > 중장기 기본계획 */
	.longterm{height: auto;border-bottom: 0}
	.longterm dl{float:none; width: 100%;border-bottom: 1px solid #E7E7E7;}
	.longterm dl.first{border-right: 0}
}


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

/* 페이지 만족도 */	
	#page_confidence .message_text{width:100% !important; box-sizing:border-box;}

/* 게시판 - 검색1(기본) */	
	.bbs_search{padding: 9px 5px}
	.bbs_search .search_right{float: none}
	.bbs_search .board1{width: calc(100% - 59px);padding-left: 0;text-indent: 5px}
	
	.bbs_search select.mg_sel{display: inline-block;;width: 150px}
	.space{display: block;}

/* 게시판 - 검색2(통합) */
	.sh_set{padding: 10px;}
	.sh_set .form_set{margin-bottom: 5px}
	.sh_set .submit_set{position:relative;top:inherit;right: inherit;float:none;width:auto;   margin: 0 auto;text-align: center;}

/* 버튼 - 홈페이지 바로가기 */	
	.cont_box_type_s1 .btn2 a, 
	.cont_box_type_b1 .btn2 a{padding-right: 8px; background-image: none;background-color: #2a89c5;border-radius: 3px;border: 1px solid #1670a9;margin-left: 0 !important}	
	.cont_box_type_s1 .btn2 a span, 
	.cont_box_type_b1 .btn2 a span{height: auto;background: url(/portal/open_content/images/2017new/common/arr01.gif) right 50% no-repeat;}	

/*************************  Login ************************************/	
	.log_in2{padding-bottom:90px ; background: #f7f7f7 url(/portal/open_content/images/member/login_bg1.gif) 99% 99% no-repeat;background-size: 200px}
	.login_box dl dd input{width: 96% !important;}

/************************* Join ************************************/	
	.member_guide{background: none}
	.member_guide p.txt{margin: 0}
	
	
		.join_step{height:116px;background-size: auto;background-position: center}
	.id_step_1{background-image: url(/portal/open_content/images/join/id_step_1_mb.gif);background-size: 100%;}
	.join_step_1 {background-image: url(/portal/open_content/images/join/join_step_1_mb.gif);}
	.join_step_2 {background-image: url(/portal/open_content/images/join/join_step_2_mb.gif);}
	.join_step_3 {background-image: url(/portal/open_content/images/join/join_step_3_mb.gif);}
	.join_step_4 {background-image: url(/portal/open_content/images/join/join_step_4_mb.gif);}


/*************************  SUB1 ************************************/	
 	/* 민원조회 > 보차도 굴착/정비공개 */
	.hidip_img{padding: 57px 0 0 0;background-position: center 10px; }
	.hidip_img h5{text-align: center;}

/*************************  SUB2 ************************************/	
	/* 교육 > 평생교육 */
	.book_start{height: auto;padding:185px 0 0 0; background: url(http://www.jongno.go.kr/portal/open_content/images/education/book_start.jpg) center top no-repeat;}
	.book_start dt{text-align: center;}
	
	/*  재난안전 > 생활안전달력 (2017년) */
	.cal_list li{width:50%}

/*************************  SUB3 ************************************/
	/*  한지붕세대공감 > 한지붕세대공감  */
	
/*************************  INDEX4 ************************************/		
	/* 도시비우기 > 도시비우기란? */
	.city_bg{padding-top: 410px;background-size: 583px;background-position: center top;}
	
	/*  도시비우기 */
	.rg_pic1{position:relative;padding: 175px  0 0 0;background-position: center 35px}
	.rg_pic1 h4{position: absolute;top:0}
	.city4_bg2{position:relative;padding: 330px  0 0 0;background-position: center 35px}
	.city4_bg2 h4{position: absolute;top:0}
	
	
	
/*************************  SUB5************************************/	
	/* 구정소식 */
	.popban_con ul li{width: 43%;margin: 0 10px}
	
	/* 행정정보 공개 > 행정용어사전  */
	.wsearch{height: auto}
	.wsearchinner{width: auto;}
	.wsearchinner ol:after{content: "";display: block;clear: both}
	.wsearchinner ol{float: left;width: calc(100% - 85px);}
	.wsearchinner ol li{margin-bottom: 5px}
		
/*************************  SUB6 ************************************/	
	/*  자매/우호도시 > 국제교류  */
	ul.city_pic_box1{margin-bottom: 0}
	ul.city_pic_box1 li{float:none;width: 100%;margin: 0 0 10px 0 }
	ul.city_pic_box1 li img{width: 100%}
	
	/*  구정정보 > 기본현황 */
	
	.status_style2 > div{width: 150px;height: 80px}
	.status_style2 .result{width: 150px; height: 51px;background-size: 150px 100%;}
	.status_style2 .result li{background-position: 6px 11px;}
	
	/* 20190719 페이지상단 */
	.top_area1 > a{width:58px;}
	.top_area1 > a:nth-child(1),
	.top_area1 > a:nth-child(2),
	.top_area1 > a:nth-child(3){width:40px;}
	.top_area1 > a:nth-child(4){width:118px !important;}
	
	/*20231215 아동친화도시*/
	.city_child {padding:35px 15px; background-image:none;}
	.adv {flex-direction: column;}
	.adv_l {width:100%; padding:15px; text-align: left; box-sizing: border-box;}
	.adv_l span {margin-right:15px; text-align: center; vertical-align: middle;}
	.adv .adv_l p {display: inline-block; vertical-align: middle; text-align: left;}
	.adv_r {width:100%;}
	.city_child_story .year_list p {padding:15px;}
	.city_child_story .year_list ul {padding:15px;}
	.city_child_story .year_list ul li {width:100%; float:none;}
}

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

/*************************  Sitemap ************************************/	
	.sitemapArea ul{display:block;width:auto;padding: 0 10px}

/* 공공누리 */
	.kogl-box.type2{padding: 5px}
	.kogl-box.type2 .kogl-logo{display:inline-block;float:none;margin-bottom: 10px}
	.kogl-box.type2 .kogl-cont > div{display: block;float:none;height:auto;padding-right: 0px;}
	
/* 게시판 - 검색2(통합) */	
	.sh_set .input_txt{width: 69%}
	.cont_box_to dt{float: none}

/* 반응형 테이블  */	
	.respon-td li > span{width: 30%;}
	.respon-td li > em{width: 79%;}
	
/*  info */
	.info > p{height:auto; padding:5px ! important}
	.info .pic_info_1{height:auto; padding-left:10px;background-image:none;background-color:#fff;border-radius: 3px}
	.info .pic_info_2{padding-left:10px;background-image:none;background-color:#fff;border-radius: 3px}
	.info .pic_info_3{padding-left:10px;background-image:none;background-color:#fff;border-radius: 3px}
	.info .pic_info_4{padding-left:10px;background-image:none;background-color:#fff;border-radius: 3px}
	.info .pic_info_5{height:auto;padding-left:10px;background-image:none;background-color:#fff;border-radius: 3px}
	.info_bg1 .pic_info_5{height:auto;padding-left:10px;background-image:none;background-color:#fff;border-radius: 3px}

/*************************  SUB1 ************************************/	
	/* 마을공동체 > 마을공동체 사례집 */
	.town_book > div{width: 50%;}
	
/*************************  SUB2 ************************************/	
	/* 교육 > 평생교육 > 평생교육프로그램 */
	ul.life_edu1{text-align: center}
	ul.life_edu1 li{float:none;display:block;width: 99%;margin: 0  0 5px 0;}
	
	/* 좋은간판 */
	.divTable .table1 tr{width:47%;}

/*************************  SUB3 ************************************/	
	/* 아동/청소년복지 > 아동친화도시 */	
	.accept_tit{display: block;width: auto;height:auto; padding:10px;}
	.accept_tit .print_img{position: relative;top:inherit;left: inherit;text-align: center;margin-bottom: 10px}
	.accept_tit > .tit_txt{display: block;text-align: center;}
	.adv{padding: 10px 3px 3px 3px}
	.adv_l{position: relative;top:inherit;left:inherit;height:auto; margin: 0 auto 10px auto;}
	.city_child_tit{font-size: 22px}
	.yc_box{padding:10px}
	.yc_box1{background-image: none}
	.yc_box2{background-image: none}
	.yc_box3{background-image: none}
	.yc_box4{background-image: none}
	.yc_box_tit span{display: block}
	
	/*	한지붕세대공감 > 한지붕세대공감  */
	dl.fmly_bg1{height:82px; background-size: 310px}

/*************************  INDEX4 ************************************/	
	/* 도시비우기 > 추진방법 */
	.ch1_box1 .city4_bg1 > ul{text-align: center}
	.ch1_box1 .city4_bg1 > ul > li{float:none;display: inline-block;}
	
/*************************  SUB5************************************/		
	/*  행정정보 공개 > 조직정보 공개 */
	ul.iconj_list1{width: 100%;text-align: left}
	ul.iconj_list1 li{width: 33%;padding: 0 0 0 50px;margin-bottom:3px; height:40px; background-size: 40px;background-position: left;text-align: left;}
	ul.iconj_list1 li + li{background-size: 40px;background-position: left;}
	ul.iconj_list1 li + li + li{background-size: 40px;background-position: left;}
	ul.iconj_list1 li + li + li{background-size: 40px;background-position: left;}
	ul.iconj_list1 li + li + li + li{background-size: 40px;background-position: left;}
	ul.iconj_list1 li + li + li + li + li{background-size: 40px;background-position: left;}
	
	/*  통계정보 > 통계연보 */
	.ebook_photo ul li{width: 50%}
	
	/* 입찰정보 > 입찰현황 */
	.q_duty li.line{height: auto !important;border-bottom: 0}
	.q_duty dl{float:none;width: 100%;border-bottom: 1px solid #D8D8D8;}	
	
	/*  행정정보 공개 > 사전정보공표 */
	.tabIcn li{width: 50%;}
	
/*************************  SUB6************************************/		
	/*  종로구 안내 > 부서안내 */
	.organization ul.organi_tab{margin: 0 3px 10px 3px;width: calc(100% - 6px);}/* 20210126 */
	.organization .organi_tab li.first, *:first-child+html .organization .organi_tab li.first{width: auto;padding:0;margin: 0 0 3px 0;background-image: none;background-color: #eaeaea;border: 1px solid #c8c9ca;}
	.organization .organi_tab li.end, *:first-child+html .organization .organi_tab li.end{width: auto;padding:0;margin: 0 0 0 0;background-image: none;background-color: #eaeaea;border: 1px solid #c8c9ca;}
	.organization .organi_tab li{display: block;width: auto !important;padding:0;margin: 0 0 3px 0;background-image: none;background-color: #eaeaea;border: 1px solid #c8c9ca;border-radius: 3px}/* 20210126 */
	.organization .organi_tab li.select{background-color: #ecf6fc;border: 1px solid #a4c0d3;}
	.organization .organi_tab li.select a{background: none}
	.organization .organi_tab li a{height:33px;line-height:33px; background: none}
	
	.box_bg3_bottom{background: url(/portal/open_content/images/2017new/common/bg_tab_notice.gif) left -4px repeat-x;}
	.box_bg3_bottom #tab_notice{width: 280px;background-position: left -3px}
	#tab_notice h4.tit01{width: 50px;left:0px}
	#tab_notice h4.tit01 >a >img{width:105px;max-width: inherit;margin-left: -29px;}
	#tab_notice h4.tit02{width: 91px;left: 52px;}
	#tab_notice h4.tit02 >a >img{width:105px;max-width: inherit;margin-left: -10px}
	#tab_notice h4.tit03{width: 71px;left: 145px;}
	#tab_notice h4.tit03 >a >img{width:105px;max-width: inherit;margin-left: -20px}
	#tab_notice h4.tit04{width: 74px;left: 216px;}
	#tab_notice h4.tit04 >a >img{width:105px;max-width: inherit;margin-left: -18px}
	#tab_notice div{margin-top: 50px;margin-left: 0}	
	.bt03 li > a{display: inline-block; width: 270px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

	/*  구정정보 > 기본현황 */
	.status_style2{width:50%;}
	
	/* 사이버홍보관 > 행정자료실 */
	.ebook_title{position:relative;width:auto;min-height:48px; padding: 10px 0 0 0;}
	.ebook_title >  img{display: block;position:relative;left: inherit;top:inherit;margin: 0 auto}
	.ebook_title span{display: block;position: relative !important;}
	
	/*  */
	.c_org {background: url(/portal/open_content/images/introduction/bg_org11.gif) center top no-repeat;}
	.c_org ol.org_6 > li{width: 250px;margin: 0 auto 10px auto}
	.c_org dl.org_3{padding-bottom: 55px}
	.c_org .pop_4{left:-23px;}
	.c_org ol li ol li.end{padding: 0}
	.c_org ol li ol li ol li.end{padding: 0 0 10px 27px;}
	

}

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

	/* header */
	.top_area1 ul.top_cals1{display: none}
	.top_area1 > a{width: calc(100% / 6 - 1px);}

	.sel_box{float: none;width: 100%;height: 32px}
	.sel_box > div{padding: 0 55px 0 10px;border-left: 0;}
	.sel_box.sel_item3{border-bottom: 1px solid #5d6580;}
	.btn_site{top:0}

	
	#page_confidence dd label{padding-right: 4px;}
	
	
	.paging_con ol{display:block;height:24px;padding:5px 0;}
	.paging_con ol, 
	.paging_con li{height: 24px;}
	.paging_con li a, 
	.paging_con span, 
	.paging_con strong{width:24px;height: 24px;line-height:24px}


/*************************  Main ************************************/	
	.cont_area2{height: 558px}
	.cont_area2 h3 a{font-size: 12px;letter-spacing: -1px}
	.cont_area2 .issue_con{top:155px}
	.cont_area2 .issue_con li{width: 50%;margin-bottom: 10px}
	.cont_area2 .issue_con li a .issue_title{margin-bottom: 5px}
	.cont_area2 .issue_con li.more{top:-24px}
	
	.sphere h3 a{font-size: 12px;letter-spacing: -1px}
	
	.city3_bg1 ol li{width: 50%;height: 69px}
	.city3_bg1 ol li img{height: 100%}
}

@media screen and (max-width:400px) {
/* layout */
	.wrap_sub{background-size: 100% 31px;}
	
	.btn_mob_gnb{left:10px}
	.btn_mob_sch{right: 10px;}
	.header_box .logo{width: 130px;padding:22px 0 0 0}
	.header_box .logo img{max-width: 100%}
	
/************************* Join ************************************/	
	.join_step{background-size: 100%;}


/*************************  Main ************************************/	
	/* .link_list ul li{width:24%} */
	
	.link_list ul li{width:19%}
	.link_list ul li.lk_item11{width:24%}
	.link_list ul li.lk_item15{width:24%}
	.link_list ul li.lk_item13{width:24%}
	.link_list ul li.lk_item14{width:24%}
	
	.notice{height: auto}
	.popup_cont{height: auto}
	.contents_pop{padding: 20px 0 10px 0;}
	.contents_pop h2{text-align: left;margin-left: 30px}
	.sphere_link{padding: 20px 10px 0 17px;}
	.sphere_link li a{padding: 0 0 0 9px;font-size: 12px}
	.sphere_link li.icon_item a{    padding: 0 0 0 9px;font-size: 12px}

	/* 검색창 */
	.search_area > div{padding:19px 7px 0 7px}
	.search_area > div > form{overflow: hidden;}
	.search_area > div > form > fieldset{padding: 0 38px 0 96px}
	.search_area input.img_submit{top:-2px;right: 7px}
	.search_area select.input_select{left: 10px}
	.search_area input.input_sch_txt{width: 99%}
	
	
	/* 게시판 - 검색2(통합) */	
	.sh_set .input_txt{width:56%}

/*************************  Login ************************************/	
	.login_box{padding:0;height: auto}
	.login_box dl dd input { width: 96% !important;}
	.login_btn{position: relative;right: inherit;width: auto;text-align: center;background-color: #2762cc;height: 48px;overflow: hidden;border-radius: 6px}
	.login_btn input{margin-top: -1px;margin-left: -3px;}
	.log_in2{padding-bottom:30px ; background: none}

/*************************  Join ************************************/	
	/* 본인인증 */
	/* #form_chk > div{width: 87% !important;}
	#frm .text_area_2{margin-left:0} */
	
	.rbox_bg1{padding: 10px}
	.rbox_bg1 label{display: block;float: none;margin-bottom: 5px}
	.rbox_bg1 input{display: block;float: none;width: 98%}
	.rbox_bg1 p.deco{padding: 0}

/*************************  SUB2 ************************************/	
	/*  건축/주택 > 건물옥상 녹화사업 */
	.pho_ba{margin-left: 0;margin-bottom: 20px}
	.pho_ba li.fir{padding-left:0 !important;}
	.pho_ba li{float:none; width: 100%; padding: 30px 0 0  0  !important;background: url(/portal/open_content/images/common/bul/arrow_style01_2.gif) top center no-repeat !important;}
	.pho_ba li img{max-width: inherit;width: 100%;margin-bottom: 5px}

	/* 운동정보 - 운동하는 종로 만들기란?  */
	.exercise-sign{padding: 15px 10px 30px 10px;}
	.exercise-info > div{margin: 0 10px 10px 10px;}
	.right-box div{background: none}
	
	/*  재난안전 > 생활안전달력 (2017년) */
	.cal_list li{float:none;width:100%;margin-bottom: 0}

/*************************  SUB3 ************************************/	
	/* 여성/가족/다문화 > 다문화가족지원센터  */
	.da_mainbusi>li{width: 100% }
	
/*************************  SUB4************************************/		
	/* 세운4구역 정비 > 개발계획 > 기본추진절차 */
	.step_city > li{margin-bottom:15px; border-bottom: 1px solid #a2a6d0}
	.step_city li dl.step_obj{padding: 0;margin-bottom: 0}
	.step_city li dl{float: none}
	.step_city li dl.step_obj > dt{position: relative;left:inherit;margin-bottom: 10px;text-align: center}
	.step_city li ul.step_obj_con li dd{width: auto;margin: 0}
	.step_city li ul.step_obj_con li dt{float: none;margin: 0;padding-bottom:10px;text-align: center}
	
	/*  재개발 > 주택 재개발 절차 */
	.text_area_2.v2 .text_area_3{margin-left: 0;}
	.step_area.v2 .step_obj{padding: 0}
	.step_area.v2 > li{margin-bottom:15px; border-bottom: 1px solid #a2a6d0}
	.step_area.v2 li dl.step_obj > dt{position: relative;margin-bottom: 5px;text-align: center}
	.step_area.v2 li ul.step_obj_con dt{text-align: center}
	

/*************************  SUB5************************************/	
	/*  행정정보 > 구정소식 */
	.popban_con ul li{width:100%;margin: 0 0 10px 0;height: auto;text-align: center}
	.popban_con ul li img.timg{width:99%;height: auto }
	

	/*  행정정보 공개 > 조직정보 공개 */
	ul.iconj_list1 li{padding: 0 0 0 45px;}
	ul.grap_list1 > li:last-child{width: 320px;}
	ul.grap_list1 > li .garpt1_area{width: 320px;}
	ul.grap_list1 > li .garpt1_bg{width: 320px;}
	ul.grap_list1 > li .garpt1_bg .garpt1{width: 320px;}
	ul.grap_list3 > li:last-child{width: 320px;}
	ul.grap_list3 > li .garpt3_area{width: 320px;}
	ul.grap_list3 > li .garpt3_bg{width: 320px;}
	ul.grap_list3 > li .garpt3_bg .garpt1{width: 320px;}
	ul.listj_tit1{right: 0}
	
/*************************  SUB6 ************************************/		
	/* 종로구 안내 > 역사와 연혁 > 종로구 역사 */
	.history{width: 260px;}
	.history > ul{width:80px;margin-left:10px}
	.history > ul:first-child{margin-left: 0}
	.his_con{width: 90px;}
	
	/*  종로구 안내 > 구상징   */	
	.br_li li{width: 50%;}
	.c_org dl.lt3{top:222px;}
	.c_org .result_pop{width: 124px;}
	.c_org .result_pop li.end{width: 115px}
	
	/* 종로구 안내 > 구청 > 구청사안내 */
	.tab_sub li a{display: table;width: 100%;padding:0}
	.tab_sub li a span{display: table-cell;width: 100%;height: 100%;height: 38px;letter-spacing: -2px;vertical-align: middle;}
	.site_tab li a .tab_cont{font-size: 12px;line-height: 15px}
	
	

}
@media screen and (max-width:340px) {
	/*  통계정보 > 통계연보 */
	.ebook_photo ul li{width: 100%}
	
	/*  구정정보 > 기본현황 */
	.status_style2{width: 100%}
}

@media screen and (max-width:320px) {
	#wrap{width: 320px;min-width: 320px}

/* 게시판 - 검색2(통합) */	
	.sh_set .form_set .txt{height: auto}
	.sh_set .search_txt_sel{margin-bottom: 5px}
	.sh_set .input_txt{display: block;width: 99%;}
}
	
/* 사파리 크롬 오페라 핵 */
@media screen and (-webkit-min-device-pixel-ratio:0){
	.c_org .result_pop li.end {letter-spacing: -1px;}
	.d_org ol li ul li{letter-spacing: -1px;}
	.c_org ol li .tel_view{letter-spacing: -1px;}
}
	
/*20190103*/
@media screen and (max-width:1000px) {
	.main_container{padding-top:0}
	.main_box1{padding-top:0}
	.search_page .main_container{padding-top:30px}
}

/*20190619*/
@media screen and (max-width:1280px) {

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

}

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

}

@media screen and (max-width:740px) {
	.development-agreement{background:none;}
	.development-agreement p.txt{position: relative;background:none;float:none;width:auto;margin:10px auto;}
	.development-agreement p.txt span{width:130px;float:none;margin:0 auto;}
	.development-agreement .txt-list3{text-align:center;}
	.development-agreement .txt-list3:before{display:none;}
	.development-agreement .txt-list3 > li{float:none;display:inline-block;margin:10px;width:calc(100% - 20px);}
	.development-agreement .txt-list3 > li > dl.blue-bg:before{display:none;}
	.development-agreement .txt-list3 > li > dl.yellow-bg:before{display:none;}
	.development-agreement .txt-list3 > li > dl{width:100%;}



}

@media screen and (max-width:640px) {
	.list2-box{background:none;}
	.list2-box > dl{width:calc(100% - 42px);margin:0 20px;margin-bottom:20px;}
}

@media screen and (max-width: 600px){
	.bor2{border:0;}
	.bor2 ul li{float:none;width:auto;border:1px solid #dfdfdf;margin:5px 0;}
	.bor2 ul li p.img{display:block;padding:20px 0;}
	.bor2 ul li p.img span{display:inline-block;height:auto;}
}


@media screen and (max-width:500px) {
	.c_org ol li ol {
	    height: 65px;
	}
	.c_org ol li ol li {
	    width: 45%;
	    float: left;
	}
}

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

}

@media screen and (max-width:380px) {
	/* 20190719 페이지상단 */
	.top_area1 > a:nth-child(1),
	.top_area1 > a:nth-child(2),
	.top_area1 > a:nth-child(3){width:30px;}
	.top_area1 > a:nth-child(4){width:119px !important;}
}