@charset "UTF-8";

/*pdf뷰어 View************************************/
	.applicationWrap{overflow-x:hidden;overflow-y:auto;width:100%;height:800px;border-top:5px solid #52575c;border-bottom:5px solid #52575c;}
	/*Tablet+Mobile*/
	@media only screen and (max-width:860px){}
	/*Tablet*/
	@media only screen and (min-width:441px) and (max-width:860px){}
	/*Mobile*/
	@media only screen and (max-width:440px){}

/*pdf뷰어 다운로드버튼************************************/
	.applicationViewGuide{text-align:center;padding:20px;border:3px dashed #52575c;}
	.applicationViewGuide p{padding-bottom:15px;}
	.applicationViewGuide a{display:inline-block;color:#FFF !important;width:300px;padding:10px 15px 10px 100px;margin:5px 10px;}
	.applicationViewGuide a.downPDF{background:#52575c url(../images/iconPDF.png) no-repeat left center;}
	.applicationViewGuide a.downHWP{background:#52575c url(../images/iconHWP.png) no-repeat left center;}
	.applicationViewGuide a.downPDF:focus,
	.applicationViewGuide a.downPDF:hover{background:#c30034 url(../images/iconPDF.png) no-repeat left center;}
	.applicationViewGuide a.downHWP:focus,
	.applicationViewGuide a.downHWP:hover{background:#539db7 url(../images/iconHWP.png) no-repeat left center;}
	/*Tablet+Mobile*/
	@media only screen and (max-width:860px){}
	/*Tablet*/
	@media only screen and (min-width:441px) and (max-width:860px){}
	/*Mobile*/
	@media only screen and (max-width:440px){}

	/*
	PDFObject appends the classname "pdfobject-container" to the target element.
	This enables you to style the element differently depending on whether the embed was successful.
	In this example, a successful embed will result in a large box.
	A failed embed will not have dimensions specified, so you don't see an oddly large empty box.
	*/
	
	.pdfobject-container {
		width: 100%;
		max-width: 100%;
		height: 100%;
	}
	
	.pdfobject { border: solid 1px #666; }
	#results { padding: 1rem; }
	.hidden { display: none; }
	.success { color: #4F8A10; background-color: #DFF2BF; }
	.fail { color: #D8000C; background-color: #FFBABA; }