@charset "utf-8";
/***** layout *****/
body{background:#ececec url(../../images/common/bg.gif) no-repeat 1008px 220px;}
/* 전체 랩(푸터 제외) */
#wrapper{position:relative; width:1024px; min-width:1024px; *zoon:1; background: url(../../images/main/bg_full.png) repeat-y 0 0;}
#wrapper:after, #contentsWrap:after, #slideWrap:after{content:""; height:0; display:block; clear:both;}

	/* left side */
	#leftSide{position:relative; z-index:2; float:left; height:711px; width:175px; line-height:1; background: url(../../images/main/bg_full.png) repeat-y 0 0;}

	/* left 제외 영역, 책장 */
	#container{float:right; position:relative; width:849px; background:url(../../images/main/page_edge.gif) no-repeat 830px bottom;}
		#container .english{position:absolute; top:20px; right:3px;}

/* 푸터 */
#footer{clear:both; height:56px; width:1024px; background:#ececec url(../../images/common/bg_foot.gif) no-repeat 0 0; }
	#footer .fl{float:left; padding:18px 0 18px 30px; width:720px;}
		#footer ul li{
			float:left; 
			background:url(../../images/common/foot_bar.gif) no-repeat right 3px; 
			padding-right:7px; margin-right:7px;
			font-size:11px;
		}
		#footer ul li.last{background:none;}
		#footer .copyright{clear:both; margin-top:3px; font-size:10px;}

	#footer .fr{float:right; padding:18px 30px 0 0;}


/***** content *****/
#contentsWrap{width:830px; *zoom:1;}
	#Area1{width:245px; float:left;}
		#Area1 .area1-2{padding:20px 22px 0; width:200px;}
	#Area2{width:330px; float:left;}
		#Area2 .inner{padding:20px 25px 0; border-bottom:1px solid #eeeeec;}
		#Area2 .area2-1,
		#Area3 .area3-1{height:360px;}
		#Area2 .area2-2{height:150px; background:#fef7f7; border-right:1px solid #dbdbdb;}
	#Area3{width:255px; float:left;}
		#Area3 .inner{padding:20px 20px 0; border-bottom:1px solid #eeeeec;}
		#Area3 .area3-2{height:150px;}

.inner{position:relative;}

.h2area{position:relative; width:100%;}
	h2{margin-bottom:15px; font:bold 14px/16px Arial; color:#000;}
	h2 a{color:#000 !important;}
	.more{position:absolute; right:0; top:2px;}
	.area3-1 .more{position:absolute; right:20px; top:40px;}

#newbook{position:relative; width:100%; height:94px;}
.newbook-bg{overflow:hidden; padding-bottom:20px; width:100%; background:url(../../images/main/bg_newbook.gif) no-repeat 0 bottom; font-size:0; line-height:0;}
	.newbook-bg dl{position:absolute; top:0; left:0; visibility:hidden;}
	.newbook-bg dt{float:left; padding-left:10px;}
		.newbook-bg dt .book-cover{position:absolute; top:0;}/* 2011-07-04 추가 */
	.newbook-bg dd{margin-left: 90px; color:#666; font:12px/16px Arial; letter-spacing:-1px;}
	.newbook-bg dd a strong{display:block; padding-bottom:2px; color:#555; font-size:12px; }
.book-list li{margin-left:10px; float:left; vertical-align:bottom;}
.book-list li img{border-right:1px solid #c1c1c1;}/* 2011-07-04 추가 */
	.book-list .bg{width:80px;}
	.book-list .bg img{border:0;}
/**/
#area3-1{height:300px;}
.tab-area{position:relative; overflow:hidden; width:auto;}
.tab-area li{float:left; font-size:0; line-height:0;}
	.tab-area li ul{display:none; position:absolute; top:70px; left:0;}
	.tab-area li ul li{font-size: 12px; line-height:1.2; padding-bottom:10px; color:#777;}
.main-ul li{padding-bottom:10px; color:#777;}
.title, .title a{color:#333; font-weight:bold; line-height:1.4;}
.text, .text a{margin-top:4px; color:#777;}
.all{position:absolute; bottom:20px; right:20px; text-align:right; font:bold 11px/11px Arial;}
.all a{color:#777; text-decoration:underline !important;}

.base-list li{padding-bottom:10px; padding-left:7px; background:url(../../images/common/bul_dot_red.gif) no-repeat 0 5px; line-height:1;}