*{box-sizing:border-box}.view-mobile{display:none}.view-desktop{display:inline}.hide{display:none !important}.is-dragging{pointer-events:none}button,input:not([type=radio]):not([type=checkbox]){-webkit-appearance:none;-moz-appearance:none;appearance:none}input{margin:0em;padding:1px
0px;border:1px
solid #ccc;padding-inline:2px;outline:0}#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}.btn.success-color{background:#4BB543;color:#fff !important}.btn.success-color:hover{background:#246020}#container{width:1100px;margin:0
auto;padding-top:40px}.file-attachments{min-height:150px;border:3px
dashed #e6e6e6;border-radius:5px}.file-attachments .drag-info{color:#767676;align-items:center;justify-items:center;width:100%;height:150px;display:flex;font-size:0.875rem;justify-content:center;flex-direction:column;gap:0.7rem}.file-attachments .drag-info
div{display:flex;justify-content:center;align-items:center;gap:0.2rem}.file-attachments.drag{border:3px
dashed #2196f3;background:#f1f1f1}.file-attachments-top{padding:20px
0}.printing-service
.btn{border-radius:5px}.printing-service
.attach{display:none}.upload-file-list{display:flex;flex-direction:column;border-radius:5px;border:1px
solid #d9d9d9;background:#fbfbfb;margin-top:20px;padding:16px}.upload-file-list .result-head{display:flex;justify-content:space-between;align-items:center;padding:0
0 4px 0}.upload-file-list .result-head
.heading{color:#0d1120;font-weight:700}.file-preview .uploaded-file{display:flex;gap:0.125rem;align-items:center;font-size:0.875rem;flex-direction:column}.file-preview .uploaded-file
.row.template{display:none}.file-preview .uploaded-file
.row{display:flex;align-items:flex-start;gap:1rem;width:100%}.file-preview .uploaded-file .progress-bar{min-width:300px;margin-left:auto}.file-preview .uploaded-file .progress-bar
.bar{height:16px;width:100%;background:#fff;border-radius:40px;overflow:hidden}.file-preview .uploaded-file .progress-bar .bar
.gauge{background:#179aff;height:100%;width:1%;transition:width .6s ease;animation:progress-bar-stripes 2s linear infinite}.file-preview .uploaded-file
.delete{height:24px}.file-preview .uploaded-file .row.complete .progress-bar{margin-left:unset}.file-preview .uploaded-file .row.complete
.delete{margin-left:auto}.file-preview .uploaded-file
.filesize{font-size:0.8rem;display:inline}.file-preview .uploaded-file
.filedata{font-size:0.8rem}.file-preview .uploaded-file
.fileinfo{width:500px;display:flex;gap:1rem}.file-preview .uploaded-file
.filename{width:300px;word-break:break-word}.file-preview .uploaded-file{font-size:0.875rem}.file-preview .uploaded-file .color-option{background:#000;border:1px
solid #000;color:#fff;padding:3px
5px;font-size:0.6rem;vertical-align:middle;user-select:none}.file-preview .uploaded-file .print-page-option{border:1px
solid #000;color:#000;padding:3px
5px;font-size:0.6rem;vertical-align:middle;user-select:none}.file-preview .uploaded-file .color-option.color{background:#FF5722;border-color:#FF5722}.file-preview .uploaded-file
.quantity{width:30px}.select-cover{display:inline-block;transition:all 0.5s}.success-color{color:#4BB543}.select-cover.selected{color:#4BB543;font-weight:600}.select-cover.selected
*{stroke:#4BB543;stroke-width:2.5}.select-cover
svg{vertical-align:middle;position:relative;top:-1px}.select-cover.flash{filter:drop-shadow(0 0 4px #ff1616);-webkit-filter:drop-shadow(0 0 4px #ff1616);color:#000}.cover-edit-wrap{position:fixed;top:0;left:0;z-index:10000;width:100%;height:100%;background:rgba(0, 0, 0, .7);display:flex;justify-content:center;align-items:center;overflow:scroll;display:none}.cover-edit-wrap .cover-layout{width:800px;height:230px;margin:0
auto;margin-bottom:40px}.cover-edit-wrap .cover-layout
img{width:150px;border:1px
solid #ccc;background:#000;margin:0
auto}.cover-edit-wrap .cover-layout
.item{width:152px}.cover-edit-wrap .cover-layout .active
img{border:3px
solid #ff1616}.cover-edit-wrap .cover-edit-content{width:1000px;height:auto;background:#fff;padding:20px;border-radius:20px;position:relative}.cover-layout .slick-prev:before, .cover-layout .slick-next:before{color:#000}.cover-edit-wrap
.cover{overflow:hidden;letter-spacing:-1px;box-sizing:border-box;position:relative;background:#fff}.cover-edit-wrap
.title{display:flex;gap:6px;margin-bottom:4px}.cover-edit-wrap .title input[type=text]{flex:1}.cover-edit-wrap .title
label{white-space:nowrap}.cover-edit-wrap .cover-image{width:100px}.cover-edit-wrap
.preview{position:relative;width:100px;margin-top:1rem}.cover-edit-wrap .preview
.remove{position:absolute;right:5px}.cover-edit-wrap .preview .remove
a{color:#fff;text-shadow:0 0 4px #3c3c3c;margin-left:6px}.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}#holdon-overlay{z-index:200001000}.cover-edit-wrap
.close{position:absolute;top:10px;right:10px;z-index:1000}button.print-option,.select-color{border:1px
solid #ccc;background:transparent;margin:0;width:140px;height:40px;font-size:18px;font-weight:600;cursor:pointer;vertical-align:middle}.select-color.color{color:#FF5722}.select-color.active{border:1px
solid #FF5722;background:#FF5722;color:#fff}.select-color.black.active{background:#000;border-color:#000;color:#fff}.print-option
em{font-size:0.9rem;padding-left:6px}button.print-option.active{border:3px
solid #FF5722;color:#FF5722}.submit-wrap{text-align:center;padding:40px
0}.code-wrap{padding:40px
0}.code-wrap,.start-info{text-align:center;margin-bottom:40px}.code-wrap em, .start-info
em{font-weight:700}.code-wrap
.code{font-weight:900;font-size:50px;background:#eee;width:400px;margin:0
auto;border:5px
dashed #ff1616;margin-top:40px;margin-bottom:14px;cursor:pointer;position:relative}.code-copy{margin-bottom:40px}.clipboard-message{position:absolute;text-align:center;background:#5c5c5c;color:#fff;top:80px;border-radius:20px;left:50%;width:200px;margin-left:-100px;z-index:110000;display:none;font-size:20px;font-weight:400}.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:500px;height:330px;background:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.save-code-msg-content
.code{margin-bottom:40px;text-align:center}.save-code-msg-content .code
em{font-weight:900;font-size:70px}.save-code-msg-content
.close{position:absolute;top:3px;right:0px;line-height:1}.save-code-msg-content strong
span{background:#ffe000;box-shadow:0 0 5px 2px #ffec66;border:1px
solid #ffe000;padding:3px
0;border-radius:20px;font-size:13px;width:100px;display:inline-block;text-align:center;font-weight:400}.save-code-msg-close{background:#fff;border:0;cursor:pointer}.save-code-msg-close
svg{width:40px !important;height:40px !important}.price-wrap{text-align:center;padding:40px
0 0 0}.price-wrap .print-option,
.price-wrap em,
.price-wrap
.code{font-weight:700}.price-wrap
.quantity{font-weight:600}@media screen and (max-width: 768px){.view-desktop{display:none}.view-desktop-tb{display:none}.view-mobile{display:inline !important}.m-tb-col{width:100px}.m-block{display:block}.page .image-upload .upload-info-msg{display:none}#container{width:100% !important;font-size:13px;padding:14px
!important;box-sizing:border-box;padding-top:40px !important}.file-preview .uploaded-file
.row{flex-direction:column;align-items:flex-start;gap:0.1rem;border-top:1px solid #ccc;position:relative;padding:10px
0}.file-preview .uploaded-file .progress-bar{width:auto;min-width:unset;margin-left:unset}.file-preview .uploaded-file
.delete{height:24px;position:absolute;top:50%;margin-top:-12px;right:0}.cover-edit-wrap .cover-edit-content{width:90%}.cover-edit-wrap .cover-layout{width:100%;margin-bottom:0;height:auto}.file-preview .uploaded-file
.fileinfo{width:auto;flex-direction:column;gap:0.1rem}.code-wrap
.code{width:100%}.file-preview .uploaded-file
.filename{width:auto}.cover-edit-wrap .cover-layout
img{width:80%}.slick-dots{bottom:-25px !important}.slick-prev{left:-9px;z-index:10}.slick-next{right:-9px;z-index:10}.upload-file-list .result-head{flex-direction:column}.cover-edit-wrap
.title{margin-top:10px}.cover-edit-wrap
.close{top:-4px;right:-1px}}@media screen and (max-width: 400px){}