<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

body {margin:0; padding:0; font-family:"돋움","굴림" ; font-size:12px; background-color:#fff; }
img {border: none;}
img, input {vertical-align:middle;}
.png24 { tmp:expression(setPng24(this));}
ul, ol, li, dl, dt, dd, p, span, h1, h2, h3, h4, h5, h6, table, form, select{ margin:0; padding:0; }
ul,ol,dl { list-style:none;}

/*link*/
a:link, a:visited, a:hover, a:active { text-decoration: none; } 

/* CSS Document */
#warp {position: relative; margin:0 auto; width:100% }
#sub_header { position:relative; width:100%; height:125px; background:url(/images/mayor/top_bg.png) repeat-x; z-index:10 }
	#header { width:1060px; margin:0 auto;  }
	#h_top { width:1060px; height:75px; }
		.logo { float:left;}
		.usermenu { float:right; margin:30px 15px 0 0px;}
		.usermenu li { float:left; }
		.rolling_bn { float:right; }
	#gnb { height:50px; background:url(/images/mayor/main/gnb_bg.png) no-repeat}
	#gnb ul {margin:0; position:relative; width:100%;}
	#gnb ul li {display:inline; margin:0; padding:0; float:left;}
	#gnb ul ul {position:absolute; display:none; top:0; left:0;}
	#gnb #gnb01 {width:300px; margin:48px 0 0 30px;}
	#gnb #gnb02 {width:350px; margin:48px 0 0 180px;}
	#gnb #gnb03 {width:350px; margin:48px 0 0 450px;}
	#gnb #gnb04 {width:500px; margin:48px 0 0 700px; display:none}
	#gnb #gnb05 {width:350px; margin:48px 0 0 932px; display:none}
	#gnb #gnb06 {width:350px; margin:48px 0 0 470px;}

	#gnb ul li.on ul {display:block; left:0; }
	#gnb ul li.on ul li {margin:0 10px 0 0; padding:0 0 0 6px; background:url(/images/council/main/gnb/bl.gif) no-repeat 0 7px;}
	#gnb ul li.on ul li a {font-weight:normal; color:#000; white-space:nowrap;}
	#gnb ul li.on ul li.on  {background:url(/images/council/main/gnb/bl2.gif) no-repeat 0 7px;}
	#gnb ul li.on ul li.on a,
	#gnb ul li.on ul li a:hover {color:#117BC9; text-decoration:underline; font-weight:bold; }

#sub_visual { position:relative; height:190px; border-bottom: 1px solid #c5c5c5; background:url(/images/mayor/visual_bg.jpg) center no-repeat; top:-24px; text-align:center; }
#sub_container { position:relative; width:1000px;   margin:0 auto;  top:-24px; }
#container_warp { width:990px; margin:0 auto; min-height:540px;}
	#left_warp { float:left; width:280px; min-height:485px; background:url(/images/mayor/left_menu.gif) top no-repeat }

		#snb { position:relative; width:225px; margin-left:55px; float:left; text-align:left; z-index:3;}
		#snb h2 { position:relative }
	
		#snb_show {position:absolute; top:0; right:0; margin:58px 0 0 0px;}
		#snb .depth01 {width:225px; margin-top:10px}
		#snb .depth01 li {position:relative; display:block; font-size:13px; width:225px; background:url(/images/mayor/left_m_nor.png) no-repeat; }
		#snb .depth01 li.close .depth02 {display:none;}
		#snb .depth01 li.on {font-weight:bold; color:#000; background:url(/images/mayor/left_m_over2.png) no-repeat 0 0;}
		#snb .depth01 li a {padding: 14px 0px 8px 20px; font-weight:bold;}
		#snb .depth01 li.on a {color:#fff;}
		#snb a {display:block;}
		#snb .depth01 ul li a:hover {background:url(/images/mayor/left_m_over2.png) no-repeat; color:#000}

		#snb .depth01 li.more a {background:url(/images/www/sub/more.gif) no-repeat 160px 20px;}
		#snb .depth01 li.more ul li a {background:none;}

		#snb .depth01 .depth02 {margin:10px 0 3px 0;}
		#snb .depth01 .depth02 li {padding:0 0 0 8px; color:#fff !important;font-weight:normal !important;border:none; background:url() no-repeat;}
		#snb .depth01 .depth02 li.on {font-weight:bold; color:#0066cc;}
		#snb .depth01 .depth02 li a {padding: 5px 0px 8px 20px; font-weight:bold; color:#525252;}
		#snb .depth01 .depth02 li.on a {color:#0066cc;}
	
	#contents { float:left; width:690px; margin-left:20px; }
		#location{ position:relative; width:690px; height:55px; border-bottom: 1px solid #ddd }
		#location .title{ float:left; background:url(/images/mayor/blut.png) no-repeat; padding:24px 0 0 55px; font-weight:bold; font-size:18px; color:#015a91 }
		#location .txt{ float:right; height:15px; color:#454545; background:url(/images/mayor/home_blut.gif) no-repeat; margin-top:-20px; padding-left:20px }
		#location .txt span { font-weight:bold; color:#015b94 }


		#content_top {position:relative; width:690px; height:44px; padding:0px; background:url(/images/mayor/sub/content_top_bg.gif) no-repeat 0 100%; z-index:2; }
		
			ul#social_icon { float:left; width:300px; bottom:0; right:0; margin: 2px 0 0 0;}
			ul#social_icon li {float:left; padding:0 0 0 5px;}
			ul#content_util {position:absolute; bottom:0; right:0; margin:20px 0px 15px 0; z-index:2;}
			ul#content_util li {float:left;}
			
		#content {position:relative; width:680px; padding:0; margin:20px 0 0 5px; z-index:1;}
		
			dl#four_depth_nav {position:relative; width:100%; margin:15px 0; background:url(/images/www/sub/4depth/bg_dotted_line.gif) repeat 0 -5px; overflow:hidden;}
			* html dl#four_depth_nav,
			*+html dl#four_depth_nav {margin:15px 0;}
			dl#four_depth_nav dt {display:none;}
			dl#four_depth_nav dd ul {margin:0; overflow:hidden;}
			dl#four_depth_nav dd ul li {margin:0 0 4px 0; padding:0; background:none; float:left;}
			dl#four_depth_nav dd ul li a {margin:0 0 0 2px; padding:0 0 0 9px; color:#454545; line-height:1; text-decoration:none; cursor:pointer; background:url(/_layout/images/www/sub/4depth/bg_header.gif) no-repeat 0 0; float:left;}
			dl#four_depth_nav dd ul li a span {display:block; padding:8px 9px 6px 0; background:url(/_layout/images/www/sub/4depth/bg_tail.gif) no-repeat right top; color:#444; line-height:1; white-space:nowrap; float:left;}
			dl#four_depth_nav dd ul li.on a {background:url(/_layout/images/www/sub/4depth/bg_header_on.gif) no-repeat 0 0;}
			dl#four_depth_nav dd ul li.on a span {font-weight:bold; letter-spacing:-1px; background:url(/_layout/images/www/sub/4depth/bg_tail_on.gif) no-repeat 100% 0;}
		
			dl#five_depth_nav {position:relative; background-color:#F7F7F7; border:1px solid #DFDFDF; clear:both; float:left;
			margin:0 0 10px; padding:8px; width:600px;}
			dl#five_depth_nav dt {visibility:hidden; font-size:0; line-height:0; height:0; overflow:hidden;}
			dl#five_depth_nav dd ul li {background:url(/images/www/icon/n01-5.gif) no-repeat left 6px; 
			float:left; margin:0 15px 0 0; padding:0 0 0 7px;white-space:nowrap;}
			dl#five_depth_nav dd ul li.on {font-weight:bold;}

			.sitemap { width:720px; }
				#sitemap_menu_282, #sitemap_menu_566, #sitemap_menu_3165 { height:120px;}
					.level2_menu { padding:0 0 80px 30px; } 


		#content_bottom {width:690px; padding:0 0 40px 0; margin:0 0 0 5px;}


