@charset "utf-8";

/* table */
table{width:100%;border:none;border-collapse:collapse;}
table th{border:none;background-color:#f3f3f3;color:#727272}
table td{border:none}

/* list */
.listTable{clear:both;border-top:1px solid #b3b3b3;border-bottom:1px solid #e6e6e6;text-align:center}
.listTable tr:hover{background-color:#fcf9ce}
.listTable tr:hover td{background-color:#fcf9ce}
.listTable th{padding:20px 0;border-bottom:1px solid #e6e6e6}
.listTable td{padding:14px 10px;border-top:1px solid #e6e6e6}
.listTable .footable-row-detail-inner{padding:0 20px;text-align:left}
.listTable tr th{height:40px;padding:10px 8px}
.listTable .title{text-align:left}

/* 게시판 목록 - 모바일 */
@media screen and (min-width:0px) and (max-width:767px){
	.listTable{border-top:none}
	.listTable thead{display:none}
	.listTable tr:first-child td{border-top:1px solid #b3b3b3}
	.always td.alwaysNum{width:10%}
	.mobileTable.breakpoint > tbody > tr.always > td.title{background-color:#e8f9fe}
	.mobileTable.breakpoint > tbody > tr.always:hover > td.title{background-color:#fcf9ce}
}
.accessionNum{word-break:break-all}

/* 상시 */
.always td{background-color:#e8f9fe}
.always td.title img{margin-left:10px;vertical-align:middle}
.alwaysNum{color:#fff;width:7%}
.alwaysNum span{padding:1px 2px;background-color:#156dab;font-size:11px}

/* 답글,댓글 */
.reply, .comment{font-size:0.786em}
.reply{margin-left:10px;padding:0 0 0 20px;background: url(https://gss.ebscohost.com/skim2/db/images/reply.png) no-repeat 0 50%}
.reply > span{padding-right:5px;background: url(https://gss.ebscohost.com/skim2/db/images/reply2.png) no-repeat 100% 50%;color:#fff}
.comment{margin-left:10px;background: url(https://gss.ebscohost.com/skim2/db/images/commentBg.png) no-repeat 0 50%;color:#fff}
.comment > span{margin-left:25px;padding-right:5px;background: url(https://gss.ebscohost.com/skim2/db/images/reply2.png) no-repeat 100% 50%}
.closed{color:#737373;vertical-align:top}
.closed span{margin-right:3px;padding:2px 16px 2px 0;background: url(https://gss.ebscohost.com/skim2/db/images/closed.png) no-repeat 100% 0;font-size:0.786em}

/* 평점 */
td.grade img{width:75px;height:14px}
.star{width:75px;height:14px}

/* 첨부파일 */
.addedFile{width:12px;height:15px}
.addedPrint{width:16px;height:15px}

/* 제한검색 */
.searchArea .limitSearchTit{margin-bottom:10px;color:#000;background:url(https://gss.ebscohost.com/skim2/db/images/limitSearchBg.png) no-repeat 0 50%;padding:0 20px;}
.searchArea fieldset{width:100%;}
/* 제한검색-태블릿 */
@media screen and (min-width:763px) and (max-width:1023px){
	.searchArea{margin:20px 0 40px 0}
	.searchArea .typeSelect{width:20%}
}

/* 제한검색-모바일 */
@media screen and (min-width:0px) and (max-width:767px){
	.searchArea{margin:20px 0 10px;border-bottom:1px solid #e6e6e6}
	.searchArea .limitSearchTit{display:none}
	.searchArea .limitSearchBtn{display:block;margin-bottom:20px;background:url(https://gss.ebscohost.com/skim2/db/images/limitSearchOn.gif) no-repeat 100% 50%;font-weight:600}
	.searchArea .limitSearchBtn.on{background:url(https://gss.ebscohost.com/skim2/db/images/limitSearchOff.gif) no-repeat 100% 50%;}
	.searchArea .limitSearchBtn a{display:block;color:#000;background:url(https://gss.ebscohost.com/skim2/db/images/limitSearchBg.png) no-repeat 0 50%;padding:0 20px;}
	.searchArea form{display:none}
}

/* 사용자정보 */
.userInfo{position:relative;margin:0 0 20px;padding:20px;background-color:#f3f3f3;border:1px solid #e6e6e6;border-top:1px solid #b3b3b3}
.userInfo .writeInfo{position:absolute;top:20px;right:20px}
.userInfo .writeInfo p{text-align:right;margin-top:10px}
.userInfo .writeInfo p:first-child{margin-top:0}
.userInfo .writeInfo span{position:absolute;top:31px;right:0}
.userInfo .writeInfo p.status span{position:relative;top:0;right:0;}
.userInfo .writerInfo{overflow:hidden}
.userInfo .writerInfo dl{clear:both}
.userInfo .writerInfo dt{float:left;margin-right:5px;margin-top:10px;font-weight:600}
.userInfo .writerInfo dt.skip{display:none}
.userInfo .writerInfo dd{float:left;margin-right:20px;margin-top:10px;}
.userInfo .writerInfo dd.writer span{color:#1a1a1a}
.userInfo .writerInfo dd.writerEmail img{width:18px;height:13px;vertical-align:middle;margin-right:5px}
.userInfo .writerInfo dd.writerIp{margin-right:5px;}
.userInfo .writerInfo dd.writerIp, .boardInfo .writerInfo dd.writerTime{color:#248bd8}



/* 썸네일게시판 목록 */
ul.thumbList {clear:both;margin-left:-12px;margin-bottom:40px;overflow:hidden; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
ul.thumbList li{float:left;margin:0 0 1% 1%;overflow:hidden;border: 1px solid #e0e0e0; box-sizing:border-box; width:19%;}
ul.thumbList li a {display:block;}
ul.thumbList li div.pic {background:#f2f2f2;position:relative;min-height:167px;font-size:0;text-align: center;padding: 10px 0;}
ul.thumbList li div.pic img {height:167px}
ul.thumbList li div.pic span.division {display:inline-block;position:absolute;left:0;bottom:0;font-size:12px;height:19px;padding:5px 15px 5px;background:#05367b;color:#fff;}
ul.thumbList li div.textBox {border-top:0 none;padding:15px;color:#4d4d4d;overflow:hidden;background:#fff;}
ul.thumbList li div.textBox strong {display:block;font-size:18px;color:#1a1a1a;margin-bottom:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
ul.thumbList li div.textBox span.data {float:left;font-size:13px;color:#737373;}
ul.thumbList li div.textBox span.Inquiry {float:right;font-size:13px;color:#737373;padding-left:22px;background:url(https://gss.ebscohost.com/skim2/db/images/cntBg.gif) no-repeat left 50%;}

@media screen and (min-width:768px) and (max-width:1024px){
	#divWrapper {min-width:0 !important;}
	
	/* thumbList */
	ul.thumbList {margin-bottom:40px;}
	ul.thumbList li{width:24%;}
	ul.thumbList li div.pic {min-height:149px;}
	ul.thumbList li div.pic img{height:149px}
}
@media screen and (min-width:481px) and (max-width:767px){
	ul.thumbList {margin-left:0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
	ul.thumbList li{width:49%; margin:0; margin-bottom:12px;}
}
@media screen and (min-width:0) and (max-width:480px){
	#divWrapper {min-width:320px !important;}
	/* thumbList */
	ul.thumbList {margin-left:0;margin-bottom:40px;}
	ul.thumbList li{float:none; width:100%; height:auto; margin-bottom:4%;}
	ul.thumbList li div.pic {min-height:149px;}
	ul.thumbList li div.pic img{height:auto}
}

/* 테이블 rowspan 숨김처리 */
.listHide{display:none !important}

/* 목록 테이블 공통 적용 */
td.num{width:5%}
td.date{width:100px}
td.period{width:190px}
td.bookTitle{width:30%;}
td.author{width:10%;}
td.title{width:40%;}
td.title2{width:20%;}