@font-face{font-family:"style01";src:url(/fonts/style01.woff?240904) format("woff")}@font-face{font-family:"style02";src:url(/fonts/style02.woff) format("woff")}@font-face{font-family:"style03B";src:url(/fonts/style03B.woff) format("woff")}@font-face{font-family:"style03L";src:url(/fonts/style03L.woff) format("woff")}@font-face{font-family:"style04";src:url(/fonts/style04.woff) format("woff")}@font-face{font-family:"style05";src:url(/fonts/style05.woff) format("woff")}@font-face{font-family:"style06";src:url(/fonts/style06.woff) format("woff")}@font-face{font-family:"style06";src:url(/fonts/style06.woff) format("woff")}@font-face{font-family:"style07";src:url(/fonts/style07.woff) format("woff")}@font-face{font-family:"style08";src:url(/fonts/style08.woff) format("woff")}@font-face{font-family:"style09";src:url(/fonts/style09.woff) format("woff")}*{box-sizing:border-box}.btn{line-height:1.4}.style01{font-family:"style01"}.style02{font-family:"style02"}.style03,.style03L{font-family:"style03L"}.covertitle1.style03{font-family:"style03B"}.style03B{font-family:"style03B"}.style04{font-family:"style04"}.style05{font-family:"style05"}.style06{font-family:"style06"}.style07{font-family:"style07"}.style08{font-family:"style08"}.style09{font-family:"style09"}.add-page,.print-page,.font-style{border:1px
solid #ccc;background:transparent;margin:0;padding:6px;width:100px;height:40px;font-size:18px;font-weight:900;cursor:pointer;vertical-align:middle}.add-page,.print-page{font-size:17px}.add-page.active,.print-page.active,.font-style.active{border:1px
solid #f00;background:#ff3c3c;color:#fff}.add-page,.print-page{width:200px;margin-bottom:12px;margin-right:4px;position:relative}.add-page .price,
.print-page
.price{color:#F44334;font-size:0.8em;padding-left:4px}.add-page
.pagenum{font-size:0.8em;padding-left:4px}.add-page.active .price,
.print-page.active
.price{color:#ffeb3b}.print-page.large{width:260px}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}#container{width:1320px;margin:0
auto}#container
.page{padding:0}.hide{display:none !important}.gray{color:#8d8d8d}.step-cutsom{display:none}.step{font-weight:700;padding:0
10px 10px 0;border-radius:10px;margin-bottom:10px}.step
dl{font-size:0.9rem;font-weight:400}.step dl
dt{font-weight:500}.step dl
dd{margin-bottom:20px}.step.first{padding-top:40px}.step-content{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #e6e6e6;font-size:13px}.step-content.flex{display:flex;flex-direction:column}.step-content
.spacing{}.page-list{display:flex;flex-wrap:wrap}.page-list
.cell{width:420px;margin-right:30px;margin-bottom:40px}.page-list .cell:nth-child(3n){margin-right:0}.page-list .cell .page-desc{padding-top:8px}.page-list .cell .page-desc.cover{display:flex}.page-list .cell .page-desc input:not([type=checkbox]){width:100%}.page-list .cell .page-desc
input.cover{margin-right:10px}.page-list .cell .page-desc label input[type=checkbox],
.page-list .cell .page-desc
label{cursor:pointer}.page-list .cell .page-desc
label{text-wrap:nowrap}.page-list .cell .page-layout{text-align:center;padding-top:8px}.page-list .cell .page-layout
img{width:26px;height:37px}.page-list .cell .page-layout a.active
img{border:3px
solid #f00}.page-list .cell .page-layout
a{display:inline-block;vertical-align:top}.page-list .cell .cover-layout{padding-top:8px}.page-list .cell .cover-layout
img{width:26px;height:37px;background:#000}.page-list .cell .cover-layout
a{display:inline-block;vertical-align:top}.page-list .cell .cover-layout a
img{border:1px
solid #f2f2f2}.page-list .cell .cover-layout a.active
img{border:3px
solid #f00}.page-list .cell .page .page-layout1,
.page-list .cell .page .page-layout2,
.page-list .cell .page .page-layout3,
.page-list .cell .page .page-layout4,
.page-list .cell .page .page-layout10,
.page-list .cell .page .page-layout11,
.page-list .cell .page .page-layout12{height:100%;display:flex;flex-direction:column;align-items:center}.page-list .cell .page .page-layout1
.item{width:100%;height:100%}.page-list .cell .page
.item{display:flex}.page-list .cell .page
.item.active{border:0
!important}.page-list .cell .page .page-layout2
.item{width:100%;height:100%;border:1px
solid #ccc;position:relative}.page-list .cell .page .page-layout10 .item,
.page-list .cell .page .page-layout11 .item,
.page-list .cell .page .page-layout12 .item,
.page-list .cell .page .page-layout4 .item,
.page-list .cell .page .page-layout3
.item{width:100%;height:100%;border:1px
solid #ccc;position:relative}.page-list .cell .page .page-layout10 .b-layer,
.page-list .cell .page .page-layout11 .b-layer,
.page-list .cell .page .page-layout12 .b-layer,
.page-list .cell .page .page-layout4 .b-layer,
.page-list .cell .page .page-layout3 .b-layer{display:flex;width:100%}.page-list .cell .page .page-layout4 .b-layer .item:last-child,
.page-list .cell .page .page-layout3 .b-layer .item:last-child{margin:0}.page-list .cell .page .page-layout4 .b-layer{}#container .page-list .cell
.page{width:420px;height:594px;overflow:hidden;border:1px
solid #e6e6e6;font-size:9px;letter-spacing:-1px;box-sizing:border-box;position:relative;background:#fff}#container .page-list .cell .page .page-layout1,
#container .page-list .cell .page .page-layout2,
#container .page-list .cell .page .page-layout3,
#container .page-list .cell .page .page-layout4,
#container .page-list .cell .page .page-layout10,
#container .page-list .cell .page .page-layout11,
#container .page-list .cell .page .page-layout12{margin:19.4px}#container .page-list .cell .page .page-layout1
.item{width:356px;height:93%}#container .page-list .cell .page .page-layout2 .item,
#container .page-list .cell .page .page-layout3
.item{width:356px;height:269px}#container .page-list .cell .page .page-layout3 .b-layer:first-child
.item{margin-bottom:9.7px}#container .page-list .cell .page .page-layout2 .item:nth-child(1){margin-bottom:9.7px}#container .page-list .cell .page .page-layout3 .b-layer:nth-child(2) .item:first-child{margin-right:9.7px}#container .page-list .cell .page .page-layout3 .b-layer,
#container .page-list .cell .page .page-layout4 .b-layer,
#container .page-list .cell .page .page-layout12 .b-layer{width:356px}#container .page-list .cell .page .page-layout10 .b-layer{width:346px}#container .page-list .cell .page .page-layout11 .b-layer{width:341px}#container .page-list .cell .page .page-layout12 .item,
#container .page-list .cell .page .page-layout4 .item,
#container .page-list .cell .page .page-layout3 .b-layer:nth-child(2) .item{width:174px;height:269px;overflow:hidden}#container .page-list .cell .page .page-layout10
.item{height:176px}#container .page-list .cell .page .page-layout11
.item{height:129px}#container .page-list .cell .page .page-layout12 .b-layer .item,
#container .page-list .cell .page .page-layout11 .b-layer .item,
#container .page-list .cell .page .page-layout10 .b-layer .item,
#container .page-list .cell .page .page-layout4 .b-layer
.item{margin:0
9.7px 9.7px 0}#container .page-list .cell .page .page-layout12 .b-layer .item:nth-child(2),
#container .page-list .cell .page .page-layout11 .b-layer .item:nth-child(2),
#container .page-list .cell .page .page-layout10 .b-layer .item:nth-child(2),
#container .page-list .cell .page .page-layout4 .b-layer .item:nth-child(2){margin-right:0}#container .page-list .cell .page .page-layout11 .b-layer:nth-child(4) .item,
#container .page-list .cell .page .page-layout10 .b-layer:nth-child(3) .item,
#container .page-list .cell .page .page-layout4 .b-layer:nth-child(2) .item{margin-bottom:0}#container .page-list .cell .page .page-layout12 .b-layer:nth-child(2) .item,
#container .page-list .cell .page .page-layout12 .b-layer:nth-child(3) .item{height:129px}#container .page-list .cell .page .page-layout12 .b-layer:nth-child(3) .item{margin-bottom:0}#container .page-list .cell .page
.text{width:356px;;height:12px;padding-top:7px;text-align:center;letter-spacing:0.4px}.page-list .cell .layout-txt{position:relative;top:8px}.covertitle1{position:absolute;font-size:24px;left:0;width:100%;text-align:center;letter-spacing:0.4px}.covertitle2{position:absolute;font-size:13px;left:0;width:100%;text-align:center;letter-spacing:0.4px}.layout[data-layout=box1] .covertitle1{top:444px;font-size:25px}.layout[data-layout=box1] .covertitle2{top:496px;font-size:13px}.layout[data-layout=box2] .covertitle1{top:115px}.layout[data-layout=box2] .covertitle2{top:461px}.layout[data-layout=circle] .covertitle1{top:81px}.layout[data-layout=circle] .covertitle2{top:446px}.layout[data-layout=circle2] .covertitle1{top:109px}.layout[data-layout=circle2] .covertitle2{top:461px}.layout[data-layout=arch] .covertitle1{top:423px}.layout[data-layout=arch] .covertitle2{top:467px}.layout[data-layout=art1] .covertitle1{top:95px}.layout[data-layout=art1] .covertitle2{top:436px}.layout[data-layout=art2] .covertitle1{top:88px}.layout[data-layout=art2] .covertitle2{top:437px}.layout[data-layout=art3] .covertitle1{top:117px;left:40px;text-align:left}.layout[data-layout=art3] .covertitle2{top:459px;left:41px}.layout[data-layout='cover8'] .covertitle1,
.layout[data-layout='cover9'] .covertitle1{top:135px;font-size:21px}.layout[data-layout='cover8'] .covertitle2,
.layout[data-layout='cover9'] .covertitle2{top:166px;font-size:10px}.layout[data-layout='cover10'] .covertitle1{top:400px;font-size:20px}.layout[data-layout='cover10'] .covertitle2{top:444px;font-size:10px}.layout[data-layout='cover11'] .covertitle1{top:178px;font-size:20px}.layout[data-layout='cover11'] .covertitle2{top:209px;font-size:10px}.layout[data-layout='cover12'] .covertitle1,
.layout[data-layout='cover13'] .covertitle1{top:400px;font-size:20px}.layout[data-layout='cover12'] .covertitle2,
.layout[data-layout='cover13'] .covertitle2{top:435px;font-size:10px}.layout[data-layout='cover14'] .covertitle1{top:84px;left:72px;text-align:left}.layout[data-layout='cover14'] .covertitle2{top:129px;left:72px;text-align:left;font-size:11px}.layout[data-layout='cover15'] .covertitle1{top:174px;font-size:22px}.layout[data-layout='cover15'] .covertitle2{top:484px;font-size:10px}.layout[data-layout='cover16'] .covertitle1{top:432px;font-size:17px}.layout[data-layout='cover16'] .covertitle2{top:465px;font-size:10px}.layout[data-layout='cover17'] .covertitle1{top:125px;font-size:16px}.layout[data-layout='cover17'] .covertitle2{top:160px;font-size:10px}.layout[data-layout='cover18'] .covertitle1{top:398px;font-size:13px}.layout[data-layout='cover18'] .covertitle2{top:456px;font-size:10px}.page
.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}.page .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}.page .image-upload.drag{border:3px
dashed #2196f3;background:#f1f1f1}.page .image-upload{width:100%;height:100%;font-size:14px;font-weight:400;color:#999;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;flex-direction:column}.page .image-upload .upload-info-msg{padding-top:8px}.page .page-layout4 .image-upload .upload-info-msg,
.page .page-layout10 .image-upload .upload-info-msg,
.page .page-layout11 .image-upload .upload-info-msg,
.page .page-layout12 .image-upload .upload-info-msg{font-size:12px}.page
.preview{width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.page .preview
img{max-width:100%;max-height:100%}.page
.remove{position:absolute;top:0;right:0;width:110px;height:42px;font-size:24px;display:flex;justify-content:center;align-items:center}.page .remove
a{color:#fff;text-shadow:0 0 4px #3c3c3c}.page .remove .image-rotate{margin-right:12px}.page .remove .image-contain{margin-right:12px}.page .remove .image-contain
img{-webkit-filter:drop-shadow(0 0 4px #3c3c3c);filter:drop-shadow(0 0 4px #3c3c3c);height:24px;transition:all 0.5s}.page .remove .image-contain.cover{content:title(data-title)}.page .remove .image-contain.cover
img{content:url(/images/zoom_out.png)}.page .remove .image-contain
img.flash{filter:drop-shadow(0 0 4px #fff900);-webkit-filter:drop-shadow(0 0 4px #fff900)}.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%}.dayname-list
li{font-size:13px;margin-bottom:8px}.dayname-list li:first-child{margin-bottom:10px}.dayname-list li
.date{background:#4d4d4d;border-radius:14px;padding:2px
8px;color:#fff}.dayname-list li
.name{padding-left:6px;padding-right:10px}.code-wrap,.start-info{text-align:center;margin-bottom:40px}.code-wrap{margin-top: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:24px;border-radius:20px;left:50%;width:200px;margin-left:-100px;z-index:110000;display:none;font-size:20px;font-weight:400}.calendar-preview-txt{text-align:center;margin-bottom:40px;font-weight:700}.calendar-preview-wrap{background:#d9d9d9;padding:80px
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}.calendar-preview .calendar
.cal{padding-top:3px}.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{font-size:13px;border-radius:20px}.btn.btn-submit{color:#fff !important;background:#ff9800 !important}.btn.btn-submit:hover{background:#bd7100  !important}button.submit{background:#ff9800 !important;color:#fff !important;height:45px;border-radius:20px;font-size:25px;margin-bottom:40px;font-weight:900;line-height:1}button.submit:hover{background:#bd7100 !important}#container.full{width:100%}.flex-center{justify-content:center}.photobook-preview-wrap{background:#d9d9d9;padding:80px
15px}.photobook-preview{margin:0
auto;width:600px}.photobook-preview .page-wrap{display:flex;flex-wrap:wrap}#container .photobook-preview
.page{font-size:0;box-shadow:0 0 4px 4px #d1d1d1;box-sizing:border-box;width:288px;min-height:407.22px;position:relative;margin:0
0 50px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center;flex-direction:column}#container .photobook-preview
.page.blank{background:#fff;font-size:1.5em;display:flex;justify-content:center;align-items:center;padding:0
36px;text-align:center;line-height:1.5em}#container .photobook-preview
.page.loading{}.photobook-preview .page img.blank-photo,
.photobook-preview .page
img.photo{width:100%}.photobook-preview .page .coilspring,
.photobook-preview .page .coilspring-left{position:absolute;right:-17px;height:100%;z-index:10}.photobook-preview .page .coilspring-left{left:-12px}.photobook-preview .page-wrap .load-msg{font-size:13px;margin:10% 10%;line-height:1.8;text-align:center}.fixed-bottom{position:fixed;bottom:20px;width:450px;z-index:1000;left:50%;margin-left:-225px;display:flex;justify-content:space-evenly}.fixed-bottom a,
.fixed-bottom
button{cursor:pointer;background:#ffe000;border:1px
solid #ffe000;color:#333;display:inline-block;line-height:1;display:flex;justify-content:center;align-self:inherit;flex-direction:column;align-items:center;padding:9px
0;border-radius:20px;box-shadow:0 0 1px 1px #ffec66;font-size:13px;width:100px}.fixed-bottom a:hover,
.fixed-bottom button:hover{background:#ffe000;box-shadow:0 0 5px 2px #ffec66}.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}.page-list .page-num{display:flex;justify-content:center;align-items:center}.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}.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}.delete-notification{position:fixed;left:50%;top:48px;transform:translateX(-50%);z-index:110000;background:#ffeb3b;text-align:center;border-radius:20px;padding:10px
26px;transition:all 0.5s}.delete-notification
.msg{transition:all 0.5s ease-out;opacity:1;height:auto;display:block}.delete-notification
.msg.hidden{transition:all 0.s ease-out;visibility:hidden;opacity:0;height:0;overflow:hidden}.delete-notification-remove{background:transparent;border:0;color:#ababab;cursor:pointer;position:absolute;top:11px;right:3px;font-size:15px}.alert-area{position:absolute;left:0;bottom:0;width:100%}.alert-area .ratio-alert,
.alert-area .low-resolution-alert{display:flex;font-size:11px;background:rgba(244,67,54,0.8);color:#fff;padding:7px
8px;z-index:10;line-height:1.2;padding-left:4px;margin-top:4px;align-items:center}.alert-area .ratio-alert{background:rgba(255,152,0,0.8)}.low-resolution{position:absolute;left:0;bottom:0;font-size:13px;background:rgba(244,67,54,0.8);color:#fff;padding:7px
8px;z-index:10;line-height:1.2;padding-left:22px}.low-resolution
svg{position:absolute;left:3px;top:6px}.btn-txt-layout{width:26px;height:37px;border:1px
solid #e6e6e6;font-size:10px;letter-spacing:-1px}.btn-txt-layout.active{border:3px
solid #f00}.btn-txt-layout
span{width:100%;height:100%;display:flex;justify-content:center;align-items:center;}#container .page-move .page-list
.cell.select{margin:0
20px;border:3px
solid #f44336;width:126px}.page-move{position:fixed;top:0;left:0;background:rgba(0,0,0,0.8);z-index:99999999;width:100%;height:100%;align-items:center;display:none}.page-move
button{border:none;box-shadow:none;border-radius:0;padding:0;overflow:visible;cursor:pointer}.page-move-close{position:absolute;top:0;right:0;width:66px;background:transparent;border:0;cursor:pointer;padding:0;color:#fff;transition:color .2s}.page-move-close
svg{fill:#fff}.page-move
.content{width:100%;overflow-x:scroll}.page-move .page-list{flex-wrap:nowrap}.page-list .cell-move{display:none}#container .page-move .page-list .cell-move{width:100px;align-items:center;display:flex;padding:0px
20px}#container .page-move .page-list .cell-move
a{display:block;width:60px}#container .page-move .page-list
.cell{width:120px;margin:0;background:#fff}#container .page-move .page-list .cell
.page{width:120px;height:180px}#container .page-move .page-list .cell
.page{}#container .page-move .page-list .cell .page .page-layout1,
#container .page-move .page-list .cell .page .page-layout2,
#container .page-move .page-list .cell .page .page-layout3,
#container .page-move .page-list .cell .page .page-layout4,
#container .page-move .page-list .cell .page .page-layout10,
#container .page-move .page-list .cell .page .page-layout11{margin:0}#container .page-move .low-resolution{display:none !important}#container .page-move .page-list .cell .page .page-layout1
.item{}#container .page-move .page-layout,
#container .page-move .page-desc,
#container .page-move .set-page-move,
#container .page-move .item .remove,
#container .page-move .item .image-upload{display:none}#container .page-move
.layout{zoom:0.33}.set-page-move{font-size:0.8em;vertical-align:middle;display:inline-block;padding:3px
6px;margin-left:5px}h1.title{margin-bottom:10px;font-size:31px;font-weight:600;letter-spacing:-1px;line-height:1.4;color:#313131;padding-top:40px}#container.order-page{width:1200px;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}.payment-tb th,
.delivery-tb
th{background:#f7f7f7}.order-page select, .order-page input[type=text], .order-page input[type=tel], .order-page input[type=email]{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}.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}.order-page .code-list li
.remove{cursor:pointer;width:34px;height:29px;border:none;background:none;color:#f00}.order-page .code-list
li{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=radio],input[type=checkbox]{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:none !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%)}.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}.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}.multi-upload-btn{display:inline-block;border:1px
solid #dee2e6;border-radius:0.375rem;padding: .375rem .75rem;overflow:hidden;position:relative;cursor:pointer;background:#f7f7f7}.multi-upload-btn span:hover{cursor:pointer}.multi-upload-btn:hover{background:#ededed;cursor:pointer}.multi-upload-btn ::-webkit-file-upload-button{cursor:pointer}.layer-not-contain-info,.layer-contain-info{width:400px;position:fixed;left:50%;top:50%;background:#666;color:#fff;padding:12px
27px;border-radius:20px;transition:all 0.5s;transform:translate(-50%,100vh);display:none;max-width:90vw}.layer-not-contain-info{width:480px}.layer-not-contain-info.visible,.layer-contain-info.visible{transform:translate(-50%, -50%)}.layer-not-contain-info img,
.layer-contain-info
img{-webkit-filter:drop-shadow(0 0 4px #3c3c3c);filter:drop-shadow(0 0 4px #3c3c3c);height:24px;vertical-align:middle;position:relative;top:-2px}.code-list .photobook-thumb{width:100px}#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}.b{font-weight:600}.category-edge{background:#ffe000;padding:5px
10px;border-radius:13px}.multi-upload-popup{position:fixed;z-index:111000;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);font-size:14px;display:flex;justify-content:center;align-content:center;align-items:center}.multi-upload-popup
.content{margin:0
auto;width:910px;background:#fff;border-radius:20px}.multi-upload-popup .content
.header{border-bottom:1px solid #00000020;padding:20px;font-weight:700}.multi-upload-popup .content
.body{padding:20px}.multi-upload-popup .content
.bottom{padding:20px;display:flex;flex-direction:row;justify-content:center}.multi-upload-popup .content
.btn{background:#fff;border:1px
solid #00000020}.multi-upload-popup .content .btn:hover{background:#ececec}.multi-upload-popup .content
.btn.close{background:#000;color:#fff !important}.multi-upload-popup .content .btn.close:hover{background:#212121}.multi-upload-popup .contain-desc,
.multi-upload-popup .contain-desc td,
.multi-upload-popup .contain-desc
th{border:1px
solid #e6e6e6;padding:10px}.multi-upload-popup .contain-desc{margin-bottom:14px}.show-multiupload-option-popup{display:inline-block;border:1px
solid #dee2e6;border-radius:0.375rem;padding: .375rem .75rem;overflow:hidden;position:relative;cursor:pointer;background:#f7f7f7}.show-multiupload-option-popup:hover{background:#ececec}@media screen and (max-width: 768px){.view-desktop-tb{display:none}.view-mobile{display:block}.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:0
!important;box-sizing:border-box}#container
.page{padding:0}#container.user-page{padding:14px
0 0}.logo-upload,.cover-upload,.page-list{margin:0
auto;width:292px}.page-list
.page{width:100%;aspect-ratio:1/ 1.514;height:auto}.page-list .page
.num{font-size:12px;width:28px;height:20px;font-weight:400}.page-list .page
.remove{width:30px;height:30px;font-size:14px}.step-content{text-align:center}.print-page{align-self:center}#container .page-list .cell
.page{width:306px;height:432px}#container .page-list .cell .page .page-layout10 .item,
#container .page-list .cell .page .page-layout11 .item,
#container .page-list .cell .page .page-layout4 .item,
#container .page-list .cell .page .page-layout3 .b-layer:last-child
.item{width:127px;height:198px;overflow:hidden}#container .photobook-preview
.page.blank{padding:0
12px}.layout[data-layout=art3] .covertitle2{top:350px;left:41px}.page
.remove{top:3px;right:32px}.page .remove .image-contain
img{height:16px}#container .page-list .cell .page .page-layout1
.item{width:257px;height:100%}.logo-upload,.cover-upload,.page-list{width:306px}#container .page-list .cell .page .page-layout2 .item,
#container .page-list .cell .page .page-layout3
.item{width:257px;height:194px}#container .page-list .cell .page .page-layout1,
#container .page-list .cell .page .page-layout2,
#container .page-list .cell .page .page-layout3,
#container .page-list .cell .page .page-layout4,
#container .page-list .cell .page .page-layout10,
#container .page-list .cell .page .page-layout11,
#container .page-list .cell .page .page-layout12{padding:13.4px;margin:0}#container .page-list .cell .page .page-layout3 .b-layer,
#container .page-list .cell .page .page-layout4 .b-layer,
#container .page-list .cell .page .page-layout12 .b-layer{width:257px;height:205px}#container .page-list .cell .page .page-layout10 .b-layer{width:257px;height:134px}#container .page-list .cell .page .page-layout12 .b-layer{height:202px}#container .page-list .cell .page .page-layout12 .b-layer:nth-child(2),
#container .page-list .cell .page .page-layout12 .b-layer:nth-child(3),
#container .page-list .cell .page .page-layout11 .b-layer{width:257px;height:102px}#container .page-list .cell .page .page-layout4 .item,
#container .page-list .cell .page .page-layout3 .b-layer:nth-child(2) .item,
#container .page-list .cell .page .page-layout12
.item{width:124px;height:193px}#container .page-list .cell .page .page-layout4 .b-layer:nth-child(2),
#container .page-list .cell .page .page-layout3 .b-layer:nth-child(2){height:190px}#container .page-list .cell .page .page-layout10
.item{width:124px;height:130px}#container .page-list .cell .page .page-layout12 .b-layer:nth-child(2) .item,
#container .page-list .cell .page .page-layout12 .b-layer:nth-child(3) .item,
#container .page-list .cell .page .page-layout11
.item{width:124px;height:95px}.layout[data-layout=box1] .covertitle1{top:328px;font-size:20px}.layout[data-layout=box1] .covertitle2{top:367px;font-size:11px}.layout[data-layout=box2] .covertitle1{top:76px;font-size:18px}.layout[data-layout=box2] .covertitle2{top:328px;font-size:12px}.layout[data-layout=circle] .covertitle1{top:66px;font-size:18px}.layout[data-layout=circle] .covertitle2{top:343px;font-size:11px}.layout[data-layout=circle2] .covertitle1{top:66px;font-size:18px}.layout[data-layout=circle2] .covertitle2{top:343px;font-size:11px}.layout[data-layout=arch] .covertitle1{top:324px;font-size:18px}.layout[data-layout=arch] .covertitle2{top:365px;font-size:11px}.layout[data-layout='cover8'] .covertitle1,
.layout[data-layout='cover9'] .covertitle1{top:111px;font-size:15px}.layout[data-layout='cover8'] .covertitle2,
.layout[data-layout='cover9'] .covertitle2{top:134px;font-size:7px}.layout[data-layout='cover10'] .covertitle1{top:312px;font-size:15px}.layout[data-layout='cover10'] .covertitle2{top:347px;font-size:7px}.layout[data-layout='cover11'] .covertitle1{top:143px;font-size:15px}.layout[data-layout='cover11'] .covertitle2{top:168px;font-size:7px}.layout[data-layout='cover12'] .covertitle1,
.layout[data-layout='cover13'] .covertitle1{top:304px;font-size:15px}.layout[data-layout='cover12'] .covertitle2,
.layout[data-layout='cover13'] .covertitle2{top:332px;font-size:7px}.layout[data-layout='cover14'] .covertitle1{top:84px;left:42px;text-align:left}.layout[data-layout='cover14'] .covertitle2{top:129px;left:42px;text-align:left;font-size:11px}.layout[data-layout='cover15'] .covertitle1{top:131px;font-size:17px}.layout[data-layout='cover15'] .covertitle2{top:354px;font-size:7px}.layout[data-layout='cover16'] .covertitle1{top:312px;font-size:14px}.layout[data-layout='cover16'] .covertitle2{top:336px;font-size:7px}.layout[data-layout='cover17'] .covertitle1{top:100px;font-size:12px}.layout[data-layout='cover17'] .covertitle2{top:122px;font-size:8px}.layout[data-layout='cover18'] .covertitle1{top:286px;font-size:12px}.layout[data-layout='cover18'] .covertitle2{top:332px;font-size:8px}#container .page-list .cell .page
.text{position:absolute;bottom:7px}.save-code-msg-content{width:96%;font-size:12px}.fixed-bottom{width:100%;left:0;margin-left:0}.fixed-bottom a, .fixed-bottom
button{font-size:11px;width:80px}.code-wrap
.code{width:90%}.photobook-preview{width:100%}#container .photobook-preview
.page{width:50%}.photobook-preview .page .coilspring, .photobook-preview .page .coilspring-left{right:-6%}.photobook-preview .page .coilspring-left{left:-4%}.delete-notification{font-size:11px;width:96%;letter-spacing:-1px;padding:10px
10px;top:6px}.delete-notification-remove{top:9px;right:10px}.step{padding:0
10px 10px 14px}.page-list .cell .layout-txt{position:relative;top:8px;font-size:10px;letter-spacing:-1px}.layer-not-contain-info,.layer-contain-info{font-size:0.8em}.layer-not-contain-info{width:400px}#container .photobook-preview
.page{min-height:253px}.low-resolution{font-size:9px;padding:4px
8px 4px 22px}.low-resolution
svg{top:1px}#header .bar .bar-gnb{position:absolute;top:-5px;right:-2px;font-size:12px}.page-list .cell .page-desc
label{font-size:12px}.multi-upload-popup{overflow:scroll}.multi-upload-popup
.content{width:90%}.multi-upload-popup .content
img{width:100%}}@media screen and (max-width: 360px){#container .photobook-preview
.page{min-height:205px}}