@charset "UTF-8";

/* bookshelf CSS */
div.bs-header {
	height: 133px;
	margin-left: 40px;
	position: relative;
	width: 880px;
}

div.bs-header div.user-info {
	border-bottom: 1px solid #E6E6E6;
	margin-bottom: 0;
	margin-left: 42px;
}

div.bs-header div.user-info span.feeder-rding,div.bs-header div.user-info span.feeder-rdr
	{
	bottom: 0px;
	/*bottom: 14px;*/
}

div.bs-header div.not-foll div.user-info span.feeder-rding,div.bs-header div.not-foll div.user-info span.feeder-rdr
	{
	/*bottom: 36px;*/
	bottom: 7px;
}

div.bs-header div.not-foll div.user-info a.user-feed-bt,a.user-list-bt {
	bottom: -22px;
}

div.bs-header:after {
	clear: both;
	content: "";
	display: block;
}

div.bs-nav-title {
	border: 1px solid #E6E6E6;
	height: 102px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 14px 0 12px;
	position: relative;
	width: 672px;
	scrollbar-3dlight-color: #eaeaea;
	scrollbar-arrow-color: #d5d5d5;
	scrollbar-track-color: #f7f7f7;
	scrollbar-darkshadow-color: #e0e0e0;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff
}

ul.bs-nav-tl-hold {
	float: left;
	padding: 0 0 12px;
	position: absolute;
	width: 100%;
}

.s-admin-hold li.bs-title-li {
	height: 20px;
	width: 146px;
}

.s-admin-hold ul.bs-nav-tl-hold {
	padding-top: 3px;
	padding-bottom: 0;
}

li.bs-title-li {
	background: url("../_images/layout/bs-li-bg.png") no-repeat scroll 1px
		-2px transparent;
	color: #4E4E4F;
	cursor: pointer;
	float: left;
	font-size: 12px;
	height: 19px;
	padding-left: 17px;
	position: relative;
	text-align: left;
	text-indent: 0;
	width: 146px;
	line-height: 18px; /* ie7 */
}

li.bs-title-li a {
	color: #4e4e4f;
	font-weight: 700;
}

li.bs-title-li a:hover {
	text-decoration: underline;
	color: #4e4e4f;
}

li.bs-title-li a.inverse {
	
}

.s-admin-nav li.bs-title-li a.inverse {
	text-decoration: underline;
}

li.bs-title-li .bs-edit-box,li.bs-title-li .bs-edit-box2 {
	display: inline-block;
	height: 18px;
	margin-top: -1px;
	position: relative;
	width: 197px;
}

.bs-edit-box input,.bs-edit-box2 input {
	border: 1px solid #BFBEBC;
	color: #4E4E4F;
	height: 14px;
	margin-left: 0;
	padding: 1px;
	width: 90px;
	height: 12px\9; /* IE8 and below */
	/*height: 12px /* IE7 and below */
   padding-top : 2px\9;
	/* IE8 and below */
	*padding-top: 1px; /* IE7 and below */
}

.bs-edit-box a.modify,.bs-edit-box a.cancel,.bs-edit-box2 a.add,.bs-edit-box2 a.cancel
	{
	background: url("../_images/icon/bs-edit-box-bt.png") repeat scroll 0 0
		transparent;
	display: block;
	height: 18px;
	line-height: 20px;
	position: absolute;
	right: 71px;
	text-indent: -9999px;
	top: 0;
	width: 29px;
}

.bs-edit-box a.cancel,.bs-edit-box2 a.cancel {
	background: url("../_images/icon/cancel.png") repeat scroll 0 0
		transparent;
	right: 51px;
	width: 18px;
}

.bs-edit-box2 a.add {
	background: url("../_images/icon/bs-edit-box-bt.png") repeat scroll left
		bottom transparent;
}

li.bs-title-li .edit-bt {
	display: inline-block;
	height: 10px;
	position: relative;
	width: 28px;
	display: none;
}

.book-cate-num {
	pdisplay: inline-block;
	margin-left: 2px;
	padding-right: 2px;
}

li.bs-title-li .edit-bt a.book-cate-edit,li.bs-title-li .edit-bt a.book-cate-del
	{
	background: url("../_images/icon/book-cate-edit.png") repeat scroll left
		top transparent;
	display: block;
	height: 13px;
	right: 16px;
	text-indent: -9999px;
	width: 14px;
	position: absolute;
}

