@charset "UTF-8";
/*뷰*/
#pdfViewerBbs{}
#pdfViewerBbs .downBtn{text-align:right;padding:20px 0}
#pdfViewerBbs .downBtn a{display:inline-block;padding:10px 60px 10px 20px;background:#666 url(/sites/guide/images/icon_down_2_w.png) no-repeat 92%;color:#FFF}
#pdfViewerBbs .downBtn a:hover{background-color:#222}
#pdfViewerBbs .gotoList{text-align:center;margin-top:30px}
#pdfViewerBbs .gotoList input{display:inline-block;padding:10px 30px;background:#8dc63f;border:0;color:#FFF;cursor:pointer;border-radius:30px}
#pdfViewerBbs .gotoList input:hover{background-color:#222}
#pdfViewerBbs .viewerFrame{}
@media only screen and (max-width:768px){
	#pdfViewerBbs .downBtn{text-align:left}
	#pdfViewerBbs .downBtn a{display:block}
}
/*목록*/
#pdfViewerBbs ul.pdf-list{display:flex;flex-wrap:wrap;}
#pdfViewerBbs ul.pdf-list li{width:19%;margin:0 0.5%;margin-bottom:2%;}
#pdfViewerBbs ul.pdf-list li .box{}
#pdfViewerBbs ul.pdf-list li .box a{display:block;border:1px solid #888;background:#FFF}
#pdfViewerBbs ul.pdf-list li .box .thumb{overflow:hidden;padding:10px}
#pdfViewerBbs ul.pdf-list li .box .thumb img{width:100%;float:left}
#pdfViewerBbs ul.pdf-list li .box .title{background:#888;border-top:1px solid #888;color:#FFF;padding:10px 0;text-align:center;font-weight:500;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#pdfViewerBbs ul.pdf-list li .box a:hover .title{transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);background:#222}
@media only screen and (max-width:1024px){
	#pdfViewerBbs ul.pdf-list li{width:23%}	
}
@media only screen and (max-width:768px){
	#pdfViewerBbs ul.pdf-list li{width:31%}
}
@media only screen and (max-width:480px){
	#pdfViewerBbs ul.pdf-list li{width:48%}
}
@media only screen and (max-width:320px){
	#pdfViewerBbs ul.pdf-list li{width:100%}
}