@charset "utf-8";
/*@ crom-design.com */

/* slide  */

.slide{	display: none; }
.handle {float: left; height: 280px; width: 36px;	background:#eee;	text-align:center;	padding:5px;	color: #505050;	font-size: 11px; display:inline;	cursor:pointer;  border:1px solid #dfdfdf;}
.handleOver{ border:1px solid #824123;}
.handleSelected{ cursor:default;}
.bookCover { display:inline; float:left; overflow:hidden; border:1px solid #dfdfdf; border-left:none !important; background:#eee; padding:5px;}
.bookBox{ display:inline; float:left; overflow:hidden; padding:15px 15px;}
.bookTitle { padding-top:5px; font-size:20pt; font-weight:bold; color:#5D8F12; font-family:나눔고딕,NanumGothic;}
.bookSubTitle { font-weight:bold; color:#333; padding:10px 0;}
.bookDescription { width:320px; height:100px; overflow:hidden; clear:both; color:#999; font:11px 돋움; line-height:17px;}
.bookDescription2 { width:320px; height:150px; overflow:hidden; clear:both; color:#999; font:11px 돋움; line-height:17px;}
.bookStore { width:320px; overflow:hidden; clear:both; color:#666; font:11px 돋움; line-height:17px;}
.bookStore img {border:1px solid #dfdfdf;}
.bookStore img:hover {border:1px solid #bbb;}

/*Main Container*/
.container {width:690px; height:292px; overflow:hidden;}
.container ul{list-style-type: none; margin: 0; padding:0;}
.container li{ display: inline; margin: 0px; padding:0px;}
/*Content Container*/
.contentContainer {	padding-left: 0px;	float: left; width:0px;	overflow:hidden;}
.contentWrapper{	}
.contentInnerWrapper{ text-align: justify;}




/* Handle */

/* 메인 페이지 */


.innerBox {display:inline; float:left; width:335px; overflow:hidden; padding:0; margin:5px 0 0 0;}
.innerBox5 {display:inline; float:left; width:335px; overflow:hidden; padding:0; margin:5px 0 0 25px;}
.innerBox2 {width:335px; overflow:hidden; padding:0; margin-top:15px;}
.innerBox3 {width:335px; overflow:hidden; padding:0; margin-top:15px;}
.innerBox4 {display:inline; float:left; width:335px; overflow:hidden; padding:0; margin:20px 0 0 25px;}
.innerWideBox {display:inline; float:left; width:650px; overflow:hidden; padding:0; margin-top:5px;}


.imgHR {margin:0 0 10px 5px; width:335px; padding:0 0 8px 0; overflow:hidden; border-bottom:1px solid #824123; }
.imgTitle {margin:0 0 10px 5px; width:335px; padding:0 0 8px 0; overflow:hidden; border-bottom:1px solid #824123; }
.imgTitle_new {margin:0 0 10px 5px; width:335px; padding:0 0 8px 0; overflow:hidden; border-bottom:1px solid #824123; }
.imgTitle1 {margin:25px 0 25px 0; width:100%; padding-bottom:8px; overflow:hidden; border-bottom:1px solid #824123;}
.imgTitle5 {margin:30px 0 20px 3px; width:695px; padding-bottom:8px; overflow:hidden; border-bottom:1px solid #824123;}
.imgTitle2 {margin:20px 0 13px 0; padding:0; overflow:hidden;}
.imgTitle3 {margin:13px 0 8px 0; padding:0; width:210px; overflow:hidden;}
.imgTitle4 {margin:0 0 20px 0; padding:0; overflow:hidden; color:#999; font:11px 돋움;}

.more {position:absolute; z-index:2; font:11px 돋움; margin:3px 0 0 303px;}
.more a:link,
.more a:visited { color:#beae9c;}
.more a:hover { color:#824123;}

#new{position:absolute; z-index:5; margin:-5px 0 0 -5px;}
#hot{position:absolute; z-index:5; margin:-5px 0 0 324px;}
#no1{position:absolute; z-index:5; margin:-5px 0 0 -5px;}
#no2{position:absolute; z-index:5; margin:-5px 0 0 324px;}

.horLine {clear:both; width:700px; margin:auto; padding:0; height:1px; border-top:1px solid #dfdfdf; color:#FFFFFF; overflow:hidden;}
.horLine2 {clear:both; width:100%; margin:0; padding-bottom:1px; height:1px; border-top:1px solid #dfdfdf; color:#FFFFFF; overflow:hidden;}
.horLine3 {clear:both; width:695px; margin:20px auto; padding:0; height:1px; border-top:1px solid #dfdfdf; color:#FFFFFF; overflow:hidden;}
.horLine4 {clear:both; width:690px; margin:auto; padding:0; height:1px; border-top:1px solid #dfdfdf; color:#FFFFFF; overflow:hidden;}

.rapWhole{clear:both; width:100%; overflow:hidden; padding:0; margin:0;}
.leftColumn {width:650px; margin-top:10px; padding:0; float:left; overflow:hidden;}
.rightColumn {width:290px; border-left:1px solid #ccc; margin-top:15px; padding-left:19px; display:inline; float:right; overflow:hidden;}
.subBlueText {color:#00aaf1; font-weight:bold;}

/* 서브 페이지 */

.subImageTitle {clear:both; width:740px; margin:0; padding:0; overflow:hidden;}
.imageSubTitle {clear:both; font-weight:bold; margin:0; padding:10px 0 0 3px;}

.subLeftZone {clear:both; float:left; display:inline; width:210px; padding:0; margin:35px 0 0 2px; overflow:hidden; line-height:20px; text-align:justify;}
.subLeftZone img { padding:2px; border:1px solid #dee7de;}
.subRightZone {float:left; display:inline; width:492px; margin:0; padding:35px 0 0 30px; overflow:hidden; line-height:20px; text-align:justify;}


.subLeftZone2 {clear:both; float:left; display:inline; width:450px; padding:0; border:1px solid #dee7de; margin:35px 0 0 2px; overflow:hidden; line-height:20px; text-align:justify;}
.subRightZone2 {float:left; display:inline; width:256px; margin:0; padding:35px 0 0 30px; overflow:hidden; line-height:20px; text-align:justify;}

.miniTabControl { width:100%; padding:0px; overflow:hidden; }
.miniTabControlMenuHead { width:100%; margin:0px; padding:0px; background-color:#f0f0f0;}
.miniTabControlMenu { text-align:center; height:25px; margin:0px; }

.miniTabContent { display:none; overflow:hidden; padding:0; clear:both; }
.miniTabContentMenuHover { background-color:#f6f6f6; }

.pdsTabControl { width:100%; padding:0px; overflow:hidden; }
.pdsTabControlMenuHead { width:100%; margin:0px; padding:0px; background-color:#f0f0f0;}
.pdsTabControlMenu { text-align:center; height:25px; margin:0px; }

.pdsTabContent { display:none; overflow:hidden; padding:0; clear:both; }
.pdsTabContentMenuHover { background-color:#f6f6f6; }
 
.selectedMenu { background-color:#ffffff; color:#222222}
.nonSelectedMenu {  border-bottom:1px solid #dfdfdf; }


/* 탭 페이지 */