@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 28px 0; border-bottom:1px solid #eeeeec;}
		#Area2 .inner.area2-1{height:360px;}
		#Area2 .inner.area2-2{height:164px; background:#fef7f7; border-right:1px solid #dbdbdb;}
	#Area3{width:255px; float:left;}
		#Area3 .inner{padding:20px 20px 0; border-bottom:1px solid #eeeeec;}
		#Area3 .inner.area3-1{height:140px;}
		#Area3 .inner.area3-2{height:89px; background:#fffcfb; border-right:1px solid #c5c5c5;}
			#Area3 .inner.area3-2 ul{margin-top:-6px;}
		#Area3 .inner.area3-3{height:89px;}
		#Area3 .inner.area3-4{height:164px;}
		#Area3 .inner #area3-4 ul{margin-top:2px;}

.h2area{position:relative; width:100%;}
	h2{margin-bottom:10px; font:15px/15px 'NanumGothicBold'; color:#333;}
	h2 a{font-family:'NanumGothicBold'; color:#333 !important;}
	.date{position:absolute; right:65px; top:0; font-size:11px;}
	.more{position:absolute; right:0; top:0;}

#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-size:11px; line-height:1.5}
	.newbook-bg dd a strong{display:block; padding-bottom:2px; color:#444; font-size:12px; font-family:'NanumGothicBold';}
.book-list li{padding-left:10px; float:left; vertical-align:bottom;} /* 2011-07-05 수정 */
.book-list li img{border-right:1px solid #c1c1c1;}
	.book-list .bg{width:80px;}
	.book-list .bg img{border:0;}

#slideopen{cursor:pointer;}/* 2011-07-01 추가 */
#slide-newbook{position:absolute; right:0; bottom:12px; width:460px; height:114px;}
	#newbook2{float:left; position:relative; overflow:hidden; padding-bottom:20px; width:220px; height:94px; background:url(../../images/main/bg_newbook2.gif) no-repeat 0 bottom; font-size:0; line-height:0;}

	#sliding{position:relative; float:right; margin-top:46px; width:235px; height:48px; background:url(../../images/main/bg_plant.gif) no-repeat 160px bottom;}
	#sliding .arrow_left{position:absolute; left:0; top:17px;}
	#sliding .arrow_right{position:absolute; right:23px; top:17px;}
		#book-rolling{position:relative; left:20px; width:141px; height:48px; overflow:hidden;}
		#book-rolling ul.imgList{position:absolute; width:500px; left:0px; top:0px;}
		#book-rolling ul.imgList li{float:left; width:47px;vertical-align:bottom; background:url(../../images/main/bg_book.gif) no-repeat 37px bottom;}


.title, .title a{color:#333; font-family:'NanumGothicBold';}
.text, .text a{color:#777; line-height:1.4;}

.tab-area{position:relative; overflow:hidden; width:auto;}
.tab-area li{float:left;}
	.tab-area li ul{display:none; position:absolute; top:23px; left:0;}
	.tab-area li ul li{padding-top:13px; width:273px;}
#area2-1{height:290px;}
#area2-2{height:115px;}
	#area2-2 ul{padding-top:6px;}
		#area2-2 ul li{padding-top:7px;}
#area2-3 li{padding-bottom:7px;}
#area3-1{height:102px;}
#area3-1 li{font-size:0; line-height:0;}
#area3-1.tab-area li ul{top:44px;}
#area3-1.tab-area li ul li ,#area3-4.tab-area li ul li, .base-list li{padding-top:7px; font-size:12px; line-height:1; background-position:0 12px;}
.area3-3 dd{margin-left:68px; line-height:1.4}
#area3-4{height:83px;}


/* slide 영역 */
#slideWrap{width:849px; height:711px; position:absolute; z-index:1; left:-1024px; top:0; background:url(../../images/main/pages.png) no-repeat 840px bottom;}

	#slideArea1{float:left; position:relative; width:494px; height:100%; background:#fff url(../../images/main/bg_slidevod.jpg) no-repeat 0 0;}
		#vod{/*margin-top:90px; margin-left:70px;*/ margin:0; padding:0;}/* 2011-07-05 수정 */
			#vod object{margin:0;}/* 2011-07-01 추가 */
		#slideclose{position:absolute; top:0; right:0; width:39px; height:40px; text-indent:-5000px;}

	#slideArea2{float:left; position:relative; width:294px; height:100%; background:#fff;}
		#subWrap1, #subWrap2, #subWrap3, #subWrap4{display:none; position:absolute; height:100%;}
		.tab-slide li{float:left;}
		#slideArea2 .inner{padding:20px;}
			#slideArea2 .inner .tab-area{height:590px;}
			#slideArea2 .inner .tab-area ul{margin-top:8px;}
			#slideArea2 .inner .tab-area ul li{width:254px;}
		.sub-list li{padding:15px 0; border-top:1px solid #eeeeec; line-height:1.6;}
		.sub-list li.top{padding-top:0; border-top:0;}
		.sub-list li .issue{display:block; margin-top:5px; color:#ef7400; font-size:11px;}

		.go{position:absolute; bottom:0; left:0; padding:5px 0; width:100%; background:#f7f7f7; border-top:1px solid #e9e9e9; text-align:center;}
		.go a{ color:#9f9f9f;}
	#slideArea3{float:left; position:relative; width:52px; height:100%; background:url(../../images/main/bg_slidearea3.gif) repeat-y;}