@charset "utf-8";



/*SearchLink Btn*/
.SearchPrevLink {
	height: 26px;
	background-image: url(/image/ko/local/sub1_bg.gif);
	color: #ffffff;
	font-size: 11px;
	line-height: 240%;
	padding: 0 0 0 12px;
}
.SearchPrevLink img{vertical-align: middle;}
.SearchPrevLink a {
	color: #ffffff;
}

.SearchPaging {
	position: relative;
	top: -22px;
	float: right;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	margin: 0 12px 0 0;
}

.pageingForm {
	display: inline;
}
/* functions */
#divFunctions {
	float: left;
	font-family: Dotum;
	font-size: 11px;
	width:70%;	
}

.functionlist {
	display: inline;
	height: 28px;
	padding-top: 4px;
}

.functionlist li {
	float: left;
	font-size: 11px;
	padding: 0px 16px 0px 12px;
}

.functionlist li a:hover {
	font-size: 11px;
}

.functionlist li img {
	vertical-align: middle
}

/* marc view */
#divMarcView {
	float: right;
	font-family: Dotum;
	font-size: 11px;
	text-align: right;
	position:relative;
	top:4px;
	width:20%
}

#divMarcView img {
	vertical-align: middle
}
/* xml view */
#divXmlView {
	position: relative;
	top:0;
	float: right;
	width: 20%;
	font-size: 11px;
	text-align: right;
}

/* profile */
.divProfileInfo {
	display: block;
	position: relative;
	width: 100%;
	min-height: 295px;
	background-color: #f8f8f8;
	border: 1px solid #d0cfcc;
	margin: 27px 0 16px 0;
	padding-top: 15px;
	line-height: 1.7em
}

*+html body .divProfileInfo {
	margin: 0 0 16px 0
}

#divProfileTitle {
	width: 80%;
	clear: both;
	font-size: 14px;
	color: #2e4192;
	font-weight: bold;
	padding: 0 16px;
}

#divProfile {
	display: block;
	width: 75%;
	padding: 0 16px;
	margin-bottom: 16px;
}

#divMarcProfile {
	width: auto;
	height: auto;
	display: block;
	min-height: 260px;
	padding: 0 16px 16px 16px;
}

#divMarc {
	width: auto;
	height: auto;
	display: none;
}

#addtionalContent {
	position: absolute;
	top: 25px;
	right: 0;
	width: 180px;
	margin: 0 16px 16px 0;
}

#divCoverImage {
	float: right;
	width: 120px;
	height: 153px;
	border:1px solid #eee
}

.qrCode {
	display: block;
	float: right;
	padding: 16px 0 8px 16px
}

.profiletable {
	border: 0px;
	margin-top: 12px;
}

.profiletable th {
	padding: 2px 24px 2px 0px;
	width: 120px;
	text-align: left;
	border: 0px;
}

.profiletable td {
	padding: 2px 24px 2px 12px;
	width: auto;
	border: 0px;
}

.tablesubtab {
	font-weight: normal;
	color: #5c594c;
}

.marctag {
	color: #d85632;
}

#divRelationInfo {
	clear: both;
}

.relationlist {
	display: block;
	padding: 8px 12px 8px 0px;
}

.relationlist li {
	display: block;
	padding: 0px 12px 2px 0px;
}

.fontinfotitle {
	font-weight: bold;
	color: #c17557;
	font-size: 13px;
}

/* mets info */
#divMetsInfo {
	clear: both;
}

.metslist {
	display: block;
	padding: 8px 12px 8px 0px;
}

.metslist li {
	display: block;
	padding: 0px 12px 2px 0px;
}

.fontmetstitle {
	font-weight: bold;
	color: #c17557;
	font-size: 13px;
}

/* holding info */
#divHoldingInfo {
	width: auto;
	margin-bottom: 16px;
	clear: both;
}

.holdingHeader {
	width: 100%;
	height: 19px;
	border-bottom: 1px solid #2E4192;
	clear: both;
}

.serviceIcons {
	display: inline;
	float: right;
	width: 65%;
	text-align: right;
}

