@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{}
	.applicationViewGuide p{margin-bottom: 35px;line-height: 1.35;color: #666;}
	.applicationViewGuide a{display:inline-block;font-family: 'Noto Regular';font-size: 17px;line-height: 1.5;padding: 10px 20px;padding-right: 45px;}
	.applicationViewGuide a.downPDF{background: #0067cc url('../images/pdf-down-w.png') no-repeat 90% center;color:#fff;border:1px solid #0067cc;}
	.applicationViewGuide a.downHWP{background: #ffffff url(../images/hwpIcon.png) no-repeat 95% center;color: #333;border:1px solid #a7b1b7;margin-left:5px;}
	/*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; }