/***********************************************
* 웅진 고객마케팅 레이아웃 & import
* STYLE SHEET
* CSS author - Grayblue 
***********************************************/

@import url("base.css");
@import url("cs_board.css");
@import url("cs_contents.css");
@import url("cs_design.css");
@import url("mpria.css");
@import url("popup.css");
@import url("edumembers.css");

/* layout */
div#wrapper{
	position:relative;
	width:100%;
	color:#606060;
	min-width:1000px;
	background: url('../img/cs_cm/bg_top_line.gif') repeat-x left top;
}
div.subwrap{
	position:relative;
	width:970px;
	margin:0 auto;
}
div#header{
	position:relative;
	width:100%;
	height:3px;
	margin:0 auto;
	z-index:2;
}
div#header h1{
	position:absolute;
	left:10px;
	top:3px;
	width:200px;
	height:109px;
	padding:22px 0 0 0;
	z-index:20;
}
div.gnbwrap{
	position:absolute;
	left:190px;
	top:0px;
	z-index:10;
}
div#container{
	clear:both;
	float:left;
	width:100%;
	/*background: url('../img/cs_cm/bg_lnb_bottom.gif') no-repeat left bottom;*/
}
div.lnbwrap{
	float:left;
	position:relative;
	width:214px;
	height:900px;
}
div.lnbwrap div.lnbp{
	position:absolute;
	width:214px;
	height:740px;
	left:0;
	top:117px;
	z-index:2;
	/*background: url('../img/cs_cm/bg_lnb_top.gif') no-repeat left top;*/
}
div.contwrap{
	width:736px;
	padding:0 0 60px 0;
	overflow:hidden;
}
div.visual{height:auto;}
div.visual img{vertical-align:top;}
div.contwrap ul.title{width:100%;}
div.contwrap ul.title li{float:left;}
div.contwrap ul.title li.tit{height:40px;}
div.contwrap ul.title li.ctit{
	float:left;
	padding:14px 0 0 20px;
	background: url('../img/cs_cm/bg_cate_line.gif') no-repeat 10px 0;
}
div.contwrap ul.title li.subtxt{
	clear:both;
	position:relative;
	width:100%;
}
div.contwrap ul.title li.subtxt div.location{
	position:absolute;
	right:0;
	bottom:0;
	height:14px;
	overflow:hidden;
	color:#9a9a9a;
	z-index:2;
	padding:0 0 0 20px;
	background: url('../img/cs_cm/bg_location_home.gif') no-repeat 1px 50%;
}
div.contwrap ul.title li.subtxt div.location strong{color:#606060;}
div.contwrap ul.title li.subtxt div.location a{color:#9a9a9a;}

div.contents{
	clear:both;
	width:100%;
	overflow:hidden;
	padding:15px 0 0 0;
}
div#footer{
	clear:both;
	width:970px;
	height:125px;
	padding:11px 0 0 0;
	border-top:1px solid #eaeaea;
}
div#footer div.adr{
	float:left;
	width:571px;
	height:125px;
	padding:0 0 0 5px;
	overflow:hidden;
}
div#footer div.adr ul{
	height:25px;
	padding:3px 0 0 0;
}
div#footer div.adr li{
	float:left;
	padding:0 8px 0 10px;
	overflow:hidden;
	background: url('../img/cs_cm/footer_line_bg.gif') no-repeat 0 3px;
}
div#footer div.adr li img{vertical-align:top;}
div#footer div.adr li.first{
	padding:0 8px 0 0;
	background:none;
}
div#footer div.service{
	float:right;
	width:200px;
	text-align:right;
	overflow:hidden;
}


/* quick banner */
div.quickbanner{
	display:none;
	float:right;
	width:27px;
}
div.quickbanner div.fixed{
	position:fixed;
	top:400px;
	border:1px solid #000;
	z-index:60;
}


/* 분야별 도서소개 */
div.pdtbook_list{
	position:absolute;
	top:89px;
	right:0px;
	width:129px;
	z-index:20;
	overflow:hidden;
}
div.pdtbook_list dl{width:129px;}
div.pdtbook_list dl dd{width:129px;}
div.pdtbook_list dl dd.list{padding:0 0 15px 0;background: url('../img/book/pdtbook_bg.gif') no-repeat left bottom;}
div.pdtbook_list dl dd.list ul{width:121px;margin:0 0 0 8px;}
div.pdtbook_list dl dd.list ul li{
	height:15px;
	font-size:11px;
	color:#bdcafe;
	clear:both;
	padding:0 0 0 7px;
	background:url('../img/book/pdtbook_list_bul.gif') no-repeat 0 4px;
}
div.pdtbook_list dl dd.list ul li a{color:#bdcafe;text-decoration:none;}
div.pdtbook_list dl dd.list ul li a:visited{color:#bdcafe;text-decoration:none;}
div.pdtbook_list dl dd.list ul li a:hover{color:#fff;text-decoration:none;}
div.pdtbook_list dl dt img, div.pdtbook_list dl dd img{
	vertical-align:top;
	line-height:0;
	font-size:0;
	display:block;
}