@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;word-break:keep-all;}
.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}

.listTable li:first-child {margin-bottom:1px}
.listTable .infoBtn a {display:inline-block;height:26px;padding:0 10px;line-height:26px;color:#fff}
.listTable .infoBtn .checkinBtn {background:#65ade1;border:1px solid #50a2de;}
.listTable .infoBtn .checkinBtnOn {background:#ff9a67;border:1px solid #ff8f54;}
.listTable .infoBtn .bindingBtn {background:#43cbc1;border:1px solid #31c2b7;color:#fff}
.listTable .infoBtn .bindingBtnOn {background:#e5ba32;border:1px solid #ddb020}
.infoView .infoViewHeader{margin: 10px 0;}
.infoView .infoViewHeader h4{font-weight:bold; font-size:15px}

/* 게시판 목록 - 모바일 */
@media screen and (min-width:0px) and (max-width:767px){
	table{word-break:break-all}
	.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}
}
.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(../../../image/ko/solution/common/ico/reply.png) no-repeat 0 50%}
.reply > span{padding-right:5px;background: url(../../../image/ko/solution/common/ico/reply2.png) no-repeat 100% 50%;color:#fff}
.comment{margin-left:10px;background: url(../../../image/ko/solution/common/ico/commentBg.png) no-repeat 0 50%;color:#fff}
.comment > span{margin-left:25px;padding-right:5px;background: url(../../../image/ko/solution/common/ico/reply2.png) no-repeat 100% 50%}
.closed{color:#737373;vertical-align:top}
.closed span{margin-right:3px;padding:2px 16px 2px 0;background: url(../../../image/ko/solution/common/ico/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.alignR{text-align: right;}
.searchArea .limitSearchTit{margin-bottom:10px;color:#000;background:url(../../../image/ko/solution/common/ico/limitSearchBg.png) no-repeat 0 50%;padding:0 20px; text-align: left;}
.searchArea fieldset{width:100%; min-width: 0;}
/* 제한검색-태블릿 */
@media screen and (min-width:763px) and (max-width:1023px){
	.searchArea{margin:0 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(../../../image/ko/solution/common/ico/limitSearchOn.gif) no-repeat 100% 50%;font-weight:600; text-align: left;}
	.searchArea .limitSearchBtn.on{background:url(../../../image/ko/solution/common/ico/limitSearchOff.gif) no-repeat 100% 50%;}
	.searchArea .limitSearchBtn a{display:block;color:#000;background:url(../../../image/ko/solution/common/ico/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: -20px;margin-bottom:40px;overflow:hidden;}
ul.thumbList li{float:left;border:1px solid #dedede; border-radius: 12px; margin:0 0 20px 20px; width:calc(25% - 20px);height:auto; background: #fff; overflow:hidden; box-sizing: border-box; position: relative;}
ul.thumbList li a {display:block;position: relative;padding-bottom: 125%;height: 0;}
ul.thumbList li div.pic {height:100%;font-size:0;text-align:center;}
ul.thumbList li div.pic img{margin-top: 15px;image-rendering: auto;}
ul.thumbList li div.pic img.cover{margin-top: 0;position: absolute;top: 10%;left: 50%;transform: translateX(-50%);}

img.cover {}
ul.thumbList li div.textBox {border-top:0 none; color:#4d4d4d;overflow:hidden;background:#f5f5f5; border-radius: 12px 12px 0 0; padding: 20px 18px 30px; position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box; transition: all ease .3s;}
ul.thumbList li div.textBox span.division {display:inline-block;font-size:14px;height:29px;padding:5px 10px 5px;background:#05367b;color:#fff; border-radius: 16px; box-sizing: border-box;margin-bottom:15px}
ul.thumbList li div.textBox strong {display:block; font-family: PretendardSB, sans-serif; font-size:18px; line-height: 1.2em; height: 1.2em;  color:#000000;margin-bottom:10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;transition: all ease .3s;}
ul.thumbList li div.textBox span.data {float:left;font-size:14px;color:#757575;font-family: PretendardM, sans-serif;transition: all ease .3s;}
ul.thumbList li div.textBox span.view{float:right; font-size: 15px; color: #000000; transition: all ease .3s;}
ul.thumbList li div.textBox span.Inquiry {font-weight: 600; margin-left: 5px;}
/* hover */
ul.thumbList li a:hover div.textBox{background: rgba(0, 48, 175, .9);}
ul.thumbList li a:hover div.textBox span.division{background: #fff; color: #0030af;}
ul.thumbList li a:hover div.textBox strong{color: #fff; -webkit-line-clamp: 2;  height: 2.4em;}
ul.thumbList li a:hover div.textBox span.data{color: #fff;}
ul.thumbList li a:hover div.textBox span.view{color: #fff;}

@media screen and (max-width:1096px){
	ul.thumbList li{width: calc(33.33% - 20px);}
	ul.thumbList li a {padding-bottom: 110%;}
}
@media screen and (max-width:1024px){
	#divWrapper {min-width:0 !important;}
	ul.thumbList{margin-left: -15px;}
	ul.thumbList li{width: calc(33.33% - 15px); margin:0 0 15px 15px;}
	ul.thumbList li div.textBox{padding: 55px 12px 10px;}
	ul.thumbList li div.textBox span.division{font-size: 13px;left:12px;top:12px;}
	ul.thumbList li div.textBox span.view{font-size: 14px;right: 12px; top: 16px;}
	ul.thumbList li div.textBox strong{font-size: 15px;}
	ul.thumbList li div.textBox span.data {font-size:13px;}
}
@media screen and (max-width:767px){
	#divWrapper {min-width:320px !important;}
	ul.thumbList {margin-left: -12px;}
	ul.thumbList li{width: calc(50% - 12px); margin:0 0 12px 12px;}
	ul.thumbList li a {padding-bottom: 100%;}
	ul.thumbList li div.textBox span.division{padding:3px 10px;height:25px;}
}
@media screen and (max-width:499px){
	#divWrapper {min-width:320px !important;}
	ul.thumbList{margin-left: 0;}
	ul.thumbList li{width: 100%; margin:0 0 12px 0;}
	ul.thumbList li a {padding-bottom: 80%;}
	ul.thumbList li div.textBox span.division{font-size: 13px;}
	ul.thumbList li div.textBox strong{font-size: 15px;}
}


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

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

/* TEXT COLOR */
.point{color:#ff6f6f;font-weight:bold}

/* 원문 포인트 */
.listTable .btnType2.highlight{background-color: #e94700;color: #fff;border:none}