.serviceIcon {
	margin-left: 16px;
}

.serviceIcon img {
	vertical-align: middle;
	margin-bottom: 2px;
}

.service img {
	vertical-align: middle;
	margin: 0 4px 0 0;
}

.listtable {
	width: 100%;
	border: 1px solid #dadcde;
}

.listtable th {
	width: auto;
	height: 26px;
	border: 0px;
	background-color: #eff2f5;
	text-align: left;
	padding: 4px 8px 4px 8px;
}

.listtable td {
	width: auto;
	height: 24px;
	text-align: left;
	border: 0px;
	padding: 2px 8px 2px 8px;
}
/* binding info */
.bindinstatus {
	font-weight: bold;
	color: #5695c1;
	font-size: 13px;
}

/* similar info */
#divSimilarInfo {
	width: auto;
	margin-bottom: 16px;
}

/* tab */
.holdingTab {
	display: inline;
	float: left;
	width: 30%;
	height: 20px;
	font-weight: bold;
}

.holdingTab li {
	display: inline;
	height: 18px;
	line-height: 180%;
}

.holdingTab li a {
	height: 18px;
	padding: 3px 8px 0 8px;
	border: 1px solid #820a04;
	border-bottom: 2px solid #dbd3cb;
	background: #ffffff;
	text-decoration: none;
	line-height: 190%;
}

.holdingTab li a:link {
	color: #a21212;
}

.holdingTab li a:hover {
	height: 18px;
	color: #f6e0d5;
	background: #bb293f;
	border-color: #820a04;
}

.holdingTab li span {
	height: 20px;
	padding: 4px 8px 2px 8px;
	background: #2E4192;
	border: 1px solid #2E4192;
	color: #fff;
}

/* tab */
.tabs {
	display: block;
	padding-top: 10px;
	border-bottom: 1px solid #2E4192;
	font-weight: bold;
	width: 100%;
	height: 20px;
}

.tabs li {
	display: inline;
	height: 18px;
	line-height: 180%;
}

.tabs li a {
	height: 18px;
	padding: 3px 8px 0 8px;
	border: 1px solid #ccc;
	background: #ffffff;
	text-decoration: none;
	line-height: 190%;
}

.tabs li a:link,.uisubtab li a:visited {
	color: #555;
}

.tabs li a:hover {
	height: 18px;
	color: #fff;
	background: #2e4192;
	border-color: #2e4192;
}

.tabs li a.current {
	height: 18px;
	background: #2E4192;
	border: 1px solid #2E4192;
	color: #ffffff;
}

.tabs li a.current:hover,.tabs li a.current:active {
	height: 18px;
	background: #2E4192;
	color: #ffffff;
}

.tabs li span {
	height: 18px;
	padding: 4px 8px 3px 8px;
	background: #2E4192;
	border: 1px solid #2E4192;
	color: #ffffff;
}
/* LOCATION */
#divLocationList {
	display: block;
	position: relative;
	height: 21px;
	padding: 4px 0 4px 0px;
}
/* check in info */
#divSerTab {
	display: block;
	position: relative;
	height: 21px;
	padding: 4px 0 4px 0px;
}

#divYearList {
	margin: 10px 0 5px 0
}

#divSerW {
	margin-bottom: 16px;
}

#divCheckinInfo {
	padding: 0;
}

#divBindingInfo {
	padding: 0;
}

.prevlisttable {
	width: 100%;
	border: 1px solid #d9d8d5;
}

.prevlisttable th {
	width: auto;
	height: 26px;
	border: 0px;
	background-color: #f4f3ed;
	text-align: center;
	padding: 4px 8px 4px 8px;
}

.prevlisttable td {
	width: auto;
	height: 24px;
	text-align: center;
	border: 0px;
	padding: 2px 8px 2px 8px;
}
/* BOOK REVIEW */
/*divReview*/
#divReview {
	width: auto;
	clear: both;
	padding: 0 0 16px 0;
}

.reviewmessage {
	width: auto;
	height: 18px;
	background-color: #f5f1d8;
	margin: 2px 0 0 0;
	padding: 6px 8px 6px 8px;
}

