@charset "utf-8";

div{
		position: relative;
}

body {  
		margin: 0 ;
		padding:0 ;
	    font-family:  'Nanum Gothic', dotum, Verdana, Geneva, sans-serif;
	    font-size: 11px;
		background:url(../images/include/top_bg.jpg) repeat-x #f5f5f5;

}

/* link */

a {	
		font-family: 'Nanum Gothic',dotum, Verdana, Geneva, sans-serif;
		font-size: 11px;
		color:#636363;
		outline:none;
		select-dummy:expression(this.hideFocus=true);}
	
a:link,
a:visited,
a:active {	
			text-decoration: none;
			color:#636363;
}
			
a:hover {	
			text-decoration: none;
			color: #000000;
}

.link01:link,
.link01:visited,
.link01:active{
				color:#555;
				text-decoration:none;
}
			   
.link01:hover{
				color:#555;
				text-decoration:none;
}

/* img */

img {
			border: 0;
}

/* list */		
		
ul{	
		margin: 0;
		padding: 0;	
		list-style: none;
}

li{
		margin: 0;
		padding: 0;	
		list-style: none;	
		display:inline;

}
.mc1_title li, .mc3_title li, .mc51 li, .mc52 li, .copy1 li, .copy2 li, .agree_check li{
	list-style: none;	
	display:inline;
	float:left;
}

.bt1, .bt2, .bt3{
					cursor:pointer;	
}

.clear{
	clear:both;
}

.line_pad{
	line-height:150%;
}

/* portfolio */
.zm_portfolio_subtitle{
	float:left;
	margin:30px 0px 0px 22px;
}

ul.zm_portfolio_category{
	float:right;
	list-style:none;
	margin:30px 29px 0px 0px;
	padding:0px;
}
ul.zm_portfolio_category li{
	float:left;
}

.zm_portfolio_subcategory{
	position:absolute;
	width:150px;
	height:26px;
	top:63px;
	left:0px;
	display:none;
}
.zm_portfolio_subcategory ul{
	list-style:none;
	margin:3px 0px 0px 0px;
	padding:0px;
}
.zm_portfolio_subcategory ul li{
	float:left;
}

ul.zm_portfolio{
	clear:both;
	margin-left:16px;
}
ul.zm_portfolio li{
	margin: 0;
	padding: 0;	
	list-style: none;	
	display:inline;
	float:left;
}

/* 페이징 */
.zm_paging{
	margin:7px auto;
}
.zm_paging td a, .zm_paging td a:link, .zm_paging td a:visited{
	color:#a8a9ab;
	text-decoration:none;
}
.zm_paging td a:hover, .zm_paging td a:active{
	color:#373b3a;
	font-weight:bold;
	text-decoration:none;
}
.zm_paging td.prev{
	padding-right:12px;
}
.zm_paging td.next{
	padding-left:12px;
}
.zm_paging td.zm_now{
	color:#373b3a;
	font-weight:bold;
	padding:0px 2px;
}
.zm_paging td.zm_page a{
	padding:0px 2px;
}

/* 블로그 */
.contents5{
	width:1002px;
	margin:0px auto;
}

.contents5 .blogLayout{
	position:relative;
	float:left;
	width:762px;
	min-height:823px;
	padding-bottom:98px;
	background:url(../images/blog/layout_bg.png) no-repeat bottom;
}

.contents5 .blogLayout .blogTitle{
	height:97px;
	background:url(../images/blog/subTitle.png) no-repeat top;
}
.contents5 .blogLayout .blogSide{
	position:relative;
	float:left;
	width:200px;
	min-height:727px;
	background:url(../images/blog/side_bg.png) repeat-y;
}

#blog_category, #blog_archive, #blog_tags, #blog_rss{
	width:178px;
	margin-left:22px;
}

#blog_category ul{
	list-style:none;
	padding:0px;
	margin:0px;
	background:url(../images/blog/side_box_bg.png) repeat-y;
	overflow:hidden;
}
#blog_category ul li{
	position:relative;
	padding:0px;
	margin:0px;
	overflow:hidden;
	display:block;
}
#blog_category ul a{
	margin:2px 10px;
	display:block;
}
#blog_category ul img{
	margin-right:5px;
}
#blog_category ul li a:link, #blog_category ul li a:visited{
	color:#a8a9ab;
}
#blog_category ul li a:hover, #blog_category ul li a:active{
	color:#000;
}
#blog_category ul li.all{
	padding:4px 0px 8px;
}
#blog_category ul li.up{
	padding-bottom:3px;
}
#blog_category ul li.down1{
	padding-bottom:2px;
}
#blog_category ul li.current{
	font-weight:bold;
}

