*{margin:0; padding:0;}
	body{font-family:'Noto Sans KR', sans-serif !important;word-break:keep-all;}
	img{margin:0; padding:0;}
	a{text-decoration:none; color:#262626;}
	a:hover{color:#262626;}
	ul{list-style:none;}
	a img{border:0;}
	.center{width:1200px; margin:0 auto;}

	.utile{width:100%; height:30px; background-color:#0162b3;}
	.utile ul{height:30px; line-height:30px; float:left; }
	.utile ul li{float:left; padding:0 21px; background:#ffd503;}
	.utile ul li:first-child{background:#18883e;}
	.utile ul li:nth-child(2){background:#002b77;}
	.utile ul li:last-child{background:#303030;}
	.utile ul li a{font-size:14px; color:#e6e6e6;}
	.utile ul li a:hover{color:#fff; font-weight:400;}

	.nav{width:100%; height:70px; background-color:#ffffff; padding:10px 0 0; border-bottom:1px solid #4f3b00;}
	.nav .logo{ float:left; z-index:999999; padding-top:3px;}
	#top_menu{position:relative; height:70px; text-align:center; float:right;}
	.gnb dt{visibility:hidden; font-size:0; line-height:0; width:0; height:0; overflow:hidden;}
	.gnb .gnbA{display:inline-block; text-align:center; position:relative; float:left;}
	.gnb .gnbA > a{display:block; color:#111; font-size:20px; font-weight:600; letter-spacing:-0.5px; padding:20px 10px 30px; margin:0 15px;line-height:18px; min-width: 130px;}
	.gnb .gnbA:hover > a{color:#006fcf;}
	.gnb .gnbA.on > a{color:#5258a4;}
	.gnb .gnbB{position:absolute; top:70px; left:0; z-index:100; display:none; width:100%; box-sizing:border-box; background-color:#fff;}
	.gnb .gnbB > li{ border-bottom:1px solid #eee; border-right:1px solid #eee; border-left:1px solid #eee; text-align:left !important;}
	.gnb .gnbB > li:first-child{border-top:1px solid #eee;}
	.gnb .gnbB > li > a{background:url("/images/mayor/main_imsi/gnbB.png") no-repeat left center; display:inline-block; line-height:50px; font-size:16px; height:52px; transition:all 0.3s ease 0s; position:relative; padding:0 10px; margin-left:15px;}
	.gnb .gnbB > li:hover, .gnbB > li.on > a{color:#000; font-weight:400; background-color:#c1e3ff}
	.gnb .gnbB > li > a.newwin{position:relative; }
	.gnb .gnbB > li > a.newwin > span{position: relative; top:9px; right:0; background:url("/images/mayor/main_imsi/gnb_bg.png") no-repeat 0 -289px; width:15px; height:10px; text-indent:-99999px; display:inline-block; margin-left:5px;}
	.gnb .gnbB > li > a.newwin:hover > span{background-position:0 -568px;}
	.gnb .gnbB1 {margin-left:0;}
	.gnb_bg{position:absolute; top:159px; left:0; width:100%; display:none; height:200px; background-color:#fff; border-bottom:1px solid #5258a4; z-index:90;}
	 #mobile_nav{display:none;}
	.btn_menu_m a{display:none;}
	#aside_m{display:none;}

	/* .ico_new{background: url(/images/www/sub/icoNewWin5.gif) no-repeat 95% 15px !important;} */

	/* 콘텐츠 */
	#contents_box{width:1200px;height:100%; margin:0 auto; clear:both;}
	#content_box{width:100%; clear:both;}
	
	/* 레프트메뉴 */
	#snb{position:relative; top:0; width:23%; float:left; margin:0; padding:0;  background:#FFF; border:1px solid #dddfe1; border-top: 0; border-bottom:0}
	#snb h1{border-bottom:1px #013968 solid; position:relative; clear:both; width:100%; letter-spacing:-1px; text-align:center; padding:44px 0 44px 0; font-size:26px; font-weight:500; color:#fff;		
	background:#094e89 url('/images/mayor/sub/left_title_2206.png') no-repeat right bottom; z-index:5; }
	#snb #snb_show{position:absolute; top:80px; width:16px; right:5px; height:15px; padding:0 5px 0 0; text-align:right; z-index:5;}

	#snb #snb_show a{color:#FFF;}
	#snb #snb_show a:hover{color:#fff000; }
	#snb #snb_show img{vertical-align:-3px;}

	#snb .depth01{position:relative; width:100%; }
	#snb .depth01 li.close .depth02 {display:none;}
	#snb .depth01 li {display:block;  color:#FFF; font-size:15px; border-bottom:1px solid #d8d6d6; margin:0; font-weight:400; padding:14px 10px 14px 20px; }
	#snb .depth01 li a{color:#555c63; background:url("/images/mayor/sub/lm_arrow.png") no-repeat 97% 50%; }
	#snb .depth01 li a:hover {color:#338b00;}
	#snb .depth01 li.on {display:block; background:#338b00; color:#fff;}
	#snb .depth01 li.on a {color:#fff; font-size:16px; background:url("/images/mayor/sub/lm_arrow_on.png") no-repeat 97% 50%; }
	#snb a {display:block;}
	#snb .depth01 ul li a:hover {text-decoration:underline;}
	#snb .depth01 li.more ul li a {background:none;}
	#snb .depth01 .depth02 {display:block; font-size:12px;  }

	#snb .depth01 .depth02 {background:#FFF; margin:14px -10px -12px -20px; padding:14px 0 20px 10px; }
	#snb .depth01 .depth02 li {width:90%; line-height:19px; font-size:12px;  padding:5px 0 0 10px; color:#6d6c6c; background:url('/images/www/main/notice_icon.gif') 0 12px no-repeat; border-bottom:0; margin:0 0 0 5px;}

	#snb .depth01 .depth02 li.on {width:100%; font-weight:bold !important;  font-size:12px; padding:5px 0 0 18px; color:#6d6c6c;background:url('/images/www/main/notice_icon.gif') 5px 12px no-repeat;border-bottom:0;  }

	#snb .depth01 .depth02 li a {color:#6d6c6c; text-decoration:none; font-size:14px; }
	#snb .depth01 .depth02 li.on {color:#3366ff; font-weight:bold; font-size:14px; margin:0;}
	#snb .depth01 .depth02 li.on a {color:#338b00; font-weight:bold; font-size:14px; margin:0 0 0 -3px;}

	/* #snb a.new_win {padding:0; background:url(/images/www/sub/icoNewWin5.gif) no-repeat right 0 !important;}
	#snb ul.depth01 a.new_win {padding:0 20px 0 0; background:url(/images/www/sub/icoNewWin5.gif) no-repeat 100% 4px !important;} */

	#snb2{display:none;}

	#sub_con{ width:73%; float:right;}

	#title_box{height:70px; border-bottom:1px solid #d8d6d6; position:relative; margin:40px 0 10px;}
	#title_box .title{position:absolute; top:0; font-size:30px; line-height:40px; color:#303030; padding-left:5px;}
	#title_box .title_navi{position:absolute; bottom:0; margin-bottom:5px; }
	#title_box .title_navi a{padding:0 5px; font-size:14px;}
	#title_box .excel_word{height:20px; margin-top:30px; float:right;}
	#title_box .excel_word > ul > li{float:left !important;}

	@media all and (max-width: 800px) {
		#snb{display:none;}
		#sub_con{width:100%; float:inherit;}

		#title_box .title{font-size:26px;}
		#title_box .title_navi{display:none;}
		#title_box{height:50px;} 
		#title_box .excel_word{margin-top:10px;}
		#title_box .excel_word > ul > li:nth-child(7), #title_box .excel_word > ul > li:nth-child(6), #title_box .excel_word > ul > li:nth-child(5){display:none;}
	}
	.list_table{background:url("/images/mayor/main_imsi/board_thead_bg.gif") center top repeat-x; }/* 게시판 헤더 배경이미지 */
	.list_table thead th{line-height:1.9 !important;}

	#content_bottom{margin:0 0 40px;}

	/* qr code */
	#qrcode{border:1px solid #b3d8e7; float:left; clear:both; width:100%; height:100px; margin-top:40px;}
	#qrcode dt{position:relative; top:12px; left:100px;}
	#qrcode .img{position:relative; top:-68px; left:5px;}
	#qrcode .img img{width:80px; height:80px; border:3px solid #555;}
	#qrcode .txt{position:relative; top:4px; left:100px; line-height:22px;}
	#qrcode .txt span{color:#ff7200; font-weight:bold;}
	#satisfaction_survey_form{padding-top:10px !important;}
	.page_admin2{margin-bottom:40px;}

	/* 주소 */
	.footer{clear:both; width:100%; height:56px; background:#191d22; padding:10px 0;}
	.footer	.f_list{text-align:left;}
	.footer .f_list > li{float:left; padding:0 12px; font-size:14px; color:#666;}
	.footer .f_list li:nth-child(1){padding-left:0;}
	.footer .f_list li:nth-child(4){width:100%; display:block; padding-left:0;}

@media all and (max-width: 1200px) {
	.center{width:100%; margin:0 auto;}
	.utile ul li{padding:0 12px;}
	.nav .logo{width:212px; height:35px; padding:5px 0 20px;}
	.gnb .gnbA{display:inline-block; text-align:center; position:relative; float:left;}
	.gnb .gnbA > a{font-size:16px; font-weight:600; padding:20px 10px 30px; margin:0 6px;}
	.gnb .gnbB > li > a{line-height:40px; font-size:13px; height:42px; padding:0 10px; margin-left:18px;}
	#mobile_nav{display:none;}
	.gnb .gnbB .gnbBc3 a{letter-spacing:-1px;}

	/* 콘텐츠 */
	#contents_box{position:relative; width:100%;}
	#content_box{position:relative;}
	#title_box{margin:10px 0;}
	#content{float:none; width:96%; margin:0 auto;}
	#content_bottom{float:none; width:97%; margin:0 auto 40px;}

	/* 주소 */
	.footer .f_list li:nth-child(1){padding-left:5px;}
	.footer .f_list li:nth-child(4){padding-left:5px;}
}

@media all and (max-width: 800px) {
	.utile{display:none;}
	.nav{position:relative;}
	.nav #top_menu{display:none;}

	/* 모바일 버튼 */	
.btn_menu_m a{display:block;width:40px; height:40px; cursor:pointer; float:right;  margin-top:10px; z-index:9999; background:url("/images/mayor/main_imsi/btn_gnb.png") no-repeat 0 0;}

/* 모바일 사이드메뉴 */
#aside_m{position:fixed; top:0; width:100%; z-index:99999; height:}
#aside_m .wrap_cen{float:right; padding:0; position:fixed; right:-200px; width:200px; height:100%; background:#303030; z-index:9999;}
#aside_m .wrap_cen >ul{float:right; width:200px;}
#aside_m .wrap_cen >ul >li{text-align:left; border-bottom:1px solid #111;}
#aside_m .wrap_cen >ul >li >a{display:block; padding:10px 20px; background:#303030 url("/images/mayor/main_imsi/allMenu_more_off.png") 90% center no-repeat; font-size:15px; font-weight:bold; text-decoration:none; color:#fff; letter-spacing:-1px;}
#aside_m .wrap_cen >ul >li.on >a{color:#ffd502; background:#303030 url("/images/mayor/main_imsi/allMenu_more_on.png") 90% center no-repeat;}
#aside_m .wrap_cen >ul >li.new_win >a{background:#303030 url("/images/common/icoNewWin3.gif") 90% center no-repeat}
#aside_m ul li ul{display:none; line-height:100%; background:#f5ffff}
#aside_m ul li ul li{position:relative; text-align:left; white-space:nowrap;}
#aside_m ul li ul li a{display:block; padding:10px 20px; color:#656565; text-decoration:none; font-size:14px; font-weight:bold; border-bottom:1px solid #e1e1e1}
#aside_m ul li ul li a.new_win{background:#f5ffff url("/images/common/icoNewWin3Gray.gif") 90% center no-repeat}
#aside_m .wrap_cen >ul.login_box >li{margin:15px; border:1px solid #e1e1e1}
#aside_m .wrap_cen >ul.login_box >li.on >a{color:#555}
#aside_m .login_box .new_win a{padding:7px; background:#f7f7f7 !important; font-size:13px; color:#555; text-align:center}
#aside_m .login_box .new_win a:active{padding: 8px 6px 6px 8px}
.bg_allmenu{display:none; position:fixed; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:999; cursor:pointer}

/* 모바일 메뉴
	.menu-button {position:absolute; display:block; background:url("/images/mayor/main_imsi/btn_gnb.png") no-repeat 0 0; width:40px; height:40px; cursor:pointer; float:right; right:0; top:22px; z-index:9999;}
	.menu-button .touch-button {position:absolute; z-index:999; top:0; right:0; width:40px; height:40px; display:inline-block;}
	#mobile_nav{display:block; background:#303030; position:relative; z-index:1000; overflow:hidden; width:100%;}
	.gnb{overflow:hidden; margin:0 auto; width:100%; max-height:0;}
	.gnb:after{content:""; display: table; clear: both;}
	.gnb.show{max-height:2000px; transition:1s;}
	.gnb li{overflow:hidden;}
	.gnb li a{position:relative; display:block; padding:8px 20px 8px; z-index:2; overflow:hidden; color:#fff; box-sizing:border-box; font-weight:bold; border-bottom:1px solid rgba(255, 255, 255, 0.2);}
	.gnb li ul{width:100%;}
	.gnb li ul li{position:relative; overflow:hidden;}
	.gnb li ul.show li{overflow:visible;}
	.gnb li ul li{display:block; float:left; width:100%;}
	.gnb li ul li a {display:block; background:#fff; color:#666; font-size:13px; font-weight:normal; border-bottom:1px solid #e9e9e9;}
	.gnb li ul li a:hover{background:#f1f1f1;}
	.gnb ul li ul li a{background: #bfbfbc;}
	.gnb li.first a{padding-left:20px;}
	.gnb li.last a{padding-right:20px;}
	.gnb li ul.mn_sub1 li.first, .gnb li ul.mn_sub2 li.first, .gnb li ul.mn_sub3 li.first, .gnb li ul.mn_sub4li.first, .gnb li ul.mn_sub5 li.first, .gnb li ul.mn_sub6 li.first{padding-left:0;}
*/

	/* qr code */
	#qrcode {display:none;}
	.page_admin2{margin-bottom:40px;}

	/* 주소 */
	.footer{height:20px; padding:10px 0;}
	.footer	.f_list{width:100%;}
	.footer .f_list > li{font-size:14px; height:14px; line-height:14px; text-align:center;}
	.footer .f_list li:nth-child(1){display:none;}
	.footer .f_list li:nth-child(2){display:none;}
	.footer .f_list li:nth-child(3){display:none;}
	.footer .f_list li:nth-child(4){display:block; padding:0; margin-top:0;}

	.satisfaction_survey{height:105px !important;}
	#page_admin dd.page_admin1 {padding:0 !important; width:270px !important;}
}