﻿div.image-uploader-wrap.common-ImageUploader-1pr7wrl.common-ImageUploader-1pr7wrl{padding:10px 0}div.image-uploader-wrap.common-ImageUploader-1pr7wrl .accent.common-ImageUploader-1pr7wrl{color:var(--text-accent-color, red);font-weight:bold}input[type=file].common-ImageUploader-1pr7wrl.common-ImageUploader-1pr7wrl{display:none}button.common-ImageUploader-1pr7wrl.common-ImageUploader-1pr7wrl{box-sizing:border-box;background-color:var(--button-background-color, #fff);border:1px solid var(--button-border-color, #ccc);border-radius:5px;color:var(--button-text-color, #333);font-weight:normal;overflow:hidden;outline:none;margin:0;padding:5px}div.info.common-ImageUploader-1pr7wrl.common-ImageUploader-1pr7wrl{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;color:var(--text-color, #9b9b9b)}div.info.common-ImageUploader-1pr7wrl div.representative.common-ImageUploader-1pr7wrl{display:flex;flex-wrap:nowrap;justify-content:right;align-items:center;gap:10px}div.info.common-ImageUploader-1pr7wrl div.representative button.common-ImageUploader-1pr7wrl{padding:5px 15px}ul.images.common-ImageUploader-1pr7wrl.common-ImageUploader-1pr7wrl{position:relative;margin:5px 0;overflow:hidden;box-sizing:border-box}ul.images.common-ImageUploader-1pr7wrl.common-ImageUploader-1pr7wrl:not(:empty){display:grid;grid-template-columns:repeat(auto-fill, minmax(121px, auto));gap:12px;padding:5px 0}ul.images.common-ImageUploader-1pr7wrl.common-ImageUploader-1pr7wrl:empty{display:flex;justify-content:center;align-items:center;width:100%;height:95px;border:2px dashed var(--button-border-color, #ccc);font-weight:bold;cursor:pointer}ul.images.common-ImageUploader-1pr7wrl.common-ImageUploader-1pr7wrl:empty::before{content:"이미지를 업로드하려면 여기에 이미지를 끌어놓거나 클릭하세요"}ul.images:empty.over.common-ImageUploader-1pr7wrl.common-ImageUploader-1pr7wrl{color:green;border-color:var(--button-border-accent-color, green)}ul.notice.common-ImageUploader-1pr7wrl.common-ImageUploader-1pr7wrl{position:relative;display:flex;flex-direction:column;justify-content:center;line-height:18px;color:var(--text-color, #9b9b9b)}ul.notice.common-ImageUploader-1pr7wrl li.common-ImageUploader-1pr7wrl::before{content:"* "}ul.notice.common-ImageUploader-1pr7wrl button.common-ImageUploader-1pr7wrl{position:absolute;right:0;top:0;width:70px;height:70px}ul.notice.common-ImageUploader-1pr7wrl button.common-ImageUploader-1pr7wrl::before{content:"업로드"}div.notice.common-ImageUploader-1pr7wrl.common-ImageUploader-1pr7wrl{line-height:18px;color:var(--text-color2, var(--text-color, #686868));margin:10px 0 0 0}div.layout-mobile.common-ImageUploader-1pr7wrl.common-ImageUploader-1pr7wrl{display:flex;flex-direction:column}div.layout-mobile.common-ImageUploader-1pr7wrl ul.notice.common-ImageUploader-1pr7wrl{order:1}div.layout-mobile.common-ImageUploader-1pr7wrl ul.notice li.common-ImageUploader-1pr7wrl{text-align:center}div.layout-mobile.common-ImageUploader-1pr7wrl ul.notice li.common-ImageUploader-1pr7wrl::before{content:""}div.layout-mobile.common-ImageUploader-1pr7wrl ul.notice button.common-ImageUploader-1pr7wrl{position:relative;right:unset;top:unset;max-width:640px;width:100%;height:auto;padding:5px 0;margin:10px auto;background-color:#4d4d4d;color:#fff;font-weight:bold}div.layout-mobile.common-ImageUploader-1pr7wrl ul.notice button.common-ImageUploader-1pr7wrl::before{content:"이미지 업로드";content:attr(data-label)}div.layout-mobile.common-ImageUploader-1pr7wrl div.notice.common-ImageUploader-1pr7wrl{order:2;color:var(--text-color, #9b9b9b);text-align:center;margin:0 auto;max-width:530px;word-break:keep-all}div.layout-mobile.common-ImageUploader-1pr7wrl ul.images.common-ImageUploader-1pr7wrl{order:3;margin:10px 0}div.layout-mobile.common-ImageUploader-1pr7wrl ul.images.common-ImageUploader-1pr7wrl:empty{display:none}div.layout-mobile.common-ImageUploader-1pr7wrl div.info.common-ImageUploader-1pr7wrl{order:4;flex-direction:column;gap:8px}div.layout-mobile.common-ImageUploader-1pr7wrl div.info div.representative.common-ImageUploader-1pr7wrl{width:100%;flex-wrap:wrap;justify-content:center;flex-direction:column-reverse;gap:8px}div.layout-mobile.common-ImageUploader-1pr7wrl div.info div.representative button.common-ImageUploader-1pr7wrl{width:100%;max-width:640px}div.layout-mobile.common-ImageUploader-1pr7wrl div.help-position.common-ImageUploader-1pr7wrl{order:5;padding-top:10px}li.common-ImageUploader-1f15sis.common-ImageUploader-1f15sis.common-ImageUploader-1f15sis{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:121px;min-height:85px;overflow:hidden}li.common-ImageUploader-1f15sis button.common-ImageUploader-1f15sis.common-ImageUploader-1f15sis{box-sizing:border-box;overflow:hidden;padding:0;margin:0;outline:none;cursor:pointer;font-weight:normal;background-color:#fff}li.common-ImageUploader-1f15sis>.common-ImageUploader-1f15sis.common-ImageUploader-1f15sis{position:relative;box-sizing:border-box;width:121px}li.common-ImageUploader-1f15sis>button.common-ImageUploader-1f15sis.common-ImageUploader-1f15sis{height:85px;background-color:#fff;border:1px solid var(--thumbnail-border-color, #9e9e9e)}li.common-ImageUploader-1f15sis>button.common-ImageUploader-1f15sis>img.common-ImageUploader-1f15sis,li.common-ImageUploader-1f15sis>button.common-ImageUploader-1f15sis>div.common-ImageUploader-1f15sis{width:119px;height:83px}li.common-ImageUploader-1f15sis>button.common-ImageUploader-1f15sis>img.common-ImageUploader-1f15sis{border:0}li.common-ImageUploader-1f15sis>button.common-ImageUploader-1f15sis>img[src^="blob:"].common-ImageUploader-1f15sis{opacity:.35;animation:common-ImageUploader-1f15sis-uploading 2s ease-in-out infinite}@keyframes common-ImageUploader-1f15sis-uploading{0%{opacity:.35}50%{opacity:.1}100%{opacity:.35}}li.common-ImageUploader-1f15sis>button.common-ImageUploader-1f15sis>div.common-ImageUploader-1f15sis{position:absolute;top:0;left:0;background:url("data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20style%3D%22margin%3A%20auto%3B%20background%3A%20none%3B%20display%3A%20block%3B%20shape-rendering%3A%20auto%3B%22%20width%3D%2283px%22%20height%3D%2283px%22%20viewBox%3D%220%200%20100%20100%22%20preserveAspectRatio%3D%22xMidYMid%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2232%22%20stroke-width%3D%228%22%20stroke%3D%22%232685d5%22%20stroke-dasharray%3D%2250.26548245743669%2050.26548245743669%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%3C%2Fcircle%3E%3C%2Fsvg%3E") center center no-repeat;transform-origin:center;animation:common-ImageUploader-1f15sis-rotate 1s linear infinite}@keyframes common-ImageUploader-1f15sis-rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}li.common-ImageUploader-1f15sis>button.common-ImageUploader-1f15sis>button.remove.common-ImageUploader-1f15sis{position:absolute;right:0;bottom:0;width:20px;height:14px;background-color:#fff;border:1px solid #9e9e9e;border-right-width:0;border-bottom-width:0}li.common-ImageUploader-1f15sis>button.common-ImageUploader-1f15sis>button.remove.common-ImageUploader-1f15sis::before,li.common-ImageUploader-1f15sis>button.common-ImageUploader-1f15sis>button.remove.common-ImageUploader-1f15sis::after{content:"";position:absolute;left:calc(50% - 5px);top:calc(50% - 1px);width:10px;height:1px;background-color:#9e9e9e;transform-origin:center center;overflow:hidden}li.common-ImageUploader-1f15sis>button.common-ImageUploader-1f15sis>button.remove.common-ImageUploader-1f15sis::before{transform:rotate(45deg)}li.common-ImageUploader-1f15sis>button.common-ImageUploader-1f15sis>button.remove.common-ImageUploader-1f15sis::after{transform:rotate(-45deg)}li.common-ImageUploader-1f15sis>button.removing.common-ImageUploader-1f15sis>img.common-ImageUploader-1f15sis{animation:common-ImageUploader-1f15sis-removing 2s ease-in-out infinite}@keyframes common-ImageUploader-1f15sis-removing{0%{opacity:1}50%{opacity:.65}100%{opacity:1}}li.common-ImageUploader-1f15sis>button.removing.common-ImageUploader-1f15sis>button.remove.common-ImageUploader-1f15sis{cursor:default;pointer-events:none}li.representative.common-ImageUploader-1f15sis.common-ImageUploader-1f15sis.common-ImageUploader-1f15sis{--thumbnail-border-color:#5f5fff}li.representative.common-ImageUploader-1f15sis>button.common-ImageUploader-1f15sis.common-ImageUploader-1f15sis::before{content:"대표 이미지";position:absolute;left:0;top:0;font-family:"Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",sans-serif;font-weight:bold;font-size:12px;background-color:rgba(95,95,255,.65);border:1px solid var(--thumbnail-border-color);border-top-width:0;border-left-width:0;color:#fff;padding:1px 5px 2px 4px;border-bottom-right-radius:3px;overflow:hidden;pointer-events:none}li.select-representative.representative.common-ImageUploader-1f15sis>button.common-ImageUploader-1f15sis.common-ImageUploader-1f15sis::before{animation:common-ImageUploader-1f15sis-selectRepresentative 1.25s linear infinite}@keyframes common-ImageUploader-1f15sis-selectRepresentative{0%{background-color:rgba(95,95,255,.65);border-color:#5f5fff}50%{background-color:rgba(0,0,0,.65);border-color:#000}100%{background-color:rgba(95,95,255,.65);border-color:#5f5fff}}li.select-representative.common-ImageUploader-1f15sis>button.common-ImageUploader-1f15sis>button.remove.common-ImageUploader-1f15sis{display:none}li.common-ImageUploader-1f15sis:not(.has-image)>button.common-ImageUploader-1f15sis.common-ImageUploader-1f15sis{cursor:default}li.has-image.common-ImageUploader-1f15sis>button.common-ImageUploader-1f15sis.common-ImageUploader-1f15sis::after{content:"";position:absolute;right:2px;top:2px;width:8px;height:8px;background-color:#0c0;border:1px solid #000;border-radius:50%;box-sizing:border-box}li.common-ImageUploader-1f15sis>div.position.common-ImageUploader-1f15sis.common-ImageUploader-1f15sis{display:flex;flex-wrap:nowrap}li.common-ImageUploader-1f15sis>div.position.common-ImageUploader-1f15sis>button.common-ImageUploader-1f15sis{width:100%;height:18px;line-height:17px;text-align:center;font-size:12px;color:#9e9e9e;background-color:#fff;border:1px solid #9e9e9e;border-right-width:0px;box-sizing:border-box}li.common-ImageUploader-1f15sis>div.position.common-ImageUploader-1f15sis>button.common-ImageUploader-1f15sis:first-child{border-radius:3px 0 0 3px}li.common-ImageUploader-1f15sis>div.position.common-ImageUploader-1f15sis>button.common-ImageUploader-1f15sis:last-child{border-right-width:1px;border-radius:0 3px 3px 0}li.common-ImageUploader-1f15sis>div.position.common-ImageUploader-1f15sis>button.on.common-ImageUploader-1f15sis{color:#fff;background:#243868;background:linear-gradient(to bottom, #243868 0%, #3f4c6b 100%);border-color:#356388}div.cmtUploadImgTop div.cmtUploadImg.preview{position:relative;background-color:#fff}div.cmtUploadImgTop div.cmtUploadImg.preview::after{content:"";position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20style%3D%22margin%3A%20auto%3B%20background%3A%20none%3B%20display%3A%20block%3B%20shape-rendering%3A%20auto%3B%22%20width%3D%2283px%22%20height%3D%2283px%22%20viewBox%3D%220%200%20100%20100%22%20preserveAspectRatio%3D%22xMidYMid%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2232%22%20stroke-width%3D%228%22%20stroke%3D%22%232685d5%22%20stroke-dasharray%3D%2250.26548245743669%2050.26548245743669%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%3C%2Fcircle%3E%3C%2Fsvg%3E") center center no-repeat;transform-origin:center;animation:common-ImageUploader-1f15sis-rotate 1s linear infinite}@keyframes common-ImageUploader-1f15sis-rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}div.cmtUploadImgTop div.cmtUploadImg.preview img{opacity:.35;animation:common-ImageUploader-1f15sis-uploading 2s ease-in-out infinite}@keyframes common-ImageUploader-1f15sis-uploading{0%{opacity:.35}50%{opacity:.1}100%{opacity:.35}}div.cmtUploadImgTop div.cmtUploadImg.preview span.deleteCmtImg{display:none}div.cmtUploadImgTop div.cmtUploadImg.removing:not(.preview) img,div.cmtUploadImgTop div.cmtUploadImg.removing:not(.preview) video{animation:common-ImageUploader-1f15sis-removing 2s ease-in-out infinite}@keyframes common-ImageUploader-1f15sis-removing{0%{opacity:1}50%{opacity:.65}100%{opacity:1}}div.cmtUploadImgTop div.cmtUploadImg.removing:not(.preview) span.deleteCmtImg,div.cmtUploadImgTop div.cmtUploadImg.removing:not(.preview) span.deleteCmtImg *{cursor:default;pointer-events:none}