li.bs-title-li .edit-bt a.book-cate-edit {
	left: 14px;
	background: url("../_images/icon/book-cate-edit.png") left bottom;
}

li.bs-title-li .edit-bt a.book-cate-edit:hover {
	background: url("../_images/icon/book-cate-edit.png") right bottom
		transparent;
}

li.bs-title-li .edit-bt a.book-cate-del:hover {
	background: url("../_images/icon/book-cate-edit.png") right top
		transparent;
}

li.bs-title-li:hover .edit-bt {
	display: inline-block;
}

div.bs-nav-space {
	position: absolute;
	width: 644px;
	height: 10px;
	left: 24px;
	top: 28px;
	margin-top: 1px;
	overflow: hidden;
}

ul.bs-nav-space-ul {
	position: absolute;
	float: left;
	width: 100%;
	border-left: 1px solid #cbcbcb;
}

li.b-n-s-li {
	float: left;
	display: block;
	border-right: 1px solid #cbcbcb;
	height: 10px;
}

div.bs-nav {
	background: #ffffff;
	/*height: 132px;*/
	height: 155px;
	left: 0;
	position: relative;
	top: 0;
	width: 674px;
	float: left;
}

div.bs-nav-outer {
	margin-top: 9px;
	width: 672px;
	border: 1px solid #e6e6e6;
	height: 32px;
}

div.bs-nav-all {
	background: url("../_images/layout/bs-nav-bg.gif") repeat-x scroll left
		top #DFDFDF;
	border-left: 1px solid #474747;
	border-right: 1px solid #CCCCCC;
	height: 4px;
	left: 37px;
	position: relative;
	top: 18px;
	width: 598px;
}

div.bs-nav-past {
	position: relative;
	height: 4px;
	background: #474747;
	left: 0;
}

div.bs-owner {
	height: 135px;
	position: relative;
	width: 193px;
	margin-left: 684px;
}

div.bs-user-img-holder {
	position: relative;
	left: 24px;
	top: 10px;
	width: 58px;
	height: 58px;
	border: 1px solid #cbcccc;
}

img.bs-user-img {
	width: 58px;
	height: 58px;
}

div.bs-user-info {
	width: 93px;
	height: 54px;
	position: absolute;
	left: 103px;
	top: 10px;
}

div.bs-user-info h3 {
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 1px;
	overflow: hidden;
	max-width: 90px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 14px; /* ie7 */
}

div.bs-user-info h3 a {
	color: #666;
}

/*미사용 class로 확인 되어 주석 - 2022.04.27*/
/*span.bs-manage {*/
/*	width: 59px;*/
/*	height: 18px;*/
/*	border: 1px solid #ddd;*/
/*	text-align: center;*/
/*	background: #fff url("/sim/images/icon/bt-bg.png") repeat-x left bottom;*/
/*	color: #ccc;*/
/*	font-size: 11px;*/
/*	position: absolute;*/
/*	letter-spacing: -1px;*/
/*	margin-top: 8px;*/
/*	line-height: 18px; !* ie7 *!*/
/*}*/

span.bs-manage a {
	color: #666;
	display: block;
}

div.bs-content {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #E6E6E6;
	height: 713px;
	margin-left: 40px;
	margin-top: 13px;
	overflow: hidden;
	position: relative;
	width: 861px;
	padding: 8px;
}

div.bs-content a.preview,div.bs-content a.nextview {
	bottom: 39px;
	color: #B0B0B0;
	display: block;
	font-size: 13px;
	left: 37px;
	position: absolute;
}

div.bs-content a.preview span,div.bs-content a.nextview span {
	background: url("../_images/icon/bs-new-arrow.png") no-repeat left 6px;
	width: 14px;
	height: 15px;
	display: inline-block;
}

div.bs-content a.nextview span {
	background-position: right 6px;
}

div.bs-content a.nextview {
	left: 795px;
}

div.bs-content a.preview:hover { /*left:37px;*/
	color: #7f7f7f;
}

div.bs-content a.preview:hover span {
	background-position: left -12px;
}

div.bs-content a.nextview:hover { /*left:802px;*/
	color: #7f7f7f;
}

div.bs-content a.nextview:hover span {
	background-position: right -12px;
}

