@charset "utf-8";

/* ============================================================
UserStoryBook ++SCREEN++ styleSheet
---------------------------------------------------------------
Version : 1.5
Author :  hi8ar
---------------------------------------------------------------
Last Date Modified : 2010. 03.
============================================================== */

@import url("reset.css");
@import url("basic.css");
@import url("GNB.css");

/* ------------------------------------------------------------------------------------------------
=Layout
------------------------------------------------------------------------------------------------ */
body { background: #fff url(../images/bg_body.gif) repeat-x 0 0; }
#GNB {
	margin: 0 auto;
	width: 860px;
	height: 40px;
	position: relative;
	font-size: 1.2em;
	background: #fff url(../images/bg_body.gif) repeat-x 0 0;
}
#wrap {
	background: #fff url(../images/bg_wrap.gif) repeat-x scroll center 0;
	font-size: 1.2em;
}
#adminWrap {
	background: #fff url(../images/bg_wrap.gif) repeat-x scroll center 0;
	font-size: 1.2em;
}
#header { background: url(../images/bg_header_pr3.jpg) repeat-x scroll center 40px; }
#headerInner {
	position: relative;
	width: 840px;
	padding: 10px;
	margin: 0 auto;
	background: url(../images/bg_header_pr3.jpg) repeat-x scroll center 0;
	font-size: 1.2em;
}
#container {
	margin: 0 auto;
	width: 860px;
	padding-top: 30px;
	padding-bottom: 50px;
	background:#fff url(../images/bg_wrap.gif) repeat-x scroll 0 0;
	overflow: hidden;
}
#admin {
	margin: 0 auto;
	width: 860px;
	padding-top: 4px;
	overflow: hidden;
	min-height: 680px;
}
#content {
	float: left;
	width: 630px;
	position: relative;
}
#sidebar {
	float: right;
	width: 170px;
	padding: 15px 10px 10px;
	background:#eeeae4;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#footerWrap {
	background: transparent url(../images/bg_header_pr3.jpg) repeat-x scroll center 100px;
	height: 160px;
}
#footer {
	margin: 0 auto;
	width: 860px;
	height: 80px;
	margin: 0 auto;
	background: transparent url(../images/bg_header_pr3.jpg) repeat-x scroll center 100px;
}


/* ------------------------------------------------------------------------------------------------
=header
------------------------------------------------------------------------------------------------ */
/* accessbility */
.offscreen {
	position: absolute;
	left: -9999px;
	overflow: hidden;
}
noscript {
	color: #fff;
	font-size: 1.2em;
	text-align: center;
}


/* status */
#div_status,
#div_yesno {
	position: absolute;
	width: 100%;
	z-Index: 1000;
/*
	height: 100%;
*/

}
.overray {
	background: url(../images/bg_overray.png) repeat 0 0;
	width:100%;
	border-bottom: 3px solid #000;
}
#div_status_inner,
#div_yesno_inner {
	color:#8DA487;
	display:block;
	font-family:NanumGothic,나눔고딕,"Malgun Gothic","맑은 고딕",Arial,sans-serif;
	font-size:1.8em;
	font-weight:700;
	letter-spacing:-1px;
	line-height:1.2;
	margin:0 auto;
	padding: 100px 30px 40px;
	text-align:center;
	vertical-align:middle;
	width:520px;
	text-shadow:1px 1px 1px #222;

/*
	display: block;
	margin: 0 auto;
	padding: 120px 20px 0;
	width: 520px;
	height: 190px;

	color: #8DA487;
	font-family: NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", Arial,sans-serif;
	font-size: 1.8em;
	font-weight: 700;
	letter-spacing: -1px;
	line-height: 1.2;
	text-align: center;
	vertical-align: middle;
*/
}
.yesno { display: block; text-align: center; margin: 15px 0 0; font-size:0.8em; }
.yesno a,
.yesno a:visited {
	background:#000;
	border:1px solid #222;
	color:#FFF;
	display:inline-block;
	margin:10px;
	padding:20px;
	width:80px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.yesno a:hover { background: #8da487; border-color: #8da487;
	-moz-box-shadow: 0 0 15px #8da447;
	-webkit-box-shadow: 0 0 15px #8da447;
}
.yesno a:active { padding: 22px; }


/* ------------------------------------------------------------------------------------------------
=header =bookAdd
------------------------------------------------------------------------------------------------ */
#bookAdd { height: 45px; }
#bookAdd legend { display: none; }
#bookAdd label { display: none; }
#bookAdd input.text {
	width: 390px;
	padding: 10px 10px 7px 30px;
	border: 5px solid #BB7D25;
	color: #999;
	font-size: 1.0em;
	letter-spacing: -1px;
	background: #fff url(../images/bg_book_search.gif) repeat-x 0 0;
	float: left;
	margin-right:5px;
	-moz-border-radius: 4px; /* only for Gecko */
	-webkit-border-radius: 4px; /* only for Webkit */
}
#bookAdd input.text:hover { border: 5px solid #ff9601; }
#bookAdd input.text:focus { border: 5px solid #ff9601; letter-spacing: normal; color: #222; }
#bookAdd input.submit {  background: #963 url(../images/btn_booksearch.gif) repeat-x scroll 0 0; border: 0 none; text-indent: -9999px;}
#bookAdd input.onlineBook {
	width: 65px;
	height: 43px;
	float: left;
}
#bookAdd input.thisShelfBook {
	width: 100px;
	height: 43px;
	background-position: -65px 0;
	float: left;
	margin-left: 5px;
}
#bookAdd input.onlineBook:hover { background-position: 0 -43px; }
#bookAdd input.thisShelfBook:hover { background-position: -65px -43px; }

a.manyBooks {
	display: block;
	position: absolute;
	right: 5px;
	bottom: 0;
	background: transparent url(../images/manybooks.png) no-repeat scroll 0 12px;
	width: 200px;
	height: 75px;
	text-indent: -9999px;
	overflow: hidden;
}
a.manyBooks:hover { background-position: 0 0; }