#sub_footer{ clear:both;position:relative; width:100%; border-top: 1px solid #ddd; text-align:center }
#sub_footer_warp { width:1060px; height:95px; margin:0 auto}
	#f_logo{ float:left;}
	#f_copy{ float:left; width:540px }
	#f_copy li{ position:relative;}
	#f_copy li li{ float:left;}
	#f_family{ float:right; padding:20px 10px 0 0}



/* 링크 새창 알림 아이콘 설정 */
#gnb ul ul a.new_win {padding:0 29px 3px 0; background:url(/images/common/icoNewWin2.gif) no-repeat right top;}
#snb a.new_win {padding:0; background:url(/images/common/icoNewWin5.gif) no-repeat 140px 4px !important;}
#snb ul.depth02 a.new_win {display:inline-block; padding:0 20px 0 0; background:url(/images/common/icoNewWin5.gif) no-repeat 100% 4px !important;}

/* board_style */
.list_table {background:url(/images/board/board_thead_05.gif) no-repeat;}

/* qr code */
#qrcode { border:1px solid #b3d8e7; float:left; clear:both; width:680px; margin-top:20px; padding:0; height:140px; }
#qrcode dt { position:relative; float:left; top:16px; left:150px;}
#qrcode .img { position:relative; top:-60px; left:7px; }
#qrcode .img img { width:120px; height:120px; border:3px solid #0099cc; }
#qrcode .txt {  position:relative; top:26px; left:150px;}
#qrcode .txt span { color:#ff7200; font-weight:bold;}

</pre></body></html>