.reviewutil {
	width: 100%;
	height: 100%;
	background-color: #f4f4f1;
	border-bottom: 1px solid;
	border-color: #e6e6e1;
}

.reviewutil .header {
	background-image: url(/image/ko/common/addtags_bg.gif);
	width: auto;
	height: 30px;
	line-height: 260%;
	margin: 2px 0 0 0;
	padding: 0 12px;
	border-top: 2px solid;
	border-color: #e6e6e1;
}

.reviewutil .utiltitle {
	color: #000000;
	font-weight: bold;
}

.reviewutil .utilmsg {
	color: #2E4192;
	font-weight: bold;
}

.reviewutil .reviewform {
	width: auto;
	padding: 12px 36px;
}

.reviewutil .title {
	height: 18px;
	width: 98%;
	border: 1px solid #d7cfc1;
	padding: 2px 6px 0 6px;
	margin-bottom: 16px;
	color: #4d4d4d;
}

.reviewTable {
	border: 0px;
}

.reviewTable tr,td,th {
	border: 0px;
	text-align: left;
}

.reviewTable td textarea {
	border: 1px solid #d7cfc1;
	width: 100%;
	font-size: 12px;
}

.reviewStar {
	display: block;
	width: 100%;
	height: 30px;
	border: 1px solid red;
	background-color: #ffffff;
	border: 1px solid #d7cfc1;
	margin: 0 0 12px 0;
}

.reviewStar li {
	float: left;
	padding: 6px 30px 6px 16px;
}

.reviewStar_select {
	margin: 0 0 0 8px;
	vertical-align: middle;
}

.reviewutil .grade {
	border: 1px solid #d7cfc1;
	width: 130px;
	height: 18px;
	font-size: 12px;
	padding: 1px 0 1px 0;
	line-height: 160px;
	margin-bottom: 16px;
}

.reviewutil .title {
	height: 18px;
	width: 750px;
	border: 1px solid #d7cfc1;
	padding: 2px 6px 0 6px;
	margin-bottom: 16px;
	color: #4d4d4d;
	font-size: 12px;
}

.addReviewInfo {
	vertical-align: middle;
	padding: 5px 12px 5px 0;
	border: 1px solid red;
}

.addReviewutilResult {
	color: #000000;
	font-weight: bold;
}

.showApplyReview {
	width: 750px;
	height: 160px;
	padding: 6px 6px;
	background-color: #ffffff;
	border: 1px solid #d7cfc1;
}

.reviewBtns {
	height: 21px;
	width: 47px;
	vertical-align: bottom;
	*vertical-align: middle;
	*padding: 4px 0 0 0; /* only for IE */
	background-image: url(/image/ko/common/reviewBtnbg.gif);
	border: 0px solid #ba0000;
	cursor: pointer;
	margin: 12px 16px 0 0;
	color: #564f4b;
}

.reviewitem {
	padding: 12px 0 12px 0;
	border-bottom: 1px solid #e9e9df;
}

/*review Comment
기존 css id 변경이 있습니다. 대소문자 확인필요.
기존 review css부분을 다음으로 대체해주세요(한림대 참조)
*/
.review{
       padding:20px 32px 16px 32px;
       }
.reviewItem{
       position:relative;
       margin-bottom: 4px;
}
.reviewTitle{
       font-size:13px; 
       color:#d85632; 
       font-weight:bold;
       letter-spacing: -1px;
       }
.reviewAuthor{
       font-size:12px; 
       color:#000000; 
}
.reviewreCom{
       font-size:11px; 
       color:#6d6c64;
       }
.reviewreComcnt{
       font-size:11px; 
       color:#c17557;
       font-weight:bold;
       }
.reviewDate{
       font-size:11px; 
       color:#6d6c64;
       }

.reviewsep{
       font-size:11px; 
       color:#a09f9f;
       }

.reviewcontent{
       display:block;
       padding:12px 24px 12px 20px;
       line-height:130%;
       background: #f6f6f6;
       }
