@import url(popup.css);       /* 팝업 업데이트 */


/* body 공통 속성 */

body,div,ul,li,dl,dt,dd,ol,p,h3,h4,h3,h4,h5,h6,form {margin:0;padding:0}
* {font-family:normal dotum,'돋움';}
ul,ol,dl {list-style:none}
img {border:0;vertical-align:top; display:block;}
ul {list-style:none; padding:0; margin:0;}
html { height:100%; }
table { border-collapse:collapse; border-spacing:0; }
table,td,th,ol,ul,li,dl,dt,dd { padding:0; margin:0; border:0; }

body {
    padding:0; margin:0;
	background: url(../images/main201004/bg_main.gif) repeat-x ;
	font-family:dotum, Helvetica, Arial, "Trebuchet MS",  sans-serif;
	font-size: 12px;
	color: #676767;
	text-align:center;
	min-width:1030px;
}

/* 링크 스타일 */
 a:link { color:#676767; text-decoration:none; }
 a:active {  color:#676767; text-decoration:none; }
 a:visited { color:#676767; text-decoration:none; }
 a:hover {color:#000; text-decoration:underline; }


/* structure */
#wrapper { width: 1030px;  margin: 0 auto; text-align:left; /*ie 6 hack*/}
#header { width:1030px; height:23px; margin: 0 auto;float:left; }
#gnb{ float:right; width:226px; height:23px;}
    #gnb li{ display:block; float:left; height:23px;}
#visual { width:1030px;height:335px; margin: 0 auto; }
html>/**/body #container {width:1030px; height:318px; margin: 0 auto; valign:bottom;margin-top:20px;}  /*ie7이외의 all*/
*container { width:1030px; height:318px; margin: 0 auto; valign:bottom;}
#footer {width:1030px;  margin: 0 auto;  position:relative;  clear:both;}



/* container*/
#varBBS { width:734px; height:168px;  float:left; margin: 0px 20px 24px 50px; 
	_margin-left:25px;  /*ie 6 below*/
}

#article1 { width:346px; height:120px; float:left; margin-right:20px;}
 #article1 .tit {float:left; margin-top:24px;}
 #article1 .more {float:right; display:block;  margin-top:24px;}
 #article1 .tit li {display:block; float:left;}
 #article1 .list {float:left; margin-top:10px; width:346px; }
 #article1 .list li {  background: url(../images/main201004/bullet_list.gif) no-repeat left 50%; padding-left:14px; line-height:16pt; }
   #article1 .list li a {color:#676767;}
   #article1 .list li a:visited { color:#676767; }
   #article1 .list li a:hover { color:#000000; }
   #article1 .list li a:active { color:#676767; }
#article1 .list #date {float:right; }
 #article1 .list li br {clear:both;}


#article2 { width:346px; height:120px; float:left; margin-right:20px;}
 #article2 .tit {float:left; margin-top:24px;}
 #article2 .more {float:right; display:block;  margin-top:24px;}
 #article2 .tit li {display:block; float:left;}
 #article2 .list {float:left; margin-top:10px; width:346px; }
 #article2 .list li {  background: url(../images/main201004/bullet_list.gif) no-repeat left 50%; padding-left:14px; line-height:16pt; }
   #article2 .list li a {color:#676767;}
   #article2 .list li a:visited { color:#676767; }
   #article2 .list li a:hover { color:#000000; }
   #article2 .list li a:active { color:#676767; }
#article2 .list #date {float:right; width:62px;}
 #article2 .list li br {clear:both;}



#photogall {width:368px; height:120px; float:right;}
 #photogall .gall {margin-top:24px; float:left;}
 #photogall .more {float:right;   margin-top:24px; }
 #photogall  .photo {display:block; float:left; margin-top:10px; width:368px;}
 #photogall .photo .cut {margin-right:3px; float:left;}
 #photogall .photo .last { float:right;}

/* sidebar */
#sidebar { width:226px; height:340px;  float:right; position:relative; top: -32px;margin:0 auto 0 auto;
	_position:absolute; _margin-top:358px;
}
 #sidebar  .3m { width:226px; height:234px;}
 #sidebar .weather {width:226px; height:116px; background: url(../images/main201004/bg_madang.gif) repeat-y;} 
 #sidebar .weather div {margin:0 auto 0 auto;}

 

/* footer  */
    #footer .logo {float: left; width:156px; margin:0 20px 0 50px;
	          _margin-left:25px;  /*ie 6 below*/
}

    #footer .menu {float:left; width:250px; height:18px;}
     #footer .menu li {display:block; float:left;}
    #footer .copy {float:left;}

#footer .family_site { position:absolute; top:-20px; left:860px; float:right; }
#footer .family_site #family_list { display:none; position:absolute; padding:7px; width:165px;  border:1px solid #bfc0e3; border-right:1px solid #acaed7; border-bottom:1px solid #acaed7; background:#f3f3fb; }
#footer .family_site #family_list  li { padding:1px 0; font-size:11px; color:#888; background:#f9f9f9; }
#footer .family_site #family_list  li a { font-size:11px; color:#777777; }
#footer .family_site #family_list  li a:visited { font-size:11px; color:#777777; }
#footer .family_site #family_list  li a:active { font-size:11px; color:#235ec1; }
#footer .family_site #family_list  li a:hover { font-size:11px; color:#235ec1; }