/* 반드시 들어가야 하는 스타일 시작 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none;}
blockquote:before, 
blockquote:after,
q:before, q:after {
	content: ''; 
	content: none;
}
table {
	border-collapse: 
	collapse;border-spacing: 0;
}
/* 본문 공통 */
body {
		color:#000;
		font:0.75em/1.5 AppleGothic, Sans-serif, 굴림, Gulim, Arial;
		margin:0 auto; padding:0 0 0 0;
		text-align:left;
}
body, div, ul, li, textarea, th, td, input, select, textarea {
	line-height:150%;
	font:1.0em/1.5 "Malgun Gothic", "맑은 고딕", 굴림, Gulim, Arial, AppleGothic, Sans-serif;
}
div, img {
	margin:0; padding:0;
}
a:link		{ color:#1058c3; text-decoration:none; }
a:visited	{ color:#1058c3; text-decoration:none; }
a:hover		{ color:#f09;    text-decoration:none; }
a:active	{ color:#1058c3; text-decoration:none; }
.sidebar a:link		{ color:#343434; text-decoration:none; }
.sidebar a:visited	{ color:#343434; text-decoration:none; }
.sidebar a:hover	{ color:#f09;    text-decoration:none; }
.sidebar a:active	{ color:#343434; text-decoration:none; }
/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */
hr { display:none;}
img { border:0;}
h1, h2, h3, h4 { margin:10px 0 15px 0; padding:0;}
h1 { font-size:1.7em; font-weight:bold;}
h2 { font-size:1.4em; }
h3 { font-size:1.2em; }
h4 { }
input, select { border:1px solid #ccc; color:#343434; background-color:#eaeaea;}
textarea {
	border:1px solid #ccc;
	color:#343434;
	background-color:#eaeaea;
	width:100%;
	height:150px;
	overflow:auto;
}
.submit	{
	border:1px solid #a0a0a0;
	color:#fff;
	background-color:#f36;
	font:bold 1.0em/1.5 "Malgun Gothic", "맑은 고딕", 굴림, Gulim, Arial, AppleGothic, Sans-serif;
	width:100%;
	padding:10px;
}
.input {
	width:100%;
}
/* 레이아웃 */
#container {
	width:752px;
	margin:0 auto; 
	padding:0;
	text-align:left;
	border:0px solid #f03;
}
#header { /* 헤더 */
	width:752px;
	text-align:left;
	overflow:hidden;
	border:0px solid #003;
	margin:0;
}
#head{}
#head img{height:100%;}
#body {
	clear:both;
	padding:0;
	width:752px;
	overflow:hidden;
	text-align:left;
	margin:0;
	border:0px solid #f03;
}
#content {
	border:0px solid #3ff;
	float:left;
	width:505px;
	min-height:420px;
	padding:42px 0 24px 60px;
	border-left:1px solid #000;
}	
#footer {
	width:752px;
	clear:both;
	text-align:center;
	margin:0;
	padding:0;
	border:0px solid #f03;
}
/* ***** Header ***** */
/* ***** content :: title ***** */
#title {
}
#article {
}
/* ***** footer ***** */
/* ***** title ***** */
#servicename {
	background-color:#1A4694;
	color:#eee;
	font-family:tahoma;
	font-size:48px;
	font-weight:bold;
	padding:2px 0;
	text-align:center;
	text-shadow: 1px 1px 6px #333;
}
#servicename a { 
	color:#eee;
	position:relative;
	top:-10px;
}
#serviceexplanation {
	padding:8px 70px 0 70px;
	font-size:20px;
	text-align:left;
}
/* ***** suggestion (아이디어/제안 관련) ***** */
.user-article {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	
	padding:10px;
	border:5px solid #ccc; padding:10px;
	border-width: 2px 5px 5px 2px;
	background-color:#f3f3f3;
	margin:20px 0 5px 0;
}
.user-article .cont {
	border:1px solid #dcdcdc;
	background-color:#fcfcfc;
	padding:10px;
	margin:15px 0 5px 0;
}
.user-article .photo_wrap {
	text-align:center;
	margin:10px 0;
}
.user-article .photo {
	max-width:600px;
	border:5px solid #333;
}
.user-article .turn-off { 
	float:right; 
	font-family: Tahoma; 
	font-size:11px;
	cursor:pointer;
	background-color:#1A4694;
	padding:5px;
	color:#fff;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
.user-article .status-on { }
.user-article .status-off { }
/* ***** Table - LIST ***** */
.list-table {
	width:100%;
	border-collapse:collapse;
	margin:0 0 20px 0;
	border-top:2px solid #818181;
	border-bottom:2px solid #818181;
}
.list-table tr th {
	border-width:1px;
	border-style:solid;
	border-color:#818181;
	height:28px;
	background:#f4f4f4;
	padding:5px;
}
.list-table tr td {
	border-width:1px;
	border-style:solid;
	border-color:#e6e6e6;
	height:27px;
	padding:0 4px;
	background:#fff;
	padding:5px;
}
.list-td-nodata	{
	text-align:center;
	height:120px;
}
.paging-div { 
	margin-top:11px;
	background-color:#f3f3f3;
	text-align:center;
	padding:14px 0;
}
.paging-link {
	padding:0 10px;
	cursor:pointer;
	font:11px tahoma;
}
.paging-selected {
	padding:0 10px;
	font:bold 12px tahoma;
}
.paging-btn {
	padding:0 10px;
}
.list-btn-div {
	margin-top:11px;
	text-align:right;
}
#pageInfo {
	font:11px 돋움;
}
/* ***** Table - INPUT ***** */
.input-table {
	width:100%;
	border-collapse:collapse;
	margin:0 0 20px 0;
	border-top:2px solid #818181;
	border-bottom:2px solid #818181;
}
.input-table tr th {
	border-width:1px;
	border-style:solid;
	border-color:#818181;
	height:28px;
	background:#f4f4f4;
	width:120px;
	text-align:right;
	padding:10px;
}
.input-table tr td {
	border-width:1px;
	border-style:solid;
	border-color:#e6e6e6;
	height:27px;
	padding:0 4px;
	background:#fff;
	padding:10px;
}
/* ***** font ***** */
.tahoma { font-family:tahoma;}
.verdana { font-family:verdana;}
/* ***** size ***** */
.s8 { font-size:8px;}
.s9 { font-size:9px;}
.s10 { font-size:10px;}
.s11 { font-size:11px;}
/* ***** and ***** */
.width-half {width:50%;}
.width-40 {width:40%;}
.width-35 {width:35%;}
.width-30 {width:30%;}
.width-25 {width:25%;}
.width-20 {width:20%;}
.width-10 {width:10%;}
.align-center { text-align:center;}
.align-left { text-align:left;}
.align-right { text-align:right;}
.float-left { float:left;}
.float-right { float:right;}
.shadow-inner {
	box-shadow:inset 0 0 12px #333;
	-moz-box-shadow:inset 0 0 12px #333;
	-webkit-box-shadow:inset 0 0 12px #333;
}
.rounded {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}
/* ***** btn ***** */
.btn { display: block; position: relative; background: #aaa; padding:5px; float: left; color: #fff; text-decoration: none; cursor: pointer;}
.btn * { font-style: normal; background-image: url(../images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }
.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.red { background: #f03; }
.btn:hover { background-color: #e1a; color:#fff;}
.btn:active { background-color: #444; }
.btn[class] { background-image: url(../images/shade.png); background-position: bottom; }
* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }
form p { margin:0; padding:0;}
form p .btn { margin-right: 1em; }
/* 인사말 */
.mayor{padding:20px 0;}
.mayor .img_area{}
.mayor .img_area img{width: 90%;max-width: 356px;padding-left: 5%;}
.mayor .text_area{padding: 10px 2%;width: 96%;}
.mayor .text_area .sub_tit{padding: 30px 0;font-size: 23px;color: #474747;line-height: 28px;word-break: keep-all;}
/* main */
#main-content{}
#main-content .main_img{}
#main-content .main_img img{width:100%;}
#main-menu{background:url('../img/bg_home_content.png') repeat-x; text-align:center; padding:8px 0 0 0;}
#main-menu table{margin:10px auto;width:93.75%;max-width:600px;}
#main-menu table td{padding:10px;}
#main-menu table img{width:100%;}
.main_footer{margin:8px 0 0 0; background-color:#3b87c2; height:27px; padding:6px;font-size:13px;text-align:center;color:#fff;}