@charset "utf-8";
body{ 	background-color:#eceef2;	font:normal 12px/1.6  "맑은 고딕",나눔 고딕,nanum, dotum, Verdana, Arial, Helvetica, sans-serif; color:#363636;}
html, body {	margin:0; padding:0;}
form,input, select,td,p,a{	font: normal  12px/1.6  "맑은 고딕",나눔 고딕,  dotum, Verdana, Arial, Helvetica, sans-serif;	}

a { font:normal 12px/1.4  "맑은 고딕",나눔 고딕,  dotum, Verdana, Arial, Helvetica, sans-serif;	color:#363636;	text-decoration:none;}
a:hover{	color:#ed4a2e;	text-decoration:underline;	}
img{ border:0; vertical-align:middle; }
ul {} 
li{ list-style:none;}
.left{ float:left;}
.right{float:right;}
.clear{clear:both;}
iframe{ margin:0; padding:0;}

/*LAYOUT*/ 
.subBg{ background:url(/img/sub_bg.png) repeat-x #eceef2; }
#wrap{  margin:0 auto;/*center정렬*/ width:960px;}
#header{ 	margin:0 auto;/*center정렬*/ width:960px; height:80px; }
#subheader { margin: 0 auto; width:960px; height:189px; }
#container{ margin:10px 0 20px 0; width:960px; background-color:#ffffff;  background:url(/img/contents_bg.gif) repeat-y; }
#leftside{ margin:0 0 10px ; float:left;   width: 180px; }
#contents{ margin:0 0 30px 30px; float:left; width:750px;   }
#footer{ padding:0; width:956px; height:67px; border:1px solid #dfe1e5; background:#f7f8fa; clear:both;}

div.mainFlash{ margin: 40px 0 0 0 ; float:left; width:580px; height:420px; vertical-align:middle;} 
div.mainNews { margin:10px 0 0 0;  padding: 0; float:left; width:360px; }
div.down { margin:20px 0 0 0; padding:0; float:left; width:360px; }
div.works { margin:25px 0; padding:0;float:left;  width:360px; }
.copy { margin:15px; font-size:11px; color:#767676; vertical-align:middle;}

/*main*/
#t1,#t2, #t3{ background:url(/img/tab_bg.gif) repeat-x; }
ul.tab{ margin: 0 0 15px 0; padding: 0 1px 0 0; display:inline;  }
ul.tab li{ padding: 0 2px 0 0; list-style:none; float:left;}
ul.tab li.more{ float:right; }
ul.news{ margin:0; padding: 15px 0 0 0; clear:both; height:100px; }
ul.news li{ margin:0 ; padding:0 0 0 15px; list-style:none; background:0 2px url(/img/main/bullet1.gif) no-repeat; height:21px; color:#868686;}

/*리스트*/ 
ul.dp1{ margin:0; padding:0; } 
ul.dp1 li {margin:0; padding:0; list-style:none; } 
ul.dp2{ margin:0; padding:0; } 
ul.dp2 li {margin:0; padding:0; list-style:none; } 

ul.tabs {margin: 0 ; padding:10px; list-style:none; border: 2px solid #becdda; font-size:1.2em; }
ul.tabs li{ background:0 4px url(/img/bullet_list2.gif) no-repeat; margin:0; padding:0 15px; }
ul.tabs li a{ }

ul.tab1 {margin:30px 0 ; padding:0; list-style:none; }
ul.tab1 li{ margin:15px 0; padding:0; display:inline; float:left;  border-bottom: 2px solid #665852;}

ul.list1 { margin: 20px 0; padding:0; list-style: none; }
ul.list1 li{ margin: 7px 10px; padding:0 0 0 20px; background:0 2px url(/img/bullet_list1.gif) no-repeat; color: #003663; font:normal 12px/1.4  "맑은 고딕",나눔 고딕,  dotum, Verdana, Arial, Helvetica, sans-serif;	 } 
ul.list2 { margin: 5px 0 10px 0; padding:0; list-style: none; }
ul.list2 li{ margin: 5px 0; padding:0 0 0 10px  ; background:0 4px url(/img/bullet_list2.gif) no-repeat; color: #003663; font:normal 12px/1.4  "맑은 고딕",나눔 고딕,  dotum, Verdana, Arial, Helvetica, sans-serif;	 } 
ul.list2 li img{ padding: 0 5px 5px 0; vertical-align:middle;  }
ul.list3 { margin: 10px 0; padding:0; list-style: none; }
ul.list3 li{ margin: 5px 0 0 0; padding:0;  } 

h1{	margin:10px 0 0; 	padding:7px 0  0; height:38px; float:left; font:bold 16px/1.8   "맑은 고딕", 나눔 고딕,dotum, Verdana, Arial, Helvetica, sans-serif;}
h2{	margin: 0 0 10px 0; 	padding:20px 0 0 15px;	background:0 25px url(/img/bullet_h2.gif) no-repeat; font:bold 14px/1.6    "맑은 고딕",나눔 고딕,dotum, Verdana, Arial, Helvetica, sans-serif;}
h3{	color:#666;	font:bold 1.2em   "맑은 고딕",나눔 고딕, dotum, Verdana, Arial, Helvetica, sans-serif;}



/*컨텐츠*/ 

p.location { margin: 0; height:30px; float:right; font-size: 11px; color: #999;}
p.titleImg { margin: 10px 0 0 0; padding: 0 0 20px 0;  background: 0 45px url(/img/title_line.gif) no-repeat; height:40px;  }
p.txtImg { margin: 30px 0 0 0; }
.familysite{  margin:-45px 10px; padding:0; float:right; } 
p.leftFlash{ margin: 0 0 0 -7px;}
.underline { border-bottom:1px solid #d9dbde; }
div#contents p img{ margin: 10px 0 20px; padding:0;  }

/*board*/
table.bbsHeader { margin:0 0 5px 0; padding:0;  border:0; height:36px; width: 750px;  }
table.bbsHeader tr th{ color:#463635; font:bold ; background: url(/img/board/header_bg.gif) repeat-x;  height:36px; }
table.bbsList { margin:0; padding:0;  border:0; width: 750px;  }
table.bbsList td{ padding: 4px; border-bottom:1px solid #ccc; color:#363636; }
table.bbsList td.date{ text-align:center;}
table.bbsList td.subject{ text-align:left;}
table.viewHeader { margin:0 0 5px 0; padding:0;  border:0; height:36px; width: 750px;  }
table.viewHeader tr th{ padding: 0 0 0 10px;  color:#463635; font:bold ; background: url(/img/board/header_bg.gif) repeat-x; text-align:left;  }
table.bbsList td.view{ padding: 15px; height:300px; vertical-align:top;   font: normal 12px/1.8 dotum,Tahoma, Geneva, sans-serif ;}
div.attList{  border-top: 1px solid #CCC;  padding:5px; }
div.att{  border-bottom:1px solid #ccc; width:370px; display:inline; float:left;}
span.attImg{ margin: 10px 5px;width:130px; height:150px; }
span.attImg img{  padding: 15px 5px ; width:115px; height:146px; float:left; }
div.att ul.attcont{ padding:0; list-style: none; float:left; }
div.att ul.attcont li{padding: 2px ;}
div.att ul.attcont li img{padding: 0 10px 0;}

div#search { margin: 0; padding:5px ; } 
div#paging{  margin: 10px 0; padding:10px 0;  width:750px; text-align:center; }
div#paging span img{ vertical-align:middle; }
div#paging span.select { padding: 2px 3px; background-color: #FFF; font: bold 12px Tahoma, Geneva, sans-serif ; color:#F60; }

div.sitemap{ margin:5px; padding:10px 7px; display:inline; float:left; width:21%;} 
div.sitemap p{ padding:5px 0; border-bottom:2px solid #becdda; font:bold 1.2em/1.6 "맑은고딕",dotum,tahoma,Geneva ;}

/*admin*/
.adminLeft{ margin:30px 0 0 10px; border:1px solid #ccc; } 


.year_img{ padding: 0 20px; clear:left; } 
dl.year {display:inline; float:left; margin: 15px 10px;  }
dl.year dt{ padding: 5px 0;  font:bold 1em/1.8   "맑은고딕",dotum,tahoma,Geneva ;}
dl.year dd{ margin:-26px 0 0 60px;; }

.tabLine{ border-bottom:1px solid #6b99b8; }