.reviewComment{
       position:relative;
       display:block;
       font-size:12px; 
       line-height:130%;
       padding:16px 24px 16px 48px;
       background:  #fbfbfb url(/image/ko/common/reviewLine.gif) no-repeat 24px 16px;
       clear: both;
       }      
.reviewComment .commentText{
       width:91%;
       height:100%;
       padding: 4px 0 0 0;
       margin-right: 0;
       color: #666666;
       }
.reviewComment textarea.modify{
       position:relative;
       width:75%;
       font-size:12px; 
       height:44px;
       color: #666666;
       border:1px solid #b9baba;
       padding: 6px;
       overflow-y: auto;
       line-height:130%;
       left:0;
       }
.reviewLinkBtn{
       text-align:right;
       vertical-align: text-bottom;
       }
.reviewLinkBtn img{ 
           text-align:right;
           vertical-align:bottom;
           margin-right: 2px;
           }
.reviewLink{
       float:right;
       margin-top:-12px;
       }
       

.reviewtitle {
	font-size: 12px;
	color: #d85632;
	font-weight: bold;
}

.reviewauthor {
	font-size: 12px;
	color: #000000;
}

.reviewcontent {
	display: block;
	padding: 4px 0 0 0;
	line-height: 150%;
}

.reviewrecom {
	font-size: 11px;
	color: #6d6c64;
}

.reviewrecomcnt {
	font-size: 11px;
	color: #c17557;
	font-weight: bold;
}

.reviewdate {
	font-size: 11px;
	color: #6d6c64;
}

.reviewsep {
	font-size: 11px;
	color: #a09f9f;
}

/* TAG */
#divTag {
	padding: 12px 0 16px 0;
	line-height: 180%;
}

.tagline {
	padding: 0 6px;
}

/* author info */
#divAuthorInfo {
	padding: 12px 0 16px 0;
	line-height: 180%;
}

.author_desc {
	display: block;
	padding: 4px 0 0 0;
	line-height: 150%;
}

.author_strong {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

.author_substrong {
	font-size: 12px;
	color: #565550;
	font-weight: bold;
}

/*tagcloud*/
#divTags {
	margin: 2px 0 0 0;
}

.tagmessage {
	width: auto;
	height: 18px;
	background-color: #f5f1d8;
	margin: 2px 0 0 0;
	padding: 6px 8px 6px 8px;
}

.tagsutil {
	width: 100%;
	height: 100%;
	background-color: #f4f4f1;
	border-bottom: 1px solid;
	border-color: #e6e6e1;
}

.tagsutiltitle {
	background-image: url(/image/ko/common/addtags_bg.gif);
	width: auto;
	height: 30px;
	line-height: 260%;
	margin: 2px 0 0 0;
	padding: 0 12px;
	border-top: 2px solid;
	border-color: #e6e6e1;
}

.addtagsInfo {
	vertical-align: middle;
	padding: 5px 12px 5px 0;
	border: 1px solid red;
}

.addtagsutilResult {
	color: #000000;
	font-weight: bold;
}

.addtagsutilLink,.addtagsutilLink a,.addtagsutilLink a:hover {
	color: #EA6900;
	margin-left: 12px;
	text-decoration: underline;
}

.addsTitle {
	color: #000000;
	font-weight: bold;
}

.addsDataTitle {
	color: #2E4192;
	font-weight: bold;
}

.tagsWrite {
	height: 18px;
	border: 1px solid #d7cfc1;
	padding: 2px 4px 0 4px;
	margin-bottom: 16px;
	color: #4d4d4d;
}

.tagsform {
	width: auto;
	padding: 12px 36px;
}

.tagexist {
	width: auto;
	height: 60px;
	padding: 6px 6px;
	background-color: #ffffff;
	border: 1px solid #d7cfc1;
}

.tagexist ul {
	color: #a53520;
}

.tagexist li {
	float: left;
	padding: 0 12px 0 4px;
}

.AddtagsLink {
	display: block;
	margin: 12px 24px 24px 0;
	vertical-align: middle;
}

.AddtagsLink a,.AddtagsLink a:hover {
	color: #000000;
	text-decoration: underline;
}

