.doc_popup_wrap {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: 99999; display: none; align-items: center; justify-content: center;}

.doc_popup_inner {width: 750px; max-width: 95vw; background: #fff; border-radius: 15px; overflow: hidden; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3); display: flex; flex-direction: column; }


.doc_popup_body {width: 100%; position: relative;}
.doc_popup_images {left:0; margin-right:160px; /*aspect-ratio: 1 / 1; - Àå»ç°¢Çü*/ aspect-ratio: 210 / 297; /*- A4ºñÀ²*/ position: relative; background: #000;overflow: hidden;}
.doc-popup-slide {position:absolute; top:0;left:0;width: 100%;height: 100%;transition: opacity 0.5s ease;opacity: 0;z-index: 1;}
.doc-popup-slide.active {opacity: 1; z-index: 2;}
.doc-popup-slide img { width: 100%; height: 100%; object-fit: cover; display: block;}


.doc_popup_contents {position:absolute; right:0; top:0; width: 160px; height:100%; background: #111; overflow-y: auto; box-sizing: border-box;}
.doc-popup-btn {cursor: pointer; width:100%; text-align:left; display:inline-block; box-sizing: border-box; padding:20px; background-color:transparent; color:#fff; font-size: 13px; font-weight: bold; transition: all 0.2s ease;}
.doc-popup-btn.active {border: 0px solid #000;background: #fff;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);color: #000;}

.doc_popup_footer {padding: 12px 20px;background: #fff;border-top: 1px solid #eee;display: flex;justify-content: space-between;align-items: center;}
.doc_popup_footer label {color: #666;font-size: 13px;cursor: pointer;margin: 0;display: flex;align-items: center;}
.doc_popup_footer label input {margin: 0 8px 0 0;width: 16px;height: 16px;cursor: pointer;}
#doc_popup_close_btn {background: #222;color: #fff;border: none;padding: 8px 25px;border-radius: 5px;font-weight: bold;cursor: pointer;font-size: 13px;transition: background 0.2s;}
#doc_popup_close_btn:hover {background: #444;}