div.bs-border {
	background: none repeat scroll 0 0 #EBECEB;
	border: 1px solid #E6E6E6;
	height: 699px;
	overflow: hidden;
	padding-bottom: 12px;
	padding-left: 11px;
	position: absolute;
	width: 848px;
}

ul.bs-content-holder {
	background: none repeat scroll 0 0 #fafafa;
	float: left;
	min-width: 947px;
	position: absolute;
}

li.bs-cate-div {
	float: left;
	height: 700px;
	position: relative;
}

li.bs-cate-div h3 {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #D4D4D4;
	color: #7F7F7F;
	font-size: 12px;
	left: 26px;
	font-weight: 700;
	position: absolute;
	text-align: center;
	top: 26px;
	padding-left: 14px;
	padding-right: 14px;
	max-width: 230px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 29px; /* ie7 */
}

li.bs-cate-div h3.active {
	cursor: pointer;
}

ul.bs-book-list {
	background: url("../_images/layout/bs-con-ct.png") repeat scroll 0 0
		transparent;
	float: left;
	height: 653px;
	min-width: 188px;
	padding-top: 47px;
}

ul.bs-book-list li {
	height: 147px;
	position: relative;
	width: 94px;
}

a.bs-side-bookshelf {
	background: url("../_images/icon/book-ct-bg.png") no-repeat scroll left
		top #FFFFFF;
	color: #1893C8;
	height: 28px;
	left: 88px;
	position: absolute;
	text-align: right;
	top: 36px;
	font: 11px/15px '돋움', dotum, Helvetica, AppleGothic, Sans-serif;
	padding-left: 29px;
	line-height: 15px; /* ie7 */
}

.bookshelf-marking {
	background: url("../_images/icon/bookshelf-marking-bg.png") no-repeat
		scroll left top transparent;
	bottom: 0;
	display: block;
	height: 18px;
	position: absolute;
	right: 7px;
	text-indent: -9999px;
	width: 18px;
}

.bookshelf-marking.reading {
	background-position: -27px top;
}

.bookshelf-marking.planto {
	background-position: -56px top;
}

.book-status-layer {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #454545;
	font-size: 12px;
	height: 84px;
	left: 176px;
	line-height: 11px;
	padding: 11px 12px;
	position: absolute;
	top: 382px;
	width: 105px;
}

.book-status-layer input {
	margin-top: -1px;
	vertical-align: middle;
}

.book-status-layer label {
	background: url("../_images/icon/bookshelf-tip-bg.png") no-repeat scroll
		79px -1px transparent;
	display: inline-block;
	height: 11px;
	margin-left: 1px;
	width: 86px;
}

.book-status-layer label.read {
	background-position: 79px -1px;
}

.book-status-layer label.read.inverse {
	background-position: 79px -81px;
}

.book-status-layer label.reading {
	background-position: 79px -24px;
}

.book-status-layer label.reading.inverse {
	background-position: 79px -105px;
}

.book-status-layer label.planto {
	background-position: 79px -48px;
}

.book-status-layer label.planto.inverse {
	background-position: 79px -128px;
}

a.bs-side-clip-ct {
	background: url("../_images/icon/clip-side-ct.png") no-repeat scroll
		left top #FFFFFF;
	color: #1893C8;
	height: 28px;
	left: 92px;
	position: absolute;
	text-align: right;
	top: 54px;
	font-size: 11px;
	padding-left: 25px;
	line-height: 14px; /* ie7 */
}

a.bookshelf-admin,a.add-book-bt {
	top: -33px;
	position: absolute;
	text-indent: -9999px;
	display: block;
	height: 27px;
}

a.bookshelf-admin {
	background: url("../_images/layers/button_all.png") no-repeat scroll
		-127px -283px transparent;
	width: 117px;
	left: 95px;
}

a.add-book-bt {
	background: url("../_images/layers/button_all.png") no-repeat scroll
		-31px -283px transparent;
	left: 0;
	width: 92px;
}

.bs-owner .user-info h3 {
	left: 55px;
	top: 19px;
}

.bs-owner .user-info .side-clip-ct {
	left: 55px;
	top: 37px;
}

.bs-owner .noin .user-info h3 {
	top: 20px;
}

.bs-owner .noin .user-info .side-clip-ct {
	top: 42px;
}

