@charset "utf-8";

/*pdf뷰어 View************************************/
.applicationWrap{overflow-x:hidden;overflow-y:auto;width: 100%; padding: 50px;text-align: center;display:inline-block;vertical-align: top;height:800px;border-top:5px solid #52575c;border-bottom:5px solid #52575c; background: #d6d5d2;}
  
.pdfViewer .pdf-inner{display: grid; grid-template-columns: 600px 1fr; gap: 50px;}
.pdfViewer .pdf-inner h2{display:none;}

.infoTxt p{line-height:1.3; position:relative;}
.infoTxt p.t1{font-size:50px; color:#212121;}
.infoTxt p.t1 strong{font-family:'Noto Bold';}
.infoTxt p.t1:after{content:''; width:1px; height:50px; display:block; background:#000; margin:30px 0 30px;}
.infoTxt p.t2{font-size:18px; color:#555; font-family:'Noto Light';}

.fileDown{margin-top:50px;}
.fileDown ul li{margin-bottom:5px; width:275px; height:60px;}
.fileDown ul li a{display: block;border: 1px solid #ddd;padding: 10px 80px 10px 20px;font-size: 18px; position:relative;}
.fileDown ul li a::after {position: absolute; right:20px; top: 20px; content: ''; width: 10px; height: 10px; border-top: 2px solid #000; border-right: 2px solid #000; transform: rotate(45deg);}

.pdfobject-container{width: 100%;max-width: 100%;height: 100%;background: #fff;}
.pdfobject-container > iframe{width:100%; height:100dvh;}
.pdfobject-container::-webkit-scrollbar {width: 10px;}
.pdfobject-container iframe::-webkit-scrollbar-thumb {background: rgba(220, 20, 60); border-radius: 10px;}
.pdfobject-container::-webkit-scrollbar-track {background: rgba(220, 20, 60, .1);}

.fileList{margin-top: 30px;border-top: 2px solid #000;margin-bottom: 100px;}
.fileList ul li{display: grid;grid-template-columns: 80px 1fr 150px;align-items: center;border-bottom: 1px solid #ddd;padding: 10px 5px;}
.fileList ul li span.num{text-align: center;}
.fileList ul li .link{text-align:center;}
.fileList ul li a{display:inline-block; padding:3px 10px; border:1px solid #ddd; font-size:14px; font-family:'Noto Light'; border-radius:5px;}

@media only screen and (max-width:1400px){
    .pdfViewer .pdf-inner{gap:20px;}
    .applicationWrap{padding:30px;}
}

@media only screen and (max-width:1200px){
    .pdfViewer .pdf-inner{display: block;}
    .infoTxt p.t2{display:none;}
    .infoTxt p.t1:after{display:none;}
    .fileDown{margin:20px 0;}
    .applicationWrap{padding:10px; display:block;} 
}

@media only screen and (max-width:700px){
    .fileList ul li{grid-template-columns: 60px 1fr 130px;}
}