@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700);.guide-form[data-v-46f6cd54]{text-align:center;padding:20px 0 40px 0}.moveInUp-enter-active[data-v-5459d8ec]{-webkit-animation:fadeIn-data-v-5459d8ec .5s ease-in;animation:fadeIn-data-v-5459d8ec .5s ease-in}@-webkit-keyframes fadeIn-data-v-5459d8ec{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@keyframes fadeIn-data-v-5459d8ec{0%{opacity:0}50%{opacity:.5}to{opacity:1}}.modal-mask[data-v-49e25240]{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:table;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.modal-wrapper[data-v-49e25240]{display:table-cell;vertical-align:middle}.modal-container[data-v-49e25240]{position:relative;width:1000px;height:100%;overflow-y:auto;margin:0 auto;padding:0;background-color:#fff;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.33);box-shadow:0 2px 8px rgba(0,0,0,.33);-webkit-transition:all .3s ease;transition:all .3s ease}.modal-container a.btn-close[data-v-49e25240]{position:absolute;right:20px;top:20px}.modal-header h3[data-v-49e25240]{margin-top:0;color:#42b983}.modal-body[data-v-49e25240]{margin:20px 0}.modal-default-button[data-v-49e25240]{float:right}.modal-enter[data-v-49e25240],.modal-leave-active[data-v-49e25240]{opacity:0}.modal-enter .modal-container[data-v-49e25240],.modal-leave-active .modal-container[data-v-49e25240]{-webkit-transform:scale(1.1);transform:scale(1.1)}input.inpNumberSimple[data-v-18129c88]{background-color:#fff;text-align:right;padding:0 10px;font-size:15px}.list-enter-active[data-v-55fa55ea]{-webkit-transition:all .7s;transition:all .7s}.list-leave-active[data-v-55fa55ea]{-webkit-transition:all .3s;transition:all .3s}.list-enter[data-v-55fa55ea],.list-leave-to[data-v-55fa55ea]{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}

/*!
 * Initialize.css (v1.3.1) is a complete and customizable collection of CSS best practices based on Normalize.css and HTML5 Boilerplate.
 * http://jeroenoomsnl.github.io/initialize-css
 *
 * HTML5 Boilerplate: https://github.com/h5bp/html5-boilerplate
 * Normalize.css: http://github.com/necolas/normalize.css
 */html{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:sans-serif;line-height:1.4;font-size:1em;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}html{font-size:18px}body{font-family:Noto Sans KR,sans-serif;color:#000}img{max-width:100%}li,ul{list-style:none;margin:0;padding:0}a{text-decoration:none}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}details,main,summary{display:block}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring{outline:1px dotted ButtonText}input{line-height:normal}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}::-moz-selection{background:#b3d4fc}::selection{background:#b3d4fc}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}p{margin:0}a{text-decoration:none!important}img{image-rendering:-moz-auto;image-rendering:-o-auto;image-rendering:-webkit-optimize-contrast;image-rendering:auto;-ms-interpolation-mode:nearest-neighbor}::-moz-selection{background:#ffbcbc;text-shadow:none}::selection{background:#ffbcbc;text-shadow:none}

/*! 이미지 대체 기법 */.ir{display:block;background-position:0 0;background-repeat:no-repeat}.ir .ir-desc{display:block;position:absolute;left:-9999em;top:0;font-size:11px;z-index:-1}

/*! 스크린리더/브라우저에서 모두 감추기 */.hid{display:none!important;visibility:hidden}

/*! 스크린리더에서는 읽기 가능 */.acc-hid{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}

/*! 스크린리더에서는 읽기 가능 + 포커스 적용 */.acc-hid.focusable:active,.acc-hid.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}

/*! 화면에서는 안 보이지만, 레이아웃 공간 적용 */.invisible{visibility:hidden}
/*! float 적용 요소 감싸는 클래스 - clearfix */.cf:after,.cf:before{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1}a.skip{display:block;font-size:1.2em;left:0;position:absolute;text-align:center;top:-10000px;width:100%;z-index:500}a.skip:active,a.skip:focus,a.skip:hover{background:#71286f none repeat scroll 0 0;color:#fff;font-weight:700;padding:15px 0;position:absolute;top:0;z-index:500}.sk-circle{margin:100px auto;width:40px;height:40px;position:relative}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:#333;border-radius:100%;-webkit-animation:sk-circleBounceDelay 1.2s ease-in-out infinite both;animation:sk-circleBounceDelay 1.2s ease-in-out infinite both}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);transform:rotate(150deg)}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);transform:rotate(240deg)}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleBounceDelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.web{display:block!important}.web-ib{display:inline-block!important}.mob{display:none!important}.d-inline-block{display:inline-block;zoom:1;*display:inline}@media (max-width:720px){.web,.web-ib{display:none!important}.mob{display:block!important}}.btn{background-color:transparent;border:none;outline:none}.btn:active{position:relative;top:2px}#root{position:relative;width:1000px;height:1610px;margin:0 auto;background-color:#101d2d}#root.blocked:before{content:"";text-align:center;padding-top:8rem;color:#fff;font-weight:500;font-size:3rem;position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.7);top:0;left:0;-webkit-transition:background-color 2s;transition:background-color 2s}#root header h1.logo{margin:0;padding:4px 15px}#root header h2.title{text-align:center}#root #container{padding:15px;margin:45px auto 0 auto}#root #container>section{background-color:#fff}#root section.section__input{padding-bottom:60px}#root section.section__input .section__input-header{background-color:#2ccacb;margin:0;text-align:center;color:#fff;padding:14px 0;font-size:2rem;font-weight:500}#root section.section__input .section__input-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#root section.section__input .section__input-content input,#root section.section__input .section__input-content select{background-color:#f8f8f8;border:1px solid #e5e5e5;color:#525252;font-size:1.2rem;font-weight:400}#root section.section__input .section__input-content select:disabled{background-color:#a6a6a6}#root section.section__input .section__input-content input{width:170px;padding:2px 12px;line-height:30px}#root section.section__input .section__input-content select{width:215px;padding:2px 12px}#root section.section__input .section__input-content .area-header{display:block;font-size:1.4rem;border-bottom:2px solid #000;padding:0 0 3px 0}#root section.section__input .section__input-content .option__area,#root section.section__input .section__input-content .visual__area{width:50%;padding:40px}#root section.section__input .section__input-content .option__area-item:first-child{margin-bottom:18px}#root section.section__input .section__input-content .option__area table{font-size:1.15rem;table-layout:fixed;margin-top:10px}#root section.section__input .section__input-content .option__area table td,#root section.section__input .section__input-content .option__area table th{vertical-align:top;padding:10px 0}#root section.section__input .section__input-content .option__area table th{text-align:left;padding:15px 0 12px 0}#root section.section__input .section__input-content .option__area table th:before{content:"";display:inline-block;width:3px;height:3px;background-color:#000;margin:0 6px;vertical-align:middle;position:relative;top:-2px}#root section.section__input .section__input-content .option__area table td{text-align:right}#root section.section__input .section__input-content .option__area table td li{margin-bottom:12px}#root section.section__input .section__input-content .option__area table td li.horizontal:before{content:"가로";margin-right:5px}#root section.section__input .section__input-content .option__area table td li.vertical:before{content:"세로";margin-right:5px}#root section.section__input .section__input-content .option__area table td li:after{content:"mm";margin-left:5px}#root section.section__input .section__input-content .visual__area .area-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:60px;padding:12px 0}#root section.section__input .section__input-content .visual__area .area-header .input-amount:after{content:"개";margin-left:5px}#root section.section__input .btn__area{text-align:center}#root section.section__history{padding-bottom:60px}#root section.section__history .section__history-header{background-color:#959595;margin:0;text-align:center;color:#fff;padding:14px 0;font-size:2rem;font-weight:500}#root section.section__history .section__history-content{padding:40px;overflow:auto;height:350px}#root section.section__history .section__history-content .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#root section.section__history .section__history-content .item ul.item__info-list>li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:5px}#root section.section__history .section__history-content .item ul.item__info-list>li:last-child{color:#a6a6a6;padding-left:15px}#root section.section__history .section__history-content .item .txt-final-size{margin-left:10px}#root section.section__history .section__history-content .item ul.item__info-list>li>.info-add{margin-left:15px}#root section.section__history .section__history-content .item .info-wrap{font-weight:500}#root section.section__history .section__history-content .item .info-title{font-weight:400}#root section.section__history .section__history-content .item .info-title:before{content:"";display:inline-block;width:3px;height:3px;background-color:#000;margin:0 6px;vertical-align:middle;position:relative;top:-2px}#root section.section__history .section__history-content .item>div{position:relative;padding:30px 0;border-bottom:2px solid #ccc;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}#root section.section__history .section__history-content .item .item__price{width:218px;text-align:center;border-left:2px solid #ccc;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;font-size:1.5rem;padding-top:70px}#root section.section__history .section__history-content .item .item__price .txt-price{color:#ff4f65;font-weight:600}#root section.section__history .section__history-content .item .item__price .txt-price:after{content:"원";color:#000;font-weight:400;margin-left:5px}#root section.section__history .section__history-content .item .item__amount{width:232px;text-align:center;border-left:2px solid #ccc;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;font-size:1.1em;padding-top:70px}#root section.section__history .section__history-content .item .item__amount .txt-amount{color:#5373ff;font-weight:600;font-size:1.3em}#root section.section__history .section__history-content .item .item__amount .txt-amount:before{content:"수량";color:#000;font-weight:400;margin-right:5px}#root section.section__history .section__history-content .item .item__amount .txt-amount:after{content:"개";color:#000;font-weight:400;margin-left:5px}#root section.section__history .section__history-content .item a.btn-remove{position:absolute;top:10px;right:0;background-color:#ff4f65;color:#fff;height:30px;width:30px;line-height:25px;font-size:1.5rem;border-radius:3px}#root section.section__history .section__history-content .item .code__area{margin-top:10px}#root section.section__history .section__history-content .item .code__area input{border:2px solid #2ccacb;padding:2px 12px;width:250px}#root section.section__history .section__history-content .item .code__area button.btn-copy{background-color:#2ccacb;color:#101d2d;border-radius:5px;padding:4px 16px;font-weight:600;margin-left:10px}#root section.section__history .section__history-footer{text-align:right;padding:0 40px;font-size:2rem;font-weight:600}#root section.section__history .section__history-footer span.txt-total-price{color:#ff4f65;font-weight:500;border-bottom:2px solid #000;padding:0 5px}#root section.section__history .section__history-footer span.txt-total-amount{color:#5373ff;font-weight:500;border-bottom:2px solid #000;padding:0 5px}#root #container>section.section__main .container-header{background-color:#2ccacb;position:relative;margin:0;text-align:center;color:#fff;padding:12px 0;font-size:34px;font-weight:500}#root #container>section.section__main .container-content{padding:0 45px 40px 45px}#root #container>section.section__main .container-content_title{text-align:center;font-weight:400;padding:90px 0 80px 0;margin:0;color:#5b5353;font-size:30px}#root #container>section.section__main .btn-preview{margin-top:20px;display:block}#root #container>section.section__main .type-select-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:80px}#root #container>section.section__main .type-select-area>.type-item{-webkit-box-flex:1;-ms-flex:1;flex:1;color:#000;text-align:center;margin:0 15px}#root #container>section.section__main .type-select-area>.type-item a{color:inherit}#root #container>section.section__main .type-select-area>.type-item a.btn-move>img{-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);box-shadow:0 0 3px rgba(0,0,0,.3);margin:0 auto 35px auto;display:block}#root #container>section.section__main .type-select-area>.type-item strong{display:block;font-size:26px;font-weight:600;width:100%;letter-spacing:-.05rem}