/* ------------------------------------------------------------------------------------------------
=Profile box
------------------------------------------------------------------------------------------------ */
#content .profileWrap {
	margin: 0 9px 30px;
	padding: 5px;
	background-color: #eeeae4;
	overflow: hidden;
	-moz-box-shadow: 0px 0px 5px #ddd;
	-webkit-box-shadow: 0px 0px 5px #ddd;
}
#content .profile {
	padding: 10px;
	border: 1px solid #DDD;
	background-color: #fff;
	min-height: 117px;
}
#content .profile h1 { font-size: 1.5em; color: #444; display: inline; letter-spacing: -1px; font-family: NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", Arial, sans-serif; }
#content .profile img { float: left; padding: 10px; margin-right: 10px; margin-top: -5px; background: transparent url(../images/bg_userPic.png) no-repeat 0 0; width: 100px; height: 100px; }
#content .profile p.userDesc { margin: 5px 0; padding: 3px; background-color: #eeeae4; min-height: 19px; }
/* user web local list */
#content .profile dl { margin: 10px 0 0 130px; line-height: 1.8; overflow: hidden;  width: 450px; /* width for Chrome */}
#content .profile dt { float: left; margin: 0 10px 0 -0px; width: 55px; background-color: #BB7D25; font-weight: 700; color: #fff; text-transform: uppercase; text-align: center; text-shadow:1px 1px 1px #444; }
#content .profile dd { margin-bottom: 2px; display: block; }
#content .profile dd a { padding-right: 10px; }
/* profile Btns */
#content .profile .follow,
#content .profile .following,
#content .profile .remove,
#content .profile .privateGR { margin-top: 5px; margin-left: 10px; padding: 1px 4px; display: inline-block; }
#content .profile .follow          { border: 1px solid #ff9601; color: #ff9601; }
#content .profile .follow:hover    { background-color: #ff9601; border: 1px solid #ddd; color: #fff; text-shadow: 0 0 1px #666; }
#content .profile .following       { border: 1px solid #999; color: #999; }
#content .profile .following:hover { background-color: #999; border: 1px solid #ddd; color: #fff; text-shadow: 0 0 1px #555;}
#content .profile .remove          { border: 1px solid #993; color: #993; }
#content .profile .remove:hover    { background-color: #993; border: 1px solid #ddd; color: #fff; text-shadow: 0 0 1px #555; }
#content .profile .privateGR       { border: 1px solid #ccc; color: #999; }
/* shelf classification */
#content .profile h1 strong { display:none; }
/* toAdmin Btns */
a.editInfo,
a.editInfo:visited {
	margin: 0 5px;
	padding-left: 10px;
/*	background: transparent url(../images/bg_editInfo.gif) no-repeat 0 center; */

	font-size: 0.9em;
	letter-spacing: -1px;
	font-family: Dotum, 돋움, Sans-serif;
	color: #999;
	text-decoration: underline;
}
a.editInfo:hover { color: #BB7D25; }


/* ------------------------------------------------------------------------------------------------
=Content
------------------------------------------------------------------------------------------------ */
/* common wrapper */
.contentBox { margin: 0 0 30px 0; padding: 10px; }

/* Big Title */
h2 {
	padding: 3px 0 15px;
	/*
	margin-bottom: 15px;
	min-height: 45px;
	background: transparent url(../images/bg_h2.gif) no-repeat scroll right bottom;
	*/
	border-color: #eee #eee #8da487;
	border-style: solid none;
	border-width: 1px medium 0;
	color: #443A25;
	font-size: 1.5em;
	font-family: NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", Arial, 굴림, Sans-serif;
	letter-spacing: -1px;
	text-shadow: 1px 1px 1px #ccc;
}
#content h2 span,
#content h2 em { color: #6C7E68; }

/* contentBox Basic Btns */
.contentBox input.submit,
.contentBox button.submit,
.contentBox a.submit {
	height: 30px;
	padding: 5px;
	background: transparent url(../images/bg_input.gif) repeat-x scroll 0 0;
	border: 1px solid #ddd;
	border-top: none;
	border-bottom: none;
/*	color: #fff; */
	font-size: 1.0em;
/*	font-weight: 700; */
	letter-spacing: -1px;
	/*
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
	font-family: Nanumgothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", sans-serif;
	*/
	color: #444;
	text-shadow: 1px 1px #e5e5e5;
	-moz-box-shadow: 0 1px 3px #ccc;
	-webkit-box-shadow: 0 1px 3px #ccc;
}
.contentBox a.submit { display: block; height: 20px; padding: 12px 10px 11px; text-align: center; }
.contentBox a.smallSubmit {
/*
	display: block;
	text-align: right;
	padding: 5px 5px 5px 25px;
	margin-left: 15px;
	border-bottom: 1px dashed #ccc;
	color: #777;
	line-height:1;
*/
	float: right;
	width: 140px;
	text-align: center;
	background: url(../images/bg_gra.gif) repeat-x 0 bottom;
	border:1px solid #CCC;
	height: 30px;
	line-height: 30px;
	letter-spacing: -1px;
}
.contentBox input.submit:hover,
.contentBox button.submit:hover,
.contentBox a.submit:hover { background-position: 0 -43px; color: #443c39; }
.contentBox button.submit em { color: #22635F; }

/* content basic Navi */
.contentNaviWrap { border-bottom:1px solid #ccc; margin-bottom: 10px; }
.contentNavi { padding: 0 5px; background: url(../images/bg_ul.gif) repeat-x 0 bottom; overflow: hidden; }
.contentNavi li { float: left; margin-right: 5px; background-color: #EFECE9; border: 1px solid #e5e5e5; border-bottom: 0 none; max-width:235px; overflow: hidden; }
.contentNavi li a,
.contentNavi li a:visited { display: block;  background-color: #f9f6f2; line-height: 2.8; padding: 0 20px; letter-spacing: -1px; height: 34px; border: 1px solid #fff; border-bottom: 0 none; }
.contentNavi li a:hover { background-color: #EFE8E0; }
.contentNavi li.current { font-weight: bold; border-top: 1px solid #aaa; border-left: 1px solid #aaa; border-right: 1px solid #aaa; background-color: #f2eee9; -moz-box-shadow: 0 -1px 10px #ccc; -webkit-box-shadow: 0 -1px 10px #ccc; }
#admin .contentNavi li.current { background: #fff url(../images/menu_bg.png) repeat-x 0 0; }
#admin .contentBox .contentNavi li.current { background: #f2eee9; }
#admin .contentBox .contentNavi li.back { float: right; border: 1px solid #e5e5e5; }
#admin .contentBox .contentNavi li.back a,
#admin .contentBox .contentNavi li.back a:visited { padding: 5px 10px; border: 1px solid #fff; line-height: 1.2; height: 15px; }
.contentNavi li.current a,
.contentNavi li.current a:visited { color: #7D0000; background: none; }
.contentNavi li a em.userName { letter-spacing: normal; color: #000; }
.contentNavi li .btnArrow,
.contentNavi li .btnArrow:visited { text-indent:-9999px; background: #f9f6f2 url(../images/btn_arrow.gif) no-repeat center center; }
.contentNavi li#feedli4 { margin: 0 5px 0 -5px; border-width: 1px 1px 0 0; } /* last tab */

.hiddenNavi { position: absolute; z-index: 100; border: 1px solid #ddd; border-top: 0 none; }
.hiddenNavi li { float: none; border: 0 none; margin-right: 0; background: #EFE8E0; }
.hiddenNavi li a,
.hiddenNavi li a:visited {
	border: 0 none;
	background-color: #f2eee9;
	white-space:nowrap;
	}
.contentNavi li.current .hiddenNavi li a { font-weight: 400; }


/* updateList */
.updateList {
	padding: 5px;
	background-color: #eeeae4;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	-moz-box-shadow: 0 0 5px #ddd;
	-webkit-box-shadow: 0px 0px 5px #ddd;
}
.updateList li {
	padding: 5px;
	background: #f6f6f6 url(../images/bg_udt_li.gif) repeat-x 0 0;
	border-bottom: 1px dotted #ccc;
	overflow: hidden;
}
.updateList li:hover { background: #fff; }
.updateList .noUpdate { text-align: center; padding: 10px; color: #666; } /* has no feed msg */
.updateList li img.userPhoto { padding: 5px; background: transparent url(../images/bg_updateImg.gif) no-repeat center center; width: 50px; height: 50px; }
.updateList li:hover .lastTime{ color: #7d0000; } /* time hover effect */

.updateList li i { font-style: normal; font-size: 0.9em; padding: 2px 4px 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow:1px 1px 1px #444;}
.updateList li .gr_feed { background: #566; color: #fff; }
.updateList li .tm_feed { background: #B29DD6; color: #fff; }


/* SHELF */
#shelf h3, #tgShelf h3 { font-size: 1.08em; font-family: Georgia, Gulim, 굴림, sans-serif; margin-bottom: 10px; } /* shefClassfication */
#shelf_count { font: 800 1.5em Georgia, serif; color: #8da487; }

#recommendation,
#shelf_bs {
	padding-top: 24px;
	background: url(../images/bg_shelf_top.gif) no-repeat 0 0;
}
#recommendation .shlefInner,
#shelf_bs .shlefInner {
	padding-bottom: 93px;
	background: url(../images/bg_shelf_bottom.gif) no-repeat 0 bottom;
}
#shelf_bs.inCategory {
	padding-top: 84px;
	background: url(../images/bg_shelf_top.gif) no-repeat 0 0;
}

.bookshelf { padding: 0 23px; background: url(../images/bg_shlef_middle_alt.gif) repeat-y 0 0; overflow: hidden; }
.bookshelf li { float: left; width: 95px; height: 164px; padding: 0 7px; position: relative; }
.bookshelf li img { position: absolute; bottom: 14px; background: url(../images/bg_bookcover_alt.png) no-repeat center 0; padding: 0 14px; }
.bookshelf li .bookName {  }

.shelfMoreBtn {
	margin-top: -72px;
	padding: 0 11px;
}
.shelfMoreBtn a,
.shelfMoreBtn a:visited {
	background: url(../images/bg_shelfMoreBtn.png) repeat-x 0 0;
	display: block;
	padding: 18px 0 12px;
	text-align: center;
	color: #eee;
	font-family: 나눔고딕, "맑은 고딕", sans-serif;
}
.shelfMoreBtn a:hover {
	color: #ff9601;
	font-weight: 700;
	text-shadow: 1px 1px #000;
}

#shelf_bs table {
/*
	border: 11px solid #6E3D32;
	border-top: 1px solid #6E3D32;
	border-bottom: 0 none;
*/
}
#shelf_bs table td.bookTitle {
	padding: 10px 5px 10px 15px;
}
#shelf_bs table tbody tr {
	border-bottom: 1px solid #fff;
}
#shelf_bs .shlefInner2 {
background: url(../images/bg_shlef_middle_alt.gif) repeat-y 0 0;
padding: 0 20px;
}


/*
.shelfMore .more { display: block; padding: 5px 10px; border: 3px double #fff; background-color: #ddd; text-align: center; }
.shelfMore .more:hover { color: #fff; background-color: #A6937C; }
*/

/*
.bookshelf { margin: 25px 0 0; background: transparent url(../images/bg_shelf.gif) repeat 0 0; overflow: hidden; }
.bookshelf li { float: left; width: 85px; height: 136px; margin: 0 6px 30px; padding: 0 12px; width: 85px; position: relative; }
.bookshelf li img { position: absolute; bottom: 0; padding: 1px 5px 0; background: transparent url(../images/bg_book.gif) no-repeat 0 0; }
.bookshelf li .bookName { position: absolute; bottom: 0; }
.shelfMore .more { display: block; padding: 5px 10px; border: 3px double #fff; background-color: #ddd; text-align: center; }
.shelfMore .more:hover { color: #fff; background-color: #A6937C; }
*/


/* shelf Flag */
#mybook { position:absolute; z-index:999; }
#mybook a,
#mybook a:visited {
	display: block;
	width: 16px;
	height: 17px;
	line-height: 17px;
	font-size: 0.9em;
	font-family: 나눔고딕, '맑은 고딕', sans-serif;
	letter-spacing: -1px;
	text-indent: -9999px;
	background:  url(../images/cross.png) no-repeat 0 0;
	overflow: hidden;
}
#mybook a:hover {
	padding-left: 17px;
	background-position: 1px 1px;
	width: 20px;
	text-indent: 0;
	color: #933;
}

/* shelf sort */
.librarySort { position: absolute; right: 40px; top: 140px; }
.librarySort li { float: left; }
.librarySort li a,
.librarySort li a:visited { display:block; padding: 3px 20px; color: #bbb; letter-spacing: -1px; }
.librarySort li a:hover { color: #ff9601; }
.librarySort li.current { padding-bottom: 10px; background: url(../images/bg_librarySort_cr.gif) no-repeat center bottom; }
.librarySort li.current a,
.librarySort li.current a:visited { color: #ff9601; }
.librarySort li.current a:hover {  }

/* shelf switch */
.librarySwitch { position: absolute; top: 135px; left: 40px; overflow: hidden; }
.librarySwitch li { float:left; margin-right: 2px; margin-bottom: 5px; }
.librarySwitch li a,
.librarySwitch li a:visited { display: block; padding: 4px 10px; border: 1px solid #653321; color: #bbb; letter-spacing: -1px; }
.librarySwitch li a:hover { background-color: #411e14; color: #ff9601; }
.librarySwitch li.selected a,
.librarySwitch li.selected a:visited { background-color: #411e14; color: #ff9601; border: 1px solid #3a1910; }

/* shelf has noBook */
.hasNoBook { padding: 20px; color: #ddd; text-align: center;
background: url(../images/bg_shlef_middle_alt.gif) repeat-y 0 0;
}


/* Search & Add Book
--------------------------------------------------------------------------------------------------- */

/* search form */
fieldset.bookAddField { padding: 10px; background: url(../images/bg_fieldset.gif) repeat 0 center; }
fieldset.bookAddField label { display: none; }
fieldset.bookAddField select { border-color: #ccc #e5e5e5 #e5e5e5 #ccc; border-style: solid; border-width: 1px; padding: 4px; vertical-align: middle; }
fieldset.bookAddField input.text { width: 345px; }
fieldset.bookAddField input.submit { width: 105px; }
fieldset.bookAddField select:hover,
fieldset.bookAddField select:focus { padding: 2px; border: 3px solid #ff9601; }

.contentBox .switchUp {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 10px;
	background-color: #eeeae4;
	border:1px solid #e5e5e5;
	font-weight: 700;
	letter-spacing: -1px;
}
.contentBox .switchUp:hover {
	background-color: #a6937c;
	color: #fff;
}

/* found not any books */
.noResult { }

/* searched book list */
.searchResult { }
.searchResult ul { margin: 10px 0 0;}
.searchResult ul li { padding: 10px; border-bottom: 1px dotted #ddd;  overflow: hidden; }
.searchResult ul li.selected { background: #F2EEE9; border-color: #ccc; border-style:dashed dashed none; border-width:1px 1px 0; padding: 20px 10px; }
.searchResult ul li .bookImage { float: right; width: 100px; }
.searchResult ul li .bookImage img { width: 85px; padding-bottom: 10px; background: url(../images/bg_book.png) no-repeat 0 bottom; }
.searchResult ul li .bookInfo { float: left; width: 450px; }
.searchResult ul li .bookInfo .bookTitle { font-size: 1.2em; font-weight: 800; letter-spacing: -1px; padding: 0 0 5px; color: #222}
.searchResult ul li .bookInfo .bookDesc { color: #888;}
.searchResult ul li .bookInfo .bookGenre { color: #999;}
.searchResult ul li .bookInfo a,
.searchResult ul li .bookInfo a:visited { display: block; width: 115px; margin-top: 15px; padding: 3px 5px; border: 1px dashed #7d0000; color: #8F7B59; text-align: center; }
.searchResult ul li .bookInfo a:hover { color: #fff; border: 1px solid #7d0000; background: #7d0000; }

.searchResult ul.contentNavi li { padding: 0; border-bottom: 0 none; }




/* MEMO Field */
.addBox { padding: 10px; margin-bottom: 20px; line-height: 2.5; border-color: #ccc; border-style:none dashed dashed; border-width:0 1px 1px;}
.addBox h4 { margin: 5px 0 3px; font-family: Arial, sans-serif; font-size: 1.17em; }
.addBox fieldset { padding: 10px; background-color: #f2eee9; border: 1px solid #ddd; border-top: 0 none; }
.addBox fieldset h5 { font-weight: 400; color: #222; text-align: center; background: #CFC4B5; border-bottom:1px solid #ddd; margin: 0 -10px; padding: 0 20px; }
.addBox fieldset em { font-size: 1.1em; font-weight: 700; color: #722; }
.addBox fieldset p,
.addBox fieldset div.p_date { padding: 5px; }
.addBox fieldset p img,
.addBox fieldset p input { vertical-align: middle; }
.addBox fieldset label.rentable { cursor: pointer; }
.addBox fieldset div.linkage { /* border:1px solid #ddd; */ background: #fff; padding: 5px 10px; }
.addBox fieldset div.linkage p { padding: 0; }
.addBox fieldset div.linkage .linkagePW { width: 100px; }
.addBox fieldset div.linkage .link_tw { background: url(../images/twicon16.gif) no-repeat 0 0; padding-left: 20px; cursor: pointer; }
.addBox fieldset div.linkage .link_me2 { background: url(../images/me2icon16.gif) no-repeat 0 0; padding-left: 20px; cursor: pointer; }
.addBox label { display: inline; margin: 0 15px 0 1px; color:#333;}
.addBox input.text { letter-spacing: 1px; width: 200px; margin-right: 10px; }
.addBox input.date { width: 100px; font-family: Georgia, Arial, sans-serif; text-align: center; }
.addBox .hint { color: #888; letter-spacing: -1px; } /* small hint */
.addBox .cnt { letter-spacing: 1px; } /* numeric date spacing */
.addBox #stars img { vertical-align: middle; }
.addBox #stars i { vertical-align: middle;letter-spacing: -1px; color: #8da487; margin-left: 5px; font-style: normal; }

.addBox textarea {
	width: 568px;
	height: 65px;
}
.addBox #lendBookBox .hint { display: block; }
.addBox #lendBookBox label { margin: 0 5px 0 0; }


/* Add many books one Time, mass, batch upload
--------------------------------------------------------------------------------------------------- */
p.batchHelp {
	background: #332620 url(../images/manybooks.png) no-repeat scroll -127px bottom;
	padding-left: 80px;
}
p.batchHelp .isbnAct {
	color:#FF9601;
	font-family:'Trebuchet ms', Tahoma, sans-serif;
	font-size:25px;
	font-weight:400;
	margin-right:5px;
}
textarea.bookList { width: 588px; height: 200px; }
/* added books confirm Table */
th.date { font-family: Arial, Gulim, sans-serif; }
td.date input.text { padding: 2px; width: 75px; border-width: 1px; border-style: solid; border-color: #aaa #eee #eee #aaa; letter-spacing: 1px; }
td.date input.text:focus { border: 1px solid #8da487; }
/* ISBN search failed */
ul.error { margin: 10px 20px; }
ul.error li { list-style: disc inside; }

td.score a { border: 0 none; }
td.score i { display: block; color:#8DA487; font-style:normal; letter-spacing:-1px; }


/* more friends list
--------------------------------------------------------------------------------------------------- */
.userInfo { position: relative; }

/* updateList description */
.followFriend,
.followedFriend { border-top: 1px solid #ddd; }
.userInfo .userPhoto { margin: 5px; }
.userInfo .userName a {
	position: absolute;
	top: 10px;
	left: 70px;
	height: 19px;
	padding: 0 10px;
	color: #84735e;
	font-weight: 800;
	max-width: 500px;
	overflow: hidden;
}
p.desc { margin: -35px 0 10px 75px; padding: 0 5px; color: #555; position: relative; }
.followFriend p.desc,
.followedFriend p.desc { margin-top: -35px; margin-bottom: 10px; width:400px; }
p.desc a,
p.desc a:visited {
	font-size: 1.1em;
	font-weight: 800;
	font-family:NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", Arial, Gulim, sans-serif;
	letter-spacing: -1px;
	color: #111;
	border-bottom: 1px solid #d0d0d0;
	margin-right: 5px;
	padding: 1px 5px;
}
p.desc a:hover { color: #ff9601; border-bottom: 1px solid #8DA487; }

p.desc a.linkuser,
p.desc a.linkuser:visited {
	background: url(../images/link_user.png) no-repeat 0 0;
	padding-left: 18px;
	color: #84735E;
}
p.desc a.linkbook,
p.desc a.linkbook:visited {
	background: url(../images/bookmark.png) no-repeat 0 0;
	padding-left: 18px;
}
p.desc a.linkgroup,
p.desc a.linkgroup:visited {
	background: url(../images/link_group.png) no-repeat 0 0;
	padding-left: 18px;
	color: #566;
}
p.desc a.linktheme,
p.desc a.linktheme:visited {
	background: url(../images/link_theme.png) no-repeat 0 0;
	padding-left: 18px;
	color: #61478F;
}
p.desc .lastTime {
	margin: 0 0 0 10px;
	font: 400 0.9em Dotum, sans-serif;
	letter-spacing: -1px;
	color: #888;
}
a.stopFollow,
.onFollow,
a.addFollow { 
	padding: 0 5px;
	position:absolute;
	right:15px;
	top: 30px;
	letter-spacing: -1px;
}
a.addFollow { border: 1px solid #FF9601; color: #FF9601; }
a.addFollow:hover { color: #fff; background-color: #ff9601; }
a.stopFollow { border: 1px solid #993; color: #993; }
a.stopFollow:hover { color: #fff; background-color: #993; }
.onFollow { border: 1px solid #999; color: #999; }

/* more favorite theme */
.themeList li { position: relative; }
.themeList li img {
	background:transparent url(../images/bg_book.png) no-repeat scroll 0 bottom;
	float:left;
	margin-right:20px;
	padding-bottom:10px;
	width: 85px;
}
.themeList h4,
.themeList li p { width: 483px; }
.themeList h4 { padding:0 0 5px; font-size: 1.1em; font-weight: 800; letter-spacing:-1px; }
.themeList h4 a,
.themeList h4 a:visited { color: #222222; }
.themeList h4 a:hover { color: #933; }
.themeList h4 strong { padding: 2px 6px 2px 3px; background-color:#7d0022; color: #fff; }

.themeList p { margin-left: 105px; }
.themeFounder { margin: 5px 0; }
.themeFounder a { border-bottom: 1px solid #ccc; }

.themeKeyword,
.themeJob { color: #767676; }
.themeKeyword em,
.themeJob em { color: #9c5d3b; margin-right: 5px; font: 0.9em Dotum, sans-serif; letter-spacing: -1px; }



/* ##########################################
원래 책 상세 있던 자리 
########################################### */





/* Paging
--------------------------------------------------------------------------------------------------- */
.paging {color:#aaa; text-align:center; font-family:verdana; padding:10px 0; margin-bottom:50px;}
.paging .pageNav {font-size:0.9em; font-weight:bold; margin:0 5px;}
.paging .extend {font-weight:normal; }
.paging a {color:#666; padding:4px 8px; border:1px solid #e5e5e5;}
.paging a:hover { border: 1px solid #D2DA84; background-color: #D2DA84; }
.paging span.selected {
	background-color: #8DA487;
	border:1px solid #e5e5e5;
	color: #fff;
	font-weight: 700;
	padding: 4px 8px;
	border-color: #888;
}
/* paging이 feed 안쪽으로 삽입되는 경우.. 업데이트 더보기의 경우 */
#feed .paging { margin-top: 30px; }
/* paging이 책검색 결과 안쪽으로 삽입되는 경우.. 업데이트 더보기의 경우 */
#searchResult .paging { margin-top: 20px; }
/* paging이 서재 더보기 안으로 삽입되는 경우.. */
#shelf_bs .paging {
	background: url("../images/bg_shelfMoreBtn.png") repeat-x scroll 0 0 transparent;
	margin: -70px 11px 0;
	padding: 15px 0 10px;
}
#shelf_bs .paging a { color: #bbb; border-color: #333; }
#shelf_bs .paging a:hover {
	background-color:#411E14;
	border:1px solid #3A1910;
	color:#FF9601;
}
#shelf_bs .paging span.selected {
	background-color:#411E14;
	border:1px solid #3A1910;
	color:#FF9601;
}




/* ------------------------------------------------------------------------------------------------
=Admin
------------------------------------------------------------------------------------------------ */
/* admin common */
.admin { margin:0 0 30px; padding:20px 10px 0; }
.admin .contentNavi li a,
.admin .contentNavi li a:visited { padding: 4px 27px 5px; }
.admin input.text {
	-moz-border-radius: 5px; /* only for FF */
	-webkit-border-radius: 5px; /* only for Safari */
}
/* admin layout */
#admin #sidebar { display: none; }
#admin #content { float:none; width: 860px; padding: 0;}
#admin #content .profileWrap {
	margin: 0 0 30px;
	padding: 15px;
	background-color: #F2EEE9;
}
/* userstory.net Info */
.admin div.userstoryNetInfo {
	padding: 15px;
	background-color: #f2eee9; 
}
.admin dl.infoList { padding: 25px 10px 0; border: 1px solid #ddd; background-color: #fff; position: relative;}
.admin dl.infoList dt {
	padding: 5px 0 5px 20px;
	color: #222;
	font-size: 1.08em;
	font-weight: 700;
	letter-spacing: -1px;
	background: url(../images/bg_h3.gif) no-repeat scroll 0 center transparent;
	overflow: hidden;
}
.admin dl.infoList dt span.userName {
	font-weight: 700;
	letter-spacing: 0;
}
.admin dl.infoList dd {
	padding: 3px 10px 25px 20px;
	font-size: 1.57em;
	font-family: "Lucida grande", verdana, Tahoma, sans-serif;
	color: #59493f;
	letter-spacing: -1px;
	/*
	border-top: 1px solid #e5e5e5;
	*/
}
.admin dl.infoList dd a,
.admin dl.infoList dd a:visited { border-bottom: 1px solid #e5e5e5; color: #BB7D25; }
.admin dl.infoList dd a:hover { color: #ff9601; }
.admin dl.infoList dd a small { font-size: 12px; color: #888; margin-left: 5px; }
.admin dl.infoList dd span.hint { font: 11px Dotum; color: #999; margin-left: 15px; letter-spacing: -1px; position: absolute; top: 59px; right: 100px;}
.admin dl.infoList dd.first { border-top: 0 none; }
.admin dl.infoList dd strong { vertical-align: middle; color: #888;}
.admin dl.infoList dd a.destructionShelf { margin-left: 80px; font-size: 0.65em; color: #999; text-decoration: underline; border-bottom: 0 none;}
.admin dl.infoList dd span.waitNet { margin-left: 20px; padding: 3px 10px; font-size: 0.65em; background: #eee; border: 2px dashed #aaa; }
.admin dl.infoList dd fieldset {
	font-size: 0.65em;
}
.admin dl.infoList dd fieldset p {
	margin-bottom: 10px;
}
.admin dl.infoList dd fieldset p.first {
	padding-left: 50px;
	color: #933;
	font-weight: 700;
}
.admin dl.infoList dd fieldset label {
	color: #555;
}
.admin dl.infoList dd fieldset input {
	width: 200px;
}
.admin dl.infoList dd fieldset button {
	font-size: 1.0em;
}
.admin dd button.submit { vertical-align: middle; width: 280px; font-size: 0.65em; height: 35px; }
.admin dl.infoList dd fieldset p.switchButtonWrap { padding: 0 0 0 142px; }
.admin dl.infoList dd fieldset p.switchButtonWrap button.submit { width: 220px; }
.admin dl.infoList dd fieldset p.switchButtonWrap .close { margin-left: 10px; letter-spacing: -1px; text-decoration: underline; }


/* personelInfo */
.admin fieldset { padding:15px; border-bottom: 1px solid #E5E5E5; background-color: #f2eee9; border-top: 1px solid #E5E5E5;}
.admin fieldset .innerField { padding: 35px; background-color: #fff; border: 1px solid #ddd; }
.admin fieldset .innerField .userPhoto { float: left; padding: 10px; width: 100px; height: 100px; background: transparent url(../images/bg_userPic_ps.png) no-repeat scroll 0 0; border-bottom: 0 none; }
/* img upload Area */
#div_img_change { margin-left: 12em; border-bottom: 0 none; clear: both; }
.admin fieldset .innerField .imgChangeBtn { float: left; width: 240px; margin: 68px 0 0 10px; }
.admin fieldset .innerField div.anc { border-bottom: 0 none; margin-bottom: 0; padding: 0; }
.admin fieldset div { padding: 10px 0; border-bottom: 1px solid #e9e9e9; overflow: hidden; }
.admin fieldset label {
	float: left;
	margin:2px 15px 0 0;
	padding:3px 5px 3px 0;
	width: 10em;
	letter-spacing: -1px;
	text-align: right;
	color: #111;
}
.admin fieldset label em {
	color: #f00;
	font-family: Verdana, sans-serif;
	font-size: 1.2em;
	font-weight: 700;
	vertical-align: middle;
}
.admin fieldset small { margin-left: 12em; display: block; clear: both; color: #999; letter-spacing: -1px; }
.admin fieldset small .ok { color: #3366cc; }
.admin fieldset small .error { color: #A40000; }
.admin input.text { width: 250px; margin-right: 10px; }
.admin fieldset textarea { width: 510px; height: 80px; margin: 5px 0; }
.admin fieldset button.submit { height: 30px; margin: 0 5px 0 0; width: 125px; }
.admin fieldset .localWrap { padding: 0; border: 0 none; }
.admin fieldset .localWrap input { margin: 3px 10px 3px 0; }
.userJobSet { padding: 10px 10px 10px 140px; overflow: hidden;}
.userJobSet dt { font-weight: 700; }
.userJobSet dd { display: inline; }
.userJobSet dd input { margin-right: 4px; }
p.jobHelp { margin-left: 130px; }
.admin fieldset .userJobSet label { display: inline-block; width: 110px; text-align: left; color: #333; cursor:pointer; }
em.groupURLafter { margin: 0 10px 0 -5px; font-weight: 700; color: #8da487; }


/* Admin 연동하기
--------------------------------------------------------------------------------------------------- */
.admin div.innerWrap { overflow: hidden; border-bottom: none; }
ul.adminTab { float: left; width: 150px; }
ul.adminTab li a {
	display: block;
	padding: 15px 0;
	text-align: center;
	border-bottom: 1px solid #eee;
	border-bottom:1px solid #ddd;
	border-top: 1px solid #fff;
	height: 1%;
}
ul.adminTab li a:hover { background-color: #eee; }
ul.adminTab li a.selected {
	border-right: none;
	font-weight: bold;
	color: #7C9700;
	background-color: #f2eee9;
}
div.desc {
	float: right;
	width: 630px;
	margin-bottom: 20px;
	padding:20px;
	background-color: #f2eee9;
	border-bottom: 1px solid #ddd;
}
div.desc .descInner { padding-bottom: 40px; border-bottom: 5px solid #CFC4B5; margin-bottom: 50px; }
fieldset.ImSelect { padding: 0 0 10px 0; border: 0 none; }
fieldset.ImSelect label img { vertical-align: middle; }
fieldset.ImSelect label { float: none; cursor: pointer; }
#im_nateon { margin-left: 15px; }
#im_msn { margin-left: 20px; }
div.desc textarea.tw_pre { height: 50px; margin: 5px 0 0; }
div.desc .preview { border: 1px solid #ddd; background-color: #fff; padding: 15px 10px; margin: 5px 0 25px; } 
.contentBox p.buttonWrap { margin: 5px 0; }
.lendBookInner p.buttonWrap { margin: 0; }
.contentBox p.emph { margin: 20px 0 50px; }
.contentBox p.buttonWrap label { display: none; }
.contentBox p.buttonWrap input,
.contentBox p.buttonWrap button { width: 100%; height: 43px; }



#content p.apiInfo { margin: 10px 0 20px; padding: 10px; background: #fff; border: 1px solid #ddd; }
#content p.apiInfo label {
	display: block;
	float: none;
	text-align: left;
	color: #222;
	text-transform: capitalize;
}
#content p.apiInfo small {
	display: block;
	color: #888;
	letter-spacing: -1px;
	margin-left: 10px;
}
#content p.apiInfo label.secondLabel {
	margin: 10px 0 0;
}
#content p.linkBasic { text-align: center; color: #777; }
#content p.linkBasic em { color: #332620; font-weight: 700; display: block; }
#content p.linkBasic label,
#content p.linkBasic input { vertical-align: middle; }


.usbToTwitter,
.usbToMe2day {
	display: block;
	width: 630px;
	height: 150px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/usbTOtwitter.jpg) no-repeat 0 0;
}
.usbToMe2day {
	background: url(../images/usbTOme2day.jpg) no-repeat 0 0;
}
.linkageActive,
.usbToTwitter:hover,
.usbToMe2day:hover {
	background-position: 0 -150px;
}
.linkageActive:hover {
	background-position: 0 -300px;
}
a.msgReset {

	border-bottom:1px solid #ff9601;
	color:#FFFFFF;
	float:right;
	padding:0 4px;
	letter-spacing: -1px;
}
a.msgReset:hover {
	background-color:#8DA487;
	border-bottom:1px solid #000;
	color:#FFFFFF;
}


/* Admin 친구초대
--------------------------------------------------------------------------------------------------- */
/* 초대 영역 구분 */
.inviteBG { }
.admin .inviteBG h3 { border-bottom: 0 none; }
.inviteSelectArea { border: 1px solid #ccc; padding: 10px; background: #F9F6F2; margin-bottom: 20px; border-top: 0 none; }
.inviteListArea { border: 1px solid #ddd; padding: 10px; background: #F9F6F2; }

/* 초대할 친구 찾기 */
.inviteTabNavi {
	background: transparent url(../images/bg_ul.gif) repeat-x scroll 0 bottom;
	height: 60px;
}
.inviteTab li {
	float:left;
	margin-right:5px;
}
.inviteTab li a {
	color: #999;
	padding:12px 30px 13px 52px;
	display: block;
	background: url(../images/bg_inviteTab.gif) no-repeat 0 0;
	border-color:#eee;
	border-style:solid;
	border-width:1px;
}
.inviteTab li a:hover {
	color: #555;
	background-position: 0 -45px;
	border-color:#ddd;
	border-style:solid;
	border-width:1px;
}
.inviteTab li a#a_chk_messenger { background-position: -250px 0;}
.inviteTab li a#a_chk_messenger:hover { background-position: -250px -45px;}
.inviteTab li a#a_chk_twitter {background-position: -500px 0; }
.inviteTab li a#a_chk_twitter:hover {background-position: -500px -45px; }

.inviteTab li a.selected {
	color: #7D0000;
	font-weight: 700;
	border: 1px solid #ccc;
	background-position: 0 -45px;
}
.inviteTab li a#a_chk_messenger.selected { background-position: -250px -45px; }
.inviteTab li a#a_chk_twitter.selected { background-position: -500px -45px;}



#content div.mailList {
	padding: 0;
	border-color: #CCCCCC #E5E5E5 #E5E5E5 #CCCCCC;
	border-style: solid;
	border-width: 1px;
	background-color: #fff;
}
.mailList table { border-bottom: 0 none; }
.mailList thead { }
.mailList th { }
.mailList tbody { /* height: 145px; overflow: auto; overflow-x:hidden; overflow-y:auto; */}
.mailList tr { border: 0 none; }
.mailList th,
.mailList td { text-align: left; }
.mailList td { padding: 5px; }
.mailList td label { display: block; }
.mailList tr:hover td { padding: 10px 5px; }
.mailList tr:hover td img { width: 48px; height: 48px; margin-right: 5px; }
.mailList td img { vertical-align: middle; border:1px solid #BBB; width: 16px; height: 16px; }
.mailList td img:hover { width: 48px; height: 48px; }

.mailList td img.twitterPic { width: 16px; height: 16px; margin-right: 5px; }
.mailList td img.twitterPic:hover { width: 48px; height: 48px; }


.mailList td .inviteUserName { color:#888; }
.mailList td.address { width: 250px; font-weight: 700; }
.mailList td.emailAddress { width: 250px; font-weight: 700; }
.mailList td input { vertical-align: middle; }


table td .addThis { cursor: pointer; }

/* 초대 후보 목록 */
.inviteListArea #invite_count { color: #8da487; font-size:1.2em; }
#inviteList caption { display: none; }
#inviteList span.email { text-align: left; font-weight: 700; }
#inviteList span.section { color: #777; }
.inviteCandidateList { 
	padding: 0;
	border-color: #CCCCCC #E5E5E5 #E5E5E5 #CCCCCC;
	border-style: solid;
	border-width: 1px;
	background-color: #fff;
}
.inviteCandidateList td { text-align: left; padding: 5px 0; }
.inviteCandidateList th { text-align: left; padding: 10px 5px; }
.inviteCandidateList tr { border-bottom:1px dashed #ddd; }
.inviteCandidateList td .no { margin: 0 12px; }
.inviteCandidateList td .no input { vertical-align: middle; }
.inviteCandidateList td .email { }

#inviteList .txid { width: 10px; padding: 5px 12px; }

.inviteCandidateList tbody {
/*
	height: 200px; overflow-x:hidden; overflow-y:auto;
*/
}



.inviteDesc textarea { width: 773px; height: 50px; }






.inviteMsg { border: 0 none; clear: both; margin-top: 15px; }
.inviteMsg textarea { width:773px; height: 80px; }
.admin .inviteMsg label {
	display: block;
	float: none;
	width: 200px;
	text-align: left;
	font-size:1.17em;
	font-weight:800;
}

div.desc textarea { width: 607px; height: 100px; }
div.mailListBox { }
div.mailListBox p { margin: 5px 0; }
div.mailListBox p span { margin: 0 10px; letter-spacing: -1px; color: #777; }
/*.mailList table thead { background: #C8DFC3; color: #777; border-bottom: 3px double #C8DFC3; } */
.admin div.mailListBox label.search { display: block; float: none; text-align: left; margin-right: 10px; display: none; }
.admin div.mailListBox input.search { padding: 0 20px; }
.admin div.mailListControl { margin: 5px 0; overflow: hidden; border-bottom: none; }
div.mailListControl p { float: left; }
div.mailListControl p label { margin-right: 10px; display: inline; float: none; }
div.mailListControl p.choiced { float: right; margin-right: 30px; }
div.mailListControl p.choiced .cnt { font-size: 2.0em; font-weight: 800; }

.admin .ctrFeedback { margin: 10px 0; color: #999; letter-spacing: -1px; line-height: 2.2; }
.admin .ctrFeedback label { margin-right: 10px; }
.admin .ctrFfeedback input.submit { width: 120px; }
.admin .ctrFeedback .anc { margin: 20px 0 0; width: 820px; }


/* Admin 서비스 설정
--------------------------------------------------------------------------------------------------- */
.admin .settingDiv p { margin-bottom: 5px; }
.admin .settingDiv p.help { margin: 10px 25px; background-color: #eee; color: #555; }
.admin .settingDiv p.help em { font-size: 1.0em; color: #222; }
.admin label.set { width: 100%; text-align: left; float: none; margin-left: 15px; cursor: pointer; }
.admin label.set input { margin: 0 5px 0 0; vertical-align: middle; }
.admin label.set img { vertical-align: middle; }


/* Admin 그룹만들기
--------------------------------------------------------------------------------------------------- */
div.anc { margin-bottom: 50px; background: transparent url(../images/bg_anc.gif) no-repeat scroll 61px 0; }
div.inviteWrap { border-bottom: 1px solid #ddd; clear: both; }
div.inviteWrap div.anc { margin-bottom: 0; }
div.inviteWrap h3 { border-bottom: 0 none; }
div.anc img { float: left; padding:5px; background: transparent url(../images/bg_userPhoto.gif) no-repeat scroll center center; }
div.anc p.help { margin: 0 0 0 80px; padding: 20px; background-color: #f4f4f4; color: #555; border-left: 0 none; }
.admin fieldset .privateWrap label { display: inline; float: none; width: 200px; }
.admin .inviteWrap { margin-top: 15px; padding: 0; border: none; }
.admin .inviteWrap label {
	display: block;
	float: none;
	width: 200px;
	text-align: left;
	font-size:1.17em;
	font-weight:800;
}
.admin .inviteWrap textarea { width: 798px; }
.admin fieldset .inviteWrap textarea { width: 695px; }
.admin h3 {
	margin-bottom:10px;
	padding:2px 2px 2px 18px;
	background: transparent url(../images/bg_h3.gif) no-repeat 2px center;
/*	border-bottom:1px solid #DDDDDD; */
	color: #222;
	font-size: 1.08em;
	letter-spacing: -1px;
}
.admin h4 { margin-top: 20px; padding-left: 14px; background: url(../images/bg_h4.gif) no-repeat 2px center; }

.admin p.url { margin-left: 70px; padding: 10px; font-size: 1.33em; color: #993; }
.admin p.themeUrl { margin: -10px 0 0 5px; }
.admin p.url a,
.admin p.url a:visited { color: #8da487; }
.admin p.url a:hover { color: #933; }
.admin p.url a.copy,
.admin p.url a.copy:visited { font-size: 0.75em; letter-spacing: -1px; color: #666; background-color: #EFE8E0; border:1px solid #CFBEA8; padding:3px; margin: 0 2px; }
.admin p.url a.copy:hover { color: #fff; background-color: #8da487; border-color: #eee; }

.admin .similarList { padding-left: 140px; border-bottom: none; }
.admin .similarList ul { height: 160px; border:1px solid #ddd; overflow: auto; }
.admin .similarList li a { display: block; padding: 10px; border-bottom: 1px dotted #ddd; }
.admin .similarList li a:hover { background-color: #eee; }


/* Admin 그룹 초대
--------------------------------------------------------------------------------------------------- */
.admin fieldset div.desc { width: 528px; padding: 20px; }
.admin fieldset div.desc textarea { width: 504px; }


/* Admin 그룹, 테마 완성
--------------------------------------------------------------------------------------------------- */
.makingResult,
.anothers { padding: 10px; border: 1px solid #eee; overflow: hidden; }
.makingResult p { margin-left: 140px; }
.makingResult img { float: left; margin-right: 20px; }
.makingResult h4 {
	font-size: 1.17em;
	letter-spacing: -1px;
	margin: 0;
	padding: 0;
	background: none;
}
.inviteResult {
	padding: 10px;
	text-align: center;
	font-size: 1.08em;
	font-weight: 800;
	color: #222;
	background-color: #f4f4f4;
}
.inviteResult .cnt { font-size: 1.67em; }
.anothers ul { margin:5px 0; padding: 10px;  overflow: hidden; }
.anothers li { float:left;  margin-right:5px; width: 150px; height: 75px; overflow: hidden;  line-height: 1.4; }
.anothers li img { float: left; background:transparent url(../images/bg_userPhoto.gif) no-repeat scroll center center; padding:5px; width: 50px; }
.anothers li span { padding: 0 5px; margin-left: 60px; display: block; }

dl.about dt { float: left; margin-right: 10px; font-weight: bold; }
dl.themeAbout { margin-left: 15px; }


/* Admin 북마클릿
--------------------------------------------------------------------------------------------------- */
.bookmarkletArea {
	
}

.bk_desc {
	float: left;
	width: 540px;
}
.bk_link {
	float: right;
	width: 250px;
	padding: 10px;
	margin-top: 50px;
	background: #EFE8E0;
}
.bk_desc ol { margin: 30px 0 20px; color: #555; }
.bk_desc li { margin: 0 0 40px; border: 5px solid #eee; padding: 15px; }
.bk_desc li:hover { background: #f5f5f5; }
.bk_desc li p { clear: both; font-size: 1.1em; }
.bk_desc li i {
	float: left;
	margin: 0 15px 30px 0;
	font: normal 3.0em Georgia, serif;
	color: #aaa;
	line-height: 1.0;
}
.bk_desc li:hover i {
	color: #ff9601;
}
.bk_desc li strong {
	font-weight: 700;
	color: #111;
}
.bk_desc li small {
	display: block;
}
.bk_desc li small.hint {
	border: 3px double #ddd;
	background-color: #EFE8E0;
	font-size: 0.9em;
	padding: 10px;
}
.bk_desc li small.hint a,
.bk_desc li small.hint a:visited {
	border-bottom: 1px dotted #aaa;
}
.bk_desc li span.imgPlace {
	border:1px solid #fcfcfc;
	padding: 1px;
	background: #f4f4f4;
	display: block;
	margin: 10px 0;
}
.bk_desc li span.imgPlace img {
	padding: 7px;
	border: 1px solid #e2e2e2;
	background: #fff;
}

.bk_link .moz_webkit {
	margin-bottom: 10px;
}
.bk_link img.preToolbar { margin: 30px 0 0; }
.bk_link .ie67 {
	background: #fff;
	padding: 5px;
	margin-top: 40px;
	font-size: 0.9em;
	font-family: Dotum, sans-serif;
	letter-spacing: -1px;
}
.bk_link .ie67 p { margin-bottom: 8px; }


/* Admin 첫방문시 안내문
--------------------------------------------------------------------------------------------------- */
.firstVisit { margin-bottom: 10px; }
.firstVisit div.anc { margin-bottom: 10px; }
.firstVisit div.anc em.essen { color: #f00; font-weight: 700; font-family:Verdana,sans-serif;font-size:1.2em; }


/* Admin 서재 폐쇄 */
.quitAnc { margin: 20px 0; }
.quitAnc ul {overflow: hidden; margin-bottom: 10px; }
.quitAnc ul li {
	float: left;
	width: 155px;
	height: 60px;
	padding: 10px;
	margin: 10px;
	border: 5px solid #ddd;
	overflow: hidden;
}
.quitAnc ul li:hover {
	border: 5px solid #ff9601;
}
.quitAnc ul li img {
	float: left;
	border: 1px solid #ccc;
	margin-right: 10px;
}
.quitAnc ul li i {
	font-size:0.9em;
	font-style:normal;
	padding:2px 4px 1px;
	text-shadow:1px 1px 1px #444444;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.quitAnc ul li i.gr { background: #566; }
.quitAnc ul li i.th {background: #B29DD6;}
.quitAnc p { clear: both; }
.quitForm label {  font-weight: 700; margin-right: 10px; }
.quitForm p { margin: 5px 0; }
.quitForm p .submit { padding: 0 20px; }










/* ------------------------------------------------------------------------------------------------
=Sidebar
------------------------------------------------------------------------------------------------ */
/* sidebar profile */
#sidebar .profileWrap {
	margin: 0 -5px 40px;
	padding: 5px;
	background-color: #eeeae4;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow:1px 1px 3px #ccc;
	-webkit-box-shadow:1px 1px 3px #ccc;
}
#sidebar .profile {
	padding: 5px;
	border: 1px solid #ddd;
	background-color: #fff;
	overflow: hidden;
	width: 158px;
}
#sidebar .profile h1 { font-size: 1.1em; color: #303; }
#sidebar .profile h1 strong { display: none; }
#sidebar .profile h1 a small { font-size: 0.9em; font-weight: 400; letter-spacing: -1px; }
#sidebar .profile img { float: left; padding: 5px; margin-right: 5px; width: 50px; height: 50px; background: transparent url(../images/bg_userPhoto.gif) no-repeat 0 0; }
#sidebar .profile p.userDesc { padding: 3px; letter-spacing: -1px; line-height: 1.4; }
#sidebar .profile dl { clear: both; margin-top: 15px; }
#sidebar .profile dt { display: block; background-color: #eeeae4; font-weight: 700; color: #303; padding: 1px 5px;}
#sidebar .profile dd { padding: 2px; }
#sidebar .profile dd a { display: block; word-wrap: break-word; }

#sidebar .profile .follow,
#sidebar .profile .following,
#sidebar .profile .remove,
#sidebar .profile .privateGR { display: block; text-align:right; margin-top: 5px; padding: 1px 5px 1px 0; }
/* 사이드바 따라읽기 버튼 */
#sidebar .profile .follow { border: 1px solid #ff9601; color: #ff9601; }
#sidebar .profile .follow:hover { background-color: #ff9601; border: 1px solid #ff9601; color: #fff; font-weight: 700; text-shadow: 0 0 1px #666; }
/* 사이드바 따라 읽는중 버튼 */
#sidebar .profile .following { border: 1px solid #999; color: #999; }
#sidebar .profile .following:hover { background-color: #999; border: 1px solid #999; color: #fff; font-weight: 700; text-shadow: 0 0 1px #555; }
/* 사이드바 그만 따라 읽기 버튼 */
#sidebar .profile .remove { border: 1px solid #993; color: #993; }
#sidebar .profile .remove:hover { background-color: #993; border: 1px solid #993; color: #fff; font-weight: 700; text-shadow: 0 0 1px #555;}
#sidebar .profile .privateGR { border: 1px solid #ccc; color: #999; }

#sidebar a.editInfo,
#sidebar a.editInfo:visited { color: #767676; }
#sidebar a.editInfo:hover { color: #8da487; }

/* sidebar common */
#sidebar h3 {
	padding: 0;
	line-height: 1.5;
	font-size: 1.08em;
	color: #252525;
	letter-spacing: -1px;
}
#sidebar h3 a,
#sidebar h3 a:visited {color: #252525; }
#sidebar h3 a:hover {color: #8da487; }
#sidebar h3 .cnt {
	color: #933;
}
#sidebar ul { margin: 10px 0; }
#sidebar a { color: #59493F; }
#sidebar a:hover { color: #8da487; }
#sidebar .listBox { margin-bottom: 40px; overflow: hidden; position: relative; }

/* category */
#sidebar .category .cateInner { margin: 0 -5px 0; padding: 5px; background: #eeeae4; }

#sidebar .category ul {
	background: #fff;
	margin: 0;
	/*
	border: 1px solid #ddd;
	*/

}
#sidebar .category a,
#sidebar .category a:visited { display: block; padding: 4px 0 4px 0; color: #59493F; background: #eae5dd; text-align: right; letter-spacing: -1px;}
#sidebar .category a:hover {background-color: #eeeae4; }
#sidebar .category ul ul {
	border: 0 none;
	padding: 8px 0;
	border-top: 2px solid #eeeae4;
	border-bottom: 1px solid #d5d5d5;
}
#sidebar .category ul ul li.selected a {
	margin: 0 -5px;
	border: 1px solid #ddd;
	border-bottom: 1px solid #d5d5d5;
	background-color: #eeeae4;
}
#sidebar .category ul ul li a,
#sidebar .category ul ul li a:visited {
/*
	background: #fff url(../images/bul_category.gif) no-repeat scroll 8px center;
*/
	background: #fff;
	/*
	padding: 4px 0 4px 25px;
	*/
	padding: 4px 0 4px 5px;
	text-align:left;
}
#sidebar .category ul ul li a:hover { background-color: #eeeae4; color: #933; }
#sidebar .category a span.cnt { padding: 0 3px; color: #933; }
#sidebar .category a:hover span.cnt { color: #7d0000; }

/* myCollection */
#sidebar .myCollection { overflow: hidden; }
#sidebar .myCollection li { float: left; display: block; margin: 1px 2px; }
#sidebar .myCollection li a {display:block; background: #eeeae4; padding: 2px; letter-spacing: -1px; font-size: 11px; font-family: Dotum, sans-serif;
	-moz-border-radius: 4px;
	white-space:nowrap;
}
#sidebar .myCollection li a:hover {
	background: #fff;
	color: #000;
}



/* favoriteTheme */
#sidebar a.theme,
#sidebar a.theme:visited { 
	display: block;
	padding: 5px 0 5px 15px;
	background: transparent url(../images/bul_tb.gif) no-repeat scroll 0 11px;
	border-bottom: 1px solid #e5e5e5;
	line-height: 1.3;
}
#sidebar a.theme:hover { background-color: #f5f5f5; color: #933; }
#sidebar a.theme:hover span.cnt { color: #7d0000; }
#sidebar i.hasNew { color: #ff9601; font: normal 0.9em Dotum, sans-serif; letter-spacing: -1px; }
#sidebar i.mine { background-color: #B29DD6; color: #fff; padding: 3px 4px 1px; font: normal 0.9em Dotum, sans-serif; letter-spacing: -1px; line-height: 1.0; -moz-border-radius: 2px; -webkit-border-radius: 2px;}

/* my group */
#sidebar .group ul { padding: 7px 7px 0 7px; margin:10px 0 5px; overflow: hidden; }
#sidebar .group li { float: left; position: relative; width: 52px; height: 52px; overflow: hidden; }
#sidebar .group li a { display: block; border: 1px solid #ddd; width: 50px; height: 50px; overflow: hidden; }
#sidebar .group li a em {
	position: absolute;
	bottom: 1px;
	right: 0;
	padding: 3px;
	width: 44px;
	border: 1px solid #8da487;
	background: #111;
	opacity: 0.7;
	overflow: hidden;
	font: 400 0.9em/1.0 dotum, sans-serif;
	letter-spacing: -1px;
	text-align: right;
	color: #fff;
	display: none;
}
#sidebar .group li a:hover { text-decoration: none;}
#sidebar .group li a:hover em { display: block; }

/* friend List */
#sidebar .friend { padding-bottom: 2px; }
#sidebar .friend ul { margin: 10px 0 5px; padding: 0 5px; overflow: hidden; }
#sidebar .friend li { float: left; width: 32px; height:32px; overflow: hidden; }
#sidebar .friend li a { display: block; width: 32px; height:32px; }
#sidebar .friend li a img { width: 30px; height:30px; }
/* #sidebar .friend li a img { opacity: 0.85; } */ /* ToDo :: 좋지 않은 모니터를 위해 opacity 처리 보류 - ie.css 처리 불필요 */
#sidebar .friend li a:hover img { border: 1px solid #8da487; opacity: 1.0; }
.qtip-content { font: 800 1.2em  NanumGothic, 나눔고딕, "맑은 고딕", Arial, sans-serif; } /* ToDo :: qtip 관련으로 옮길필요 있음 */

/* Sidebar Btns */
#sidebar .create,
#sidebar .invite {
	display: block;
	font-size: 11px;
	font-family: Dotum, sans-serif;
	letter-spacing: -1px;
	line-height: 1;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
#sidebar .create { background-color: #B29DD6; color: #fff; position: absolute; top: 0; right: 0; padding: 4px 5px;}
#sidebar .create:hover { background-color: #fff; color: #B29DD6; }
#sidebar .group .create { background-color: #566; color:#fff; }
#sidebar .group .create:hover { background-color: #fff; color: #566; }
#sidebar .invite { float: left; margin-top: 5px; margin-left: 5px; display: block; }
#sidebar .invite:hover { text-decoration: underline; }
/* to AboutPage */
#sidebar a.about {
	float: right;
	margin-top: 5px;
	margin-right: 5px;
	font-size: 11px;
	font-family: Dotum, sans-serif;
	letter-spacing: -1px;
	line-height: 1;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
#sidebar a.about:hover { background-position: right -140px; text-decoration: underline;}

#sidebar .toAll { border-bottom: 1px dotted #aaa; }





/* ------------------------------------------------------------------------------------------------
=footer
------------------------------------------------------------------------------------------------ */
.footerOuter { height: 100px; background: url(../images/bg_footerInner.gif) repeat-x center 70px; font-weight: 700; }
#footer { padding-top: 20px; text-align: left; color: #222; }
#footer p { padding: 20px 15px; height: 19px; overflow: hidden; border-top: 1px solid #ddd; }
#footer a,
#footer a:visited { color: #5A6657;  }
#footer a:hover { color: #933; }
#footer .ftLogo { float:right; margin-top: -16px; display: block; height: 35px; width: 135px; text-indent: -9999px; overflow: hidden; background: url(../images/footerLogo.gif) no-repeat 0 0; }
#footer .ftLogo:hover { background-position: 0 -35px; }

#footer p strong { width: 450px; float: left; font-weight: 700; }
#footer p .utilLink {
	float: right;
	width: 350px;
	margin-top: 3px;
	text-align: right;
	font: 400 11px Dotum, sans-serif;
	position: relative;
}
#footer p .utilLink a,
#footer p .utilLink a:visited {
	color: #777;
	letter-spacing: -1px;
	padding: 0 5px;
}
#footer .utilLink a:hover { text-decoration: underline; }
#footer .utilLink a .bookstory {
	position: absolute;
	display: block;
	top: -19px;
	right: 275px;
	height: 17px;
	width: 15px;
	background: url(../images/bg_new_ico_alt.gif) no-repeat 0 0;
	text-indent: -9999px;
	text-align: left;
	overflow: hidden;
}
#footer .utilLink a:hover .bookstory {
	top: -20px;
}


.footerOuter .copyrights { margin: 20px auto 0; width: 860px; color: #eee; text-shadow: 1px 1px 0 #000000; }
.footerOuter .copyrights p { text-align: center; }
.footerOuter .copyrights a,
.footerOuter .copyrights a:visited { color: #de9125;  }
.footerOuter .copyrights a:hover { color: #fff; }







/* ------------------------------------------------------------------------------------------------
=shlef NameCard
------------------------------------------------------------------------------------------------ */
#group #sidebar {
	background: transparent url(../images/bg_nameCard.png) no-repeat scroll 9px 0;
	padding-top: 60px;
}
#theme #sidebar {
	background: transparent url(../images/bg_nameCard.png) no-repeat scroll -182px 0;
	padding-top: 60px;
	min-height: 610px;
}
#plaza #sidebar {
	background: transparent url(../images/bg_nameCard.png) no-repeat scroll -372px 0;
	padding-top: 60px;
}





/* ------------------------------------------------------------------------------------------------
=Group shelf
------------------------------------------------------------------------------------------------ */
#group #header { background: transparent url(../images/gr_header.gif) repeat-x scroll center 40px; }
#group #header #headerInner { background: transparent url(../images/gr_header.gif) repeat-x scroll center 0; }
#group #bookAdd input.text { border-color: #566; }
#group #bookAdd input.text:hover,
#group #bookAdd input.text:focus { border-color: #94afaf; }
#group #content .profile dt { background-color: #566; width: 70px; }
#group #content h2 { background: transparent url(../images/bg_h2_gr.gif) no-repeat scroll right center;}
#group #content h2 span { color: #566; }
#group #content h2 em { color: #443A25; }
#group #content a.userName,
#group #content a.userName:visited { color: #566; border-color: #566; padding-bottom: 1px; }
#group #content a.userName:hover { color: #933; }

/*
#group #tgShelf ul.bookshelf { background: transparent url(../images/bg_gr_shelf.gif) repeat 0 0; overflow: hidden; }
#group #shelf ul.bookshelf { background-image: url(../images/bg_gr_shelf.gif); }
*/

#group .searchResult ul li .bookInfo a:hover { background-color: #566; border: 1px solid #566; color: #FFFFFF; }
#group .commentBody .page em { color: #84735E; }
#group .commentHeader h3.gr_udline_h { width: 100%; } /* Gruop underline header */

#group h3.rcTitle { background: transparent url(../images/bg_h2_gr.gif) no-repeat scroll right bottom; }


/* Group hover Outline  */
/*#group .commentWrap:hover { outline: 5px solid #433B37; }
#group .commentBody .udline .quot:hover { outline: 5px solid #433B37; }
#group #div_quote_add { outline: 5px solid #433B37; }
#group .commentBody fieldset#moreInfoAdd { outline: 5px solid #433B37; }
*/
/* Group recommendation comment */
.recommendation { padding: 0 10px; overflow: hidden; }
.recommendation img.userPhoto { padding: 5px; background: transparent url(../images/bg_userPhoto.gif) no-repeat center center; clear:both; }
.recommendation .rcdDesc {
	float: right;
	margin-top: -38px;
	padding: 0;
	width: 520px;
	background: #c9d5d5 url(../images/bg_rcdDesc.gif) repeat-y 0 0;
	color: #566;
	font-size: 1.08em;
	position: relative;
}
.recommendation .descTop { display: block; padding: 15px 15px 20px 35px; background: transparent url(../images/bg_rcdDesc_top.gif) no-repeat 0 0; }
.recommendation .descBottom { background: transparent url(../images/bg_rcdDesc_bottom.gif) no-repeat 0 bottom; }
.recommendation p.desc { font-size: 1.08em; }
.recommendation a.edit,
.recommendation a.edit_alt {
	display: inline-block;
	padding: 4px 10px;
	color: #8da487;
	letter-spacing: -1px;
	vertical-align: middle;
	line-height: 1;
	font-size: 0.9em;
}
.recommendation a.edit {
	background-color: #fff;
	border: 1px solid #8da487;
}
.recommendation a.edit:hover {
	color: #fff;
	background-color: #8da487;
	border: 1px solid #ddd;
}
.recommendation a.edit_alt {
	color:#888;
	text-decoration:underline;
}
.recommendation a.edit_alt:hover {
	color: #933;
}

/* recomm. edit Layer */
.edit_recommendation { padding: 10px; background-color: #c9d5d5; margin-left:80px; clear: both; }
.edit_recommendation fieldset { padding: 10px 10px; background-color:#fff; }
.edit_recommendation textarea { width:445px; height: 160px; line-height: 1.5; }
.edit_recommendation p { margin-top: 5px; }
.edit_recommendation input.submit { width: 390px; margin-right: 15px; height: 43px; }
.edit_recommendation a.cancel { color: #999; text-decoration: underline; vertical-align:middle; }

/*
#group #sidebar h3 { color: #566; }
*/
#group #footerWrap,
#group #footer { background: transparent url(../images/gr_header.gif) repeat-x scroll center 100px; }

/* admin */
#group .admin fieldset .innerField .userPhoto { background:transparent url(../images/bg_userPic_gr.png) no-repeat scroll 0 0; } /* toDo :: 추후 img 가 들어가면 삭제해야함 */







/* ------------------------------------------------------------------------------------------------
=Theme shelf
------------------------------------------------------------------------------------------------ */
#theme #bookAdd input.text { border-color: #82729D; }
#theme #bookAdd input.text:hover,
#theme #bookAdd input.text:focus { border-color: #b29dd6; }

#theme #header { background:transparent url(../images/th_header.gif) repeat-x scroll center 40px; }
#theme #header #headerInner { background:transparent url(../images/th_header.gif) repeat-x scroll center 0; }

#theme #content h2 { background: transparent url(../images/bg_h2_th.gif) no-repeat scroll right center; }
#theme #content h2 span { color: #61478F; }
#theme #content h2 em { color: #443A25; }
#theme .userInfo .userName a { color: #4c415f; }

#theme #content h2 a,
#theme #content h2 a:visited { color: #61478F; border-bottom: 1px solid #61478F; padding-bottom: 1px; }
#theme #content h2 a:hover { color: #933; }

#theme .searchResult ul li .bookInfo a,
#theme .searchResult ul li .bookInfo a:visited { border-color: #B29DD6; width: 125px; }
#theme .searchResult ul li .bookInfo a:hover { background-color:#B29DD6; }
#theme #sidebar h3 { color: #4c415f; }
#theme #sidebar .profile h1 strong { display: none; }
#theme #footerWrap,
#theme #footer { background: transparent url(../images/th_header.gif) repeat-x scroll center 100px; }







/* ------------------------------------------------------------------------------------------------
=Plaza shelf
------------------------------------------------------------------------------------------------ */
/* layout */
#plaza,
#plaza #GNB { background: url(../images/bg_plaza_body.gif) repeat-x 0 0; }

#plaza #header { background:transparent url(../images/plaza_header.gif) repeat-x scroll center 40px; }
#plaza #header #headerInner { background:transparent url(../images/plaza_header.gif) repeat-x scroll center 0;  }
#plaza #wrap,
#plaza #container { background: url(../images/bg_plaza_wrap.gif) repeat-x center 0; padding-bottom: 0;  overflow: visible; }
#plaza #footerWrap { background:transparent url(../images/plaza_header.gif) repeat-x center 100px; }

#plaza h2 { background: none; }

#plaza .commentBody a.moreAdd,
#plaza .commentBody a.moreAdd:visited { color:#747D8F; }
#plaza .commentBody a.moreAdd:hover { background-color: #424A5E; color: #fff; }
#plaza .commentBody .layerClose a:hover { background-color: #424A5E; color: #fff; }


#plazaDivide { background: url(../images/bg_plazaDivide.gif) repeat-x 0 0; padding: 0;  clear: both;}

/* plaza Title */
.plazaHeader {
	position: relative;
	top: -10px;
	padding: 25px 10px 5px;
	width: 840px;
	margin: 0 auto;
	background:transparent url(../images/bg_plazaHeader.gif) no-repeat scroll 0 0;
	z-index: 0;
}
h2#plazaTabTitle { padding: 10px 10px 10px 20px; min-height: 30px; border: 0 none; line-height: 1.9; }
h2#plazaTabTitle em { visibility:hidden; }

/* plaza usual Wrap */
.usual { 
	width: 860px;
	margin: 0 auto;
/*	background: #eeeae4 url(../images/bg_plazaUsual2.gif) repeat-y center 0; */
	overflow: hidden;
}
/* plaza tab Navi */
.plazaNavi { float: right; width: 209px; }
.plazaNavi li a,
.plazaNavi li a:visited {
	display: block;
	line-height: 2.8;
	padding: 10px 20px 15px;
	letter-spacing: -1px;
	background: #eeeae4 url(../images/bg_plazaUsual2.gif) repeat-y right 0; 
	border-bottom: 1px solid #dfd7cc;
/*	outline: none; /* bad coding =_= */
}
.plazaNavi li a:hover { background: #fff; }
.plazaNavi li a:active { outline:#eeeea4 none; }
.plazaNavi li a.selected,
.plazaNavi li a.selected:visited {
/*
	background: #fff url(../images/bg_plztab.gif) no-repeat 0 center; 
*/
/*
	padding-bottom: 20px;
	font-weight: 700;
	border-bottom: 0 none;
*/
/*
	border: 5px solid #474F63;
*/
	background: #fff;
	border-top: 1px solid #dfd7cc;
	border-bottom: 1px solid #dfd7cc;
	border-right: 1px solid #dfd7cc;

/*	padding: 5px 15px 5px; */

/*
	-moz-box-shadow:0 3px 5px #AAAAAA;
	-webkit-box-shadow:0 3px 5px #AAAAAA;
*/
}
.plazaNavi li a.last,
.plazaNavi li a.last:visited {
	border-bottom: 5px solid #fff;
}



.plazaNavi .cnt { color:#ff9601; font-weight: 700; }
.plazaNavi .selected .cnt { color: #933; }
.plazaNavi em { font-size: 1.08em; font-weight: 700; color: #747D8F; }
.plazaNavi li a.selected em { color: #222; }
.plazaNavi small,
.plazaNavi li a.selected small { display: block; font: 0.9em Dotum, sans-serif; color: #888; }

/* plaza tab */
.plazaTab {
	float: left;
	width: 610px;
	padding: 0 20px 10px 10px;
	background-color: #fff;
}
/* Plaza recommendation comment */
h4.plazaRcH4 { 
	margin-bottom:5px;
	padding-top: 3px;
	font-size:1.08em;
}
h4.plazaRcH4 a,
h4.plazaRcH4 a:visited { color: #566; border-bottom:1px solid #566; }
h4.plazaRcH4 a:hover { color: #933; }

/* plaza hover Outline  */
/*
#plaza .commentWrap:hover { outline: 5px solid #444c60; }
#plaza .commentBody .udline .quot:hover { outline: 5px solid #444c60; }
#plaza #div_quote_add { outline: 5px solid #444c60; }
#plaza .commentBody fieldset#moreInfoAdd { outline: 5px solid #444c60; }
*/

.plazaH3 {
	font-size: 1.1em;
	padding: 10px;
	margin-bottom: 10px;
	background: #eeeae4;
}





/* ------------------------------------------------------------------------------------------------
=ETC decoration :)
------------------------------------------------------------------------------------------------ */
/* loading Images */
.loading {
	display: block;
	text-indent: -9999px;
	margin: 30px auto;
	width: 220px;
	height: 19px;
	background: url(../images/loading.gif) no-repeat 0 0;
}
.loader {
	display: block;
	text-indent: -9999px;
	height: 19px;
	background: url(../images/loader.gif) no-repeat 0 0;
}

#wait_res {
	display: block;
	text-align: right;
	padding-right: 80px;
	font-size: 1.1em;
	letter-spacing: -1px;
}
#wait_res .cnt { font-size: 1.4em; font-weight: 700; }
#wait_res .son { color: #8da487; font-size: 2.0em; }

/* loading Message */
.loadingMsg {
	display: block;
	margin: -20px 0 20px;
	text-align: center;
	color: #8da487;
}
/* POST number find Area */
.admin fieldset div.postN {  border: 0 none; }
#areas { border-bottom: 1px dashed #ddd; padding: 0 0 10px; }
#addr_finder { border: 0 none; }
#addr_finder_result { border: 0 none; }
#addr_finder_text { width: 100px; }
#addr_finder_result .postTable { padding: 0; border: 1px solid #ddd; max-height: 300px; overflow: auto; }
#addr_finder_result table { border: 0 none; }
#addr_finder_result tbody td { border-right: 1px solid #ddd; }
#addr_finder_result tbody td.last { border-right: 0 none; }

/* 달력 입력 */
.layerCd { line-height: 1.6; }
.commentBody fieldset .layerCd { border: 0 none; }
.layerCd strong { display: block; margin-bottom: 5px; font-size: 1.5em; text-align: center; font-family: Georgia, serif; }
.layerCd strong a { padding: 5px 10px 3px; }
.layerCd strong a.c_navi_prev { padding: 5px 10px 3px 50px; font-size: 1.8em; }
.layerCd strong a.c_navi_next { padding: 5px 50px 3px 10px; font-size: 1.8em; }
.layerCd strong a:hover { background-color: #fff; }
.layerCd tr:hover { background: none; }
.layerCd td { border: 1px solid #e5e5e5; padding: 0;}
.layerCd td a { display: block; border: 0 none; padding: 10px 5px; }
.layerCd td a:hover { border: 0 none; background-color: #d8ecd3; color: #7d0022; }




#loginForm {
	padding: 10px 10px 10px 520px;
	height: 190px;
	color: #fff;
	position: relative;
	/*
	background: rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
	*/
}

#loginForm .plzJoinUs {
	position: absolute;
	top: 20px;
	left: 20px;
	color: #eee;
}
#loginForm .plzJoinUs strong {
	display: block;
	margin-bottom: 10px;
}
#loginForm p.forgot a,
#loginForm .plzJoinUs a,
#loginForm .plzJoinUs a:visited {
	color: #ff9601;
	font-size: 1.1em;
}
#loginForm .plzJoinUs a:hover {
	text-decoration: underline;
}
a.closeLogin {
	color: #fff;
	position: absolute;
	left: 390px;
	bottom: -11px;
	background: url(../images/btn_upClose.png) no-repeat 0 0;
	text-indent: -9999px;
	width: 91px;
	height: 31px;
	overflow: hidden;
}

/* feedback */
#moveLinkWrap {
	position:fixed !important;
	position:absolute;
	left:0;
	top:37%;
}
.btn_bookstory {
	display: block;
	background: url(../images/btn_bookstory.gif) no-repeat 0 0;
	width: 29px;
	height: 80px;
	text-indent:-9999px;
	margin-bottom: 15px;
}
.btn_bookstory:hover {
	background-position: 0 -80px;
}
.feedback {
	display: block;
	background:url(../images/main/btn_feedback.gif) no-repeat scroll 0 0 transparent;
	height:80px;
	width:29px;
	text-indent:-9999px;
}
.feedback:hover {
	background-position: 0 -80px;
}


/* popNoti*/
.popNoti { padding: 10px; margin-top: -30px; }
.popNoti a,
.popNoti a:visited { color: #ff9601; text-decoration: underline; }
.popNoti a:hover { color: #fff; }

.popNoti #timesleft { font-size: 1.1em; color: #ACBFA7; }







/* ==============================================================================================
1.5 목업 추가 부분
============================================================================================== 
	최대한 기존의 부분에 영향을 미치지 않게 css 를 추가합니다
	기존의 것을 활용해야 할 경우,
		기존의 것을 이리로 옮겨 옵니다.
		기존의 것을 옮겨 오지 못할 경우, 새로 작성한 부분에 주석으로 메모합니다.
*/





/* 책 추가하기 레이어
--------------------------------------------------------------------------------------------------- */



/* 책 추가, 편집, 이동 따위의 레이어 표현 */
.bookControlWrap {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/bg_overray2.png) repeat 0 0;
	/*
	background: rgba(0,0,0,0.4);
	*/
}

/* 전체 틀 */
.bookControl {
	position: absolute;
	background: #eeeae4;
	padding: 15px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 0 10px #aaa;
	-webkit-box-shadow: 0 0 10px #aaa;
}
.bookControlArea {
	background: #fff;
	width: 760px;
	padding: 10px 20px 25px;
	border:1px solid #ddd;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	overflow: auto;
}
.bookControlArea h2 {
	background: none;
	border-top: 0 none;
	margin-bottom: 0;
	padding-bottom: 0;
}

/* 레이아웃 */
.selectShelfArea {
	float: left;
	width: 180px;
	background: #fff;
}
.detailInputArea {
	float: right;
	width: 520px;
	margin: 0;
	padding: 5px 10px 10px;
	border-top: 1px solid #ccc;
}



/* 서재 분류 선택 영역 */
.selectListBox {
	margin-bottom: 20px;
	*height: 1%;
}
/* 서재 구분 제목 */
.selectListBox h4 {
	font-size: 1.08em;
	letter-spacing: -1px;
	padding: 5px 0 5px 5px;
	color: #252525;
	border-top: 1px solid #ccc;
}
.selectListBox li {
	border-bottom: 1px dotted #ddd;
	*height: 1%;
}
.selectListBox li:hover {
	background: #eee url(../images/bg_selectListBox.gif) no-repeat 5px center;
}

/* 서재 선택 표현 */
.selectListBox li.selected {
	background: #eee url(../images/bg_selected_li.gif) no-repeat 5px center;
	color: #000;
}
.selectListBox li li.selected {
	background: none;
}
.selectListBox label.clickableLabel {
	cursor: pointer;
	display: block;
	padding: 4px 0 4px 35px;
	letter-spacing: -1px;
	vertical-align: middle;
	color: #454545;
	font-size: 1.08em;
}
.selectListBox label.clickableLabel:hover {
	color: #000;
}
/* input Radio 숨기기 */
.selectListBox input {

	margin-top: 5px;
	margin-right: 20px;
	vertical-align: middle;
	float: left;
	margin-left: -50px;

}

/* 서브 선택 */
.selectListBox li li {
	padding: 5px 0 0 25px;
}
.selectListBox li ul.subSelectList input {

	margin-right: 4px;
}

/* 내가 만든 리스트 */
.myListBox input {
	margin: 4px 5px 0 0;
	visibility: visible;
}
.myListBox li {
	background: none;
	padding-top: 4px;
	padding-bottom: 4px;
	*height:1%;
}
.myListBox li:hover {
	background: #eee;
}
.myListBox li label.clickableLabel {
	font-size: 1.0em;
	letter-spacing: 0;
	padding:0;
	vertical-align:middle;
	*height:1%;
}
/* 리스트 추가하기 버튼 */
.selectListBox li.last {
	border-bottom: 0 none;
	padding: 10px 0;
}
.selectListBox li.last:hover {
	background: none;
}
.selectListBox li.last .addMoreList {
	display: block;
	border: 0 none;
	background: none;
	font-size: 1.0em;
	background: url(../images/bg_h4.gif) no-repeat 0 center;
	padding-left: 10px;
	margin: 0 0 0 11px;
	cursor: pointer;

}
.selectListBox li.last .addMoreList:hover {
	color: #ff9601;
}
/* 리스트 추가 영역 */
#addMoreListBox {
	background: #EEEAE4;
	padding: 10px;
}
#addMoreListBox label {
	letter-spacing: -1px;
	color: #888;
}
#addMoreListBox input {
	float: none;
}
#addMoreListBox input.submit {
	border: 0 none;
	color: #444;
	font-size: 1.0em;
	border: 1px solid #aaa;
	padding: 4px;
	letter-spacing: -1px;
}



/* 상세 입력 영역 */
.detailInputArea {
}

.detailInputArea label.clickableLabel {
	cursor: pointer;
}
/* 책 정보 */
.detailInputArea .bookInfo_add {
	overflow: hidden;
	padding-bottom: 10px;
}
.detailInputArea .bookInfo_add h4 {
	font-family: 나눔고딕, sans-serif;
	font-size: 1.2em;
	margin-bottom: 5px;
}
.detailInputArea .bookInfo_add img {
	float: right;
	background: url("../images/bg_book.png") no-repeat scroll 0 bottom;
	padding-bottom: 10px;
	margin-left: 15px;
}
.detailInputArea .bookInfo_add .bookDesc {
	color:#888;
}
.detailInputArea .bookInfo_add .bookGenre {
	color: #999;
	margin-bottom: 15px;
}

/* 공통틀 */
.detailInputArea .inputBox {
	margin-bottom: 20px;
}
.detailInputArea h5 {
	font-size: 1.1em;
	letter-spacing: -1px;
	background: url(../images/bg_h3.gif) no-repeat 0 center;
	padding-left: 20px;
}
.detailInputArea h5 small {
	font-size: 12px;
	font-weight: 400;
	color: #888;
	margin-left: 5px;

}
.detailInputArea h6 {
	font-size: 1.0em;
	letter-spacing: -1px;
}
.detailInputArea h6 small {
	color: #888;
	font-weight: 400;
	margin-left: 10px;
	font-size: 0.9em;
	letter-spacing:-1px;
	font-family: Dotum;
}

.innerInputBox {
	padding: 10px 13px;
	overflow: hidden;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.openAddBtn {
	cursor: pointer;
}
.openAddBtn:hover {
	text-decoration: underline;
}
.boxOpend {
	background: #eeeae4;
}

small.hint {
	color: #888;
	font-weight: 400;
	/*
	margin-left: 10px;
	*/
	font-size: 0.9em;
	letter-spacing:-1px;
	font-family: Dotum;
}
small.hint .cnt {
	letter-spacing: 0;
}


/* 공통 폼 */
.inputBox p {
	padding: 5px 0;
}
.inputBox p input.date {
	width: 70px;
}
.inputBox p label {
	color: #BB7D25;
	letter-spacing: -1px;
	margin-right: 5px;
}


/* 별점 */
.detailInputArea .stars {
	overflow: hidden;
	*height: 1%; /* for ie6 */
	height: 20px;
	margin: 10px 0;
}
.detailInputArea .stars i.textPoint {
	margin-left: 20px;
	font-style: normal;
	color: #8da487;
	line-height: 1.5;
}

/* 빌려 줄수 있는 책 */
.rentable #rentablebook {
	vertical-align: middle;
}

/* 빌려준 책 */


/* resizeable TextArea */
div.grippie,
.commentBody fieldset div.grippie {
	background:#eee url(../images/grippie.png) no-repeat scroll center center;
	border-color:#ddd;
	border-style:solid;
	border-width:0pt 1px 1px;
	cursor:s-resize;
	height:9px;
	overflow:hidden;
	padding: 0;
}
.commentBody fieldset div.resizable-textarea {
	padding: 0; border: 0 none;
}
.resizable-textarea textarea {
	display:block;
	margin-bottom:0;
	width:498px;
	height:110px;
	line-height:1.5;
	color: #666;
}
.resizable-textarea textarea:focus {
	color: #222;
}


/* 내보내기 선택 */
.linkageArea { padding: 0 15px; }
.linkageArea p { padding: 0; margin-bottom: 5px; }
.linkageArea p .checkbox { vertical-align: middle; float: none; }
.linkageArea .linkagePW { width: 100px; }
.linkageArea .link_tw { background: url(../images/twicon16.gif) no-repeat 0 0; padding-left: 20px; cursor: pointer; }
.linkageArea .link_me2 { background: url(../images/me2icon16.gif) no-repeat 0 0; padding-left: 20px; cursor: pointer; }

/* 추가 정보 입력 열기 */
.openAddBtn {
	
}


/* 추가 정보 입력 */
.additionalInfo {
	overflow: hidden;
	*height: 1%;
}
.additionalInfo .readingPeriod {
	float: left;
}
.additionalInfo .endDate {
	margin-left: 20px;
	display: inline; /* for ie6 */
}

/* 테마에 보내기 */
.sendToTheme .innerInputBox {
	overflow: hidden;
	*height: 1%; /* for ie6 */
}
.sendToTheme label {
	display: inline-block;
	letter-spacing: -1px;
	width: 31%;
	padding: 3px 0;
	margin-right: 1%;
	overflow: hidden;
	cursor: pointer;
	vertical-align: middle;
	font-size: 1.08em;
}
.sendToTheme label:hover {
	background: #ddd;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.sendToTheme label input {
	vertical-align: middle;
	margin-right: 4px;
}


.bookControl .close a {
	position: absolute;
	top: 20px;
	right: 20px;
	background: url(../images/btn_close_alt.gif) no-repeat 0 0;
	width: 29px;
	height: 29px;
	text-indent:-9999px;
	overflow: hidden;
}
.bookControl .close a:hover {
	background-color: #e5e5e5;
}









/* Admin 서재 일괄 정리
--------------------------------------------------------------------------------------------------- */

.bookTableControlWrap {
}
.bookManageField {
	position: relative;
	border: 0 none;
*height: 1%;
}
.bookManageField fieldset.bookTableControl {
	border:0 none;
	padding: 10px 10px 10px 1px;
	/*
	background: url("../images/bg_fieldset.gif") repeat scroll 0 center;
	*/
	background: none;
	height: 28px;
}
.bookManageField fieldset.bookTableControl select,
.selectActionArea select {
	border-color:#CCCCCC #E5E5E5 #E5E5E5 #CCCCCC;
	border-style:solid;
	border-width:1px;
	padding: 4px;
	color: #666;
	vertical-align:middle;
}
.bookManageField fieldset.bookTableControl select:hover,
.bookManageField fieldset.bookTableControl select:focus,
.selectActionArea select:hover, 
.selectActionArea select:focus {
	padding: 2px;
	border-width: 3px;
	border-color: #ff9601;
	color: #111;
}
.bookManageField fieldset.bookTableControl select option { color: #444; }
.bookManageField fieldset.bookTableControl select option.all { font-weight: 700;}
.bookManageField fieldset.bookTableControl select optgroup { font-style: normal; font-size: 12px; }
.admin fieldset label.chLabel {
	float: none;
	color: #777;
}
.tableSearch {
	position: absolute;
	top: 10px;
	right: 1px;
}
.tableSearch input.text {
	margin-right: 5px;
	width: 200px;
	float: left;
}
.tableSearch input.submit {
	padding: 0 20px;
	overflow:visible 
}

/* 일괄 정리 테이블*/
.bookManageTable td.author {
	text-align: left;
}
.bookManageTable td.genre {
}
.bookManageField caption { display: none; }
.bookManageField tr.striped {
	background: #f5f5f5;
}
.bookManageField tbody tr:hover {
	background: #FFF2DF;
}
.bookManageField thead {
/*
	background: #fff url(../images/bg_gra.gif) repeat-x 0 0;
	color: #555;
*/
}
.bookManageField thead th {
/*
	text-shadow: 1px 1px #fff;
	color: #bf7000;
*/
	padding: 10px 5px;
	border-bottom: 1px solid #ccc;
}
.bookManageField th.bookTitle { text-align: left }
.bookManageField td.checkInput { width: 20px; text-align: center; }
.bookManageField td.score { width: 50px; }
.bookManageField td.rStatus { width: 90px; }
.bookManageField td.have { width: 90px; }
.bookManageField td.flag { width: 60px; }
.bookManageField td.manage { width: 50px; }


.bookManageField a.linkToBook {
	display: inline-block;
	margin-left:5px;
	width: 16px;
	height: 16px;
	overflow: hidden;
	background: url(../images/page.png) no-repeat 0 0;
	text-indent:-9999px;
	border: 0 none;
	vertical-align: middle;
}
.bookManageField .noExist {
	padding: 20px 5px;
}

/* 테이블 페이징 */
.tablePaging {
	padding: 8px 10px;
	background: #eee;
	border-top: 1px solid #fff;
	text-align:right;
}
.tablePaging span {
	display: inline-block;
	padding: 4px 10px;
	color: #bf7000;
	font-weight: 700;
	vertical-align:middle;
}
.tablePaging a {
	display: inline-block;
	padding: 4px 7px;
	border: 1px solid #ccc;
	line-height: 1.0;
	background: #fff;
	color: #666;
	text-transform: capitalize;
	vertical-align:middle;
}
.tablePaging a:hover {
	background: #ff9601;
	color: #fff;
	border-color: #bf7000;
}

.selectActionArea {
	padding: 10px 10px 20px;
	color: #555;
	background: #eee url(../images/bg_gra_eee.gif) repeat-x 0 bottom;
}
.selectActionArea input.selectAll {
	margin-right: 10px;
	vertical-align: middle;
}
.selectActionArea select {
	margin-right: 5px;
	vertical-align: middle;
}

.selectActionArea select option.optHeader {
	color: #999;
	font-size: 12px;
}
.selectActionArea select optgroup {
	margin: 5px 0;
	padding: 6px;
	border-top: 1px solid #ddd;
	font-size: 13px;
	font-style: normal;
}

#plusAction { display: inline; }


/* 추가 입력 열리는 부분 */
.selectActionArea .plusListBox {
	display: block;
	padding: 15px;
	border: 15px solid #ddd;
	background:#fff;
	overflow: auto;
	position: absolute;
	bottom: 50px;
	left: 0px;
	width: 760px;
	max-height: 490px;
	-moz-box-shadow: 0 0 10px #aaa;
	-webkit-box-shadow: 0 0 10px #aaa;
}
.selectActionArea .plusListBox a.plusListBox_close {
	position: absolute;
	top: 5px;
	right: 5px;
	background: url("../images/btn_close_alt.gif") no-repeat;
	width: 29px;
	height: 29px;
	text-indent: -9999px;
	overflow: hidden;
}
.selectActionArea .plusListBox a.plusListBox_close:hover {
	background-color: #e5e5e5;
}


/* 내가 만든 리스트 */
.selectActionArea #changeMyList h3 strong {
	color: #8da487;
	margin: 0 4px;
}
.selectActionArea #changeMyList span {
	display: block;
	margin-left: 16px;
}
.selectActionArea #changeMyList label {
	cursor:pointer;
	display:inline-block;
	font-size:1.08em;
	margin-right:1%;
	overflow:hidden;
	padding:3px 0;
	vertical-align:middle;
	width:175px;
}
.selectActionArea #changeMyList label input {
	vertical-align: middle;
	margin-right: 3px;
}
.selectActionArea #changeMyList label:hover {
	background:none repeat scroll 0 0 #ddd;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

/* 추천할 테마 */
.selectActionArea #recommendTheme li {
	border:5px solid #ddd;
	float:left;
	height:60px;
	margin:10px;
	overflow:hidden;
	padding:10px;
	width:202px;
	cursor: pointer;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	position: relative;
}
.selectActionArea #recommendTheme li:hover {
	background-color: #eee;
	color: #000;
}
.selectActionArea #recommendTheme li.selected {
	background:url("../images/bg_selected_li.gif") no-repeat right bottom #eee;
}
.selectActionArea #recommendTheme li input {
	position:absolute;
	visibility: hidden;
}
.selectActionArea #recommendTheme li label {
	cursor: pointer;
}
.selectActionArea #recommendTheme li img {
	float: left;
	margin-right: 5px;
	background:url("../images/bg_updateImg.gif");
	padding: 5px;
	width: 50px;
	height: 50px;
}
.selectActionArea #recommendTheme li i.th{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#fff;
	font-size:0.9em;
	font-style:normal;
	padding:2px 4px 1px;
	text-shadow:1px 1px 1px #444;
	background: #B29DD6;
}


/* GROUP */
.selectActionArea #recommendGroup li {
	clear:both;
}
.selectActionArea #recommendGroup li div.groupInfoWrap {
	border:5px solid #ddd;
	overflow:hidden;
	padding:10px;
	margin:10px;
	cursor: pointer;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	position: relative;
	width: 202px;
	float: left;
}
.selectActionArea #recommendGroup li div.groupInfoWrap:hover {
	background-color: #eee;
	color: #000;
}

.selectActionArea #recommendGroup li div.selected {
/*	border-color: #FFD18F; */
	background:url("../images/bg_selected_li.gif") no-repeat right bottom #eee;
}
.selectActionArea #recommendGroup li div.groupInfoWrap input {
	position:absolute;
	visibility: hidden;
}
.selectActionArea #recommendGroup li div.groupInfoWrap label {
	cursor: pointer;

}
.selectActionArea #recommendGroup li div.groupInfoWrap img {
	float: left;
	margin-right: 5px;
	background:url("../images/bg_updateImg.gif");
	padding: 5px;
	width: 50px;
	height: 50px;
}
.selectActionArea #recommendGroup li div.groupInfoWrap i.gr {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#fff;
	font-size:0.9em;
	font-style:normal;
	padding:2px 4px 1px;
	text-shadow:1px 1px 1px #444;
	background: #566;
}
.selectActionArea #recommendGroup li div.recom_input {
	width: 450px;
	float: left;
}
.selectActionArea #recommendGroup li div.recom_input h4 {
	margin-top: 10px;
	font-weight: 400;
}
.selectActionArea #recommendGroup li div.recom_input textarea {
	width: 90%;
	height: 40px;
}
.selectActionArea #recommendGroup li div.disable {
	opacity: 0.5;
}
/* 적용합니다 버튼 */
.selectActionArea input.submit {
	width: 150px;
}



















/* 새로 작성하는 북 디테일 */






/* book Detail
--------------------------------------------------------------------------------------------------- */
.bookDetailWrap { overflow: hidden; margin-bottom: 10px;}
.bookDetailWrap .bookImage { float: right; width: 100px; text-align: center;}
.bookDetailWrap .bookImage img { background:transparent url(../images/bg_book.png) no-repeat scroll 0 bottom; padding-bottom: 10px;}
.bookDetailWrap .bookImage p { margin: 10px 0 0; }
.bookDetailWrap .bookImage p img { background: none; }
/* text points */
.bookDetailWrap .bookImage p.bookScore { margin: 0; background: #F5F5F5; border:1px solid #ddd; color:#555; }
/* numeric points */
.bookDetailWrap .bookImage p.numBookScore { margin: 0; font: 700 italic 1.5em Georgia, serif; text-shadow: 1px 2px 2px #B5B5B5; }

.bookDetailWrap .bookInfo { float: left; width: 495px; }
.bookDetailWrap .bookInfo p.bookDesc { color: #888; }
.bookDetailWrap .bookInfo p.bookGenre { margin: 0 0 5px; color: #999; }
.bookDetailWrap .bookInfo p.bookDetail { text-indent: 5px; clear: both; }
.bookDetailWrap .bookInfo div.bookDetail { text-indent: 5px; margin: 20px 0; clear: both; }



h2.bookTitle { position: relative; }

.biUpdate a,
.biUpdate a:visited {
	position: absolute;
	bottom: 0;
	right: 5px;
	font: 0.6em Dotum,돋움,sans-serif;
	letter-spacing:-2px;
	border-bottom: 1px solid #ccc;
	color: #999;
	margin-left: 5px;
	text-shadow: none;
}
.biUpdate a:hover {
	color: #8da487;
	background: #fff;
}

/* title - subtitle */
.subTitle { font-size:12px; color: #555; text-shadow: none; text-indent: 5px; background: url(../images/bg_subTitle.gif) no-repeat 0 0; display: inline-block; }
.commentBody h4 .subTitle { /*display: inline; font-size: 12px; background: none;*/ display: none; }

/* bookstore */
.bookDetail .bookstore {
	background: url(../images/bg_bookstore.gif) no-repeat right 0;
	width: 100px;
	height: 32px;
	float: right;
	margin-left: 5px;
	margin-top: 2px;
	margin-bottom: 8px;
	text-indent: -9999px;
}
.bookDetail .aladin { width: 105px; background-position: right -32px; }
.bookDetail .daum { width: 90px; background: transparent url(../images/logo_daum.gif) no-repeat 40px bottom }
.bookDetail .interpark { width: 118px; background-position: right -64px }
.bookDetail a { float: right; }

/* book controlbar */
.controlBar {
	margin: 0 0 40px;
	clear: both;
	text-align: right;
}
#content .controlBar input.submit { height: 43px; width: 145px; margin-right: 2px; }
#content .controlBar a.submit {
	display: inline-block;
	padding: 0;
	width: 145px;
	height: 43px;
	vertical-align: middle;
	line-height: 43px;
}
#content .controlBar button {
	display: inline-block;
	padding: 0;
	width: 145px;
	height: 43px;
	vertical-align: middle;
}

.controlBar #purchaseBox {
	margin: 0;
	padding: 0;
	position: absolute;
	display: block;
	right: 15px;
	width: 145px;
	background: #fff;
	border: 1px solid #eeeae4;
	z-index: 100;
	text-align: left;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 1px 1px 4px #ddd;
	-webkit-box-shadow: 1px 1px 4px #ddd;
	overflow: hidden;
}
.controlBar #purchaseBox a {
	display: block;
	border: 1px solid #fff;
	border-bottom: 1px dotted #ddd;
	padding: 5px;
	cursor: pointer;
}
.controlBar #purchaseBox a:hover {
	border: 2px solid #ff9601;
	padding: 4px;
}

#purchaseBox .bookstore {
	background: url(../images/bg_bookstore.gif) no-repeat right 2px;
	width: 100px;
	height: 32px;
	display: block;
	text-indent: -9999px;
}
#purchaseBox .aladin { width: 105px; background-position: -12px -32px; }
#purchaseBox .daum { width: 90px; background: transparent url(../images/logo_daum.gif) no-repeat 40px bottom }
#purchaseBox .interpark { width: 118px; background-position: right -64px }





/* book Status */
.bookStatus {
	padding: 0 10px;
	margin-bottom: 5px;
	clear: both;
}
.bookStatus p {
	display: inline;
}
.bookStatus span {
	display: none;
}
.bookStatus a.bStatusLink,
.bookStatus strong {
	background: #eeeae4;
	display: inline-block;
	padding: 5px;
	-moz-border-radius: 4px;
	letter-spacing: -1px;
}
.bookStatus a.bStatusLink:hover {
	background: #8da487;
	color: #fff;
}
.bookStatus p .date {
	margin-left: 5px;
	letter-spacing: 0;
}
a.bookInfoEdit {
	margin-left: 10px;
	letter-spacing: -1px;
	text-decoration: underline;
	color: #888;
}
a.bookInfoEdit:hover {
	color: #8da487;
}

/* group book lend */
#lendWho {
	position: absolute;
	top: 10px;
	left: 215px;
	padding: 20px 15px 40px;
	width: 320px;
	height: 210px;
	background: url(../images/bg_lendwho.png) no-repeat 0 0;
	text-align: left;
}
#lendWho ul { width: 300px; height: 170px; margin: 0 auto; overflow: auto; }
#lendWho li { float: left; margin-right: 5px; width: 64px; text-align: center; overflow: hidden; }
#lendWho li a { display: block; padding: 2px; }
#lendWho li a:hover { border: 2px solid #8da487; padding: 0; }
#lendWho li img { display: block; padding: 5px; background: url(../images/bg_userPhoto.gif) no-repeat center center; }
#lendWho li em { display: block; color: #888; }
#lendWho h4 { margin: 0 0 5px; padding-left: 10px; background: #eee; font-size: 1.08em; letter-spacing: -1px; }
#lendWho p { clear: both; padding: 0 5px 5px; text-align: center; letter-spacing: -1px;}
#lendWho div.close { position: absolute; top: 20px; right: 20px; }

/* book lend page
--------------------------------------------------------------------------------------------------- */
.lendBook {  padding: 5px; background-color: #eeeae4; }
.lendBookInner { padding: 10px; border: 1px solid #ddd; background-color: #fff; }
.lendBook h3 {
	margin: 0 0 10px;
	padding-left: 18px;
	background:transparent url(../images/bg_h3.gif) no-repeat scroll 2px center;
	font-size: 1.08em;
	color: #222;
}
.lendBook .help_lend { margin: 0 0 5px; }
.lendBook .help_lend em { color: #B98843; font-size: 1.08em; letter-spacing: -1px; }
textarea.lendMsg { width: 576px; height: 150px; color: #777; }
textarea.lendMsg:focus { color: #111; }
.lendBook p.help { margin: 0; }


/* comment, underline, etc
--------------------------------------------------------------------------------------------------- */
/* commnetHeader */
.commentHeader {

	padding: 20px 20px 10px;
	background:transparent url(../images/bg_h2_alt.gif) no-repeat scroll 0 0;

	position: relative;
	margin: 0 5px 10px;
}

.commentHeader h3 {
	padding-bottom: 10px;
	width:395px;
	color: #443a25;
	font-size: 1.2em;
	line-height: 1.4;
}
.commentHeader strong { 
	display: block;
	margin-top:8px;
	color: #933;
	font-size: 0.8em;
	font-weight:400;
	letter-spacing: -1px;
}
.commentHeader span.bookTitle { font-weight: 800; }


/* goToPlazaBtn */
.commentHeader a.goPlaza {
	position: absolute;
	top: 5px;
	right: 0;
	width: 155px;
	height: 53px;
	background: url(../images/btn_goPlaza.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
.commentHeader a.goPlaza:hover { background-position: 0 -53px; }


.textInputArea {
	padding: 10px;
}
/*
.textInputArea ul {
	background:url("../images/bg_ul.gif") repeat-x 0 bottom;
	overflow: hidden;
	height: 39px;
}
.textInputArea li {
	float: left;
}
.textInputArea li a {
	display: block;
	padding: 10px 20px;
}
.textInputArea li.selected a {
	background: #E7E6E0;
}
*/
.textInputArea .textareaWrap {
	background: #eeeae4 url(../images/bg_textareaWrap.gif) repeat-x 0 bottom;
	background-color:#eeeae4;
	border-bottom:1px solid #dfdfdf;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	padding: 10px;
	clear: both;
	position: relative;
	-moz-box-shadow:0 0 5px #DDD;
	-webkit-box-shadow:0 0 5px #DDD;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
}
.textInputArea .textareaWrap p {
	margin: 5px 0;
}
.textInputArea .textareaWrap img.userPhoto {
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 10px;
	padding: 4px;
	border: 1px solid #ddd;
	background: #fff;
}
.textInputArea .textareaWrap textarea {
	width: 496px;
	height: 80px;
}
.textInputArea .textareaWrap input.submit {
	margin-top: 5px;
	margin-left: 70px;
	width: 330px;
}
.textInputArea .textareaWrap #quotWrap label.quotLabel {
	float: left;
	width: 60px;
	margin-right: 10px;
	text-align: right;
}
.textInputArea .textareaWrap #quotWrap label.quotTextLabel {
	background: url(../images/bg_quot_input.gif) no-repeat right bottom;
	padding-top: 3px;
	padding-bottom: 20px;
}

.textInputArea .textareaWrap #quotWrap #add_ul_quot {
	font-family: Batang, serif;
}
.textInputArea .textareaWrap #quotWrap p {
}
.textInputArea .textareaWrap .essen {
color:#FF0000;
font-family:Verdana,sans-serif;
font-size:1.1em;
font-weight:700;
vertical-align:middle;
}

.textInputArea .grippie {
	margin-left: 70px;
}
.textInputArea .linkageArea {
/*	padding-left: 70px;
*/
	position: absolute;
	bottom:5px;
	right:0;
}
.textInputArea .linkageArea p {
	position: relative;
	height: 40px;
	width: 55px;
	overflow: hidden;
	display: inline-block;
}

.textInputArea .linkageArea label.linkSNS { 
	display: block;
	position: absolute;
	top:0;
	left:0;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	background: url(../images/btn_sns.png) no-repeat 0 0;
}
.textInputArea .linkageArea label.link_twitter {
	background-position: 0 0;
}
.textInputArea .linkageArea label.link_me2day {
	background-position: 0 -40px;
}
.textInputArea .linkageArea label.link_twitter:hover {
/*	background-position: 0 1px;
*/
	-moz-transform: rotate(20deg);
}
.textInputArea .linkageArea label.link_me2day:hover {
/*	background-position: 0 -41px;
*/
	-moz-transform: rotate(20deg);
}

.textInputArea .linkageArea input.checkbox {
	position: absolute;
	bottom: 0;
	right: 0;
}



/* 새로운 메모와 댓글 */
/* 메모 인용 구분 탭 */
#readingTab li.current {
	background:url("../images/menu_bg.png") repeat-x scroll 0 0 #FFFFFF;
}
#readingTab li.last {
	float: right;
}
#readingTab li.last a {
	background: #000;
}


/* 메모 인용 공통 */
.userRecord .record {
	padding: 25px 0;
	background: url("../images/bg_udt_li.gif") repeat-x scroll 0 bottom #fff;
}
.userRecord .record:hover{
	border-color: #bbb;
}
.userRecord .record p,
.userRecord .record div.userMemo {
	font-size: 1.08em;
}
.userRecord .record div.userMemo span {
	margin-left: 70px;
	display: block;
}
.userRecord .record div.userMemo span em {
	display: block;
}
.userRecord .userMemo img {
	background:url("../images/bg_userPhoto.gif") no-repeat center center;
	float:left;
	height:50px;
	margin-right:10px;
	padding:5px;
	width:50px;
}
.userRecord .record p.userMemo span strong {
}
/* 수정 삭제 버튼 */
.userRecord .record a.con {
	color: #8da487;
	background: #fff;
	border: 1px solid #8da487;
	font-size: 12px;
	padding: 1px 3px;
	letter-spacing: -1px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.userRecord .record a.con:hover {
	background: #8da487;
	color: #fff;
}
.userRecord .record a.del {
	border-color: #aaa;
	color: #aaa;
}
.userRecord .record a.del:hover {
	background: #933;
	border-color: #933;
}
.userRecord .record a.realDel {
	background: #ff9601;
	border: 1px solid #ff9601;
	color: #fff;
	font-size: 12px;
	padding: 1px 3px;
	letter-spacing: -1px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

/* 수정 하기 textarea */
#modWrap {
	font-size: 12px;
}
#modWrap textarea {
	width: 80%;
	height: 100px;
	margin-bottom: 2px;
	line-height: 1.4;
}

#modWrap input.submit {
	width: 200px;
	margin-left: 70px;
}
.commentList li #modWrap input.submit {
	margin-left: 55px;
}
.commentList li #modWrap textarea {
	height: 70px;
	margin-bottom: 5px;
}
#modWrap a.modCancel {
	margin-left: 10px;
	color: #aaa;
}
#modWrap a.modCancel:hover {
	color: #933;
}


#modWrap #mod_page {
	width: 40px;
	margin-right: 5px;
	margin-bottom: 5px;
}
#modWrap #quotModQuotBox {
	font-family: Batang, sans-serif;
	margin-bottom: 5px;
}
#modWrap #quotModTextBox {
	margin-left: 70px;
	margin-bottom: 5px;
}




/* 날짜 라인 */
.userRecord .dateLine a,
.userRecord .dateLine a:visited { color: #888; font-size: 12px; margin: 0 4px;}
.userRecord .dateLine a:hover { color: #933; text-decoration: underline;}
.userRecord .dateLine a.bStatusLink { letter-spacing: -1px; }

.userRecord .dateLine .date {
}
/* 피드백 라인 */
.userRecord .dateLine,
.userRecord .feedbackLine {
	clear: both;
	text-align: right;
	padding-right: 20px;
}
.userRecord .feedbackLine {
	margin-top: 10px;
}
.userRecord .feedbackLine a {
	margin-left: 10px;
	letter-spacing: -1px;
	font-weight: 700;
}


/* 메모 */
.userRecord .rec_memo {
}
.userRecord .rec_memo .userMemo {
	margin-bottom: 5px;
}

/* 인용구 */
.userRecord .rec_quot {

}
.userRecord .rec_quot .bookQuote {
	background: url("../images/bg_quot_p.gif") no-repeat 25px 5px;
	padding-left: 70px;
	padding-bottom: 10px;
	font-family: Batang, Georgia, serif;
}
.userRecord .rec_quot .bookQuote .page {
	font-weight: 700;
	font-family: Georgia, serif;
	display: block;
	margin-bottom: 5px;
}
.userRecord .rec_quot .bookQuote .page em {
	font-size: 1.2em;
}
.userRecord .rec_quot .bookQuote .page small {
	margin-left: 5px;
	font-weight: 400;
}


/* 댓글 */
.commentBox {
}
.record img.ctAuthotImg {
	background:url("../images/bg_comment_img.gif") no-repeat scroll 0 0;
	float:left;
	padding:6px 20px 6px 6px;
}
.record img.ctAuthotImg:hover {
	background:url("../images/bg_comment_img_2.gif") no-repeat scroll 0 0;
}

.commentList {
	margin: 10px 10px 10px 10px;
	border-top: 1px dashed #ddd;
}
.commentList li {
	clear: both;
	padding: 8px 8px;
	border-bottom: 1px dashed #ddd;
}
.commentList li:hover {
	background: #F2EEE9;
}
.userRecord .record .commentList li p {
	font-size: 1.0em;
	margin-left: 58px;
	color: #555;
}
.commentList li .commentAuthor {
	margin-bottom: 5px;
}
.commentList li .commentAuthor .toReply {
	color: #666;
	font-family: Verdana,sans-serif;
	padding: 2px 4px;
}
.commentList li .commentAuthor .toReply span {
	color: #eee;
}
.commentList li .commentAuthor .toReply:hover {
	padding: 1px 3px;
	border: 1px solid #bbb;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #fff;

}
.commentList li .commentAuthor .toReply:hover span {
	color: #8da487;
}
.ctWritingForm {
	margin:0 15px 0 10px;
	padding:10px 8px;
	background: #E7E6E0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.ctWritingForm textarea {
	width: 490px;
	height: 50px;
	font-size: 12px;
}
.ctWritingForm p.buttonWrap input.submit {
	width: 180px;
	margin-left: 58px;
	font-size: 12px;
}






/* moreInfo header */
h3.rcTitle {
	margin: 60px 0 30px;
	padding: 10px 5px 20px;
	/*
	background: transparent url(../images/bg_h2.gif) no-repeat scroll right bottom;
	*/
	border-top: 1px solid #aaa;
	color: #443A25;
	font-size: 1.3em;
	font-family: NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", Arial, sans-serif;
	overflow: hidden;
}
h3.rcTitle em { color: #646418; }
h3.rcTitle img { float: left; width: 50px; height: 50px; padding: 5px; margin-right: 5px; vertical-align: middle; background: transparent url(../images/bg_userPhoto.gif) no-repeat scroll center center; }

/* commnetWrap */
.commentBody { margin: 0 0 30px; }
.commentBody .h4_wrap { overflow: hidden; padding:10px 0 3px; }
.commentBody .h4_wrap a img { float:left; padding: 5px; margin-right: 10px; background: transparent url(../images/bg_userPhoto.gif) no-repeat scroll center center; width: 50px; height: 50px; }
.commentBody .h4_wrap p { margin-top: 5px; margin-left: 70px; text-align:right; }



/* memoBody */
/*
.memoBody {
	background:#f5f5f5;
	border:2px solid #eeeae4;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
*/



/* stars */
.commentBody .stars img { float: none; border: none; background: none; padding: 0; margin: 0; vertical-align: text-bottom; }

/* hover OUTLINE */
/*.commentWrap:hover { outline: 5px solid #433B37; }
.commentBody .udline .quot:hover { outline: 5px solid #433B37; }
#div_quote_add { outline: 5px solid #433B37; }
.commentBody fieldset#moreInfoAdd { outline: 5px solid #433B37; }
*/
/* memo Header */
.commentBody h4 {
	margin: 3px 0 5px;
	font-size: 1.08em;
	letter-spacing: -1px;
	color: #555;
	font-weight: 400;
}
.commentBody h4 a.gotoOthers,
.commentBody h4 a.gotoOthers:visited { border-bottom: 1px solid #ddd; }
.commentBody h4 a.gotoOthers:hover,
.commentBody h4 a.gotoOthers:hover em { color: #933; border-bottom: 1px solid #933;}
.commentBody h4 em { font-weight: 700; color: #333; }
.commentBody a.goCategory,
.commentBody a.goCategory:visited { padding:0 5px 0 0; color: #777; text-decoration: underline; }
.commentBody a.goCategory:hover { color: #8da487;}
.commentBody .purchasingDate { padding: 0 5px 0 0; }

.commentBody .lendInfo { display: block; margin: 5px 0; color: #888; }
.commentBody .lendInfo .date { margin: 0; }
.commentBody .lendInfo a,
.commentBody .lendInfo a:visited { color:#8DA487; font-weight: 700; }
.commentBody .lendInfo a:hover { color:#933; }

/* memo */
.commentBody div.memo {
	background: #f2eee9 url(../images/bg_line_alt.gif) repeat scroll 0 0;
	/*
	border: 1px solid #ddd;
	border-bottom: 0 none;
	*/
}
.commentBody div.memo p { padding: 20px; font-size: 1.08em; }
.commentBody div.memo p.memoBgHeader {
/*	background: url(../images/bg_memo_p.png) no-repeat 0 20px; */
/*	padding: 20px 20px 20px 40px; */
}
.commentBody div.memo p.memoCtr { text-align: right; padding:0 20px 10px; }
.commentBody div span.date {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	letter-spacing: normal;
}
/* memo reply count */
.commentBody .cmt_cnt { font-size: 1.08em; font-weight: 800; text-align: right; padding-bottom:5px; padding-right: 15px; background: #F2EEE9 url(../images/bg_line_alt.gif) repeat scroll 0 0; 
/*border: 1px solid #ddd; border-top: 0 none; */}
.commentBody .cmt_cnt .cnt { font-style: italic; font-size: 1.6em; color: #84735E; }

/* memo comment (reply) */
.commentBody .comment,
.cmtInputArea { padding: 8px; background-color: #e7e6e0; }
.commentBody .comment li { overflow: hidden; padding: 15px 5px; border-top: 1px solid #eee; border-bottom: 1px solid #ddd; }
.commentBody .comment li:hover { background-color: #f2eee9; border-top: 1px solid #f2eee9; border-bottom: 1px solid #f2eee9; }
.cmtInputArea img,
.commentBody .comment img { float:left; padding: 6px 20px 6px 6px; background: url(../images/bg_comment_img.gif) no-repeat 0 0; }
.commentBody .comment img:hover { background: url(../images/bg_comment_img_2.gif) no-repeat 0 0; }
.commentBody .comment p { float: right; width: 520px; padding-right: 5px; }
.commentBody p.commentor { margin: 0 0 5px; }
.commentBody .comment small { margin-left: 10px; }

/* comment Input Area */
.cmtInputArea {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding: 12px;
	margin: 0 0 10px;
}
.cmtInputArea p textarea {
	width: 508px;
	height: 50px;
	font-size: 1.0em;
}
.cmtInputArea p input { width: 510px; height: 30px; }

/* not login */
.not_lg { margin-top: 15px; border: 1px solid #ddd; color: #777; text-align: center; }
.not_lg a,
.not_lg a:visited { border-bottom: 1px solid #D1C0A5; }
.not_lg a:hover { color: #933; }

/* comment edit */
.comment_edit { overflow: hidden; width: 500px; }
.udCmt_tail .comment_edit { width: 568px; }
.comment_edit textarea { height: 80px; width: 478px; }
.commentBody .comment_edit p { padding-top: 5px; padding-bottom: 5px; width: 500px; }
.comment_edit input { margin-right: 15px; width: 300px; }
.comment_edit a.cancel { color: #999; text-decoration: underline; vertical-align:middle; }

/* common Edit Btn */
.commentBody a.edit {
	display: inline-block;
	padding: 6px 8px;
	color: #999;
	border: 1px solid #ccc;
	background: url(../images/bg_gra.gif) repeat-x 0 bottom;
	letter-spacing: -1px;
	vertical-align: middle;
	line-height:1.1;
	font-size: 12px;
}
.commentWrap:hover a.edit,
.quot:hover a.edit {
	color: #933;
	border: 1px solid #933;
}
.commentBody a.edit:hover {
	background: #933;
	border: 1px solid #720000;
	color: #fff;
}



/* common cancel Btn */
.commentBody a.edit_alt {
	font-size: 12px;
	text-decoration: underline;
	color: #888;
	margin-left: 5px;
	vertical-align: middle;
}
.quot:hover a.edit_alt { color: #888; }
.commentBody a.edit_alt:hover { color: #933; }

/* small size Btn */
.comment a.edit,
.comment a.edit:visited,
.udCmt_tail a.edit,
.udCmt_tail a.edit:visited,
.moreInfo a.edit,
.moreInfo a.edit:visited { padding: 3px 5px; border: 1px solid #933; color: #933; background: #fff; }
.comment a.edit:hover,
.udCmt_tail a.edit:hover,
.moreInfo a.edit:hover { background-color: #933; color: #fff; }

/* moreAdd Btn */
.commentBody a.moreAdd {
	display: block;
	margin:0 1px;
	padding: 5px 0;
	background-color: #fff;
	border: 1px dotted #776962;
	color:#776962;
	font-size: 13px;
	letter-spacing: -1px;
	text-align: center;
}
.commentBody a.moreAdd:hover { background-color: #433b37; color: #fff; }
.commentBody a.active { background-color: #433b37; color: #fff; }

/* Common Edit Layer */
.commentBody fieldset { margin-top: 0; padding: 10px; background-color: #F2EEE9; }

.commentBody fieldset div { padding: 10px; background-color: #fff; border: 1px solid #ddd; }
.commentBody fieldset div.addiInfoBox {margin-bottom: 5px;}
.commentBody fieldset a.openAIB {
	display: block;font-weight: 700;
	background:url("../images/bg_h3.gif") no-repeat scroll 1px center transparent;
	font-size:1.1em;
	letter-spacing:-1px;
	padding: 5px 0 5px 20px;
}
.commentBody fieldset p { padding: 5px 0; }
.commentBody fieldset#underlineAdd p { margin: 0; }
.commentBody fieldset label { color: #111; display: block; }
.commentBody fieldset em.essen { color:#FF0000; font-family:Verdana,sans-serif; font-size:1.1em; font-weight:700; vertical-align:middle; }
.commentBody fieldset textarea { width: 546px; height: 110px; font-size: 1.08em; line-height: 1.5; color: #666; }
.commentBody fieldset textarea:focus { color: #111; }
.commentBody fieldset textarea#add_ul_quot { font-family: Batang, Georgia, serif; }
.commentBody fieldset#moreInfoAdd input.text { width: 548px; }
.commentBody fieldset#moreInfoAdd input#add_moreInfo_url {width: 515px; }
.commentBody .layerClose { padding: 0; }
.commentBody .layerClose a,
.commentBody .layerClose a:visited {
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 2px;
	border-bottom: 1px dashed #8F7B59;
	color:#8F7B59;
	line-height: 1.6;
}
.commentBody .layerClose a:hover { background-color: #933; color: #fff; }

/* memo Edit layer */
.edit_memo,
#content .edit_memo,
#content .edit_moreInfo,
#plazaDivide .edit_moreInfo { position: relative; }
#content .edit_moreInfo,
#plazaDivide .edit_moreInfo {
	clear: both;
	*height: 1%;
}
#content .edit_memo label, 
#plazaDivide .edit_memo label { display: inline; cursor: pointer; }
#content .edit_memo .addBox,
#plazaDivide .edit_memo .addBox { padding: 10px 0; border: 0 none; }
.edit_memo .addBox h6 { font-size: 1.08em; margin:5px 0 3px; }
.edit_memo .addBox fieldset h5 { font-size: 1.0em; letter-spacing: normal; padding: 0; margin: 0;}
.edit_memo .noB { border-top: 0 none; }
.edit_memo .noB div { border: 0 none; padding: 5px 0; *height: 1%; }
.edit_memo .noB i.textPoint {
	color:#8DA487;
	font-style:normal;
	letter-spacing:-1px;
	margin-left:5px;
	vertical-align:middle;
}
.edit_memo .noB .subCategory label,input { vertical-align:middle; }
.edit_memo .noB .subCategory label { cursor: pointer;  padding: 5px 10px; background: #f5f5f5; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.edit_memo .noB .subCategory label:hover { background: #eeeae4; }



/* Undeline Quote Page */

#div_quote_add {
z-index: 100;
}

.commentBody .quot { margin-bottom: 15px; background: url(../images/bg_quot.gif) no-repeat -3px -15px; }

.commentBody .page {
	display: block;
	margin-left: 17px;
	font-family: Georgia, serif;
	letter-spacing: -1px;
	font-weight: 800;
	font-style: italic;
	color: #000;
}
.commentBody .page em a,
.commentBody .page em a:visited { font-size: 2.5em; margin-right: 5px; color:#84735E; }

/* Undeline Quote Phrase */
.commentBody .udline .quot:hover em a { color: #933; text-shadow:1px 1px #ccc; }
.commentBody .udline blockquote {
	margin: 5px 0 0;
	padding: 0;

/*	background-color: #FFF9EF; */
/*	border: 1px solid #eee; */
	font-family: Georgia, Batang, serif;
	line-height: 1.6;
	overflow: hidden;
}
.commentBody .udline blockquote p {
	border: none;
	padding:20px 10px 0 45px;
	font-size: 1.08em;
/*	background: url(../images/bg_quot_alt.gif) no-repeat 495px bottom; */
}

/* Undeline Quote Comment */
.commentBody .udline small,
.commentBody .udline .udCmt_tail {
	display: block;
	padding: 15px 5px;
	/* border: 1px solid #e6e6e6; */
	overflow: hidden;
	font-size: 1.08em;
}
.commentBody .udline small { background: #f2eee9 url(../images/bg_line_alt.gif) repeat scroll 0 0; margin-left: 40px; position: relative; }
.commentBody .udline small img { float: left; padding: 6px 20px 6px 6px; background: url(../images/bg_comment_img.gif) no-repeat 0 0; }
.commentBody .udline small img:hover { background: url(../images/bg_comment_img_2.gif) no-repeat 0 0; }

/* Undeline Quote Reply */
.commentBody .udline .udCmt_tail { font-size: 1.0em; background-color: #F5F5F5; margin-left: 40px; }
.commentBody .udline .udCmt_tail li { margin-bottom: 5px; }
.commentBody .udline .udCmt_tail li img { width: 16px; border: 1px solid #ddd; vertical-align: top; }
.commentBody .udline small span { display: block; }
.commentBody .udline small .cnt { display: inline; color: #84735E; font-size: 1.6em; font-style:italic; }
.commentBody .udline small .cnt_af { display: inline; }
.commentBody .udline small span.quot_comment { display: inline; }
.commentBody .udline small .udCmt_count { text-align: right; font-weight: 700; margin-top: 5px; }
.commentBody .udline small .udCmt_count a {  } 


/* control line*/
.commentBody .udline small i { display: block; text-align: right; font-style: normal; margin: 5px 0 10px; position:absolute; right:25px; top:20px; height: 30px; }
/* udline Commnet InputArea */
.commentBody .udline .udCmt_tail textarea { width: 538px; height: 50px; margin: 15px 0 5px; }
/* udline Commnet EditArea */
.udCmt_tail .comment_edit { margin-bottom: 30px; }

/* moreInfo h5 */
.commentBody h5 {
	margin: 3px 0 5px;
	font-size: 1.08em;
	letter-spacing: -1px;
	background: transparent url(../images/bul_category.gif) no-repeat scroll 3px center;
	padding-left: 15px;
}

.ccPeople { overflow: hidden; padding: 3px; margin-left: 15px; position: relative; }
.ccPeople li { float: left; height:32px; width:32px; }
.ccPeople li a { height:32px; width:32px; display: block; }
.ccPeople li a img { height:30px; width:30px; }
.ccPeople li a:hover img { border: 1px solid #8da487; }
.ccPeople li.morePlaza {
	position: absolute;
	right: 0;
	top: 0;
	width: 140px;
}
.ccPeople li.morePlaza a {
	width: 140px;
	height: 30px;
	margin: 1px 0;
	display: block;
	line-height: 30px;
	text-align: center;
	background-color: #242c3d;
	border: 1px solid #6D83AF;
	color: #fff;
	letter-spacing: -1px;
}
.ccPeople li.morePlaza a:hover {
	background-color: #242c3d;
	color: #fff
}


.commentBody .moreInfo { margin-bottom: 10px; }
.commentBody .moreInfo li { list-style: decimal inside; }
.commentBody .themeList li,
.commentBody .moreInfo li { line-height: 2.0; border-bottom: 1px solid #eee; position: static; margin-left: 15px; }
.commentBody li a.theme,
.commentBody li a.theme:visited { padding: 3px 0 3px; color: #777; }
.commentBody li a.theme:hover { color: #933; }
.commentBody li a.addiInfo,
.commentBody li a.addiInfo:visited { padding:3px 0; color: #777; text-decoration: underline; }
.commentBody li a.addiInfo:hover { color: #933; }
/* other people adding info */
.commentBody a.moreInfo {
	display: block;
	margin: 5px 0 10px 15px;
	padding: 0 2px;
	color: #999933;
	border: 1px solid #ddd;
}

/* external search */
.select_se { height: 70px; margin-left: 15px; border-bottom: 1px solid #ddd; overflow: hidden; }
.select_se strong { margin: 10px 0; display: block; color: #666; }
.select_se a {
	float: left;
	margin-right: 10px;
	padding: 3px 10px;
	height: 20px;
	text-indent: -9999px;
	overflow: hidden;
}

.sc_google { background: url(../images/logo_google.gif) no-repeat center center; width: 58px; }
.sc_daum   { background: url(../images/logo_daum.gif) no-repeat center center; width: 47px; }
.sc_naver  { background: url(../images/logo_naver.gif) no-repeat center center; width: 62px; }
.sh_en_result li { margin: 10px 0 0 15px; width: 590px; overflow: hidden; }
p.api_vendor { margin: 10px; float: right; display: inline; }
p.api_vendor a { display: block; text-indent: -9999px; width:80px; overflow: hidden; vertical-align:middle; }
.sh_en_result dt a { color: #00f; margin: 5px 0; text-decoration: underline; font-size: 1.1em; }
.sh_en_result dd a { color: #649304; margin: 5px 0; }
/* linkToExternal searchEngine */
.commentBody a.more {
	display:block;
	margin: 5px 0 0 15px;
	padding: 0 2px;
	color: #999933;
	width: 50px;
	border: 1px solid #ddd;
}
.commentBody a.more:hover,
.commentBody a.moreInfo:hover { background-color:#8DA487; color:#FFFFFF; }