@charset "UTF-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Slabo+27px);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

	* {
		margin:0;
		padding:0;
	}
	html,body{height:100%}
	img {
		border:0;
	}
	
	a {
		text-decoration:none;
	}
	
	ul {
		list-style-type:none;
	}
	
	#header {
		width:100%;
		height:150px;
		background-color:#fcfcfc;
		border-bottom:1px solid #ccc;
	}
	
	#navarea > a > h1 {
		padding-top:20px;
		font-family: 'Slabo 27px', serif;
		font-size:25pt;
	}
	
	#navarea > a {
		color:#000;
	}
	
	#navarea > p {
		font-family: 'Slabo 27px', serif;
		color:#999;
		margin:5px;
		font-size:13pt;
		
	}
	
	#navarea {
		text-align: center;
		width:80%;
		margin:0 auto;

	}
			
	#navarea ul {
		  display: inline-block;
        /* For IE, the outcast */
        zoom:1;
        *display: inline;
    }
	#navarea li {
		float:left;
		padding: 2px 10px;
		font-family: "Nanum Gothic", sans-serif;
		font-size:12pt;
	}
	
	#navarea li a {
		color:#666;
	}
	
	#navarea li a:hover {
		color:#000;
	}
	#search > h1 {
		font-family: 'Slabo 27px', serif;
		font-size:15pt;
	}
	
	#asidemenu > h1 {
		font-family: 'Slabo 27px', serif;
		font-size:15pt;
	}
	#asidemenu .bborder {
		border-bottom:1px solid #e1e1e1;
	}

	#asidemenu li {
		padding:3px 10px;
		font-size:10pt;
		font-family: "Nanum Gothic", sans-serif;

	}
	
	#asidemenu a {
		color:#555;
	}
	
	#header .on {
		font-weight:bold;
		text-decoration:underline;
	}
	
	#asidemenu .on {
		font-weight:bold;
	}
	
	#asidemenu a:hover {
		color:#000;
	}
	
	#asidemenu {
	}

	#asidemenu > ul > li {
		padding:5px 20px;
	}
	
			#footer {
				position:relative;
				text-align:center;
				width:100%;
				height:60px;
				line-height:60px;
				background-color:#fcfcfc;
				border-top:1px solid #e2e2e2;
				margin:0 auto;
				font-size:12pt;
				margin-top:-60px;
				height:60px;
				clear:both;
			}
			#footer p {
				color:#000;
				font-family: "Nanum Gothic", sans-serif;
			}
			
			.sbar {
				font-family: "Nanum Gothic", sans-serif;
				background:#f2f2f2;
				border:1px solid #fcfcfc;
				font-size:12pt;
				padding:3px 5px;
			}
			.sbtn {
				font-family: "Nanum Gothic", sans-serif;
				background:#f1f1f1;
				border:1px solid #fcfcfc;
				color:#000;

				font-size:11pt;
				padding:3px 5px;
			}
			
			#tool {
				font-weight:bold;
				color:#000;
			}
		@media screen and (max-width:767px) {
			#conwarp {
				width:100%;
				margin:0 auto;
				min-height:100%;
				padding-bottom:60px;
			}

			#content {
				width:80%;
				padding:20px;
				margin:20px;
				background-color:#fcfcfc;
				border:1px solid #f1f1f1;
				margin:0 auto;
				margin-top:20px;
			}
			
			#asidemenu {
				width:80%;
				padding:20px;
				margin:20px;
				margin:0 auto;
				background-color:#fcfcfc;
				border:1px solid #f1f1f1;
				margin-top:20px;
			}
			
			#search {
				width:80%;
				padding:20px;
				margin:0 auto;
				margin-top:20px;
				background-color:#fcfcfc;
				border:1px solid #f1f1f1;
			}

			#navarea li {
				padding: 2px 5px;
				margin:0 auto;
				font-family: "Nanum Gothic", sans-serif;
				font-size:10pt;
			}
		}
		
		@media screen and (min-width:768px) and (max-width: 969px) {
			#conwarp {
				width:100%;
				margin:0 auto;
				min-height:100%;
				padding-bottom:60px;
			}

			#content {
				width:80%;
				padding:20px;
				margin:20px;
				background-color:#fcfcfc;
				border:1px solid #f1f1f1;
				margin:0 auto;
				margin-top:20px;
			}
			
			#asidemenu {
				width:80%;
				padding:20px;
				margin:20px;
				margin:0 auto;
				background-color:#fcfcfc;
				border:1px solid #f1f1f1;
				margin-top:20px;
			}
			
			#search {
				width:80%;
				padding:20px;
				margin:0 auto;
				margin-top:20px;
				background-color:#fcfcfc;
				border:1px solid #f1f1f1;
			}
		}
		
		@media screen and (min-width:970px) {
			#conwarp {
				width:970px;
				margin:0 auto;
				min-height:100%;
				padding-bottom:60px;
			}
		
			#content {
				width:660px;
				padding:20px;
				margin:20px;
				background-color:#fcfcfc;
				border:1px solid #f1f1f1;
				min-height:700px;
				float:left;
			}
			
			#asidemenu {
				width:165px;
				padding:20px;
				margin-top:20px;
				margin-right:20px;
				background-color:#fcfcfc;
				border:1px solid #f1f1f1;
				float:right;
			}
			
			#search {
				width:165px;
				padding:20px;
				margin-top:10px;
				margin-right:20px;
				background-color:#fcfcfc;
				border:1px solid #f1f1f1;
				float:right;
			}
		}