@charset "utf-8";




/* ─────────────────────────────────────────────────
										초기페이지(목록)
───────────────────────────────────────────────── */
.flexCenter{position:absolute;top:0;left:0;width:100%;height:100%;}
.binpage{font-weight:400;font-size:23px;color:rgba(71,78,103,0.3);padding:15px 0;}









#pdfViewContainer{position:relative;height:100%;display:flex;align-items:stretch;}
#pdfViewContainer .btnEdit{position:fixed;bottom:10px;right:10px;z-index:33;}
#pdfViewContainer .adm-btnSet{position:fixed;bottom:12px;left:0;margin-left:45px;z-index:34;display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;}
#pdfViewContainer .btnCopy{font-size:10px;color:#fff;height:20px;background:rgba(71,78,103,0.55);padding:0 5px;border-radius:2px;display:inline-flex;align-items:center;justify-content:center;}
#pdfViewContainer .adminBtn{left:auto;margin:0;font-size:10px;color:#fff;background:rgba(71,78,103,0.95);height:20px;padding:0 5px;border-radius:2px;display:inline-flex;align-items:center;justify-content:center;}
#pdfViewContainer .btn_write{position:fixed;bottom:60px;right:10px;z-index:33;min-width:auto;width:25px;height:25px;font-size:12px;line-height:1em;padding:0;background:#2f74ff;text-align:center;
	display:inline-flex;align-items:center;justify-content:center;gap:0;font-size:0;}
#pdfViewContainer .btn_write:before{content:'\e934';font-family:'intaefont';font-size:10px;margin:0;}

@media screen and (min-width:1001px) {
	#pdfViewContainer{z-index:5;}
	#pdfViewContainer #iv-navigation{--width:280px;width:var(--width);background:rgba(255,255,255,1);border-right:1px solid rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center;overflow-y:auto;}
		#iv-navigation .body{width:100%;position:relative;padding:20px 0;margin: auto;}
		#iv-navigation .body .tit{font-size:17px;font-weight:600;margin-bottom:30px;text-align:center;}
		#iv-navigation .body .pageBtn{position:relative;display:block;padding:0 15px;width:100%;text-align:center;margin-bottom:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
		#iv-navigation .body .pageBtn:last-child{margin-bottom:0;}
		#iv-navigation .body .pageBtn:before{content:'';position:absolute;top:50%;left:0;margin-top:-1px;width:100%;height:1px;background:rgba(0,0,0,0.1);display:inline-block;}
		#iv-navigation .body .pageBtn .tagBox{position:relative;z-index:2;display:block;width:100%;padding:6px 7px;font-size:12px;font-weight:500;line-height:1.5em;color:rgba(0,0,0,0.7);background:#fff;border:1px solid rgba(0,0,0,0.1);border-radius:2px;}
		#iv-navigation .body .pageBtn:hover .tagBox{color:#000;font-weight:600;background:#fff;}
		#iv-navigation .body .pageBtn.active .tagBox, #iv-navigation .body .pageBtn.active:hover .tagBox{font-weight:800;color:#fff;background:#1bc8a6;border:0;border:1px solid red}
		#iv-navigation .body .pageBtn.active:before{background:#1bc8a6;}
		#iv-navigation .body .download{margin-top:60px;padding:0 15px;}
		#iv-navigation .body .download a{display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;width:100%;padding:15px 10px;line-height:1.5em;text-align:center;border-radius:3px;background-color:rgba(71,78,103,0.6);transition: all .2s ease-in-out; margin-bottom:10px;}
		#iv-navigation .body .download a:hover{background-color:rgba(71,78,103,0.9);}
		#iv-navigation .body .download a:before{content:'\e9c8';font-family:'myfont';font-size:16px;font-size:16px;font-weight:normal;margin-right:5px;}
		#iv-navigation .body .view-linkSet{margin-top:60px;padding:0 15px;}
		#iv-navigation .body .view-linkSet .list_btn{width:100%;}
}

#pdfViewContainer #outerContainer{flex:1;width:auto !important}

	#view-btn-set{margin-top:15px;padding:0 15px;}
	#view-btn-set a.arrow-go{display:flex;}
	#view-btn-set a.arrow-go:not(:nth-child(1)){margin-left:0;margin-top:10px;}





#floatingMenu{position:fixed;bottom:15px;left:0;z-index:31;width:100%;text-align:center;padding-top:0 !important;}
#floatingMenu:hover{opacity:1;}
#floatingMenu ul{position:relative;width:100%;padding:0 50px;margin:0 auto;max-width:1600px;display:flex;align-items:center;justify-content:center;}
#floatingMenu ul:after{display:block;visibility:hidden;clear:both;content:""}
#floatingMenu ul li{float:left;display:inline-block;font-size:14px;font-weight:600;width:33.33%;height:52px;background:rgba(255,255,255,1);border:1px solid rgba(0,0,0,0.2);border-right-width:0;box-shadow:0 5px 5px rgba(0,0,0,0.04);}
#floatingMenu ul li.active{background:rgba(71,78,103,1);color:#fff;border-right-width:1px;}
#floatingMenu ul li.admin a:before{content:'\e996';font-family:'intaefont';font-size:13px;font-weight:normal;margin-right:10px;opacity:0.8}
#floatingMenu ul li.admin a{text-decoration:line-through;}
#floatingMenu ul li:last-child{border-right-width:1px;}
#floatingMenu ul li a{display:block;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
#floatingMenu ul li.active + li{border-left:0;}
#floatingMenu.fixed li{box-shadow:0 6px 8px rgba(0,0,0,0.1);}