.bs-owner .noin .bookshelf-admin {
	display: none;
}

.bs-con-left {
	width: 26px;
	height: 700px;
	float: left;
	background: url("../_images/layout/bs-con-left.png");
}

.bs-con-right {
	background: url("../_images/layout/bs-con-rt.png") repeat scroll 0 0
		transparent;
	float: left;
	height: 700px;
	width: 26px;
}

div.bs-book-holder {
	overflow: hidden;
}

div.bs-book-holder:after {
	clear: both;
	content: "";
	display: block;
}

div.bs-book-holder img {
	background: url("../_images/layout/bs-shadow.png") no-repeat scroll 3px
		top transparent;
	bottom: 0px;
	display: block;
	padding-left: 7px;
	padding-right: 8px;
	padding-top: 1px;
	position: absolute;
	width: 80px;
	height: 114px;
}

.bs-shadow {
	background-color: rgba(0, 0, 0, 0.03);
	height: 613px;
	left: 50px;
	position: absolute;
	top: 295px;
	width: 858px;
}

.bs-mask {
	background: url("../_images/common/ajax-loader-big.gif") no-repeat
		scroll 0 0 transparent;
	height: 66px;
	left: 48%;
	position: absolute;
	top: 46%;
	width: 66px;
}

/* 서가관리 */
.s-admin-hold {
	left: 50%;
	margin-left: -357px;
	margin-top: -246px;
	position: fixed;
	top: 50%;
}

.s-admin-hold .search-cls {
	right: 9px;
	top: 12px;
}

.s-admin {
	height: 439px;
	overflow-y: hidden;
}

.s-admin-hdr {
	height: 37px;
	left: 8px;
	position: absolute;
	top: 8px;
	width: 100%;
}

.s-admin .blank {
	width: 100%;
	height: 4px;
}

.s-admin-hdr span.search-cls {
	top: 5px
}

.s-admin-hdr div.search-search {
	border: 1px solid #DFDFDF;
	height: 21px;
	left: 0;
	position: absolute;
	top: 4px;
}

.s-admin-hdr input.search-pop-input {
	
}

.s-admin-hdr input.search-pop-go {
	background: url("../_images/layout/link_pop_sc.png") no-repeat scroll
		right 0px #54555C;
}

.s-admin .s-admin-nav {
	margin-left: 13px;
	margin-top: 30px;
	width: 673px;
	position: relative;
}

.s-admin-nav div.bs-nav-title {
	background: none repeat scroll 0 0 #FFFFFF;
	height: 58px;
	padding-top: 8px;
	width: 670px;
}

.s-admin .s-admin-nav a.cate-plus,.s-admin .s-admin-nav a.add-books {
	background: url("../_images/icon/cate-plus2.png") repeat scroll 0 0
		transparent;
	height: 17px;
	left: 598px;
	text-indent: -9999px;
	top: -23px;
	width: 73px;
	position: absolute;
}

.s-admin .s-admin-nav a.add-books {
	background: url("../_images/icon/add-book-bg.png") repeat scroll 0 0
		transparent;
	left: 542px;
	width: 51px;
}

.s-admin .s-top-bar {
	height: 37px;
	padding-top: 5px;
	position: relative;
}

.s-top-bar .s-top-bar-ctr {
	position: relative;
	height: 37px;
	width: 270px;
}

.s-top-bar .s-top-choice-all {
	font-size: 12px;
	position: absolute;
	right: 11px;
	top: 18px;
}

.s-top-bar .s-top-choice-all span {
	position: relative;
	top: -3px;
}

.s-top-bar-ctr a.input-confirm {
	background: url("../_images/icon/s-top-ctr-bt.png") repeat scroll left
		top transparent;
	color: #555555;
	font-size: 11px;
	line-height: 22px;
	height: 20px;
	left: 65px;
	position: absolute;
	text-indent: -9999px;
	top: 9px;
	width: 46px;
}

.s-top-bar-ctr p {
	font-size: 12px;
	left: 24px;
	line-height: 22px;
	position: absolute;
	text-indent: 91px;
	top: 9px;
}

.s-top-move {
	background: url("../_images/icon/s-top-move-bg.png") repeat scroll left
		top transparent;
	color: #555555;
	display: block;
	font-size: 11px;
	line-height: 22px;
	height: 20px;
	left: 13px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 9px;
	width: 47px;
}

