@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css);:root{--pb-orange:#f4791f;--pb-orange-light:#fff8f4;--pb-orange-dark:#d9600a;--pb-ink:#1a1a1a}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,select,small,span,strike,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,u,ul,var,video{font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue","Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif}#container{width:1200px;margin:0 auto;padding-top:40px}.gray{color:#8d8d8d}.step-cutsom,.step-cutsom-logo{display:none}.step{font-size:16px;font-weight:800;color:var(--pb-ink);padding:0 0 14px 0;margin-top:8px;margin-bottom:14px;border-radius:0;display:block}.step.first{background:linear-gradient(135deg,#1e1e1e 0,#2c2c2c 100%);border-radius:18px;padding:32px 28px 28px;margin-bottom:16px}.hero-eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--pb-orange);text-transform:uppercase;margin-bottom:12px}.step.first h1{font-size:28px;font-weight:900;color:#fff;margin-bottom:10px}.hero-sub{font-size:15px;color:rgba(255,255,255,.5);font-weight:400}.resume-code-box{background:linear-gradient(135deg,#fff8f4 0,#fffefe 70%);border:1.5px solid #ffd5b8;border-radius:16px;padding:20px 22px;margin-bottom:24px}.resume-code-label{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:700;color:var(--pb-orange);margin-bottom:6px}.resume-code-desc{font-size:14px;color:#999;margin-bottom:14px}.group-code-box{background:#fafafa;border:1px solid #ececec;border-radius:12px;padding:14px 18px;margin-bottom:24px}.group-code-label{font-size:14px;font-weight:700;color:var(--pb-ink);margin-bottom:4px}.group-code-desc{font-size:13px;color:#999;margin:0;line-height:1.7}.group-code-desc a{color:var(--pb-orange);font-weight:700;text-decoration:underline;white-space:nowrap}.resume-code-row{display:flex;gap:8px;align-items:center}.resume-code-input{flex:1;height:46px;border:1.5px solid #e0e0e0;border-radius:10px;padding:0 14px;font-size:15px;font-family:inherit;outline:0;transition:border-color .15s,box-shadow .15s;background:#fff}.resume-code-input:focus{border-color:var(--pb-orange);box-shadow:0 0 0 3px rgba(244,121,31,.13)}.resume-code-btn{height:46px;padding:0 22px;background:var(--pb-orange);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .15s;white-space:nowrap}.resume-code-btn:hover{background:var(--pb-orange-dark)}.step-content{background:#fff;border-radius:16px;padding:24px 22px;margin-bottom:40px;border-bottom:none;box-shadow:0 2px 8px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.04);font-size:15px}.step-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--pb-orange);color:#fff;font-size:12px;font-weight:800;border-radius:50%;margin-right:8px;vertical-align:middle;flex-shrink:0}.step-content:has(.cover-upload),.step-content:has(.image-list),.step-content:has(.layout-upload),.step-content:has(.logo-upload),.step-content:has(.numberpage-image-list){padding:0;background:0 0;box-shadow:none;border:none}.cover-upload,.image-list,.logo-upload,.numberpage-image-list{display:flex;flex-wrap:wrap}.image-box{width:294px;height:210px;border:1px solid #e8ecf0;font-size:9px;letter-spacing:-1px;box-sizing:border-box;position:relative;margin:3px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06);margin-bottom:40px}.image-box .num{background:#f0ad4e;width:40px;height:36px;position:absolute;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:#fff}.image-box .picture-attach{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0;cursor:pointer}.image-box .image-upload{height:100%;font-size:14px;font-weight:400;color:#b8becb;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#f7f8fa;transition:background .15s,border-color .15s}.image-box .image-upload.drag,.image-box .image-upload:hover{background:#eef0ff;border-color:#818cf8!important}.image-box .preview{width:100%;height:100%;padding:19.9806157px 19.9806157px 29.9709236px;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.image-box .preview.hide{display:none}.image-box .preview img{max-width:100%;max-height:100%}.logo-upload .image-box .preview img{max-width:150px;max-height:56px}.image-box .preview img.rotate90{transform:rotate(-90deg);max-width:60%;max-height:80%}.image-box .preview img.rotate180{transform:rotate(-180deg)}.image-box .preview img.rotate270{transform:rotate(-270deg);max-width:60%;max-height:80%}.image-box .remove{position:absolute;top:6px;right:6px;width:auto;height:auto;background:rgba(0,0,0,.48);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:24px;padding:5px 10px;display:flex;align-items:center;gap:2px;box-shadow:0 2px 8px rgba(0,0,0,.35)}.image-box .remove a{color:#fff;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;transition:background .15s;opacity:.9}.image-box .remove a:hover{background:rgba(255,255,255,.22);opacity:1}.image-box .remove a:active{background:rgba(255,255,255,.38)}.image-box .remove.hide{display:none}.cover-upload .image-desc,.image-box .image-desc,.layout-upload .image-desc{padding-top:6px}.cover-upload .image-desc input,.image-box .image-desc input,.layout-upload .image-desc input{width:100%;box-sizing:border-box;height:34px;padding:0 10px;border:1.5px solid #dde2ea;border-radius:8px;font-size:13px;color:#333;background:#fff;outline:0;transition:border-color .15s,box-shadow .15s}.cover-upload .image-desc input:focus,.image-box .image-desc input:focus,.layout-upload .image-desc input:focus{border-color:#f07b3f;box-shadow:0 0 0 3px rgba(240,123,63,.12)}.cover-upload .image-desc input::placeholder,.image-box .image-desc input::placeholder,.layout-upload .image-desc input::placeholder{color:#bbb;font-size:12px}.image-box .rotate{position:absolute;top:0;right:50px;width:30px;height:50px}.image-box .rotate a{fill:#999;display:flex;justify-content:center;align-items:center;height:100%;width:100%}.cover-text{width:100%;box-sizing:border-box;height:34px;padding:0 10px;border:1.5px solid #dde2ea;border-radius:8px;font-size:13px;color:#333;background:#fff;outline:0;transition:border-color .15s,box-shadow .15s}.cover-text:focus{border-color:#f07b3f;box-shadow:0 0 0 3px rgba(240,123,63,.12)}.cover-text::placeholder{color:#bbb;font-size:12px}.emoji-img{display:inline-block;width:1.1em;height:1.1em;vertical-align:-.2em;object-fit:contain}.emoji-preview-hint{position:fixed;left:20px;right:20px;top:20px;z-index:200001000;max-width:320px;background:#111;color:#fff;border-radius:10px;font-size:13px;font-weight:500;line-height:1.4;padding:10px 16px;box-shadow:0 6px 20px rgba(0,0,0,.22);display:none}.emoji-preview-hint strong{color:#ffec66}.dayname-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.dayname-list li:first-child{display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:#f7f8fa;border:1.5px solid #e8ecf0;border-radius:12px;padding:12px 14px;margin-bottom:4px}.dayname-list li:first-child .blind{font-size:12px;color:#999;margin-left:-2px}.dayname-list li{font-size:13px}.dayname-list li:not(:first-child){display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border:1.5px solid #eef0f4;border-radius:10px}.dayname-list li .date{font-size:12px;font-weight:700;background:#3d3d3d;border-radius:6px;padding:3px 10px;color:#fff;white-space:nowrap;flex-shrink:0}.dayname-list li .date.lunar{background:#7c3aed}.dayname-list li .name{flex:1;font-size:14px;font-weight:600;color:var(--pb-ink);padding:0}.code-wrap,.start-info{text-align:center;margin-bottom:32px}.code-wrap{margin-top:40px}.start-info{background:var(--pb-orange-light);border:1.5px solid #ffd5b8;border-radius:16px;padding:18px 24px}.code-wrap em,.start-info em{font-size:15px;font-weight:700;color:var(--pb-ink)}em .red{color:#ff3c3c}.code-wrap .code{font-weight:900;font-size:56px;background:var(--pb-orange-light);width:380px;margin:24px auto 14px;border:3px dashed var(--pb-orange);border-radius:16px;cursor:pointer;position:relative;font-family:'Source Code Pro',ui-monospace,'SF Mono',SFMono-Regular,Menlo,Consolas,'Courier New',monospace;color:var(--pb-orange-dark);letter-spacing:4px;padding:10px 0}.code-copy{margin-bottom:32px}.clipboard-message{position:absolute;text-align:center;background:#1a1a1a;color:#fff;top:80px;border-radius:10px;left:50%;width:180px;margin-left:-90px;z-index:110000;display:none;font-size:15px;font-weight:600;padding:8px 0}.calendar-preview-txt{text-align:center;margin-bottom:24px;font-size:20px;font-weight:800;color:#fff;letter-spacing:-.3px}.calendar-preview-wrap{background:#f0f2f5}.calendar-preview-hero{background:linear-gradient(135deg,#1a1a1a 0,#2d2d2d 100%);color:#fff;text-align:center;padding:48px 20px 40px}.calendar-preview-hero .preview-eyebrow{font-size:11px;letter-spacing:.2em;color:var(--pb-orange);font-weight:700;margin-bottom:14px}.calendar-preview-hero h2{font-size:24px;font-weight:800;color:#fff;margin-bottom:8px;letter-spacing:-.3px}.calendar-preview-hero .preview-sub{font-size:13px;color:rgba(255,255,255,.55);margin-top:6px}.calendar-preview-hero .preview-sub{font-size:14px;color:rgba(255,255,255,.5);margin-top:12px;display:block}.calendar-preview-body{background:#f0f2f5;padding:36px 15px}.calendar-preview.center{justify-content:center}.calendar-preview-wrap .edit-wrap{max-width:1200px;margin:0 auto}.calendar-preview-wrap .edit-wrap.flex-center{display:flex;align-items:center;justify-content:center}.calendar-preview-wrap .edit-wrap select{height:21px}.calendar-preview-wrap .edit-wrap .cover-text{box-sizing:border-box;flex:1;height:21px;max-width:600px;margin-right:6px}.calendar-preview-wrap .edit-wrap .edit-yearmonth{margin-right:auto}.calendar-preview{display:flex;flex-wrap:wrap;width:1200px;margin:0 auto;margin-bottom:40px}.calendar-preview .calendar{font-size:0;box-shadow:0 0 4px 4px #d1d1d1;box-sizing:border-box;margin:6px;width:288px;position:relative;margin-bottom:50px}.calendar-preview .calendar img{width:100%}.calendar-preview .calendar .coilspring{position:absolute;top:196px;left:0}.calendar-preview .calendar.cover .coilspring{top:-10px!important}.calendar-preview .calendar .cal{padding-top:3px}.sero .calendar-preview .calendar .coilspring{top:-8px!important}.calendar-preview .calendar.desk{box-shadow:0 0}.calendar-preview .calendar.desk .cal{position:relative}.calendar-preview .calendar.desk .cal{margin-top:16px;padding-top:0}.calendar-preview .calendar.desk .coilspring{top:-10px}.calendar-preview .calendar.desk>div{box-shadow:0 0 4px 4px #d1d1d1}.calendar-preview .calendar.desk>div.button-wrap{box-shadow:0 0}.calendar-preview .calendar.desk{margin-bottom:75px}.calendar-preview .calendar.desk.cover{margin-bottom:50px}.calendar-preview .calendar .button-wrap{position:absolute;width:100%;display:flex;justify-content:space-evenly;padding-top:8px}.dayname-info{text-align:center;margin-bottom:40px}.dayname-info em{font-weight:700}.dayname-info .dayname-list li:first-child{margin-bottom:0}.calendar-preview-wrap .dayname-list li:first-child{margin-bottom:8px}.dayname-info .dayname-list{width:214px;margin:0 auto;text-align:left}.back-wrap{text-align:center}.back-wrap a{background:#333;border-radius:14px;padding:4px 14px;color:#fff}.btn.btn-submit{color:#fff!important;background:var(--pb-orange)!important;border-radius:10px;font-weight:700;font-size:15px;padding:12px 32px}.btn.btn-submit:hover{background:var(--pb-orange-dark)!important}button.submit{background:var(--pb-orange)!important;color:#fff!important;height:52px;border-radius:14px;font-size:18px;margin-bottom:40px;font-weight:800;line-height:1;box-shadow:0 4px 14px rgba(244,121,31,.35);transition:background .15s,box-shadow .15s}button.submit:hover{background:var(--pb-orange-dark)!important;box-shadow:0 4px 18px rgba(244,121,31,.45)}.b{font-weight:600}.step dl{font-size:.9rem;font-weight:400}.step dl dt{font-weight:500}.step dl dd{margin-bottom:20px}.multi-upload-btn{display:inline-block;border:1px solid #dee2e6;border-radius:.375rem;padding:.375rem .75rem;overflow:hidden;position:relative;cursor:pointer;background:#f7f7f7}.multi-upload-btn:hover{background:#ededed;cursor:pointer}.multi-upload{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0;cursor:pointer!important;display:none}.input-send-info{width:200px}.code-wrap .input-wrap{font-size:13px;width:380px;margin:0 auto;text-align:left;margin-bottom:10px;box-sizing:border-box}.code-wrap .input-wrap label{width:74px;display:inline-block}.send-info{margin-bottom:10px;word-break:keep-all}.user-page{width:100%!important;padding:0!important}.calendar-no-cover{padding-bottom:40px;text-align:center}.calendar-preview .no-cover{margin:0 auto}.cal-type-select{display:flex;flex-wrap:wrap;justify-content:space-evenly}.cal-type-select li{width:130px;height:125px;float:left;margin-right:14px;box-sizing:border-box;position:relative}.cal-type-select li .box{width:130px;height:100px;border:1px solid #e6e6e6;border-radius:10px;float:left;text-align:center;display:flex;justify-content:center;align-items:center;background:#fff;box-sizing:border-box;overflow:hidden;position:relative}.cal-type-select li .desc{text-align:center}.cal-type-select li .cal-preview-wrap{font-size:.7em}.cal-type-select li a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.cal-type-select li.theme a{color:#fff;text-shadow:2px 2px 7px #000}.cal-type-select li .cover{width:100%;height:100%;position:absolute;transform:scale(1.8)}.cal-type-select li.painting .cover{background:url(/calendar/images/painting.png) no-repeat;background-size:contain}.cal-type-select li.vintage .cover{background:url(/calendar/images/vintage/0.png) no-repeat;background-size:contain}.cal-type-select li.smile .cover{background:url(/calendar/images/smile/0.png) no-repeat;background-size:contain}.cal-type-select li.flower .cover{background:url(/calendar/images/flower/0.png) no-repeat;background-size:contain}.cal-type-select li.select .box{border:6px solid #03a9f4}.cal-theme-preview{position:fixed;top:0;left:0;background:rgba(0,0,0,.7);width:100%;height:100%;z-index:3000;display:none}.cal-theme-preview-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.cal-theme-preview .cal-theme-preview-content{width:80%;height:80%}.cal-theme-preview .cal-title{color:#fff;text-align:center;font-size:20px}.cal-theme-preview .cal-desc{color:#fff;text-align:center;font-size:14px}.cal-preview-list .item{font-size:0;box-sizing:border-box;margin:6px;width:288px;position:relative}.cal-preview-list .item img{width:100%}.cal-preview-list .item .cover{height:100%;display:flex;flex-direction:column;justify-content:center}.cal-preview-list .item .cover>div{position:relative}.cal-preview-list .item .cover .coilspring{top:-4%}.cal-preview-list .item .coilspring{position:absolute;left:0;top:47.8%}.cal-preview-list .item .text{font-size:14px;text-align:center;color:#fff}.cal-preview-list .item .cal{padding-top:6px}.slick-dots{bottom:-25px!important}.cal-theme-preview-close{position:absolute;top:0;right:0;width:66px;background:0 0;border:0;cursor:pointer;padding:0;color:#fff;transition:color .2s}.cal-theme-preview-close svg{fill:#fff}.cal-theme-preview-close:hover svg{fill:#e6e6e6}.cal-theme-preview button{border:none;box-shadow:none;border-radius:0;padding:0;overflow:visible;cursor:pointer}.cal-theme-preview .cal-select{text-align:center;padding-top:10px}.cal-theme-preview .cal-select button{font-size:20px;background:#fff;border-radius:20px;padding:5px 10px}.cal-theme-preview .cal-select .select{background:#03a9f4}.submit-wrap{width:1200px;margin:0 auto}.popup-layer{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:100;display:none}.popup-flex{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.popup-content{width:80%;height:auto;max-height:80%;background:#fff;padding:20px;border-radius:20px;overflow-y:auto;max-width:650px}.popup-content .button-wrap{text-align:center}.popup-content .step{margin-bottom:0;padding:0 0 10px 0}.popup-content .step-content{margin-bottom:20px;padding-bottom:20px}.popup-layer .imagedesc{width:100%}h1.title{margin-bottom:10px;font-size:31px;font-weight:600;letter-spacing:-1px;line-height:1.4;color:#313131;padding-top:40px}.order-page{font-size:13px;padding-top:40px}.order-page h2{font-size:25px;border-bottom:1px solid #484848}.delivery-tb,.payment-tb{width:100%;margin-bottom:40px}.delivery-tb td,.delivery-tb th,.payment-tb td,.payment-tb th{vertical-align:middle;padding:8px 0 8px 12px;height:30px;border-bottom:1px solid #e6e6e6}.delivery-tb th,.payment-tb th{background:#f7f7f7}.order-page input[type=email],.order-page input[type=tel],.order-page input[type=text],.order-page select{border:1px solid #ccc;padding:6px;width:200px;outline:0}.disabled{cursor:not-allowed}input.disabled{background:#e4e4e4}.order-page input.receiver-address{width:350px}.order-page input.delivery-memo{width:500px;display:none}.delivery-tb .row{padding-bottom:6px}#postcodeWrapper{position:relative;display:none}.long-price,.sheet-price{display:inline}.long-price em,.sheet-price em{font-size:.8em;color:#dbd5d5}.quantity-group{border:1px solid #ccc;display:inline-block}.quantity-group input{border:none;width:46px;height:29px;text-align:center}.quantity-group button{cursor:pointer;width:34px;height:29px;border:none;background-color:#ececec}.select[name='calendar_type${sheetRemove}[]']{display:none}.order-page .code-list li .remove{cursor:pointer;width:34px;height:29px;border:none;background:0 0;color:red}.order-page .code-list li:not(.tpl-code-item){display:flex;position:relative}.order-page .code-list .calendar-thumb{width:80px}.payment-tb em.pay-amount{color:#d40000;font-size:1.4em}.payment-tb .pay-type-disp-wrap{border:4px solid #ccc;padding:16px 17px;margin:10px 0 12px 0}.payment-tb .pay-type-disp{display:none}.payment-tb .pay-type-disp-wrap p{border-top:1px solid #ccc;padding-top:6px;margin-top:6px;font-weight:300}.payment-tb .pay-type-disp-wrap p:first-child{margin-top:0;padding-top:0;border:0}.payment-tb .pay-type-disp-wrap label{margin-right:14px;font-weight:400}input[type=checkbox],input[type=radio]{position:relative;top:2px}.payment-tb .receipt-input .label-receipt-type{padding-bottom:4px}.payment-tb .receipt-input .label-biz-receipt,.payment-tb .receipt-input .label-personal-receipt-select{float:left;padding-right:10px}.payment-tb .receipt-input .sel-receipt-code{height:26px;padding:0 8px;width:auto}.payment-tb .receipt-input .input-PAY00401 select{width:62px;border:1px solid #ccc;height:26px;padding:0 8px}.payment-tb .receipt-input .input-PAY00401 input{width:32px;height:20px;padding:2px 5px;box-sizing:unset;border:1px solid #ccc}.payment-tb .receipt-input .input-PAY00402 input{width:32px;padding:2px 5px;box-sizing:unset;border:1px solid #ccc}.payment-tb .receipt-input .input-PAY00402 input.num4{width:56px}.payment-tb .receipt-input .biz-receipt input{width:28px;height:20px;padding:2px 5px;box-sizing:unset;border:1px solid #ccc}.payment-tb .receipt-input .biz-receipt input.num2{width:21px}.payment-tb .receipt-input .biz-receipt input.num3{width:40px}.btn-pay{background:#ff9800!important;color:#fff!important;width:230px;height:60px;line-height:45px;font-size:20px;padding:0}.btn-pay:hover{background:#bd7100!important}.view-mobile{display:none}.m-block{display:inline}.bg-info{background-color:#d9edf7;padding:9px;margin:10px 0;line-height:1.4}.deliveryFeePlusInfo{border-radius:14px;font-size:14px;padding:14px;margin:0 0 40px 0;display:none}img.logo-image{max-width:150px;max-height:56px}.imagecount{text-align:center;padding-bottom:10px}.fancybox-thumbs__list a{border-radius:6px}.fancybox-thumbs__list a:before{border:5px solid rgba(34,213,233,.96)!important;transition:opacity .15s!important}.fancybox-navigation button svg{outline:0!important}.fancybox-navigation button svg path{fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width,1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);height:var(--carousel-button-svg-height,50%);pointer-events:none;width:var(--carousel-button-svg-width,50%)}.desk-opt-msg{margin-top:20px;color:red}.preview-calendar-size{width:287px;height:200px;overflow:hidden;position:relative;display:block;border:2px solid #e8ecf0;border-radius:10px;cursor:pointer;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 4px rgba(0,0,0,.05)}.preview-calendar-size:hover{border-color:#bbb;box-shadow:0 2px 10px rgba(0,0,0,.1)}.preview-calendar-size img{width:300%;position:absolute;left:-58%;top:-100%;max-width:none}.preview-calendar-size.normal img{top:-120%}.preview-calendar-size em,.preview-number-layout em{position:absolute;z-index:10;background:rgba(0,0,0,.55);color:#fff;font-style:normal;font-size:11px;font-weight:700;padding:3px 8px;left:0;top:0;border-radius:0 0 6px 0}.step-content>div:has(> .preview-calendar-size),.step-content>div:has(> .preview-number-layout){display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center;padding:20px 0 4px}.preview-number-layout{width:287px;height:200px;overflow:hidden;position:relative;display:block;border:2px solid #e8ecf0;border-radius:10px;cursor:pointer;font-size:14px;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 4px rgba(0,0,0,.05)}.preview-number-layout:hover{border-color:#bbb;box-shadow:0 2px 10px rgba(0,0,0,.1)}.preview-number-layout img{width:100%;position:absolute;left:0;top:50%;transform:translateY(-50%)}.preview-calendar-size.active,.preview-number-layout.active{border:2px solid var(--pb-orange);box-shadow:0 2px 12px rgba(244,121,31,.18)}.preview-calendar-size.active em,.preview-number-layout.active em{background:var(--pb-orange);color:#fff}.number-layout-display{margin-top:30px}.number-layout-display .title{font-size:14px;text-align:left}.edit-databox .disabled{cursor:not-allowed!important}.edit-databox{width:650px;margin:0 auto;background:#fff;padding:28px 32px 32px;margin-bottom:40px;border-radius:18px;box-shadow:0 2px 16px rgba(0,0,0,.07);border:1px solid rgba(0,0,0,.04)}.edit-databox .step-content{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f3f4f6}.edit-databox .step-content:last-of-type{border-bottom:none}.date-picker-row{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.date-picker-field{display:flex;flex-direction:column;gap:5px}.date-picker-label{font-size:11px;font-weight:700;color:#aaa;letter-spacing:.08em;text-transform:uppercase}.date-picker-sep{font-size:14px;color:#bbb;padding-bottom:10px}.date-picker-end{display:flex;flex-direction:column;gap:5px}.date-picker-end-val{height:44px;display:flex;align-items:center;padding:0 16px;background:#f5f6f8;border:1.5px solid #e8ecf0;border-radius:10px;font-size:15px;font-weight:600;color:#888;white-space:nowrap}.date-picker-row select{height:44px;border:1.5px solid #e0e4ea;border-radius:10px;padding:0 14px;font-size:15px;font-weight:600;color:var(--pb-ink);background:#fafafa;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23ccc'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:30px}.size-picker{display:flex;gap:8px;flex-wrap:wrap}.size-option{cursor:pointer}.size-option input[type=radio]{display:none}.size-option span{display:inline-block;padding:8px 22px;border:2px solid #e8ecf0;border-radius:10px;font-size:14px;font-weight:600;color:#aaa;cursor:pointer;transition:all .15s;background:#fafafa}.size-option input:checked+span{border-color:var(--pb-orange);background:var(--pb-orange-light);color:var(--pb-orange)}.edit-databox .cover-text{height:44px;border:1.5px solid #e0e4ea;border-radius:10px;padding:0 14px;font-size:14px;width:100%;background:#fafafa}.edit-databox .cover-text:focus{border-color:var(--pb-orange);outline:0;background:#fff}.edit-databox .step-content .user-logo .txt{margin-bottom:10px}.edit-databox .button-wrap{text-align:center}.edit-button-wrap{padding-top:8px}.edit-hint{font-size:13px;color:#999;margin-bottom:14px;font-weight:400}.edit-hint strong{color:var(--pb-ink);font-weight:700}.edit-databox .edit-calendar{background:var(--pb-orange)!important;min-width:140px}.edit-databox .edit-calendar:hover{background:var(--pb-orange-dark)!important}.edit-databox .edit-calendar.active{background:#2c2c2c!important;font-weight:700}.calendar-preview-tab{width:360px;display:flex;gap:0;margin:28px auto 0;background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.18);border-radius:14px;padding:4px}.calendar-preview-tab>div{flex:1}.calendar-preview-tab .tab{width:100%;cursor:pointer;background:0 0;border:none;padding:13px 0;color:rgba(255,255,255,.55);border-radius:10px;font-size:15px;font-weight:700;letter-spacing:-.3px;transition:background .2s,color .2s}.calendar-preview-tab .tab:hover:not(.active){background:rgba(255,255,255,.08);color:rgba(255,255,255,.8)}.calendar-preview-tab .tab.active{background:var(--pb-orange);color:#fff;box-shadow:0 2px 10px rgba(244,121,31,.35)}.low-resolution{position:absolute;left:0;top:0;padding:4px 10px 4px 26px;font-size:11px;font-weight:700;background:rgba(180,20,20,.94);color:#fff;z-index:10;letter-spacing:-.2px;line-height:1.4;border-radius:0 0 6px 0}.low-resolution svg{position:absolute;left:5px;top:50%;transform:translateY(-50%)}.calendar-preview .low-resolution{font-size:11px;padding:3px 8px 3px 24px}.edit-databox .logo-delete,.edit-databox .pic-update{padding:4px 10px;background:#ececec;color:#333!important;text-decoration:none!important;text-align:center;border:0;cursor:pointer;line-height:1.5;-webkit-user-select:none;user-select:none;font-size:12px;border-radius:12px}.edit-databox .logo-delete:hover,.edit-databox .pic-update:hover{background:#d5d5d5}.step-content .add-dayname{height:36px;padding:0 16px;background:var(--pb-orange);color:#fff!important;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s}.step-content .add-dayname:hover{background:var(--pb-orange-dark)}.step-content .delete-dayname{height:30px;padding:0 12px;background:#fff;color:#e53e3e!important;border:1.5px solid #e53e3e;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;margin-left:auto;flex-shrink:0;transition:background .15s,color .15s}.step-content .delete-dayname:hover{background:#e53e3e;color:#fff!important}.edit-databox .edit-calendar.active{font-weight:900}.edit-databox .pic-update{margin-left:10px}.edit-databox .logo-attach{display:none}.edit-databox button.disabled{display:none}.button-wrap .spacing{padding-bottom:16px;font-weight:600}.step-content select{font-size:20px}.step-content .dayname-list select{font-size:13px;height:36px;border:1.5px solid #e0e4ea;border-radius:8px;padding:0 8px;background:#fff;color:#333;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23aaa'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:24px}.step-content .dayname-list select[name="day_type[]"]{width:72px}.step-content .dayname-list select[name="month[]"]{width:62px}.step-content .dayname-list select[name="day[]"]{width:62px}.step-content .dayname-list .dayname{flex:1;min-width:100px;height:36px;border:1.5px solid #e0e4ea;border-radius:8px;padding:0 12px;font-size:13px;background:#fff;transition:border-color .15s}.step-content .dayname-list .dayname:focus{border-color:var(--pb-orange);outline:0}.hide{display:none}#container .cover-upload .cell .page,#container .layout-upload .cell .page{padding:0}.cover-upload .page-num,.layout-upload .page-num{text-align:center}.cover-upload .page,.layout-upload .page{width:100%;height:276px;border:1px solid #e6e6e6}.numberpage-image-list .page{width:120px;height:254px;border-radius:0;border:0}.numberpage-image-list .item{height:100%!important;width:100%!important}.cover-upload .cell,.layout-upload .cell{margin-right:33px;margin-bottom:40px;position:relative}.cover-upload .cell:nth-child(3n),.layout-upload .cell:nth-child(3n){margin-right:0}.numberpage-image-list.layout-upload .cell:nth-child(3n){margin-right:10px}.layout .image-box{margin:0;width:100%;height:100%;border:0;box-shadow:none;border-radius:0}.cover-upload .image-box .image-upload,.layout-upload .image-box .image-upload{width:100%;height:100%}.page-layout{display:flex;width:fit-content;max-width:100%;flex-wrap:wrap;justify-content:center;align-items:center;gap:3px;background:rgba(0,0,0,.06);border-radius:12px;padding:5px 6px;margin:8px auto 0;font-weight:400}.page-layout .layout-txt{font-size:11px;color:#888;font-style:normal;white-space:nowrap;margin-right:2px}.page-layout a{display:inline-flex;align-items:center;justify-content:center;padding:4px 5px;border-radius:8px;transition:background .15s}.page-layout img{width:37px;height:26px;display:block}.cover-upload .page .page-layout2 .b-layer .item,.cover-upload .page .page-layout3 .b-layer .item,.cover-upload .page .page-layout4 .b-layer .item,.layout-upload .page .page-layout2 .b-layer .item,.layout-upload .page .page-layout3 .b-layer .item,.layout-upload .page .page-layout4 .b-layer .item{position:relative;width:173px;height:224.25px}.cover-upload .page .page-layout3 .b-layer:nth-child(2) .item,.cover-upload .page .page-layout4 .b-layer .item,.layout-upload .page .page-layout3 .b-layer:nth-child(2) .item,.layout-upload .page .page-layout4 .b-layer .item{height:107px}.long-cover-upload .page .page-layout4 .b-layer:first-child{margin-right:0}.cover-upload .page .item:not(.active):has(.image-upload),.default-make .page .item:not(.active):has(.image-upload),.layout-upload .page .item:not(.active):has(.image-upload){background:#f7f8fa;border:1.5px dashed #d5dae3!important;transition:background .15s,border-color .15s}.cover-upload .page .item:not(.active):has(.image-upload):hover,.default-make .page .item:not(.active):has(.image-upload):hover,.layout-upload .page .item:not(.active):has(.image-upload):hover{background:#eef0ff;border-color:#818cf8!important}.cover-upload .page .item.active,.layout-upload .page .item.active{border:0!important;background:0 0}.cover-upload .page .layout,.layout-upload .page .layout{display:flex;justify-content:space-around;align-items:center;width:100%;height:100%;padding:10px}.cover-upload .page .item{position:relative}.cover-upload .page .page-layout1 .item,.layout-upload .page .page-layout1 .item{width:356px;height:224px}.cover-upload{position:relative}.frm-layout-upload .cover-upload .remove,.frm-layout-upload .page .remove{position:absolute;top:6px;right:6px;width:auto;height:auto;background:rgba(0,0,0,.48);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:24px;padding:5px 10px;display:flex;align-items:center;gap:2px;box-shadow:0 2px 8px rgba(0,0,0,.35)}.frm-layout-upload .cover-upload .remove.hide,.layout-upload .page .remove.hide{display:none}.frm-layout-upload .remove a,.image-box .remove a{color:#fff;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;transition:background .15s;opacity:.9}.frm-layout-upload .remove a:hover,.image-box .remove a:hover{background:rgba(255,255,255,.22);opacity:1}.frm-layout-upload .remove a:active,.image-box .remove a:active{background:rgba(255,255,255,.38)}.frm-layout-upload .remove a svg,.image-box .remove a svg{width:15px;height:15px;display:block;flex-shrink:0}.frm-layout-upload .remove .l-image-contain svg,.image-box .remove .l-image-contain svg{width:16px;height:16px;transition:filter .5s;-webkit-filter:drop-shadow(0 0 2px rgba(0,0,0,0.4));filter:drop-shadow(0 0 2px rgba(0, 0, 0, .4))}.frm-layout-upload .remove .l-image-contain .ic-maximize,.image-box .remove .l-image-contain .ic-maximize{display:none}.frm-layout-upload .remove .l-image-contain.cover .ic-maximize,.image-box .remove .l-image-contain.cover .ic-maximize{display:block}.frm-layout-upload .remove .l-image-contain.cover .ic-minimize,.image-box .remove .l-image-contain.cover .ic-minimize{display:none}.frm-layout-upload .remove .l-image-contain svg.flash,.image-box .remove .l-image-contain svg.flash{filter:drop-shadow(0 0 4px #fff900);-webkit-filter:drop-shadow(0 0 4px #fff900)}@media (hover:hover){.frm-layout-upload .cover-upload .remove,.frm-layout-upload .page .remove,.image-box .remove{opacity:0;pointer-events:none;transition:opacity .2s}.frm-layout-upload .cover-upload.remove-hover .remove,.frm-layout-upload .cover-upload:hover .remove,.frm-layout-upload .page.remove-hover .remove,.frm-layout-upload .page:hover .remove,.image-box.remove-hover .remove,.image-box:hover .remove{opacity:1;pointer-events:auto}}.page-layout a img{transition:opacity .15s;opacity:.5}.page-layout a.active{background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.13)}.page-layout a.active img{opacity:1}.page-layout a:hover:not(.active){background:rgba(255,255,255,.55)}.page-layout a:hover img{opacity:1}.cover-upload .image-box .image-upload.hide,.layout-upload .image-box .image-upload.hide{display:none}.cover-upload .image-box .preview,.layout-upload .image-box .preview{padding:0}.cover-upload .image-box .image-upload.hide,.logo-upload .image-box .image-upload.hide{display:none}.logo-upload .image-box{border:1.5px dashed #d5dae3;background:#f7f8fa;box-shadow:none;transition:border-color .15s,background .15s}.logo-upload .image-box .image-upload{background:0 0}.logo-upload .image-box:has(.image-upload:hover){border-color:#818cf8;background:#eef0ff}.image-box .image-upload .upload-info-msg{padding-top:8px;font-size:12px}.image-box .image-upload .upload-info-custom{padding-top:8px;color:#000}.l-picture-attach{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0;cursor:pointer}.fixed-bottom{position:fixed;bottom:16px;width:450px;z-index:1000;left:50%;margin-left:-225px;display:flex;justify-content:space-evenly;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:18px;border:1px solid rgba(255,255,255,.85);box-shadow:0 8px 40px rgba(0,0,0,.15);padding:8px 10px}.fixed-bottom a,.fixed-bottom button{cursor:pointer;background:#2c2c2c;border:none;color:#fff;display:flex;justify-content:center;align-self:inherit;flex-direction:column;align-items:center;padding:9px 0;line-height:1;border-radius:10px;box-shadow:none;font-size:13px;font-weight:700;width:100px;transition:background .15s}.fixed-bottom a:hover,.fixed-bottom button:hover{background:#111;box-shadow:none}.fixed-bottom #calendarSubmit{background:var(--pb-orange)}.fixed-bottom #calendarSubmit:hover{background:var(--pb-orange-dark)}.fixed-bottom .large{width:150px}.fixed-save-msg{position:fixed;left:20px;top:20px;z-index:200001000;border:1px solid #333;background:#333;color:#fff;box-shadow:0 0 3px 2px #333;font-size:11px;padding:4px 16px;display:none}.save-code-msg-layer{width:100%;height:100%;position:fixed;z-index:200000000;top:0;left:0;background:rgba(0,0,0,.7);display:none}.save-code-msg{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.save-code-msg-content{width:90%;max-width:420px;background:#fff;border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.18);display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;padding:48px 40px 40px;gap:6px;text-align:center}.save-code-msg-content .code{margin:16px 0 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.save-code-msg-content .code em{font-family:'Source Code Pro',ui-monospace,'SF Mono',SFMono-Regular,Menlo,Consolas,'Courier New',monospace;font-weight:800;font-size:52px;letter-spacing:.12em;color:#111;font-style:normal}.save-code-msg-content .code .btn{background:#111;color:#fff;border:none;border-radius:8px;padding:8px 20px;font-size:13px;cursor:pointer;font-weight:500}.save-code-msg-content .code .btn:hover{background:#333}.save-code-msg-content .close{position:absolute;top:14px;right:14px;line-height:1}.save-code-msg-content .msg{font-size:13px;color:#555;line-height:1.6}.save-code-msg-content>div{font-size:12px;color:#888;line-height:1.6}.save-code-msg-content strong span{background:var(--pb-orange);border:none;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:700;color:#fff;display:inline-block}.save-code-msg-close{background:0 0;border:0;cursor:pointer;color:#999;padding:4px;border-radius:6px;transition:background .15s}.save-code-msg-close:hover{background:#f0f0f0;color:#333}.save-code-msg-close svg{width:22px!important;height:22px!important;display:block}.save-code-msg-content .clipboard-message{top:-36px}.cover-upload .low-resolution,.layout-upload .low-resolution{top:auto;bottom:0}.page-start{padding:80px 0}.page-start .content{display:flex}.page-start .start-btn{width:50%;height:240px;display:flex;justify-content:center;padding:80px;margin:40px;background:#3dbd18;color:#fff;font-size:16px;box-shadow:0 0 5px 2px #e6e6e6;border:0;cursor:pointer;padding:0 30px;align-items:center;word-break:keep-all;flex-direction:column}.page-start .start-btn em{font-size:30px;font-weight:500;padding-bottom:6px}.page-start .start-btn .recommend{background:#ff1616;padding:2px 5px;font-size:12px;-moz-transition:all .5s ease-in;-o-transition:all .5s ease-in;-webkit-transition:all .5s ease-in}.page-start .start-btn .recommend.flicker{background:#ffe000;color:#ff1616}.cover-upload .page-layout{font-weight:400}.cover-upload .cell{width:390px}.cover-upload .page .page-layout2 .b-layer .item{position:relative;width:173px;height:170px}.cover-upload .page .page-layout3 .b-layer:nth-child(2) .item,.cover-upload .page .page-layout4 .b-layer .item{height:81px}.cover-upload .page .page-layout3 .b-layer:nth-child(2) .item:first-child{margin-bottom:8px}.cover-upload .page .page-layout3 .b-layer .item{height:170px}.delete-notification{position:fixed;left:50%;top:20px;transform:translateX(-50%);z-index:110000;background:#fff;color:var(--pb-ink);text-align:center;border-radius:14px;padding:13px 48px 13px 22px;border:1px solid #ececec;box-shadow:0 8px 32px rgba(0,0,0,.12);font-size:14px;font-weight:500;white-space:nowrap;max-width:92vw;line-height:1.6}.delete-notification .msg{transition:all .5s ease-out;opacity:1;height:auto;display:block}.delete-notification .msg.hidden{transition:all .5s ease-out;visibility:hidden;opacity:0;height:0;overflow:hidden}.cell.hidden{display:none}.delete-notification em.deletion-date{color:var(--pb-orange);font-style:normal;font-weight:700}.delete-notification-remove{background:0 0;border:0;color:silver;cursor:pointer;position:absolute;top:50%;right:12px;transform:translateY(-50%);font-size:14px;line-height:1;transition:color .15s}.delete-notification-remove:hover{color:#666}#header .bar .bar-gnb{display:inline-block;height:100%;float:right;margin:0}#header .bar .bar-gnb li{float:left;margin-right:10px;line-height:42px;font-weight:350;font-size:13px}.code-preview-msg{padding-bottom:20px;word-break:keep-all}.layout-upload-long .page-layout img,.long-cover-upload .page-layout img{width:26px;height:37px}.layout-upload-long .page-layout .layout-txt,.long-cover-upload .page-layout .layout-txt{position:relative;top:8px}.long-cover-upload .page{width:390px;height:541px}#container .layout-upload.layout-upload-long .cell .page{width:390px;height:567px;padding:10px}.layout-upload-long .page-layout2,.layout-upload-long .page-layout3,.layout-upload-long .page-layout4,.long-cover-upload .page-layout2,.long-cover-upload .page-layout3{flex-direction:column}.layout-upload-long .page .page-layout2 .b-layer .item,.layout-upload-long .page .page-layout3 .b-layer:first-child .item,.long-cover-upload .page .page-layout2 .b-layer .item,.long-cover-upload .page .page-layout3 .b-layer:first-child .item{width:357px;height:253px}.layout-upload-long .page .page-layout3 .b-layer:nth-child(2),.long-cover-upload .page .page-layout3 .b-layer:nth-child(2){display:flex;gap:10px}.layout-upload-long .page .page-layout3 .b-layer:nth-child(2) .item{height:251px}.layout-upload-long .page .page-layout3 .b-layer:first-child .item,.long-cover-upload .page .page-layout3 .b-layer:first-child .item{margin-right:0}.layout-upload-long .page .page-layout3 .b-layer:nth-child(2) .item:first-child{margin-bottom:0}.layout-upload-long .page .page-layout4 .b-layer .item{height:253px}.calendar-preview.long-calendar .calendar .coilspring{top:399px}.long-cover-upload .page .page-layout2 .b-layer .item,.long-cover-upload .page .page-layout3 .b-layer:first-child .item,.long-cover-upload .page .page-layout3 .b-layer:nth-child(2) .item,.long-cover-upload .page .page-layout4 .b-layer .item{height:229px!important}.check-result img{width:150px}.long-cover-upload .page-layout4 .b-layer{display:flex;gap:10px}.layout-upload-long .page-layout4 .b-layer{display:flex;margin-right:0!important;gap:10px}.long-cover-upload .page-layout4{flex-direction:column}.layout-upload-long .page .page-layout5{display:flex;flex-direction:column}.layout-upload-long .page .page-layout5 .b-layer .item{position:relative;width:173px;height:166.25px}.layout-upload-long .page .page-layout5 .b-layer{display:flex;gap:10px;height:33.3%;width:100%}.layout-upload-long .page .page-layout5 .b-layer:nth-child(2),.layout-upload-long .page .page-layout5 .b-layer:nth-child(3){display:flex;gap:10px}.layout-upload-long .page .page-layout6{display:flex;flex-direction:column}.layout-upload-long .page .page-layout6 .b-layer .item{position:relative;width:173px;height:122.25px}.layout-upload-long .page .page-layout6 .b-layer{display:flex;gap:10px;height:25%;width:100%}.layout-upload-long .page .page-layout6 .b-layer:nth-child(2),.layout-upload-long .page .page-layout6 .b-layer:nth-child(3),.layout-upload-long .page .page-layout6 .b-layer:nth-child(4){display:flex;gap:10px}.layout-upload-long .page .page-layout7{display:flex;flex-direction:column}.layout-upload-long .page .page-layout7 .b-layer .item{position:relative}.layout-upload-long .page .page-layout7 .b-layer:first-child .item{width:357px;height:253px}.layout-upload-long .page .page-layout7 .b-layer{display:flex;width:100%;max-height:50%;flex:1}.layout-upload-long .page .page-layout7 .b-layer:nth-child(2),.layout-upload-long .page .page-layout7 .b-layer:nth-child(3){display:flex;gap:10px;max-height:25%}.long-cover-upload .page-layout5{flex-direction:column}.long-cover-upload .page-layout5 .b-layer{display:flex;flex-direction:row;gap:10px}.long-cover-upload .page-layout5 .b-layer .item{width:173px;height:149px}.long-cover-upload .page-layout6{flex-direction:column}.long-cover-upload .page-layout6 .b-layer{display:flex;flex-direction:row;gap:10px}.long-cover-upload .page-layout6 .b-layer .item{width:173px;height:110px}.long-cover-upload .page-layout7{flex-direction:column}.long-cover-upload .page .item{border:0;position:relative;width:173px;height:122.25px}.long-cover-upload .page-layout7 .b-layer{display:flex;gap:10px}.long-cover-upload .page .page-layout7 .b-layer:first-child .item{width:357px;height:229px}.long-cover-upload .page .page-layout7 .b-layer:nth-child(2) .item,.long-cover-upload .page .page-layout7 .b-layer:nth-child(3) .item{width:173px;height:110px}.upload-progressbar{width:200px;height:20px;position:absolute;appearance:none;left:50%;margin-left:-100px;appearance:none;border-radius:10px;overflow:hidden}.upload-progressbar::-webkit-progress-bar{background:#f0f0f0;border-radius:10px;box-shadow:inset 3px 3px 10px #ccc}.upload-progressbar::-webkit-progress-value{border-radius:10px;background:#2143c2;background:-webkit-linear-gradient(to right,#a3b3f0,#2143c2);background:linear-gradient(to right,#a3b3f0,#2143c2);transition:width .5s}.layer-contain-info,.layer-not-contain-info{position:fixed;left:50%;top:50%;z-index:1000;background:rgba(18,18,22,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;padding:16px 20px;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 40px rgba(0,0,0,.4);transition:opacity .3s ease,transform .4s cubic-bezier(.32, .72, 0, 1);transform:translate(-50%,100vh);display:none;max-width:90vw;width:380px}.layer-not-contain-info{width:420px}.layer-contain-info.visible,.layer-not-contain-info.visible{transform:translate(-50%,-50%)}.lci-inner{display:flex;align-items:center;gap:14px}.lci-icon{flex-shrink:0;width:40px;height:40px;background:rgba(255,255,255,.1);border-radius:10px;display:flex;align-items:center;justify-content:center}.lci-icon svg{width:20px;height:20px;stroke:#fff}.lci-text{flex:1;font-size:13.5px;line-height:1.65;font-weight:500;letter-spacing:-.2px}.lci-sub{font-size:12px;color:rgba(255,255,255,.6);font-weight:400}.calendar-preview-wrap .loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:203px}.calendar-preview-wrap.sheet .loading{height:407px}.calendar-preview-wrap.long .loading{height:407px}.calendar-preview-wrap.sero .loading{height:407px}.calendar-preview-wrap .load-msg{font-size:13px;line-height:1.8;text-align:center}.category-edge{background:var(--pb-orange);color:#fff;padding:3px 10px;border-radius:8px}.multi-upload-popup{position:fixed;z-index:111000;inset:0;display:flex;justify-content:center;align-items:center;font-size:14px}.multi-upload-popup.hide{display:none}.multi-upload-popup .mup-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}.multi-upload-popup .mup-modal{position:relative;z-index:1;width:600px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;border-radius:20px;padding:28px;box-shadow:0 24px 60px rgba(0,0,0,.28)}.multi-upload-popup .mup-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.multi-upload-popup .mup-header span{font-size:17px;font-weight:700;color:#1a1a1a}.multi-upload-popup .mup-close-btn{background:0 0;border:none;cursor:pointer;padding:4px;border-radius:8px;color:#888;display:flex;transition:background .15s,color .15s}.multi-upload-popup .mup-close-btn:hover{background:#f2f2f2;color:#333}.multi-upload-popup .mup-close-btn svg{width:20px;height:20px}.multi-upload-popup .mup-desc{font-size:13px;color:#888;margin:0 0 20px}.multi-upload-popup .mup-options{display:flex;gap:14px;margin-top:16px}.multi-upload-popup .mup-option{flex:1;border:1.5px solid #e8e8e8;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:14px;transition:border-color .15s,box-shadow .15s}.multi-upload-popup .mup-option:hover{border-color:#bbb;box-shadow:0 4px 16px rgba(0,0,0,.07)}.multi-upload-popup .mup-preview img{width:100%;border-radius:8px;display:block;border:1px solid #f0f0f0}.multi-upload-popup .mup-option-body{flex:1}.multi-upload-popup .mup-option-body strong{display:block;font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.multi-upload-popup .mup-option-body ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.multi-upload-popup .mup-option-body li{font-size:13px;padding-left:16px;position:relative;color:#555}.multi-upload-popup .mup-option-body li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%}.multi-upload-popup .mup-option-body li.pro::before{background:#4caf78}.multi-upload-popup .mup-option-body li.con::before{background:#e0634a}.multi-upload-popup .mup-btn{width:100%;padding:11px 0;border-radius:10px;border:1.5px solid #d0d0d0;background:#fff;font-size:14px;font-weight:600;cursor:pointer;color:#333;transition:background .15s,border-color .15s,color .15s}.multi-upload-popup .mup-btn:hover{background:#f5f5f5;border-color:#aaa}.multi-upload-popup .mup-btn.primary{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.multi-upload-popup .mup-btn.primary:hover{background:#333}.multi-upload-popup .mup-btn.upload{background:#4a80d9;border-color:#4a80d9;color:#fff}.multi-upload-popup .mup-btn.upload:hover{background:#3a6bc4;border-color:#3a6bc4}.upload-methods{display:flex;gap:14px;flex-wrap:wrap}.upload-method{flex:1;min-width:200px;background:#fafafa;border:1.5px solid #efefef;border-radius:12px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:6px}.upload-method-meta{display:flex;align-items:center;gap:8px;margin-bottom:2px}.upload-method-badge{font-size:11px;font-weight:700;color:var(--pb-orange);background:var(--pb-orange-light);border:1px solid #ffd5b8;border-radius:20px;padding:2px 8px;line-height:1.6}.upload-method-title{font-size:15px;font-weight:700;color:var(--pb-ink)}.upload-method-desc{font-size:14px;color:#888;line-height:1.75;margin:0}.upload-method-desc small{font-size:13px;color:#bbb}.show-multiupload-option-popup{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:10px 20px;background:var(--pb-orange);color:#fff;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;width:fit-content;transition:background .15s;border:none;position:relative;overflow:hidden}.show-multiupload-option-popup:hover{background:var(--pb-orange-dark)}.opt-select{width:200px;margin-right:8px;margin-bottom:12px;position:relative;font-size:16px;border:2px solid #e8ecf0;background:#fff;border-radius:12px;padding:6px 16px;height:48px;font-weight:700;cursor:pointer;vertical-align:middle;color:#444;transition:border-color .15s,background .15s,color .15s,box-shadow .15s;box-shadow:0 1px 4px rgba(0,0,0,.05)}.opt-select:hover{border-color:#ccc;background:#fafafa;box-shadow:0 2px 8px rgba(0,0,0,.08)}.opt-select.active{border:2px solid var(--pb-orange);background:var(--pb-orange-light);color:var(--pb-orange);box-shadow:0 2px 12px rgba(244,121,31,.18)}.opt-select .pagenum{font-size:.8em;padding-left:4px}.opt-select .price{color:var(--pb-orange);font-size:.8em;padding-left:4px}.opt-select.active .price{color:var(--pb-orange-dark)}.end-month,.end-year{font-size:20px}.coilspring-wrap{width:390px;position:absolute;z-index:10;left:-6px;bottom:263px}.layout-upload-long .coilspring-wrap{top:574px}.coilspring-wrap .coilspring{width:100%}.sero-layout-upload .coilspring-wrap{bottom:unset;top:3px}.layout-upload .cell .page:last-child{margin-top:4px!important}.layout-upload-long .page .page-layout1,.long-cover-upload .page .page-layout1{padding:10px}.layout-upload-long .page .page-layout1 .item,.long-cover-upload .page .page-layout1 .item{flex:1;width:100%;height:auto}.cover-upload .page .layout,.layout-upload .page .layout{gap:10px;justify-content:center}.cover-upload .page-layout1,.layout-upload .page-layout1{flex:1;display:flex;flex-direction:column;align-items:center}.cover-upload .page-layout4 .b-layer,.layout-upload .page-layout3 .b-layer,.layout-upload .page-layout4 .b-layer{display:flex;flex-direction:column;gap:10px}.layout-upload .page-layout2 .b-layer{flex:1;height:100%;width:100%;display:flex;align-items:center}.layout-upload .page-layout3 .b-layer{flex:1;height:100%;justify-content:center}.cover-upload .page-layout3 .b-layer:first-child,.layout-upload:not(.layout-upload-long) .page-layout3 .b-layer:first-child{justify-content:center}.layout-upload:not(.layout-upload-long) .page-layout3 .b-layer:nth-child(2) .item{max-height:50%}.layout-upload .page-layout4 .b-layer{flex:1;height:100%;justify-content:center}.layout-upload:not(.layout-upload-long) .page-layout4 .b-layer .item{max-height:50%}.cover-upload .page .page-layout10 .item,.cover-upload .page .page-layout11 .item,.cover-upload .page .page-layout8 .item,.cover-upload .page .page-layout9 .item,.layout-upload .page .page-layout10 .item,.layout-upload .page .page-layout11 .item,.layout-upload .page .page-layout8 .item,.layout-upload .page .page-layout9 .item{position:relative;flex:1;min-width:0;min-height:0}.cover-upload .page-layout10,.cover-upload .page-layout8,.layout-upload .page-layout10,.layout-upload .page-layout8{flex-direction:column}.cover-upload .page-layout8 .b-layer,.layout-upload .page-layout8 .b-layer{display:flex;gap:10px;width:100%}.cover-upload .page-layout8 .b-panorama,.layout-upload .page-layout8 .b-panorama{flex:65}.cover-upload .page-layout8 .b-strip,.layout-upload .page-layout8 .b-strip{flex:35}.cover-upload .page-layout9 .b-layer,.layout-upload .page-layout9 .b-layer{display:flex;flex:1;height:100%}.cover-upload .page-layout10 .b-layer,.layout-upload .page-layout10 .b-layer{display:flex;flex:1;gap:10px;width:100%}.cover-upload .page-layout11 .b-layer,.layout-upload .page-layout11 .b-layer{display:flex;flex-direction:column;gap:10px;flex:19;height:100%}.cover-upload .page-layout11 .b-hero,.layout-upload .page-layout11 .b-hero{flex:60}.layout-upload-long .page-layout4 .b-layer,.long-cover-upload .page-layout4 .b-layer{flex-direction:row}.layout-upload-long .page-layout4 .b-layer{width:100%}.long-cover-upload .page-layout4 .b-layer .item{height:100%}.layout-upload-long .page .page-layout3 .b-layer{max-height:50%}.layout-upload-long .page .page-layout3 .b-layer:nth-child(2){flex-direction:row}.layout-upload-long .page-layout2 .b-layer{max-height:50%;flex:1}.layout-upload-long .page .page-layout3 .b-layer{width:100%}.layout-upload-long .page .layout{padding:0}.sero-cover-upload .page{width:390px;height:476px}.sero-cover-upload .page .page-layout1 .item{flex:1;width:100%;height:auto;max-height:100%}.sero-cover-upload .page .layout{padding:10px}.sero-cover-upload .b-layer{display:flex;gap:10px}.sero-layout-upload .page,.sero-layout-upload .page .page-layout1 .item{width:100%;height:100%}.sero-layout-upload{gap:10px}.sero-layout-upload .page{gap:10px}.sero-layout-upload .page .layout{padding:10px}.sero-layout-upload .cell{width:calc((100% - 20px)/ 3);aspect-ratio:390/548;align-items:stretch;margin:0!important;margin-bottom:30px!important}.sero-layout-upload .cell .page{aspect-ratio:390/413}.sero-cover-upload .page-layout .layout-txt,.sero-layout-upload .page-layout .layout-txt{position:relative;top:8px}.sero-cover-upload .page-layout img,.sero-layout-upload .page-layout img{width:26px;height:37px}.sero-cover-upload .page-layout2,.sero-layout-upload .page-layout2{flex-direction:column}.sero-cover-upload .page-layout2 .item,.sero-layout-upload .page-layout2 .item{flex:1;width:100%;max-height:50%}.sero-cover-upload .page-layout3,.sero-layout-upload .page-layout3{flex-direction:column}.sero-cover-upload .page-layout3 .b-layer,.sero-layout-upload .page-layout3 .b-layer{width:100%;height:100%;max-height:50%}.sero-cover-upload .page-layout3 .item,.sero-layout-upload .page-layout3 .item{flex:1;width:100%!important;height:100%!important;max-height:none!important}.sero-cover-upload .page-layout3 .b-layer:nth-child(2),.sero-layout-upload .page .page-layout3 .b-layer:nth-child(2){flex-direction:row}.sero-cover-upload .page-layout4 .b-layer,.sero-layout-upload .page-layout4 .b-layer{width:100%;height:100%;max-height:50%}.sero-cover-upload .page-layout4 .item,.sero-layout-upload .page-layout4 .item{flex:1;width:100%!important;height:100%!important}.sheet-cover-upload .item,.sheet-layout-upload .item{width:100%!important;height:100%!important}.user-make .sheet-cover-upload .page,.user-make .sheet-layout-upload .page{width:390px!important;height:552px!important}.sero-layout-upload .page-layout4 .b-layer,.sero-layout-upload .page-layout4 .b-layer .item{max-height:100%!important}.preview img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.layout-upload-long .cell{margin-right:15px}@media screen and (min-width:769px){#container{width:1320px}.cover-upload:not(.long-cover-upload):not(.sero-cover-upload):not(.sheet-cover-upload) .cell,.layout-upload:not(.layout-upload-long):not(.sero-layout-upload):not(.sheet-layout-upload):not(.numberpage-image-list) .cell{width:410px}.cover-upload:not(.long-cover-upload):not(.sero-cover-upload):not(.sheet-cover-upload) .page,.layout-upload:not(.layout-upload-long):not(.sero-layout-upload):not(.sheet-layout-upload):not(.numberpage-image-list) .page{height:auto}.layout-upload:not(.layout-upload-long):not(.sero-layout-upload):not(.sheet-layout-upload):not(.numberpage-image-list) .page .layout{width:100%;aspect-ratio:388/252;align-items:stretch}.cover-upload:not(.long-cover-upload):not(.sero-cover-upload):not(.sheet-cover-upload) .page .layout{width:100%;aspect-ratio:388/195;align-items:stretch}.cover-upload:not(.long-cover-upload):not(.sero-cover-upload):not(.sheet-cover-upload) .page .page-layout1 .item,.layout-upload:not(.layout-upload-long):not(.sero-layout-upload):not(.sheet-layout-upload):not(.numberpage-image-list) .page .page-layout1 .item{width:100%;height:100%}}@media screen and (min-width:769px){.default-make .sheet-layout-upload .cell{width:calc((100% - 66px)/ 3)}.default-make .sheet-layout-upload .cell .page{height:auto}.default-make .sheet-layout-upload .page .layout{width:100%;aspect-ratio:1630/2362;align-items:stretch}}@media screen and (max-width:768px){.date-picker-row{gap:6px;flex-wrap:nowrap;align-items:flex-end}.date-picker-row select{height:36px;font-size:13px;padding:0 24px 0 8px;background-position:right 8px center}.date-picker-end-val{height:36px;font-size:13px}.date-picker-label{font-size:10px}.date-picker-sep{padding-bottom:8px}.resume-code-btn{width:100%}.resume-code-row{flex-direction:column}.resume-code-input{width:100%;padding:13px}.page-start{padding:20px 0}.page-start .content{flex-direction:column}.page-start .start-btn{padding:70px 10px;width:80%}.edit-databox{width:100%}.view-desktop-tb{display:none}.view-mobile{display:block}.m-tb-col{width:100px}.m-block{display:block}.upload-info-msg{display:none}#container{width:100%;font-size:13px;padding:24px 14px 14px;box-sizing:border-box}#container.user-page{padding:14px 0 0}.cover-upload,.image-list,.logo-upload{margin:0 auto;width:90%}.image-box{width:140px;height:98px}.image-box .preview{padding:9.41847206px 9.41847206px 14.1277081px}.image-box .num{font-size:12px;width:28px;height:20px;font-weight:400}.frm-layout-upload .remove .l-image-contain svg,.image-box .remove .l-image-contain svg{width:14px;height:14px}.frm-layout-upload .cover-upload .remove,.frm-layout-upload .page .remove,.image-box .remove{top:4px;right:4px;padding:4px 8px;gap:2px}.frm-layout-upload .remove a,.image-box .remove a{width:26px;height:26px}.frm-layout-upload .remove a svg,.image-box .remove a svg{width:13px;height:13px}.step-content{text-align:center}.layout-upload-long .page .remove{right:4px}.code-wrap .code{width:90%;box-sizing:border-box;max-width:400px}.calendar-preview{justify-content:center}.calendar-preview{width:100%}.calendar-preview .calendar{min-width:120px;margin-bottom:60px}.input-send-info{width:120px}.code-wrap .input-wrap{padding-left:10px}.cal-type-select li{margin:0 0 12px 0}.cal-theme-preview .cal-desc{font-size:12px}.cal-theme-preview .cal-select button{font-size:14px}.cal-theme-preview .cal-select button svg{width:14px;height:14px}.cal-theme-preview-close{width:50px}.step-content .dayname-list li:first-child{gap:4px}.step-content .dayname-list select[name="day[]"],.step-content .dayname-list select[name="month[]"]{width:56px}.submit-wrap{width:100%}.order-page input.delivery-memo,.order-page input.receiver-address{width:100%;box-sizing:border-box}.order-page input.receiver-address,.order-page select{margin-bottom:8px}.order-page input.code{width:120px}.delivery-tb th,.payment-tb th{padding-left:0}.order-page .code-list li{margin-bottom:10px}.order-page .code-list li .remove{position:absolute;top:-5px;right:0}.payment-tb .pay-type-disp-wrap{font-size:12px;letter-spacing:-1px}.payment-tb .pay-type-disp-wrap label{font-weight:600}.payment-tb .pay-type-disp-wrap .label-receipt-type label{margin-right:0}.payment-tb .receipt-input .biz-receipt input,.payment-tb .receipt-input .input-PAY00402 input{padding:2px 2px}.payment-tb .receipt-input .label-personal-receipt-select{float:none}.txt-code{width:96px}.cover-upload .page .page-layout3 .b-layer:nth-child(2) .item:first-child,.cover-upload .page .page-layout4 .b-layer .item:first-child,.layout-upload .page .page-layout3 .b-layer:nth-child(2) .item:first-child,.layout-upload .page .page-layout4 .b-layer .item:first-child{margin:0}.preview-calendar-size,.preview-number-layout{width:calc(50% - 7px);height:120px}.preview-calendar-size.normal img{object-position:center 40%}.calendar-preview-tab{width:100%}.calendar-preview-body{padding-top:36px}.cover-upload .cell,.cover-upload .page-layout{width:auto}.cover-upload .page,.layout-upload .coilspring-wrap,.layout-upload .page{width:100%;height:auto}.cover-upload .cell,.layout-upload .cell{margin-right:0;margin-bottom:104px;width:100%;min-width:0}.layout-upload:not(.numberpage-image-list) .page .layout{width:100%;aspect-ratio:388/252;align-items:stretch}.cover-upload .page .layout{width:100%;aspect-ratio:388/195;align-items:stretch}.sero-cover-upload .page .layout{aspect-ratio:auto!important}.cover-upload .page .page-layout1,.cover-upload .page .page-layout2,.cover-upload .page .page-layout3,.cover-upload .page .page-layout4,.layout-upload .page .page-layout1,.layout-upload .page .page-layout2,.layout-upload .page .page-layout3,.layout-upload .page .page-layout4{padding:10px}.cover-upload .page .page-layout4 .b-layer,.layout-upload .page .page-layout4 .b-layer{flex:1;gap:10px;display:flex;flex-direction:column}.cover-upload .page .page-layout3 .b-layer:nth-child(2) .item,.cover-upload .page .page-layout4 .b-layer .item,.layout-upload .page .page-layout3 .b-layer:nth-child(2) .item,.layout-upload .page .page-layout4 .b-layer .item{height:100%}.cover-upload .page-layout2 .b-layer,.cover-upload .page-layout3 .b-layer,.layout-upload .page-layout2 .b-layer,.layout-upload .page-layout3 .b-layer{flex:1;gap:10px;display:flex;flex-direction:column}.layout-upload-long .page-layout4,.long-cover-upload .page-layout4{flex-direction:column!important}.layout-upload-long .page-layout4 .b-layer,.long-cover-upload .page-layout4 .b-layer{flex-direction:row!important}.cover-upload .page .page-layout1 .item,.layout-upload .page .page-layout1 .item{flex:1;width:100%;height:auto;overflow:hidden}.layout-upload .page .page-layout2 .b-layer .item,.layout-upload .page .page-layout3 .b-layer .item,.layout-upload .page .page-layout4 .b-layer .item{width:100%;display:flex;align-items:center}.cover-upload .low-resolution,.layout-upload .low-resolution{font-size:10px;line-height:1.2}.cover-upload .page-layout3 .b-layer,.layout-upload .page-layout3 .b-layer{flex:1}.cover-upload .page .page-layout2 .b-layer .item{flex:1;width:100%}.cover-upload .page .page-layout3 .b-layer .item,.cover-upload .page .page-layout4 .b-layer .item{width:100%;height:100%}.layout-upload .page .page-layout1 .item,.layout-upload .page .page-layout2 .item,.layout-upload .page .page-layout3 .b-layer .item,.layout-upload .page .page-layout4 .b-layer .item{overflow:hidden}.cover-upload .page .page-layout3 .b-layer:nth-child(2) .item,.cover-upload .page .page-layout4 .b-layer .item{max-height:50%}.long-cover-upload .page .page-layout3 .b-layer:nth-child(2) .item,.long-cover-upload .page .page-layout4 .b-layer .item{max-height:100%}.long-cover-upload .page .page-layout7 .b-layer:first-child .item{width:100%;height:100%}#container .layout-upload.layout-upload-long .cell .page{width:100%;height:auto;aspect-ratio:388/560;align-items:stretch;padding:0}.long-cover-upload .page{width:100%;aspect-ratio:388/500;align-items:stretch;padding:10px}.layout-upload-long .page .layout{padding:10px}.long-cover-upload .page .layout{padding:10px}.layout-upload-long .page .page-layout3 .b-layer,.layout-upload-long .page-layout2 .b-layer,.long-cover-upload .page .page-layout3 .b-layer,.long-cover-upload .page-layout2 .b-layer{flex:1;max-height:50%}.layout-upload-long .page-layout7 .b-layer,.long-cover-upload .page-layout7 .b-layer{flex:1;max-height:50%;margin:0!important}.layout-upload-long .page-layout7 .b-layer:nth-child(2),.layout-upload-long .page-layout7 .b-layer:nth-child(3),.long-cover-upload .page-layout7 .b-layer:nth-child(2),.long-cover-upload .page-layout7 .b-layer:nth-child(3){flex:0.5;max-height:25%;margin:0!important}.layout-upload-long .page .page-layout2 .item,.long-cover-upload .page .page-layout2 .item{margin:0!important;height:100%!important;overflow:hidden}.layout-upload-long .page .page-layout3 .b-layer,.long-cover-upload .page .page-layout3 .b-layer{margin:0!important;height:100%!important;overflow:hidden}.long-cover-upload .page .page-layout2 .b-layer .item,.long-cover-upload .page .page-layout3 .b-layer:first-child .item,.long-cover-upload .page .page-layout3 .b-layer:nth-child(2) .item,.long-cover-upload .page .page-layout4 .b-layer .item{width:100%!important;height:100%!important}.long-cover-upload .page .page-layout7 .b-layer:nth-child(2) .item,.long-cover-upload .page .page-layout7 .b-layer:nth-child(3) .item{width:100%!important;height:100%!important}.layout-upload-long .page .page-layout3 .item,.layout-upload-long .page .page-layout7 .item,.long-cover-upload .page .page-layout3 .item{flex:1;width:100%!important;height:100%!important}.layout-upload-long .page .page-layout3 .b-layer:nth-child(2),.long-cover-upload .page .page-layout3 .b-layer:nth-child(2){flex-direction:row;margin:0}.layout-upload-long .page .page-layout4,.long-cover-upload .page .page-layout4{flex-direction:row}.layout-upload-long .page .page-layout5 .b-layer .item,.long-cover-upload .page .page-layout5 .b-layer .item{width:100%;height:100%}.layout-upload-long .page-layout5 .b-layer,.long-cover-upload .page-layout5 .b-layer{flex:1;max-height:33.3%;margin:0!important;overflow:hidden}.layout-upload-long .page-layout6 .b-layer,.long-cover-upload .page-layout6 .b-layer{flex:1;max-height:25%;margin:0!important;overflow:hidden}.layout-upload-long .page .page-layout6 .b-layer .item,.long-cover-upload .page-layout6 .b-layer .item{width:100%;height:100%}.delete-notification{font-size:13px;left:12px;right:12px;transform:none;top:12px;white-space:normal;word-break:keep-all;line-height:1.5;text-align:left;padding:12px 44px 12px 16px;border-radius:12px}.delete-notification-remove{right:12px;top:50%;transform:translateY(-50%)}.save-code-msg-content{width:92%;padding:40px 28px 32px}.save-code-msg-content .code em{font-size:44px;letter-spacing:.12em}.fixed-bottom{width:100%;left:0;margin-left:0}.fixed-bottom a,.fixed-bottom button{font-size:11px;width:80px}.page-start .start-btn:nth-child(2){margin-top:20px}#header .bar .bar-gnb{position:absolute;top:-5px;right:-2px;font-size:12px}.layout-upload-long .page-layout2,.layout-upload-long .page-layout3,.long-cover-upload .page-layout2,.long-cover-upload .page-layout3{flex-direction:column}.calendar-preview.long-calendar .calendar .coilspring{top:399px}.numberpage-image-list.layout-upload .page{width:100%;height:249px}.numberpage-image-list.layout-upload .page .layout{padding:0}.numberpage-image-list.layout-upload .page .layout .item{width:100%;height:auto}.numberpage-image-list.layout-upload{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.numberpage-image-list.layout-upload .cell{margin-bottom:20px;margin-right:0!important}.step{padding-right:0}.multi-upload-popup .mup-modal{padding:20px 16px}.multi-upload-popup .mup-options{gap:10px;margin-top:14px}.multi-upload-popup .mup-option{padding:12px 10px;gap:10px;border-radius:12px}.multi-upload-popup .mup-option-body strong{font-size:13.5px;margin-bottom:6px}.multi-upload-popup .mup-option-body li{font-size:11.5px;padding-left:12px;line-height:1.45}.multi-upload-popup .mup-option-body li::before{width:6px;height:6px}.multi-upload-popup .mup-btn{padding:10px 0;font-size:13px}.sero-layout-upload .page{height:100%}.sero-layout-upload .page .layout{width:100%;aspect-ratio:auto!important}.sero-layout-upload .cell{width:100%;height:100%;aspect-ratio:auto!important}.sero-layout-upload .cell .page{aspect-ratio:390/512}.sero-layout-upload .cell .page .page-layout3 .b-layer{max-height:50%}}@media screen and (max-width:360px){.popup-content{padding:14px 10px}.step-content .dayname-list select[name="day_type[]"]{width:64px}#container{padding:6px}.layer-contain-info,.layer-not-contain-info{width:calc(100vw - 32px)}.lci-text{font-size:12.5px}.lci-sub{font-size:11px}.lci-icon{width:36px;height:36px}}.item .preview{position:relative}.item .preview:not(.hide):not(.img-loaded)::before{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#e0e0e0 0,#f0f0f0 40%,#e0e0e0 80%);background-size:400% 100%;animation:cal-slot-shimmer 1.4s ease-in-out infinite;pointer-events:none;border-radius:inherit}.item .preview:not(.hide) img{opacity:0;transition:opacity .3s ease}.item .preview.img-loaded img{opacity:1}.item .preview.img-failed::after{content:'사진 없음\A다시 올려주세요';white-space:pre;text-align:center;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;line-height:1.5;color:#c0392b;background:repeating-linear-gradient(45deg,#fff6f5 0 6px,#ffecea 6px 12px);pointer-events:none;border-radius:inherit}.calendar-preview .calendar .loading{background:linear-gradient(90deg,#e0e0e0 0,#f0f0f0 40%,#e0e0e0 80%);background-size:400% 100%;animation:cal-slot-shimmer 1.4s ease-in-out infinite}.calendar-preview .calendar img.calendar-image{opacity:0;transition:opacity .3s ease}.calendar-preview .calendar .cal-image:not(.loading) img.calendar-image,.calendar-preview .calendar .cal:not(.loading) img.calendar-image{opacity:1}@keyframes cal-slot-shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}#repositionPopup{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center}.rp-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}.rp-modal{position:relative;background:#fff;border-radius:10px;box-shadow:0 8px 32px rgba(0,0,0,.28);width:380px;max-width:96vw;max-height:94vh;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.rp-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;border-bottom:1px solid #eee;font-weight:600;font-size:15px}.rp-close-btn{background:0 0;border:none;font-size:18px;cursor:pointer;color:#888;padding:2px 6px;line-height:1}.rp-close-btn:hover{color:#333}.rp-preview-container{width:100%;min-height:140px;background:#fff;overflow:hidden;position:relative;cursor:grab;user-select:none;outline:3px solid #3a7bd5;outline-offset:-3px}.rp-preview-container::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:10;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}.rp-preview-container.dragging{cursor:grabbing}.rp-preview-img{position:absolute;top:0;left:0;display:block;max-width:none;transform-origin:top left;pointer-events:none;will-change:transform}.rp-controls{padding:14px 16px 8px}.rp-zoom-row{display:flex;align-items:center;gap:10px}.rp-zoom-label{font-size:13px;color:#555;min-width:22px}.zoom-slider{flex:1;accent-color:#3a7bd5;height:4px;cursor:pointer}.zoom-value{font-size:13px;color:#333;min-width:36px;text-align:right}.rp-hint{margin:10px 0 0;font-size:12px;color:#999;text-align:center}.rp-blank-warn{margin:8px 0 0;font-size:12px;line-height:1.5;color:#b26a00;background:#fff8e6;border:1px solid #ffdf9e;border-radius:6px;padding:7px 9px;text-align:center}.rp-blank-warn b{color:#8a4b00}.rp-buttons{display:flex;gap:8px;padding:12px 16px 16px;justify-content:flex-end}.rp-buttons button{padding:8px 22px;border-radius:6px;font-size:14px;cursor:pointer;border:1px solid #ccc;background:#f5f5f5;color:#333;transition:background .15s}.rp-buttons button:hover{background:#e8e8e8}.rp-buttons .rp-apply{background:#3a7bd5;border-color:#3a7bd5;color:#fff}.rp-buttons .rp-apply:hover{background:#2f67b8}.cover-upload .page .item,.layout-upload .page .item{position:relative}.multi-upload-popup .mup-append{display:flex;align-items:flex-start;gap:10px;margin-top:16px;padding:14px 16px;border:1.5px solid #e8e8e8;border-radius:12px;background:#fafafa;cursor:pointer}.multi-upload-popup .mup-append:hover{border-color:#bbb}.multi-upload-popup .mup-append input{width:18px;height:18px;margin:1px 0 0;flex:none;cursor:pointer}.multi-upload-popup .mup-append strong{display:block;font-size:14px;color:#333;font-weight:600}.multi-upload-popup .mup-append em{display:block;margin-top:4px;font-size:12px;color:#999;font-style:normal;line-height:1.5}.multi-upload-popup .mup-extra{margin-top:14px;padding:16px;border:1.5px solid #e8e8e8;border-radius:12px}.multi-upload-popup .mup-field-label{display:block;font-size:13px;font-weight:600;color:#444;margin-bottom:10px}.multi-upload-popup .mup-density{display:flex;gap:8px}.multi-upload-popup .mup-density label{flex:1;cursor:pointer;position:relative}.multi-upload-popup .mup-density input{position:absolute;opacity:0;pointer-events:none}.multi-upload-popup .mup-density span{display:block;padding:10px 6px;text-align:center;font-size:13px;color:#666;border:1.5px solid #e8e8e8;border-radius:9px;transition:border-color .15s,color .15s,background .15s}.multi-upload-popup .mup-density em{display:block;margin-top:3px;font-size:11px;font-style:normal;color:#aaa}.multi-upload-popup .mup-density input:checked+span{border-color:#2143c2;background:#f4f6ff;color:#2143c2;font-weight:600}.multi-upload-popup .mup-density input:checked+span em{color:#6b7fd8}.multi-upload-popup .mup-field-hint{margin:10px 0 0;font-size:12px;color:#999;line-height:1.5}.multi-upload-popup .mup-smart{display:flex;align-items:flex-start;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid #eee;cursor:pointer}.multi-upload-popup .mup-smart input{width:18px;height:18px;margin:1px 0 0;flex:none;cursor:pointer}.multi-upload-popup .mup-smart strong{display:block;font-size:14px;color:#333;font-weight:600}.multi-upload-popup .mup-smart em{display:block;margin-top:4px;font-size:12px;color:#999;font-style:normal;line-height:1.5}.multi-upload-popup .mup-rearrange{display:flex;align-items:center;gap:14px;margin-top:14px;padding:16px;border:1.5px solid #e8e8e8;border-radius:12px;background:#fafafa}.multi-upload-popup .mup-rearrange-body{flex:1}.multi-upload-popup .mup-rearrange strong{display:block;font-size:14px;color:#333;font-weight:600}.multi-upload-popup .mup-rearrange em{display:block;margin-top:4px;font-size:12px;color:#999;font-style:normal;line-height:1.5}.multi-upload-popup .mup-rearrange .mup-btn{flex:none;width:auto;padding:11px 20px;white-space:nowrap}#holdon-overlay.mu-uploading #holdon-content{display:none}#holdon-overlay.mu-uploading #holdon-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:420px;padding:0 24px;box-sizing:border-box}#holdon-message .mu-progress-count{margin-top:10px;font-size:15px;color:#fff;font-weight:600}#holdon-message .upload-progressbar{position:static;left:auto;display:block;width:100%;max-width:320px;margin:14px auto 0;height:12px}#holdon-message .mu-progress-stage{margin-top:8px;font-size:13px;color:#9fb4ff}#holdon-message .mu-progress-note{margin-top:12px;font-size:12px;color:#aaa;line-height:1.6}#holdon-message .mu-cancel-btn{margin-top:16px;padding:9px 22px;font-size:13px;color:#ddd;background:0 0;border:1px solid #666;border-radius:20px;cursor:pointer}#holdon-message .mu-cancel-btn:hover{color:#fff;border-color:#aaa}#holdon-message .mu-cancel-btn:disabled{opacity:.5;cursor:default}@media screen and (max-width:768px){.multi-upload-popup .mup-rearrange{flex-direction:column;align-items:stretch;gap:12px}.multi-upload-popup .mup-rearrange .mup-btn{width:100%}.multi-upload-popup .mup-density{flex-wrap:wrap}.multi-upload-popup .mup-density label{min-width:30%}}.back-logo{width:100%;max-width:320px;margin-top:6px;padding:14px;background:rgba(0,0,0,.03);border-radius:12px;text-align:center;box-sizing:border-box}.back-logo-tabs{display:flex;gap:6px;margin-bottom:10px}.back-logo-tabs a{flex:1;padding:8px 4px;font-size:13px;color:#888;background:#fff;border:1px solid #ddd;border-radius:8px;transition:border-color .15s,color .15s,background .15s}.back-logo-tabs a.active{color:#333;background:var(--pb-orange-light);border-color:var(--pb-orange);box-shadow:0 0 0 1px var(--pb-orange)}.back-logo-tabs a:hover:not(.active){color:#555;border-color:#bbb}.back-logo-page{position:relative;width:100%;padding-top:calc(100% * var(--cal-bl-ratio));background:#fff;border:1px solid #e8ecf0;box-shadow:0 2px 8px rgba(0,0,0,.06);overflow:hidden}.back-logo-img{position:absolute;left:50%;bottom:var(--cal-bl-bottom);transform:translateX(-50%);width:var(--cal-bl-default-w);height:var(--cal-bl-default-h);object-fit:contain}.back-logo-img.is-user{width:auto;height:auto;max-width:var(--cal-bl-max-w);max-height:var(--cal-bl-max-h)}.back-logo-page.logo-large .back-logo-img.is-user{max-height:var(--cal-bl-max-h-large)}.back-logo-actions{display:flex;gap:6px;justify-content:center;margin-top:10px}.back-logo-actions .back-logo-attach-label{flex:1;padding:8px 4px;font-size:13px;color:#555;background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;margin:0}.back-logo-actions .back-logo-attach-label:hover{border-color:var(--pb-orange);color:#333}.back-logo-actions .back-logo-attach-label input{display:none}.back-logo-actions .back-logo-remove{padding:8px 12px;font-size:13px;color:#999;background:#fff;border:1px solid #ddd;border-radius:8px}.back-logo-actions .back-logo-remove:hover{color:#e05252;border-color:#e0a0a0}.back-logo-sizes{display:flex;align-items:center;gap:6px;margin-top:6px}.back-logo-sizes-label{font-size:12px;color:#999}.back-logo-sizes a{flex:1;padding:6px 2px;font-size:13px;color:#888;background:#fff;border:1px solid #ddd;border-radius:8px;transition:border-color .15s,color .15s,background .15s}.back-logo-sizes a em{display:block;font-size:11px;font-style:normal;color:#aaa;margin-top:1px}.back-logo-sizes a.active{color:#333;background:var(--pb-orange-light);border-color:var(--pb-orange);box-shadow:0 0 0 1px var(--pb-orange)}.back-logo-sizes a.active em{color:#777}.back-logo-sizes a:hover:not(.active){border-color:var(--pb-orange);color:#555}.back-logo-desc{margin-top:10px;font-size:12px;line-height:1.5;color:#999}.back-logo-actions.hide,.back-logo-empty.hide,.back-logo-img.hide,.back-logo-sizes.hide{display:none}.back-logo-empty{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);font-size:12px;line-height:1.5;color:#bbb}.back-logo-empty em{display:block;font-size:11px;font-style:normal;color:#ccc}.dateinfo-option{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:1120px;margin-top:8px;text-align:left}.dateinfo-item{position:relative;display:flex;align-items:flex-start;gap:10px;padding:13px 15px;background:#fff;border:2px solid #e8ecf0;border-radius:12px;cursor:pointer;box-sizing:border-box;box-shadow:0 1px 4px rgba(0,0,0,.05);transition:border-color .15s,background .15s,box-shadow .15s}.dateinfo-item:hover{border-color:#ccc;box-shadow:0 2px 8px rgba(0,0,0,.08)}.dateinfo-item input{position:absolute;width:22px;height:22px;margin:0;opacity:0;cursor:pointer}.dateinfo-box{position:relative;flex:none;width:22px;height:22px;margin-top:1px;background:#fff;border:2px solid #d5dbe1;border-radius:7px;box-sizing:border-box;transition:background .15s,border-color .15s}.dateinfo-box::after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) scale(.6);opacity:0;transition:opacity .12s,transform .12s}.dateinfo-item input:checked~.dateinfo-box{background:var(--pb-orange);border-color:var(--pb-orange)}.dateinfo-item input:checked~.dateinfo-box::after{opacity:1;transform:rotate(45deg) scale(1)}.dateinfo-item input:focus-visible~.dateinfo-box{box-shadow:0 0 0 3px rgba(244,121,31,.28)}.dateinfo-name{font-size:14px;font-weight:700;line-height:1.35;color:#444;transition:color .15s}.dateinfo-name em{display:block;margin-top:3px;font-size:11.5px;font-weight:400;font-style:normal;line-height:1.45;color:#999}.dateinfo-item input:not(:checked)~.dateinfo-name .dateinfo-title{color:#aaa;text-decoration:line-through;text-decoration-color:#ccc}.dateinfo-item input:not(:checked)~.dateinfo-name em{color:#c4c4c4}.dateinfo-option .dateinfo-item:has(input:checked){background:var(--pb-orange-light);border-color:var(--pb-orange)}.dateinfo-option .dateinfo-item:has(input:disabled){cursor:default;background:#f7f7f7;border-color:#e8ecf0;box-shadow:none}.dateinfo-item input:disabled,.dateinfo-item input:disabled~.dateinfo-box{cursor:default}.dateinfo-item input:disabled:checked~.dateinfo-box{background:#bbb;border-color:#bbb}.dateinfo-desc{margin-top:10px;font-size:12px;line-height:1.5;color:#999;text-align:left}@media screen and (max-width:768px){.dateinfo-option{grid-template-columns:repeat(2,minmax(0,1fr));max-width:660px}}@media screen and (max-width:560px){.dateinfo-option{grid-template-columns:minmax(0,1fr)}}.item.swap-source,.item.swap-source.active{outline:3px solid #4F46E5;outline-offset:-3px}.item.swap-target,.item.swap-target.active{outline:3px dashed #4F46E5;outline-offset:-3px;background:#eef0ff}body.swap-picking .item{cursor:pointer}body.swap-dragging .item:not(.swap-source):hover,body.swap-picking .item:not(.swap-source):hover{outline:3px dashed #818cf8;outline-offset:-3px}.image-swap svg,.l-image-swap svg{pointer-events:none}body.swap-picking::after{content:"자리를 바꿀 사진을 고르세요 · ESC 또는 바깥을 누르면 취소";position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:9999;max-width:calc(100vw - 32px);background:rgba(31,41,55,.92);color:#fff;font-size:13px;line-height:1.4;text-align:center;padding:10px 16px;border-radius:999px;pointer-events:none}.logo-scale{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:10px}.logo-scale-label{font-weight:500;margin-right:2px}.logo-scale-btn{display:inline-block;padding:5px 14px;border:1px solid #d5d5d5;border-radius:999px;color:#555;font-size:13px;line-height:1.2;text-decoration:none}.logo-scale-btn.active{border-color:#333;background:#333;color:#fff}.logo-scale-desc{flex-basis:100%;color:#888;font-size:12px}.logo-scale-warn{flex-basis:100%;color:#d33;font-size:12px}.pb-stale-notice{position:fixed;top:16px;left:50%;z-index:200001100;display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100vw - 24px);padding:13px 14px 13px 18px;background:#f4791f;color:#fff;font-size:15px;font-weight:600;line-height:1.4;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.3);transform:translateX(-50%);animation:pbStaleIn .28s ease-out}@keyframes pbStaleIn{from{opacity:0;transform:translate(-50%,-14px)}to{opacity:1;transform:translate(-50%,0)}}.pb-stale-notice .pb-stale-text{flex:1 1 auto}.pb-stale-notice .pb-stale-reload{flex:0 0 auto;padding:8px 16px;border:0;border-radius:6px;background:#fff;color:#b8500a;font-size:14px;font-weight:700;cursor:pointer}.pb-stale-notice .pb-stale-reload:hover{background:#fff3e8}body.pb-stale-locked{cursor:not-allowed}body.pb-stale-locked .pb-stale-notice,body.pb-stale-locked .pb-stale-notice *{cursor:default}body.pb-stale-locked .pb-stale-reload{cursor:pointer}body.pb-has-stale .fixed-save-msg{top:88px}@keyframes pbStaleInNarrow{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.pb-stale-notice{left:12px;right:12px;width:auto;max-width:none;font-size:14px;padding:11px 12px 11px 14px;gap:8px;transform:none;animation:pbStaleInNarrow .28s ease-out}.pb-stale-notice .pb-stale-reload{padding:7px 12px;font-size:13px}}