#viewerContainer{padding-bottom:80px !important;}





@media screen and (min-width:1001px) {
	#pdfViewContainer .pdf-nav-opener{display:none}
	#pdfViewContainer #iv-navigation .closer{display:none}
}

@media screen and (max-width:1000px) {
	#pdfViewContainer #iv-navigation{position:fixed;top:0;right:-100%;z-index:301;width:100%;height:100%;background:#fff;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;}
	#pdfViewContainer .pdf-nav-opener{position:fixed;top:var(--mobile-header-height);left:5px;margin-top:5px;z-index:109;background:#1bc8a6;color:#fff;font-size:13px;font-weight:bold;width:60px;height:23px;border-radius:3px;
		display:inline-flex;align-items:center;justify-content:center;}
	#pdfViewContainer .pdf-nav-opener:before{content:'\e933';font-family:'myfont';font-size:13px;font-weight:normal;margin-right:3px;}
	#pdfViewContainer #iv-navigation .closer{position:absolute;top:15px;right:15px;z-index:3;font-size:0;}
	#pdfViewContainer #iv-navigation .closer:after{content:'\e9d1';font-family:'myfont';font-size:25px;margin-left:auto;opacity:0.4;}
		#iv-navigation .body{width:100%;position:relative;padding:50px 15px;display:flex;flex-direction:column;gap:10px;}
		#iv-navigation .body .tit{font-size:17px;font-weight:600;margin-bottom:30px;text-align:center;}
		#iv-navigation .body .pageBtn{position:relative;}
		#iv-navigation .body .pageBtn:last-child{margin-bottom:0;}
		#iv-navigation .body .pageBtn:before{content:'';position:absolute;top:50%;left:0;margin-top:-1px;width:100%;height:1px;background:rgba(0,0,0,0.1);display:inline-block;}
		#iv-navigation .body .pageBtn .tagBox{position:relative;z-index:2;width:100%;padding:0 20px;height:40px;font-size:14px;font-weight:500;background:#fff;border:1px solid rgba(0,0,0,0.2);border-radius:30px;
			display:flex;align-items:center;}
		#iv-navigation .body .pageBtn .tagBox:after{content:'\e94f';font-family:'myfont';font-size:20px;margin-left:auto;color:rgba(0,0,0,0.5);}
		#iv-navigation .body .pageBtn:hover .tagBox{color:#000;font-weight:600;background:#fff;}
		#iv-navigation .body .pageBtn.active .tagBox, #iv-navigation .body .pageBtn.active:hover .tagBox{font-weight:800;color:#fff;background:#1bc8a6;}
		#iv-navigation .body .pageBtn.active:before{background:#1bc8a6;}
		#iv-navigation .body .download{margin-top:60px;}
		#iv-navigation .body .download a{display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;width:100%;padding:15px 10px;line-height:1.5em;text-align:center;border-radius:3px;background-color:rgba(71,78,103,0.6);transition: all .2s ease-in-out; margin-bottom:10px;}
		#iv-navigation .body .download a:hover{background-color:rgba(71,78,103,0.9);}
		#iv-navigation .body .download a:before{content:'\e9c8';font-family:'myfont';font-size:16px;font-weight:normal;margin-right:5px;}
		#iv-navigation .body .view-linkSet{margin-top:60px;padding:0 15px;}
		#iv-navigation .body .view-linkSet .list_btn{width:100%;}
}

@media screen and (max-width:640px) {
	#pdfViewContainer .pdf-nav-opener{left:auto;right:40px;}
}






/* ─────────────────────────────────────────────────
										등록페이지
───────────────────────────────────────────────── */
.wr-pdf-nav ul{position:relative;display:inline-block;}
.wr-pdf-nav ul .add-nav-list{position:absolute;top:-25px;right:0;display:inline-flex;align-items:center;justify-content:center;font-size:12px;height:24px;padding:0 8px;background:var(--blue);opacity:0.8;border-radius:3px;color:#fff;cursor:pointer}
.wr-pdf-nav ul .add-nav-list:before{content:'\e95a';font-family:'myfont';font-size:12px;font-weight:normal;margin-right:5px;}
.wr-pdf-nav ul .add-nav-list:hover{opacity:1;}
.wr-pdf-nav ul li{position:relative;display:flex;align-items:center;justify-content:center;}
.wr-pdf-nav ul li:not(:first-child){margin-top:10px;}
.wr-pdf-nav ul li .del-list{position:absolute;top:5px;right:-54px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;height:22px;padding:0 5px;background:var(--red);opacity:0.8;border-radius:2px;color:#fff;cursor:pointer}
.wr-pdf-nav ul li .del-list:before{content:'\e337';font-family:'newfont';font-size:12px;font-weight:normal;margin-right:2px;}
.wr-pdf-nav ul li .adel-list:hover{opacity:1;}