.s-admin-con {
	position: relative;
}

.s-admin-con .s-a-pop {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #BFBEBC;
	height: 125px;
	left: 13px;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	text-indent: 3px;
	top: 34px;
	width: 130px;
}

.s-admin-con .s-a-pop a {
	color: #999;
	display: block;
}

.s-admin-con .s-a-pop a:hover {
	background: #f7f7f7;
}

.s-con-body {
	background: url("../_images/layout/table-bg.png") repeat-x scroll left
		top transparent;
	font-size: 12px;
	margin-left: 13px;
	max-height: 417px;
	overflow: hidden;
	padding-bottom: 1px;
	padding-top: 3px;
	position: relative;
	width: 672px;
}

.s-con-body .s-a-book-list {
	color: #4E4E4F;
	table-layout: fixed;
	vertical-align: middle;
	width: 672px;
}

.s-a-book-list .check {
	width: 32px;
}

.s-a-book-list .book-title {
	width: 392px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.s-a-book-list .bookshelf {
	width: 144px;
	text-overflow: ellipsis;
	overflow: hidden;
}

.s-a-book-list .added-date {
	
}

.s-a-search .s-admin-nav {
	display: none;
}

.s-a-search .s-con-body {
	max-height: 560px;
}

.table-hdr,.table-body {
	color: #666666;
	position: relative;
}

.table-hdr,.table-body a {
	color: #666666;
	overflow: hidden;
	width: 390px;
}

.table-body a {
	display: inline-block;
	float: left;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
}

.table-hdr,.table-body a:hover {
	color: #313131;
}

.table-hdr {
	font-size: 11px;
}

.table-body {
	height: 26px;
}

.table-body td {
	overflow: hidden;
}

.table-body:hover { /* background: #f7f7f7; */
	
}

.table-hdr th em,.table-body td em {
	color: #999;
	font-size: 11px;
	margin-left: 5px;
	line-height: 26px;
}

.table-hdr th span.check-box,.table-body td span.check-box {
	display: inline-block;
	height: 13px;
	left: 11px;
	margin-left: 0;
	padding-bottom: 6px;
	padding-top: 6px;
	position: relative;
	top: -1px;
	width: 14px;
}

/* pagenation */
.pagination {
	margin-top: 22px;
	font-size: 12px;
	line-height: 17px;
	text-align: center;
	display: block;
}

.pagination a,.pagination a:visited,.pagination strong {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	color: #666666;
	display: inline-block;
	height: 17px;
	line-height: 18px;
	margin-left: -1px;
	text-indent: -1px;
	vertical-align: top;
	width: 25px;
}

.pagination a:hover,.pagination a:active,.pagination a:focus {
	background-color: #F8F8F8;
	color: #000;
}

.pagination strong {
	color: #1893c8;
}

.pagination .prev {
	background: url("../_images/icon/left-right-arrow.png") no-repeat right
		top;
}

.pagination .next {
	background: url("../_images/icon/left-right-arrow.png") no-repeat left
		bottom;
}

li.bs-title-li a {
	color: #828282;
}

div.bs-nav-title {
	padding-top: 8px;
	height: 131px;
	/*height: 108px;*/
}

.label-best {
	background:
		url("http://exem6203.cafe24.com/_images/syncclip/common/bookshelf/default-theme/label_best.png")
		no-repeat scroll 0 0 transparent;
	display: block;
	height: 49px;
	position: absolute;
	right: 5px;
	top: 30px;
	width: 49px;
	text-indent: -9999px;
}

.mark-best {
	border-bottom: 1px dashed #CCC;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.book-status-layer .mark-best label {
	background: none;
}

.add-to-my-category {
	background: url("../_images/icon/add-to-mybookshelf.png") -1px -1px;
	width: 132px;
	height: 28px;
	position: absolute;
	padding: 12px 16px;
	top: 56px;
	left: 26px;
	border: 1px solid #CCC;
}

.add-to-my-category a {
	display: block;
	text-indent: -9999px;
}

ul.bs-book-list li div.s-book-over {
	top: 32px;
	left: 6px;
	width: 73px;
	height: 83px;
	padding-top: 24px;
}

ul.bs-book-list li div.s-book-over a {
	width: 73px;
}