.mytags {
	padding: 12px 12px 12px 12px;
	border-bottom: 1px solid;
	border-color: #e6e6e1;
}

.mytags li {
	padding: 0 12px 0 24px;
}

.mytagsTitle {
	color: #000000;
	font-weight: bold;
	line-height: 200%;
}

.mytagsCount {
	color: #2E4192;
	font-weight: bold;
	line-height: 200%;
}

.tagsItems {
	color: #555;
	font-size: 11px;
}

.usertags {
	display: block;
	padding: 12px 12px 12px 12px;
	border-bottom: 1px solid;
	border-color: #e6e6e1;
}

.usertags li {
	padding: 0 12px 0 24px;
}

.usertagsTitle {
	color: #000000;
	font-weight: bold;
	line-height: 200%;
}

.usertagsCount {
	color: #2E4192;
	font-weight: bold;
	line-height: 200%;
}

.tagspersons {
	color: #777777;
	font-size: 11px;
}

.usertags_cloud {
	padding-left: 24px;
	line-height: 220%;
}

.tagsFontstyle_normal,.tagsFontstyle_normal a,.tagsFontstyle_normal a:hover
	{
	color: #EA6900;
	text-decoration: underline;
}

.tagsFontstyle_normal a:active {
	color: #000000;
	text-decoration: underline;
}

.tagsFontstyle_bold,.tagsFontstyle_bold a,.tagsFontstyle_bold a:hover {
	color: #EA6900;
	text-decoration: underline;
	font-weight: bold;
}

.tagsFontstyle_bold a:active {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

.tagsstyleBtn {
	float: right;
	padding-top: 5px
}

a.cloud_4:link,a.cloud_4:visited,a.cloud_4:hover,a.cloud_4:active {
	color: #EA6900;
	font-size: 12px;
	text-decoration: underline;
}

a.cloud_3:link,a.cloud_3:visited,a.cloud_3:hover,a.cloud_3:active {
	color: #EA6900;
	font-size: 18px;
	font-weight: bold;
	text-decoration: underline;
}

a.cloud_2:link,a.cloud_2:visited,a.cloud_2:hover,a.cloud_2:active {
	color: #EA6900;
	font-size: 22px;
	font-weight: bold;
	text-decoration: underline;
}

a.cloud_1:link,a.cloud_1:visited,a.cloud_1:hover,a.cloud_1:active {
	color: #EA6900;
	font-size: 26px;
	font-weight: bold;
	text-decoration: underline;
}
/* TOC */
#divToc {
	clear: both;
	margin-bottom: 16px;
	width: auto;
}
/* ABS */
#divAbs {
	clear: both;
	margin-bottom: 16px;
	width: auto;
}

/* 저자소개 */
#divAuthorIntro {
	width: auto;
	clear: both;
	margin-bottom: 16px;
}

.detailContentW {
	border-bottom: 1px solid #E6E6E1;
	height: 100%;
	width: auto;
	padding: 12px;
	line-height: 2em
}

.open,.close {
	position: relative;
	right: 0;
	text-align: right;
}

.open img,.close img {
	margin: 0 3px 3px 0;
}

#absFull {
	width: auto;
}

.appendixInfo {
	position: absolute;
	right: 80px;
	width: 185px;
	height: auto;
	padding: 5px;
	border: 1px solid #8790c3;
	font-size: 11px;
	font-family: dotum;
	color: #333;
	background-color: #f5f5f5
}

/* 검색상세화면 관련정보 */
#divRelativeInfo {
	clear: both;
	padding: 5px 0 16px;
	width: auto;
}

.relativeInfoutil {
	width: 100%;
	margin-top: 3px;
	background-color: #F8F8F8
}

.relativeInfoutil ul {
	padding: 10px 0 10px 10px
}

.relativeInfoutil ul li {
	line-height: 220%;
	padding-left: 10px;
	background: url(/image/ko/common/iconRelativeInfo.gif) no-repeat 0 8px
}

.relativeInfoutil ul li a {
	display: block;
	color: #555;
}

.relativeInfoutil ul li a:hover {
	display: block;
	color: #222;
	text-decoration: underline;
}