@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: #333 !important;
  width: auto;
  padding: 20px 20px 20px 80px;
  margin: 20px 10px 0 10px;
  border: 1px solid #333;
  border-radius: 10px;
}
/*240509 PDF, HWP background color, hover 동일하게 변경*/
.applicationViewGuide a.downPDF {
  background: #fff url(../images/iconPDF.png) no-repeat 15px center;
}
/* .applicationViewGuide a.downHWP{background:#52575c url(../images/iconHWP.png) no-repeat left center;} */
.applicationViewGuide a.downHWP {
  background: #fff url(../images/iconHWP.png) no-repeat 15px center;
}
.applicationViewGuide a.downPDF:hover {
  border-color: #c30034;
}
/* .applicationViewGuide a.downHWP:focus, */
/* .applicationViewGuide a.downHWP:hover{background:#539db7 url(../images/iconHWP.png) no-repeat left center;} */
.applicationViewGuide a.downHWP:hover {
  border-color: #c30034;
}
/*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;
}
