@charset "utf-8";

/* table */
table{width:100%;border:none;border-collapse:collapse;}
table th{border:none;background-color:#f3f3f3;color:#727272;font-weight: normal;}
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 > td.reportDate{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}
.alwaysNum span{padding:0 2px;background-color:#156dab;font-size:11px;white-space:nowrap}

/* 답글,댓글 */
.reply, .comment{font-size:0.786em}
.reply{margin-left:10px;padding:0 0 0 20px;background: url(../../../image/en/solution/common/ico/reply.png) no-repeat 0 50%}
.reply > span{padding-right:5px;background: url(../../../image/en/solution/common/ico/reply2.png) no-repeat 100% 50%;color:#fff}
.comment{margin-left:10px;background: url(../../../image/en/solution/common/ico/commentBg.png) no-repeat 0 50%;color:#fff}
.comment > span{margin-left:25px;padding-right:5px;background: url(../../../image/en/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/en/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 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 .limitSearchBtn{display:block;margin-bottom:20px;background:url(../../../image/en/solution/common/ico/limitSearchOn.gif) no-repeat 100% 50%;font-weight:600}
	.searchArea .limitSearchBtn.on{background:url(../../../image/en/solution/common/ico/limitSearchOff.gif) no-repeat 100% 50%;}
	.searchArea .limitSearchBtn a{display:block;color:#000;background:url(../../../image/en/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}



/* 썸네일게시판 목록 */
.listType{clear:both;margin-bottom:15px;overflow:hidden}
.listType > ul{float:right}
.listType > ul li{float:left;margin-left:-1px}
.listType > ul li a{display:inline-block;min-width:64px;height:34px;padding:0 10px 0 28px;border:1px solid #9a9a9a;background-repeat:no-repeat;background-color:#ebebeb;color:#3f3f3f;color:#3f3f3f;font-size:13px;line-height:36px}
.listType > ul li.on a{background-color:#fff}
.listType > ul li.listType1 a{background-image:url(../../../image/en/solution/common/ico/thumbType2.png);background-position:9px 50%;padding-left:35px}
.listType > ul li.listType2 a{background-image:url(../../../image/en/solution/common/ico/thumbType1.png);background-position:7px 50%}
ul.thumbList {clear:both;margin-left: -30px;margin-bottom:40px;overflow:hidden;}
ul.thumbList li{float:left;width:33.3%;margin: 0 0 30px 0;overflow:hidden;}
ul.thumbList li a {display:block;margin: 0 0 0 30px;}
ul.thumbList li div.pic {border:1px solid #ddd;background:#f2f2f2;position:relative;height:200px;font-size:0;overflow:hidden}
ul.thumbList li div.pic img {width:100%;height:200px;transition: all 0.25s ease;}
ul.thumbList li a:hover div.pic img,ul.thumbList li a:focus div.pic img{transform:scale(1.15)}
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:1px solid #ddd;border-top:0 none;padding:15px 19px;color:#4d4d4d;overflow:hidden;background:#fff;}
ul.thumbList li div.textBox strong {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 2.6em;line-height: 1.3em;font-size: 16px;color:#222;margin-bottom:10px;word-break:break-word;overflow:hidden}
ul.thumbList li a:hover div.textBox strong,
ul.thumbList li a:focus div.textBox strong{color: #014099;}
ul.thumbList li div.textBox > div{height: 2.6em;margin-bottom: 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 14px;line-height: 1.3em;}
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(../../../image/en/solution/common/ico/cntBg.gif) no-repeat left 0 top 4px;}
@media screen and (min-width:768px) and (max-width:1024px){
	ul.thumbList li{width:33.3%}
}
@media screen and (min-width:0) and (max-width:767px){
	ul.thumbList li{float:none;width:auto}
	ul.thumbList li div.pic {height:auto;min-height:149px;}
	ul.thumbList li div.pic img{height:auto}
}
.album{display:none;clear:both;border-top:1px solid #b3b3b3}
.album ul li{position:relative;min-height:121px;padding:16px 0;border-bottom:1px solid #e8e8e8;overflow:hidden}
.album ul li .albumImg{position:absolute;top:16px;left:0;width:185px;height:120px;border:1px solid #ddd}
.album ul li > div{padding-left:223px;overflow:hidden}
.album ul li > div .listTitle{margin:5px 0 13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.album ul li > div .listTitle a{font-weight:600;color:#222;font-size:16px}
.album ul li > div .listTitle a:hover{color:#014099}
.album ul li > div .listTitle a:focus{color:#014099}
.album ul li > div .listDetail{height:42px;margin-bottom:10px;color:#777;font-size:14px;line-height:21px;overflow:hidden}
.album ul li > div .writeDate{float:left;color:#636363;font-size:12px}
.album ul li > div .view{float:right;padding-left:22px;background:url(../../../image/en/solution/common/ico/cntBg.gif) no-repeat 0 3px;color:#636363;font-size:12px}
@media screen and (min-width:0px) and (max-width:767px){
	.album ul li .albumImg{position:static;width:100%;height:100%;border:none}
	.album ul li div{padding-left:0}
	.album ul li div .listDetail{height:63px}
}

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

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

/* 공지사항 - 주제별 스타일 (전력연구원에만 적용) */
table td span.noticeType0{display:inline-block;width:35px;height:18px;background-color:#2466a8;color:#fff;font-size:12px;text-align:center;line-height:18px}
table td span.noticeType1{display:inline-block;width:35px;height:18px;background-color:#fa6767;color:#fff;font-size:12px;text-align:center;line-height:18px}
table td span.noticeType2{display:inline-block;width:35px;height:18px;background-color:#33a9e6;color:#fff;font-size:12px;text-align:center;line-height:18px}
table td span.noticeType3{display:inline-block;width:35px;height:18px;background-color:#0da872;color:#fff;font-size:12px;text-align:center;line-height:18px}