/* pdf 뷰어 */
/* 기존 스킨 */
.PDFData-wrap {position:relative;width:100%;display:block;border-top:2px solid #777;}
.PDFData-wrap:after {content:"";display:block;clear:both;}

.PDFData-top-wrap {position:relative;border-bottom:1px solid #dfdfdf;padding-top:40px;padding-bottom:40px;min-height:400px;margin-bottom:30px;box-sizing:border-box;}
.PDFData-top-wrap:after {content:"";display:block;clear:both;}
.PDFData-topimg {width:240px;height:330px;position:absolute;left:0;top:40px;background-size:100% 100%;}
.PDFData-topimg .pimg {position:absolute;top:0;left:0;width:240px;height:330px;background:url(/_Img/Content/pdf_thum.gif) no-repeat;border:1px solid #c5c5c5;display:block;text-align:center;box-sizing:border-box;}
.PDFData-topimg .pimg img {max-width:100%;max-height:100%;}
.PDFData-topinfo {padding-left:300px;}
.PDFData-topinfo .top-btns {margin-bottom:1.5em;}

.topinfo-wrap {position:relative;display:block;}
.topinfo-wrap .stit {font-size:16px;color:#333;line-height:1;}
.topinfo-wrap h3 {font-size:26px;font-weight:normal;color:#333;line-height:1;margin-top:8px;margin-bottom:8px;}
.topinfo-wrap .pbtns-links a {margin-top:21px}
.PDFData-top-wrap .topinfo-wrap .pinfo-wr {background:#f6f6f6;padding:20px 20px 20px 40px;box-sizing:border-box;}
.PDFData-top-wrap .topinfo-wrap .pinfo {overflow-y:auto;height:60px;}
.topinfo-wrap .pbtns {margin:19px 0 5px}
.topinfo-wrap .pbtns a {position:relative;display:inline-block;vertical-align:top;line-height:23px;font-size:14px;color:#444;padding-right:50px;margin-left:40px;}
.topinfo-wrap .pbtns a:after, .PDFData-fileview-top .file-down a:after, .PDFData-list-wrap .ptit:after {position:absolute;top:50%;right:0;margin-top:-17px;content:"";display:block;width:35px;height:35px;background:url(/_Img/Content/pdf_sprite.png) no-repeat 0 0;}
.topinfo-wrap .pbtns a:first-child {margin-left:0px;}
.topinfo-wrap .pbtns a img {margin-right:11px;margin-top:-2px;}
.PDFData-top-wrap  .topinfo-wrap .pbtns:after {content:"";display:block;width:100%;height:3px;background:url(/_Img/Content/line_dia_pattern.gif) repeat-x;margin-top:23px;}
.PDFData-vtop-wrap2 .topinfo-cont {padding:25px;border-top:1px solid #EDEDED;background:#f6f6f6;}
.PDFData-wrap .psinfo {font-size:15px;padding:10px 0; border:1px solid #ddd; padding:20px; }
.PDFData-wrap .psinfo p {background:url(/_Img/Common/sicon_acrobat.png) no-repeat;padding-left:38px;line-height:28px;}
.PDFData-wrap .psinfo .btn-down {display:block;font-size:13px;color:#ff0000;letter-spacing:-0.025em;font-weight:bold;padding-left:38px;text-decoration:underline;line-height:1;}
.PDFData-wrap .PDFData-fileview .psinfo p, .PDFData-wrap .PDFData-fileview .psinfo .btn-down {display:inline-block;vertical-align:middle;}
.PDFData-wrap .PDFData-fileview .psinfo .btn-down {padding-left:10px}

.PDFData-vtop-wrap2 .topinfo-wrap {position:relative;background:#f9f9f9;padding:25px;}
.PDFData-vtop-wrap2 .topinfo-wrap:after {content:"";display:block;clear:both;}
.PDFData-vtop-wrap2 .topinfo-wrap .pbtns {position:absolute;top:50%;right:25px;margin-top:-15px;}
.PDFData-wrap .vpage-tit {display:none;}

.PDFData-fileview-top {position:relative;background:#fbfbfb;padding:25px 30px;border-top:2px solid #777;}
.PDFData-fileview-top .fileview-top-tit .stit {font-size:16px;font-weight:normal;color:#333;display:block;line-height:1;margin-bottom:5px;}
.PDFData-fileview-top .fileview-top-tit h3 {font-size:20px;color:#333;max-width:50%;}
.PDFData-fileview-top .file-down {position:absolute;top:50%;right:30px;margin-top:-12px;}
.PDFData-fileview-top .file-down a {position:relative;font-size:14px;color:#444;padding-right:50px;margin-left:30px;}
.PDFData-fileview-top .file-down a:first-child {margin-left:0;}
.PDFData-fileview-top .file-down a img {margin-top:-2px;margin-right:3px;}

.PDFData-fileview-top  .icon-search {background-position:0px 0px;}
.PDFData-fileview-top  .icon-acro {background-position:-60px -1px;}
.PDFData-fileview-top  .icon-down {background-position:-30px -2px;}
.PDFData-vlist-wrap {border-top:1px solid #DDD;border-bottom:1px solid #aaa;padding:20px 0;margin-top:40px}
.PDFData-vlist {display:block;width:100%;position:relative;}
.PDFData-vlist:after {content:"";display:block;clear:both;}
.PDFData-vlist li {width:25%;float:left;}
.PDFData-vlist li a {display:block;padding:13px 20px;line-height:1.3em;background:#f5f5f5 url(/_Img/Common/blt10.gif) no-repeat 12px center;margin:2px 2px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.PDFData-vlist li a.over, .PDFData-vlist li a:hover {background:#2ca838 url(/_Img/Common/blt09.gif) no-repeat 12px center;color:#FFF;}
.PDFData-vlist li a.over span, .PDFData-vlist li a:hover span {color:#fff;}
/* pdf 리스트 */
.PDFData-list-wrap {display:block;width:100%;position:relative;}
.PDFData-list-wrap:after {content:"";display:block;clear:both;}
.PDFData-list-wrap li {position:relative;padding:10px 0px;float:left;width:22%;margin-left:4%;box-sizing:border-box;}
.PDFData-list-wrap li:first-child, .PDFData-list-wrap li:nth-child(4n+5) {margin-left:0;}
.PDFData-list-wrap .data-in-wrap {display:block;position:relative;margin:0 auto;}
.PDFData-list-wrap .data-in-wrap a {display:block;}
.PDFData-list-wrap .ptit {position:relative;display:block;font-size:16px;margin-top:10px;color:#333;}
.PDFData-list-wrap .ptit:after {right:0}
.PDFData-list-wrap .pimg {position:relative;border:1px solid #c5c5c5;background:url(/_Img/Content/pdf_sthum.gif) no-repeat right top;height:0;overflow:hidden;padding-bottom:136.6%;}
.PDFData-list-wrap .pimg img {position:absolute;top:0;left:0;width:100%;height:100%;}
.PDFData-list-wrap .pimg:before, .PDFData-list-wrap .data-in-wrap a:before {position:absolute;top:50%;left:50%;margin:-34px 0 0 -34px;content:"";width:68px;height:68px;display:block;background:url(/_Img/Content/pdf_sprite.png) no-repeat 0 -35px;z-index:-1;transition:all .4s ease;opacity:0}
.PDFData-list-wrap .pimg:after, .PDFData-list-wrap .t-mode .data-in-wrap a:after {position:absolute;bottom:0;left:0;background:rgba(0,0,0,0.6);z-index:10;content:"";display:block;width:100%;height:0;transition:all .25s ease;}
.PDFData-list-wrap .pimg:hover:before, .PDFData-list-wrap .t-mode .data-in-wrap a:hover:before {opacity:1;z-index:100}
.PDFData-list-wrap .pimg:hover:after, .PDFData-list-wrap .t-mode .data-in-wrap a:hover:after {height:100%;}
.PDFData-list-wrap .t-mode .data-in-wrap {background:url(/_Img/Content/pdf_view_list_bg.gif) no-repeat right 50%;border:1px solid #c5c5c5;padding:20px 30px}
.PDFData-list-wrap .t-mode li {width:22%;margin-left:4%;}
.PDFData-list-wrap .t-mode li:nth-child(4n+5) {margin-left:0}
.PDFData-list-wrap .t-mode li:first-child {margin-left:0}
.PDFData-list-wrap .t-mode li .p-tit {font-size:18px;color:#333;}
.PDFData-list-wrap .pcont {display:block;text-align:left;padding-top:15px;line-height:18px;font-size:14px;}

@media only screen and (max-width:859px){
	.topinfo-wrap .pbtns {margin-top:5px;}
	.topinfo-wrap .pbtns a {display:inline-block;margin-right:0;margin-top:15px; margin-left:0px;}
	.PDFData-wrap .psinfo p {line-height:22px;margin-bottom:5px;padding-bottom:6px}
	.topinfo-wrap h3 {font-size:20px;margin-right:210px;}
}
@media only screen and (max-width:699px){
	.PDFData-vtop-wrap2 .topinfo-wrap {padding:15px;}
	.topinfo-wrap h3 {display:inline;margin-right:0}
	.PDFData-vtop-wrap2 .topinfo-wrap .pbtns {position:relative;top:auto;right:auto;margin-top:0;display:inline;margin:0 0 0 10px;z-index:10}
	.topinfo-wrap .pbtns a {padding:0;margin:0;line-height:1}
	.topinfo-wrap .pbtns a img {margin:0}
	.PDFData-vtop-wrap2 .topinfo-wrap .pbtns span {display:block;text-indent:-9999px;width:0;height:0}
	.topinfo-wrap .pbtns a:after, .PDFData-fileview-top .file-down a:after, .PDFData-list-wrap .ptit:after {display:none;}
}
@media only screen and (max-width:659px){
	.PDFData-topimg {position:relative;top:auto;left:auto;margin-left:auto;margin-right:auto;}
	.PDFData-topinfo {padding-left:0}
	.topinfo-wrap .ptit {text-align:center;margin-top:20px;}
	.topinfo-wrap .pbtns {text-align:center;}
	.PDFData-list-wrap li, .PDFData-list-wrap .t-mode li, .PDFData-list-wrap li:nth-child(4n+5) {width:48%;margin-left:4%;}
	.PDFData-list-wrap li:nth-child(odd) {margin-left:0}
}
@media only screen and (max-width:599px){
	.PDFData-vpage-list.c-tab01 {margin-top:-15px;margin-bottom:10px;}
	.PDFData-vpage-list.c-tab01 ul:before, .PDFData-vpage-list.c-tab01:before, .PDFData-vpage-list.c-tab01:after, .PDFData-vpage-list.c-tab01 .this-wrap:before, .PDFData-vpage-list.c-tab01 .this-wrap:after, .PDFData-vpage-list.c-tab01 li:before, .PDFData-vpage-list.c-tab01 li:after {display:none}
	.PDFData-wrap .vpage-tit {position:relative;display:block;border-top:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;}
	.PDFData-wrap .vpage-tit .blind {font-weight:400;width:auto;height:auto;font-size:14px;position:relative;top:auto;left:auto;text-indent:0;line-height:1;padding:13px 0 13px 20px}
	.PDFData-wrap .vpage-tit button {position:absolute;top:9px;right:9px;width:25px;height:25px;border:0;background:transparent;text-indent:-9999px}
	.PDFData-wrap .vpage-tit button:before, .PDFData-wrap .vpage-tit button:after {position:absolute;top:50%;margin-top:-4px;content:"";display:block;width:2px;height:9px;background:#a1a5a8;}
	.PDFData-wrap .vpage-tit button:before {transform:rotate(-45deg);left:50%;margin-left:-4px;}
	.PDFData-wrap .vpage-tit button:after {transform:rotate(45deg);right:50%;margin-right:-4px;}
	.PDFData-wrap .vpage-tit button.is-open:before {transform:rotate(45deg);}
	.PDFData-wrap .vpage-tit button.is-open:after {transform:rotate(-45deg);}

	.PDFData-wrap .PDFData-vpage-list.c-tab01 ul {padding:8px 0}
	.PDFData-wrap .PDFData-vpage-list.c-tab01 li {float:none;width:100%;text-align:left;margin:1px 0}
	.PDFData-wrap .PDFData-vpage-list.c-tab01 li a {padding:5px 0 5px 20px;font-weight:400}
	.PDFData-wrap .PDFData-vpage-list.c-tab01 li a span:before {content:"";display:inline-block;vertical-align:middle;width:5px;height:2px;background:#9a9a9a;margin-right:10px;}
	.PDFData-vpage-list.c-tab01 .this-wrap {display:none;border-bottom:1px solid #c6c6c6}
}
@media only screen and (max-width:549px){ 
	.topinfo-wrap h3 {font-size:18px;}
	.PDFData-top-wrap .topinfo-wrap .pinfo-wr {padding:15px 20px}
	.topinfo-wrap .pinfo {height:auto;}
	.topinfo-wrap .pbtns {text-align:left;}
}

@media only screen and (max-width:499px){
	.PDFData-list-wrap li, .PDFData-list-wrap .t-mode li {float:none;width:100%;margin-left:0}
}