@charset "utf-8";

body, div, h1, p , dl, dt, dd, ul, li { margin: 0; padding: 0; }
body, a { font-family: arial; font-size: 13px; color: #4b4b4b; text-decoration: none; }
a:hover { color: #ff0066;}
ul { list-style: none; }
#wrap { margin: 1em auto; width: 1000px;}
#header h1 { float: left; }
#header #navi {float: right;}
#container, #container1 {clear:both;}
#navi ul li {float:left;}
#header { margin: 0; padding: 1.5em 0; float: left; width: 100%; border-bottom: 1px solid #ddd; }
#header #navi ul li { margin: 0; padding: 0 1em; }
#header #navi ul li a { font-size: 17px; }
#container .visualbox { padding-bottom: 3em; width: 100%; background: url(../images/Alice.jpg) no-repeat right bottom; 
						border-bottom: 1px solid #ddd;  }
#container .visualbox .head  { padding : 1em 0 1em ; font-size: 25px; }
.content { width: 600px; color: #a3a3a3; }
.textbox dl { margin: 2em 0 ; float: left; width: 32%; margin-right: 1%; line-height: 1.3em; color: #a3a3a3;}
.textbox dl.txt3 { float: right; margin-right: 0; color: #a3a3a3;}
.textbox dl dt { font-size: 15px;}

#footer { padding-top: 1em; clear: both; border-top: 1px solid #ddd; text-align: center; color: #a3a3a3; }



/*about*/

#container1 .head1  { padding: 1em 0; font-size: 18px; color: #a3a3a3; }
.content1 { color: #a3a3a3; }
#box1 .textbox1 { margin: 2em 0; padding-left: 350px; background: url(../images/wordpress.jpg) no-repeat ;}
#box1 .textbox1 dl { color: #a3a3a3;}
#box1 .textbox1 dl dt { font-size: 15px;}
#box1 .textbox1 .txt21 { padding: 2em 0 0 0; }



/* news */
#website { padding: 5em 1em; }

#website .news, #website .board { float: left; }

#website .news { width: 16%; margin-right: 1%;}
#website .board { width : 80%; margin-left: 3%;}
#website h2 { color: #6699ff;}

#website .news #newsnav ul li {padding: 0.6em 0; border-collapse: collapse; border-bottom: 1px solid  #ddd; }
#newsnav ul li a {font-family: "돋움", "dotum", arial;}

.board table {border-collapse: collapse;}
.board thead .menu th { background: #6fccd3; color: #fff; padding: 0.6em 0; font-family: "돋움", "dotum", arial; }
.board tbody tr td { padding: 0.6em 0 ; border-bottom: 1px solid  #ddd; }
.board tbody tr td.a { text-align: left; }
.board td { text-align: center;  }
.board .nb { color: #3366ff;  }
#pre { padding: 2em 0; text-align: center; }
#pre p a { padding: 0.5em ;}
.next { color: red;}