#blog_archive ul{
	list-style:none;
	padding:0px;
	margin:0px;
	background:url(../images/blog/side_box_bg.png) repeat-y;
	overflow:hidden;
}
#blog_archive ul li{
	padding:0px;
	margin:0px;
	overflow:hidden;
	display:block;
}
#blog_archive ul li.title{
	padding-bottom:4px;
}
#blog_archive ul img{
	margin-right:5px;
}
#blog_archive ul a{
	margin:3px 10px;
	display:block;
}
#blog_archive ul li a:link, #blog_archive ul li a:visited{
	color:#a8a9ab;
}
#blog_archive ul li a:hover, #blog_archive ul li a:active{
	color:#000;
}
#blog_archive ul li.current{
	font-weight:bold;
}

#blog_tags{
	background:url(../images/blog/side_box_bg.png) repeat-y;
}
#blog_tags .items{
	color:#a8a9ab;
	line-height:1.3em;
	padding:4px 30px 4px 10px;
}
#blog_tags .items a:link, #blog_tags .items a:visited{
	color:#a8a9ab;
}
#blog_tags .items a:hover, #blog_tags .items a:active{
	color:#000;
}
#blog_tags .items .item2 a{
	font-size:14px;
	font-weight:bold;
}

#blog_rss ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
#blog_rss ul li{
	position:relative;
	float:left;
}

.contents5 .blogLayout .blogMemo{
	position:relative;
	float:left;
	width:562px;
	min-height:726px;
	background:url(../images/blog/memo_bg.png) repeat-y;
}
.contents5 .blogLayout .blogMemo .blogSubject{
	width:562px;
	height:19px;
	background:url(../images/blog/memo_empty_top.png) no-repeat top;
}

#blogEmptyMemo{
	position:relative;
	float:left;
	width:562px;
	min-height:726px;
	background:url(../images/blog/memo_bg.png) repeat-y;
}

#blogEmptyMemo .blogSubject{
	width:562px;
	height:105px;
	background:url(../images/blog/memo_empty_top.png) no-repeat top;
}

.contents5 .blogLayout .blogMemo .blogPost{
	width:477px;
	margin:0px 63px 0px 22px;
}
.contents5 .blogLayout .blogMemo .blogPost .post_subject{
	font-weight:bold;
	font-size:15px;
	color:#a8a9ab;
	margin:0px;
}
.contents5 .blogLayout .blogMemo .blogPost .post_date{
	color:#a8a9ab;
	text-align:right;
	margin:0px;
	padding:7px 0px;
	border-bottom:#cecece 1px solid;
}
.contents5 .blogLayout .blogMemo .blogPost .blogLink{
	padding:9px 0px;
	text-align:right;
	color:#a8a9ab;
}
.contents5 .blogLayout .blogMemo .blogPost .blogPostContents{
	color:#a8a9ab;
	min-height:539px;
}

.contents5 .blogLayout .blogMemo .blogPost .blogPostTags{
	color:#a8a9ab;
	padding:5px 10px;
	margin:18px 0px;
}
.contents5 .blogLayout .blogMemo .blogPost .blogPostTags img{
	margin-right:15px;
}
.contents5 .blogLayout .blogMemo .blogPost .blogPostPrev{
	color:#a8a9ab;
	padding:6px 10px 5px;
}
.contents5 .blogLayout .blogMemo .blogPost .blogPostPrev img{
	margin-right:12px;
}
.contents5 .blogLayout .blogMemo .blogPost .blogPostNext{
	color:#a8a9ab;
	padding:6px 10px 5px;
}
.contents5 .blogLayout .blogMemo .blogPost .blogPostNext img{
	margin-right:12px;
}

.contents5 .blogRight{
	position:relative;
	float:right;
	width:240px;
	min-height:922px;
	background:url(../images/blog/right03_bg.png) repeat-y;
}
.contents5 .blogRight .right_side{
	min-height:922px;
	background:url(../images/blog/right03_bottom.png) no-repeat bottom;
}
.contents5 .blogRight .right_side .right03_top{
	min-height:429px;
	background:url(../images/blog/right03_top.png) no-repeat top;
}
ul.top_menu{
}

ul.top_menu li{
	margin: 0;
	padding: 0;	
	list-style: none;	
	display:inline;
	float:left;
}

ul.mvisual_bt_dot li{
	float:left;
	padding:0 5px 0 5px;	
}
.visual_text{position:absolute; top:0; left:0; z-index:9;}