/*


*/

@import url(header.css);
@import url(footer.css);
@import url(topbar.css);
@import url(main_volume.css);
@import url(main_top.css);
@import url(main_list.css);
@import url(container.css);

@import url(buttons.css);
@import url(forms.css);
/*@import url(tables.css);*/

@import url(NanumFont.css);

/* Icon-font */
@import url(/common/include/font-awesome/font-awesome.min.css);

/* web-fonts */
@import url(http://fonts.googleapis.com/css?family=Exo+2:700);
@import url(http://fonts.googleapis.com/css?family=Josefin+Sans);
@import url(http://fonts.googleapis.com/css?family=Exo+2:200);

/* category title */
@import url(http://fonts.googleapis.com/css?family=Great+Vibes);



html{overflow-y:scroll;}

body{
	margin:0;
	padding:0;
	font-size:9pt;
	font-family: 'Nanum Gothic', AppleGothic, "malgun gothic", dotum;
	color:#333333;
	background-color:#ffffff;
	letter-spacing: 0px;
}

/* img{border:0; display:block; padding:0; margin:0;} */
img{border:0; padding:0; margin:0;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart {list-style-type:none; margin:0; padding:0;}
.clear{clear: both;}
br.clear{clear:both; margin-top:-15px;}

a{outline:none; text-decoration:none;}
a, a:visited, a:link, a:active { color: #595959; }
a:hover { color: #0070c0; } 
.float_left{float:left;}
.float_right{float:right;}

/* Base Color */
.blue{color:#56AED4;}
.green{color:#C0E079;}
.grey{color:#A8A8A8;}
.dkgrey{color:#333333;}
.orange{color:#FF9900;}
.purple{color:#9F81A9;}
.red{color:#D54346;}
.yellow{color:#FDE803;}

/* Base Background Color */
.bg_blue{color:#FFFFFF; background-color:#56AED4;}
.bg_green{color:#FFFFFF; background-color:#C0E079;}
.bg_grey{color:#FFFFFF; background-color:#A8A8A8;}
.bg_dkgrey{color:#FFFFFF; background-color:#333333;}
.bg_orange{color:#FFFFFF; background-color:#FF9900;}
.bg_purple{color:#FFFFFF; background-color:#9F81A9;}
.bg_red{color:#FFFFFF; background-color:#D54346;}
.bg_yellow{color:#666666; background-color:#FDE803;}


.imgl, .imgr{border:1px solid #DFDFDF; padding:5px; color:#666666; background-color:#FFFFFF;}
.imgl{float:left; margin:0 8px 8px 0; clear:left;}
.imgr{float:right; margin:0 0 8px 8px; clear:right;}

/* Wrapper */

div.wrapper{
	display:block;
	width:100%;
	margin:0;
	text-align:left;
}

div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{
	margin:0 0 20px 0;
	padding:0 0 8px 0;
	font-size:20px;
	font-weight:normal;
	font-family:'Nanum Gothic', AppleGothic, "malgun gothic", dotum;
/*	font-family:Georgia, "Times New Roman", Times, serif; */
	border-bottom:1px dotted #DDDDDD;
}

.row_header{color:#666666; background-color:#ffffff;}
.row_nav{color:#FFFFFF; background-color:#eeeeee; border-bottom:8px solid #0070c0;}
.row_nav2{color:#FFFFFF; background-color:#eeeeee;}
.row_content{color:#666666; background-color:#ffffff;}
.row_content2{color:#666666; background-color:#ffffff;}
.row_footer{color:#333333; background-color:#eeeeee;}
.row_footer a{color:#2684B7; background-color:#eeeeee;}
.row_address{color:#333333; background-color:#eeeeee;}
.row_copyright, .row_copyright a{color:#FFFFFF; background-color:#f6f6f6;}

/* define WIDTH */
#header, #topbar, #main_volume, #main_top, #main_list, #container, #footer, #address, #copyright{
	position:relative;
	margin:0 auto 0;
	display:block;
	width:1000px;
}

#content{
	display:block;
	float:left;
	width:600px;
}

/* ------Comments-----*/

#comments{margin-bottom:40px;}

#comments .commentlist {margin:0; padding:0;}

#comments .commentlist ul{margin:0; padding:0; list-style:none;}

#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;}

#comments .commentlist li.comment_odd{color:#666666; background-color:#FFFFFF;}
#comments .commentlist li.comment_odd a{color:#3E7060; background-color:#FFFFFF;}

#comments .commentlist li.comment_even{color:#666666; background-color:#E8E8E8;}
#comments .commentlist li.comment_even a{color:#3E7060; background-color:#E8E8E8;}

#comments .commentlist .author .name{font-weight:bold;}
#comments .commentlist .submitdate{font-size:smaller;}

#comments .commentlist p{margin:10px 5px 10px 0; padding:0; font-weight: normal;text-transform: none;}

#comments .commentlist li .avatar{float:right; border:1px solid #EEEEEE; margin:0 0 0 10px;}

/* ----------------------------------------------Column-------------------------------------*/

#column{
	display:block;
	float:right;
	width:300px;
}

/* Column */

#column .subnav{display:block; width:250px; padding:25px; background-color:#F9F9F9; margin-bottom:30px;}

#column .subnav h2{
	margin:0 0 20px 0;
	padding:0 0 14px 0;
	font-size:20px;
	font-weight:normal;
	font-family:'Nanum Gothic', AppleGothic, "malgun gothic", dotum;
/*	font-family:Georgia, "Times New Roman", Times, serif; */
	color:#666666;
	background-color:#F9F9F9;
	line-height:normal;
	border-bottom:1px dotted #666666;
}

#column .subnav ul{
	margin:0;
	padding:0;
	list-style:none;
}

#column .subnav li{
	margin:0 0 3px 0;
	padding:0;
}

#column .subnav ul ul, #column .subnav ul ul ul, #column .subnav ul ul ul ul, #column .subnav ul ul ul ul ul{border-top:none; padding-top:0;}

#column .subnav a{
	display:block;
	margin:0;
	padding:5px 10px 5px 20px;
	color:#777777;
	background:url("../images/blue_file.gif") no-repeat 10px center #F9F9F9;
	text-decoration:none;
	border-bottom:1px dotted #666666;
}

#column .subnav a:hover{color:#2684B7; background-color:#F9F9F9;}

#column .subnav ul ul a, #column .subnav ul ul ul a, #column .subnav ul ul ul ul a, #column .subnav ul ul ul ul ul a{background:url("../images/black_file.gif") no-repeat #F9F9F9;}
#column .subnav ul ul a{padding-left:40px; background-position:30px center;}
#column .subnav ul ul ul a{padding-left:50px; background-position:40px center;}
#column .subnav ul ul ul ul a{padding-left:60px; background-position:50px center;}
#column .subnav ul ul ul ul ul a{padding-left:70px; background-position:60px center;}

#column .holder, #column #featured{
	display:block;
	width:300px;
	margin-bottom:20px;
}

#column .holder h2.title{
	display:block;
	width:100%;
	height:65px;
	margin:0;
	padding:15px 0 0 0;
	font-size:20px;
	line-height:normal;
	border-bottom:1px dashed #666666;
}

#column .holder h2.title img{
	float:left;
	margin:-15px 8px 0 0;
	padding:5px;
	border:1px solid #666666;
}

#column div.imgholder{
	display:block;
	width:290px;
	margin:0 0 10px 0;
	padding:4px;
	color:#666666;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
}

#column .holder p.readmore{
	display:block;
	width:100%;
	font-weight:bold;
	text-align:right;
	line-height:normal;
}
	
/* Featured Block */

#column #featured a{
	color:#666666;
	background-color:#F9F9F9;
}

#column #featured ul, #column #featured h2, #column #featured p{
	margin:0;
	padding:0;
	list-style:none;
}

#column #featured a{
	color:#2684B7;
	background-color:#F9F9F9;
}

#column #featured li{
	display:block;
	width:250px;
	margin:0;
	padding:20px 25px;
	color:#666666;
	background-color:#F9F9F9;
}

#column #featured li p.imgholder{
	display:block;
	width:240px;
	height:90px;
	margin:20px 0 15px 0;
	padding:4px;
	border:1px solid #CCCCCC;
}

#column #featured li h2{
	margin:0;
	padding:0 0 14px 0;
	font-weight:normal;
	font-family:'Nanum Gothic', AppleGothic, "malgun gothic", dotum;
/*	font-family:Georgia, "Times New Roman", Times, serif; */
	line-height:normal;
	border-bottom:1px dashed #666666;
}

#column #featured p.readmore{
	display:block;
	width:100%;
	margin-top:15px;
	font-weight:bold;
	text-align:right;
	line-height:normal;
}

#column #latestnews{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
}

#column #latestnews li{
	display:block;
	margin:0 0 20px 0;
	padding:0 0 15px 0;
	border-bottom:1px dotted #DDDDDD;
}

#column #latestnews li.last{
	margin-bottom:0;
}

#column #latestnews p{
	margin:0;
	padding:0;
	line-height:normal;
}

#column #latestnews .imgl{
	margin:0 10px 10px 0;
	padding:4px;
}

#login{
	display:block;
	float:left;
	width:300px;
}

.white-box {
	font-size: 13px;
	background: #ffffff;
	padding: 5px 10px 10px 10px;
	border: 1px solid #cccccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 5px 15px #cccccc;
	-webkit-box-shadow: 0 5px 15px #cccccc;
	box-shadow: 0 5px 15px #cccccc;
}

pre, code {
	padding:10px;
	display:block; 
	white-space: pre-wrap;  
	white-space: -moz-pre-wrap; 
	white-space: -pre-wrap; 
	white-space: -o-pre-wrap; 
	word-wrap: break-word; 
	width:100%; overflow-x:auto;
	font-family:'Courier New', AppleGothic, "malgun gothic", dotum;
	background: #f9f9f9;
	border: 1px solid #333333;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	webkit-box-sizing:border-box;
}


.tagcloud {
	border: 1px solid #cfcfcf;
	display: inline-block;
	margin: 0 2px 2px 0;
	padding: 0 5px 0 5px;
	font-weight: normal;
	font-size: 9pt;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
}

.tagcloud_b {
	border: 1px solid #cfcfcf;
	display: inline-block;
	margin: 0 2px 2px 0;
	padding: 3px 5px 3px 5px;
	font-weight: bold;
	font-size: 11pt;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
}