@charset "UTF-8";.customNav .navList .navItem,.customNav .toggleBackground .deco,.customNav .toggleBackground:before,.customPreview .canvasZoom,.customTool,.customTool .toolBox,.customTool .toolBox .toolBody .controlBtn.btn,.customTool .toolBox .toolBody .uploadBox,.customTool .toolBox .toolBody .uploadBox .uploadPreviewBox,.customTool .toolBox .toolBody .uploadBox svg,.customizedList .Img img,.customizedList .item{-webkit-transition:all 0.4s;transition:all 0.4s}.mainArea{background:#f4f4f4}.mainArea .contentBox{padding-top:60px}.contentBox{display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width:1180px){.contentBox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.contentBox .leftBox{padding-right:6.5%;max-width:285px;width:100%}@media (max-width:1180px){.contentBox .leftBox{padding:0;max-width:100%;width:100%}}.contentBox .leftBox .titleBox{margin-bottom:10px}.contentBox .leftBox .classBox{visibility:hidden}.contentBox .rightBox{-webkit-box-flex:1;-ms-flex:1;flex:1}@media (max-width:1180px){.contentBox .rightBox{padding:0;width:100%}}.contentBox.insPage{visibility:hidden}.customizedList{margin:0 -15px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.customizedList .customizedItem{width:33.3333333333%;padding:20px 18px;visibility:hidden}@media (min-width:1180px) and (max-width:1366px){.customizedList .customizedItem{width:50%}}@media (max-width:960px){.customizedList .customizedItem{width:50%}}@media (max-width:640px){.customizedList .customizedItem{width:100%}}.customizedList .item{position:relative;padding:15px;height:100%;border-radius:10px;background-color:#fff;overflow:hidden;-webkit-box-shadow:0px 0px 13px 0px rgba(0,0,0,0.04);box-shadow:0px 0px 13px 0px rgba(0,0,0,0.04)}@media (min-width:1181px){.customizedList .item:hover{-webkit-transform:translate(-5px,-5px);transform:translate(-5px,-5px)}.customizedList .item:hover .Img img{-webkit-transform:scale(1.05);transform:scale(1.05)}.customizedList .item:hover .Txt .title a{color:#f14595}}.customizedList .Img{position:relative;margin:0 auto;max-width:300px;width:100%;overflow:hidden}.customizedList .Img a{display:block;overflow:hidden}.customizedList .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.customizedList .Txt{padding:20px 7px}.customizedList .Txt .title a{display:block;font-size:18px;font-weight:bold;letter-spacing:0.6px;color:#272626}.customizedList .Txt .tagBox{padding:0;padding-top:8px}.customizedList .Txt .tagBox li{margin:4px 2px;padding:7px 19px;border:1px solid #8b8b8b;border-radius:30px;color:#8b8b8b}@media (max-width:1180px){.customizedList .Txt .tagBox li{padding:7px 10px}}.customizedList .linkWrap{position:absolute;top:0;left:0;display:block;width:100%;height:100%}.mobileHeader{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px 0;background-color:#000;color:#fff;border-radius:10px;overflow:hidden}@media (min-width:821px){.mobileHeader{display:none}}.mobileHeader .title{font-weight:700;font-size:24px;letter-spacing:0.48px}.mobileHeader .subtitle{color:#b9b9b9;letter-spacing:0.32px}.customBox{position:relative;max-width:1650px;display:-ms-grid;display:grid;-ms-grid-columns:150px 30px 750px 30px 1fr;grid-template-columns:150px 750px 1fr;grid-template-areas:"nav preview tool";-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px}@media (max-width:1650px){.customBox{max-width:95vw;margin:auto}}@media (max-width:1440px){.customBox{-ms-grid-columns:120px 30px 1fr 30px 420px;grid-template-columns:120px 1fr 420px;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px}}@media (max-width:1280px){.customBox{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}}@media (max-width:1180px){.customBox{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;grid-template-areas:"nav nav" "preview tool"}}@media (max-width:820px){.customBox{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-template-areas:"preview" "nav"}}.customNav{-ms-grid-row:1;-ms-grid-column:1;grid-area:nav}@media (max-width:1180px){.customNav{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:50px}}@media (max-width:820px){.customNav{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:30px}}.customNav .customToolTogger{width:150px;height:40px;border-radius:30px;background-color:#e9e9e9;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}@media (min-width:821px){.customNav .customToolTogger{display:none}}.customNav .controlBtnBox{width:150px;height:40px;border-radius:30px;background-color:#e9e9e9;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}@media (min-width:821px){.customNav .controlBtnBox{display:none}}.customNav .toggleBackground{position:relative;max-width:100%;width:150px;height:40px;border-radius:30px;background-color:#e9e9e9;margin-bottom:50px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}@media (max-width:1180px){.customNav .toggleBackground{margin-bottom:0}}@media (max-width:820px){.customNav .toggleBackground{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.customNav .toggleBackground.selected:before{content:"";position:absolute;background-image:linear-gradient(45deg,rgb(168,0,255) 0%,rgb(205,35,202) 40%,rgb(241,69,149) 70%);background-image:-ms-linear-gradient(45deg,rgb(168,0,255) 0%,rgb(205,35,202) 40%,rgb(241,69,149) 70%);-webkit-transform:translateX(100px);transform:translateX(100px)}@media (max-width:1280px){.customNav .toggleBackground.selected:before{-webkit-transform:translateX(90px);transform:translateX(90px)}}@media (max-width:1024px){.customNav .toggleBackground.selected:before{-webkit-transform:translateX(110px);transform:translateX(110px)}}.customNav .toggleBackground.selected .deco{opacity:0}.customNav .toggleBackground:before{content:"";position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;background-color:#fff;-webkit-box-shadow:0px 0px 9.4px 0.6px rgba(0,0,0,0.11);box-shadow:0px 0px 9.4px 0.6px rgba(0,0,0,0.11);-webkit-transform-origin:center;transform-origin:center;scale:1.1;z-index:2}@media (max-width:1280px){.customNav .toggleBackground:before{scale:1}}.customNav .toggleBackground svg{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;width:16px;pointer-events:none}@media (max-width:1280px){.customNav .toggleBackground svg{width:14px}}.customNav .toggleBackground .deco{position:absolute;width:30px;height:2px;background-color:#000;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);rotate:45deg;left:calc(50% - 6px);top:calc(50% + 12px);z-index:1;opacity:1;pointer-events:none}@media (max-width:1180px){.customNav .navList{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}}@media (max-width:820px){.customNav .navList{margin-bottom:40px;-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}}.customNav .navList .navItem{margin-bottom:10px;border-radius:10px;overflow:hidden;border:1px solid #d3d3d3;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width:1180px){.customNav .navList .navItem{width:100px;height:100px}}@media (min-width:1181px){.customNav .navList .navItem:hover{border-color:#f14595}}.customNav .navList .navItem.current{border-color:#f14595}.customNav .navList .navItem img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.customNav .downloadBtnBox{margin-top:0;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}@media (min-width:821px){.customNav .downloadBtnBox{display:none}}.customNav .downloadBtnBox .downloadBtn{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;width:150px;height:40px}.customPreview{-ms-grid-row:1;-ms-grid-column:3;grid-area:preview;position:relative}@media (max-width:820px){.customPreview{-ms-grid-column-align:center;justify-self:center}}.customPreview .canvasPreview{width:600px;height:600px;aspect-ratio:1/1}@media (max-width:1180px){.customPreview .canvasPreview{width:550px;height:550px}}@media (max-width:640px){.customPreview .canvasPreview{width:90vw}}.customPreview .canvasZoom{width:280px;height:280px;position:absolute;top:0;right:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width:1680px){.customPreview .canvasZoom{width:250px;height:250px}}@media (max-width:1440px){.customPreview .canvasZoom{width:220px;height:220px}}@media (max-width:1280px){.customPreview .canvasZoom{width:180px;height:180px;right:20px}}@media (max-width:1180px){.customPreview .canvasZoom{display:none}}.customPreview .canvasZoom canvas{width:100%;height:100%;border:2px solid #a1a1a1;border-radius:20px}.customTool{-ms-grid-row:1;-ms-grid-column:5;grid-area:tool}@media (max-width:1180px){.customNav{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:2}.customPreview{-ms-grid-row:2;-ms-grid-column:1}.customTool{-ms-grid-row:2;-ms-grid-column:2}}@media (max-width:820px){.customNav{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:1}.customPreview{-ms-grid-row:1;-ms-grid-column:1}}@media (max-width:820px){.customTool{width:60%;margin:auto;opacity:0;pointer-events:none;position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10}}@media (max-width:640px){.customTool{width:90%}}.customTool.open{opacity:1;pointer-events:auto}.customTool .toolBox{border-radius:10px;overflow:hidden;-webkit-box-shadow:0px 0px 21.84px 2.16px rgba(0,0,0,0.1);box-shadow:0px 0px 21.84px 2.16px rgba(0,0,0,0.1);z-index:10}.customTool .toolBox .toolHeader{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:25px 0;background-color:#000;color:#fff}@media (max-width:640px){.customTool .toolBox .toolHeader{padding:15px 0}}.customTool .toolBox .toolHeader .mobileClose{margin-left:auto;margin-right:20px;width:40px;height:40px;border-radius:50%;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width:821px){.customTool .toolBox .toolHeader .mobileClose{display:none}}.customTool .toolBox .toolHeader .mobileClose svg{color:#000;height:32px;width:32px}.customTool .toolBox .toolHeader .title{font-weight:700;font-size:30px;letter-spacing:0.6px}@media (max-width:820px){.customTool .toolBox .toolHeader .title{display:none}}.customTool .toolBox .toolHeader .subtitle{color:#b9b9b9;letter-spacing:0.32px}@media (max-width:820px){.customTool .toolBox .toolHeader .subtitle{display:none}}.customTool .toolBox .toolBody{padding:30px 40px;background-color:#fff}@media (max-width:1280px){.customTool .toolBox .toolBody{padding:30px}}@media (max-width:480px){.customTool .toolBox .toolBody{padding:0 20px 20px}}.customTool .toolBox .toolBody .toolRow{display:-ms-grid;display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-grid-columns:100px 50px 1fr;grid-template-columns:100px 1fr;-webkit-column-gap:50px;-moz-column-gap:50px;column-gap:50px;padding:20px 0;border-bottom:1px solid #d9d9d9}@media (max-width:1440px){.customTool .toolBox .toolBody .toolRow{-ms-grid-columns:90px 1fr;grid-template-columns:90px 1fr}}@media (max-width:640px){.customTool .toolBox .toolBody .toolRow{-ms-grid-columns:1fr;grid-template-columns:1fr}}.customTool .toolBox .toolBody .toolRow:first-child{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.customTool .toolBox .toolBody .toolRow.oneColumn{-ms-grid-columns:1fr;grid-template-columns:1fr}.customTool .toolBox .toolBody .toolRow .leftBox{max-width:100%}.customTool .toolBox .toolBody .label{color:#050c0c;letter-spacing:0.8px}@media (max-width:640px){.customTool .toolBox .toolBody .label{margin-bottom:20px}}.customTool .toolBox .toolBody .uploadBox{border-radius:10px;width:80px;height:80px;background-color:#eee;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:25px;position:relative;cursor:pointer}@media (max-width:820px){.customTool .toolBox .toolBody .uploadBox{margin:0 auto}}@media (min-width:1181px){.customTool .toolBox .toolBody .uploadBox:hover{background-color:#e8e8e8;scale:0.95}.customTool .toolBox .toolBody .uploadBox:hover svg{rotate:360deg}}.customTool .toolBox .toolBody .uploadBox svg{height:32px;width:32px}.customTool .toolBox .toolBody .uploadBox+#upload{display:none}.customTool .toolBox .toolBody .uploadBox .uploadPreviewBox{position:absolute;left:10px;top:10px;width:60px;height:60px;opacity:0;pointer-events:none}.customTool .toolBox .toolBody .uploadBox .uploadPreviewBox .close{position:absolute;width:30px;height:30px;right:-15px;top:-15px;border-radius:50%;background-color:#f14595;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;z-index:2;pointer-events:auto}.customTool .toolBox .toolBody .uploadBox .uploadPreviewBox canvas{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.customTool .toolBox .toolBody .uploadNotice{line-height:1.6875;padding-left:25px;letter-spacing:0.32px}@media (max-width:640px){.customTool .toolBox .toolBody .uploadNotice{padding:20px}}.customTool .toolBox .toolBody .uploadNotice li{color:#4f4f4f;list-style:square}@media (max-width:1280px){.customTool .toolBox .toolBody .uploadNotice li{font-size:14px}}.customTool .toolBox .toolBody .controlBtnBox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px}.customTool .toolBox .toolBody .controlBtn{background-color:#eeeeee;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.customTool .toolBox .toolBody .controlBtn.btn{padding:10px 0;min-width:180px;border-radius:30px;color:#828282;border:2px solid #a4a4a4;background-color:transparent;font-size:14px;letter-spacing:1.28px}@media (max-width:640px){.customTool .toolBox .toolBody .controlBtn.btn{margin:0 auto;min-width:150px;padding:5px 0}}@media (min-width:1181px){.customTool .toolBox .toolBody .controlBtn.btn:hover{background-color:#a4a4a4;color:#fff}}.customTool .toolBox .toolBody .controlBtn.btn.selected{background-color:#a4a4a4;color:#fff}.customTool .toolBox .toolBody .controlBtn.btn span{pointer-events:none}.customTool .toolBox .toolBody .controlBtn.circle{min-width:none;padding:0;width:50px;height:50px;border-radius:50%}.customTool .toolBox .toolBody .controlBtn svg{color:#4f4f4f;height:24px;width:24px}@media (max-width:820px){.customTool .toolBox .toolBody .greyMode{display:none}}@media (max-width:820px){.customTool .toolBox .toolBody .downloadBtnBox{display:none}}.customToolMask{position:fixed;left:0;top:0;width:100%;height:100%;opacity:0;background-color:rgba(0,0,0,0.5);z-index:9;pointer-events:none}.customToolMask.show{opacity:1;pointer-events:auto}.downloadBtnBox{margin-top:20px}.downloadBtnBox .downloadBtn{padding:15px;color:#fff;background-color:#f14595;width:100%;border-radius:30px;display:block}.moduleBox .titleBox .text{padding-top:10px}