<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* main */
.main-section .main-visual .slick-slide { object-fit: cover; }
.title-box { text-align: center; }
.title-box  { font-size: 25px; font-weight: 900 !important; line-height: 35px; }
.title-box .container-title .main-color { font-weight: 900; }
.title-box .container-subtitle { font-size: 17px; font-weight: 350; line-height: 24px; letter-spacing: -0.05em; }
.special-service { margin-top: 76px; }
.special-service .width-bar { margin: 20px auto 45px; }
.service-container { display: flex; justify-content: space-between; }
.service-container .service-box { display: flex; flex: 1; margin: 0 auto; border-right: 1px solid #AFAEAF; flex-direction: column; align-items: center; }
.service-container .service-box:first-child { margin-left: -30px; }
.service-container .service-box:last-child { border-right: none; }
.service-container .service-box .service-icon { display: flex; height: 100px; align-items: center; justify-content: center; }
.service-container .service-box .service-icon img { width: 45%; }
.service-container .service-box .service-title { font-size: 17px; font-weight: 700; color: var(--main-color); text-align: center; }
.service-container .service-box .service-info { font-size: 12px; letter-spacing: -0.1em; text-align: center; }
.new-product { padding: 50px 0; margin-top: 80px; background: #E7E7E7; }
.new-product .width-bar { margin: 20px auto 30px; }
.new-product .new-product-silder { width: calc(100% + 48px); margin-left: -24px; }
.new-product .new-product-silder .new-product-box { margin: 0 24px; }
.new-product .new-product-silder .new-product-box img { width: 100%; margin-bottom: 8px; aspect-ratio: 1/1;}
.new-product .new-product-silder .new-product-box span { font-size: 14px; font-weight: 350; line-height: 20px; letter-spacing: -0.05em; }
.album-section { margin-top: 109px; margin-bottom: 112px; }
.album-section .container { display: flex; justify-content: space-between; }
.album-section .width-bar { margin: 20px 0 30px; }
.album-section .container-title { display: block; text-align: left; }
.album-section .container-subtitle { margin-bottom: 64px; font-size: 13px; font-weight: 300; line-height: 19px; letter-spacing: -0.05em; text-align: left; }
.album-section .container-subtitle strong { display: block; margin-bottom: 5px; font-size: 14px; font-weight: 400; letter-spacing: -0.05em; }
.album-section .album-left .album-img img { width: 100%; max-width: 256px; }
.album-section .album-left .album-img img:first-child { margin-right: 25px; }
.album-section .album-right img { width: 100%; max-width: 628px; }
.total_send2,.od-pay{display: none;}
/* shop */
/* detail */
#container .shop-content { position: unset; }
#side_menu { width: 0; height: 0; }
#side_menu #quick { display: none; }
#side_menu #tabs_con { display: none; }
#sct_location.view_location { display: none; }
#wrapper { background: none; }
#sit_ov { width: calc(100% - 640px); margin-top: 35px; }
#sit_ov #sit_title { display: none; }
#sit_pvi { width: 560px; }
#sit_ov_wrap { width: 100%; padding: 0 0 50px; border-top: none; }
#sit_pvi_big { width: 100% !important; float: left; margin-bottom: 30px; }
#sit_pvi_big a{ max-height: unset !important;}
#sit_pvi_big img { width: 100%; object-fit: cover; }
#sit_pvi_big .popup_item_image { pointer-events: none; }
/* #sit_pvi_big .popup_item_image:not(.visible) { display: none; } */
/* #sit_pvi_big .popup_item_image:first-child { display: block !important; } */
#sit_pvi_big #popup_item_image { display: none; }
#sit_pvi_thumb {display: none; width: 35%;}
#sit_pvi_thumb li { height: 142px; margin: 0 0 15px 15px; }
#sit_pvi_thumb li:first-child { display: none; }
#sit_pvi_thumb li:last-child { margin-bottom: 0; }
#sit_pvi_thumb li a { display: block; width: 100%; height: 100%; pointer-events: none; }
#sit_pvi_thumb li a img { width: 100%; height: 100%; object-fit: cover; border: none; }
#sit_rel,
#sit_info,
#sit_ov_from { display: block; max-width: 1200px; width: 100%; margin: 0 auto; border-bottom: none; }
/* .estimate-btn-section { z-index: 100; } */
.estimate-btn-section { position: absolute !important; top: 0; width: 100%; max-width: 1200px; z-index: 100; transition: top .25s; }
.head-estimate-btn-section {position: fixed !important; top: 200px; right: 350px; z-index: 100;}

.shop-title { margin-bottom: 18px; }
.shop-title p { display: inline-block; font-size: 12px; font-weight: 300; line-height: 17px; letter-spacing: -0.05em; }
.shop-title span { margin-right: 10px; font-size: 17px; font-weight: 500; line-height: 17px; letter-spacing: -0.05em; color: var(--darkpurple-color); }
.sit_pvi_big_single { width: 100% !important; }
.sit_pvi_big_single a { width: 100%; pointer-events: none; }
/* .sit_pvi_big_single a:first-child { display: block !important; } */
.sit_pvi_big_single a img { width: 100%; object-fit: cover; }
/* ìƒí’ˆ ìƒì„¸,ê°¯ìˆ˜ */
 #sit_sel_option,
.sit_option,
.sit_info { display: none; } 
#sit_tot_price{display: none;}
/* íŒŒì¼ ì—…ë¡œë“œ */
#hd_sch,
#sit_rel,
#file-drop,
#file-upload,
#sit_qa_list,
#file-preview,
#sit_siblings { display: none; }
#drop-area { position:relative; display: flex; width: calc(100% - 128px); height: 100px; padding: 20px 30px; border: 0.3px solid #969696; border-radius: 8px; background: #F5F5F5; text-align: center; align-items: center; }
#drop-area:after{position: absolute; content: 'â€» íŒŒì¼ì˜ ì—¬ëŸ¬ê°œì´ê±°ë‚˜ ìš©ëŸ‰ì´ í´ ê²½ìš°ì—ëŠ”\A file@yesprint.co.kr ë¡œ ë³´ë‚´ì‹œê¸¸ ë°”ë¼ê²&nbsp;ìŠµë‹ˆë‹¤.'; bottom: -25px; left: 0; text-align: left; font-size: 11px; color: var(--purple-color);}
#file-drop-label { display: block; font-size: 15px; font-weight: 500; letter-spacing: -0.05em; color: #474747; text-align: left; pointer-events: none; }
#file-drop-label span { display: block; margin-top: 5px; font-size: 13px; font-weight: 350; letter-spacing: -0.05em; color: #6F6F6F; }
.file-upload-box { display: flex; width: 100%; height: 100px; }
.file-upload-box #upload-area { width: 120px; height: 100px; margin-right: 5px; font-size: 14px; font-weight: 700; line-height: 20px; color: #7C4BFF; border: none; border-radius: 9px; background: #FFD74B; text-align: center; cursor: pointer; }
.file-upload-box #upload-area #file-upload-pc { display: none; }
.file-upload-box #upload-area label { display: block; padding: 25px 0; cursor: pointer; }
.file-upload-box #upload-area span { display: block; width: 68px; height: 18px; margin: 10px auto 0 auto; font-size: 10px; font-weight: 700; line-height: 18px; letter-spacing: -0.05em; border-radius: 3px; color: #fff; background: var(--purple-color); text-align: center; }
.file-upload-box .plus-box { width: 58px; min-width: 58px; height: 58px; margin-right: 30px; font-size: 28px; font-weight: 400; line-height: 52px; border: 1px dotted #969696; border-radius: 9px; background: #fff; }
/* ì˜µì…˜ ì„&nbsp;íƒ ì°½ */
.detail-option { display: flex; padding: 35px 0; font-size: 12px; border-top: 0.3px solid #979797; align-items: center; justify-content: space-between; }
.detail-option-post-printing { flex-direction: column; }
.detail-option-post-printing { padding-bottom: 0; border-bottom: none; }
.detail-option-size { display: block; }
.detail-option:first-child { padding-top: 0; margin-top: 0; border-top: none; }
.detail-option:last-child { padding-bottom: 0; border-bottom: none; }
.detail-option.detail-option-coating { border-bottom: none; }
.detail-option #print { width: 127px; }
.detail-option #card_size { width: 200px; }
.detail-option label { cursor: pointer; }
.detail-option input { height: 28px; border: 0.3px solid #979797 !important; border-radius: 3px; text-align: center; }
.detail-option input[readonly]:focus-visible { outline: none; }
.detail-option input[type="number"]::-webkit-outer-spin-button,
.detail-option input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.detail-option input[type="radio"] { display: inline-block !important; width: 16px; height: 16px; margin-left: 15px; margin-right: 7px; cursor: pointer; }
.detail-option input[type="radio"]#flap01 { margin-left: 0; }
.detail-option input[type="radio"].dpnone { display: none !important; }
.detail-option input[type="radio"].coating-glossy-radio:nth-of-type(1) { margin-left: 0 !important; }
.detail-option input[type="radio"].coating-matte-radio:nth-of-type(3) { margin-left: 0 !important; }
.detail-option select { height: 28px; padding: 3px; border: 0.3px solid #969696; border-radius: 3px; }
.detail-option .radio-btn { display: block; min-height: 28px; font-size: 12px; font-weight: 500; border: 0.3px solid #969696; border-radius: 3px; background: #fff; color: #000; text-align: center; }
.detail-option .radio-btn.active { border: none; background: var(--lightpurple-color) !important; color: #fff; }
.detail-option .radio-btn label { display: block; }
.detail-option .radio-btn .radio-input { display: none !important; }
.detail-option button { min-height: 28px; font-size: 12px; font-weight: 500; border: 0.3px solid #969696; border-radius: 3px; background: #fff; color: #000; text-align: center; }
.detail-option button.active { border: none; background: var(--lightpurple-color) !important; color: #fff; }
.detail-option .detail-title { display: inline-block; min-width: 80px; font-size: 12px; font-weight: 500; line-height: 26px; }
.detail-option .detail-title.narrow { min-width: 65px; }
.detail-option .detail-subtitle { display: inline-block; min-width: 55px; font-size: 12px; font-weight: 400; line-height: 18px; color: #808083; }
.detail-option .order-custom .detail-title.narrow { color: var(--purple-color); }
/* .detail-option .paper #paper { width: 120px; } */
.detail-option .paper #paper_weight { width: 74px; }
.detail-option .paper #cover_paper1,
.detail-option .paper #cover_paper2,
.detail-option .paper #cover_paper3,
.detail-option .paper #cover_paper4 { width: 180px; }
.detail-option .paper #cover_paper_weight { width: 74px; }
.detail-option .size-area { display: flex; }
.detail-option .size-area02 { margin-top: 18px; }
.detail-option.jaedan-section { flex-wrap: wrap; }
.detail-option .jaedan-area { display: flex; width: 100%; align-items: center; }
.detail-option .jaedan-area input[type='radio'] { display: none !important; }
.detail-option .jaedan-area input + label { flex: 1; padding: 5px 0; margin-right: 10px; border: 1px solid #969696; border-radius: 3px; text-align: center; }
.detail-option .jaedan-area input + label:last-child { margin-right: 0;}
.detail-option .jaedan-area input:checked + label { border: 1px solid #AC94F1; font-weight: 600; color: #fff !important; background: #AC94F1; }
.detail-option .jaedan-img-box { position: relative; display: flex; width: 100%; margin-top: 20px; }
.detail-option .jaedan-img-box .jaedan-img { flex: 1; padding: 15px 30px; margin-right: 10px; border: 1.5px solid #e0dede; border-radius: 3px; }
.detail-option .jaedan-img-box .jaedan-img img { display: block; width: 100%; max-width: 250px; margin: auto; }
.detail-option .jaedan-img-box .jaedan-img .color { display: none; }
.detail-option .jaedan-img-box .jaedan-img02 { margin-right: 0; }
.detail-option .jaedan-img-box .jaedan-img.active { border: 1.5px solid #DCDCDC; background: #DCDCDC; }
.detail-option .jaedan-img-box .jaedan-img.active .gray { display: none; }
.detail-option .jaedan-img-box .jaedan-img.active .color { display: block; }
.detail-option .jaedan-img-box .jaedan-memo { position: absolute; bottom: -25px; left: 80px; font-size: 12px; color: red; }
.paper-example { display: flex; margin-right: 20px; }
.paper-example .paper-size { display: flex; width: 53px; height: 68px; padding: 6px; font-size: 12px; font-weight: 700; letter-spacing: -0.05em; border: none; background: #BBBABA; color: #fff; flex-direction: column; align-items: center; justify-content: space-between; }
.paper-example .paper-size:first-child { margin-right: 10px; }
.paper-example .paper-size span { display: block; margin: auto; border-radius: 3px; color: #BBBABA; background: #fff; }
.paper-example .paper-size.active span { color: var(--lightpurple-color); }
.paper-example .paper-width span { width: 40px; height: 25px; line-height: 25px; }
.paper-example .paper-height span { width: 25px; height: 50px; line-height: 40px; }
.standard-size button { width: 117px; height: 28px; line-height: 28px; }
.custom-size button { width: 117px; height: 28px; line-height: 28px; }
.size-area .size-option { display: flex; justify-content: space-between; flex: 1; }
.size-input .size-title { color: var(--purple-color); font-weight: 500; line-height: 24px; }
.size-input .size-input-w span, .size-input .size-input-h span { color: #969696; }
.size-input .size-input-w input, .size-input .size-input-h input { height: 28px; margin: 0 8px; text-align: center; }
.size-input-area { position: relative; display: flex; min-height: 68px; flex-direction: column; justify-content: space-between; flex: 1; }
.size-input-area .size-input { display: flex; justify-content: space-between; }
.size-input-area .size-input .size-input-w,
.size-input-area .size-input .size-input-h { position: relative; }
.size-input-area .size-input input { width: 60px; border: 0.3px solid #979797; border-radius: 3px; background: #F5F5F5 !important; }
/* .size-input-area .size-input .input-fake { display: none; position: absolute; top: 30px; left: 50%; margin: 0 !important; transform: translateX(-50%); } */
.size-input-area .size-input input.active { background: none !important; }
.size-input-area .work-size-notice { position: absolute; bottom: -18px; right: 60px; min-width: 180px; font-size: 10px; font-weight: 350; color: #6E6F72; letter-spacing: -0.05em; }
.order-count #order_count { width: 178px; }
.order-count #order_count.narrow { width: 106px; }
.order-custom #order_custom { width: 95px; padding-left: 10px; background: #F5F5F5 !important; }
.order-custom #order_custom.active { background: none !important; }
.order-quantity-section { border-bottom: none; }
.order-quantity #order_quantity { width: 178px; }
.order-quantity #order_quantity.narrow { width: 95px !important; }
.folding-area { display: flex; flex: 1; justify-content: space-between; }
.folding-area .folding-btn { width: 100%; }
.folding-area .folding-btn:first-child { margin-right: 20px; }
.folding-area .folding-btn:disabled {background-color: #ddd; cursor: default;}
.post-printing-option { display: flex; width: 100%; padding-bottom: 22px; justify-content: space-between; }
.post-printing-option .post-printing-box { display: flex; text-align: center; flex-direction: column; }
.post-printing-option .post-printing-box:last-child { margin-right: 0; }
.post-printing-option .post-printing-box .post-printing-btn { width: 65px; margin-bottom: 8px; }
.post-printing-option .post-printing-box .post-printing-btn img { width: 100%; }
.post-printing-option .post-printing-box .post-printing-btn .img-wh { display: none; }
.post-printing-option .post-printing-box .post-printing-btn.active .img-gy { display: none !important; }
.post-printing-option .post-printing-box .post-printing-btn.active .img-wh { display: block !important; }
.post-printing-area01 { position: relative; display: flex; width: 100%; }
.post-printing-area01 .post-printing-guide { position: absolute; top: 38px; padding: 5px 8px; font-size: 10px; font-weight: bold; letter-spacing: -0.05em; border: none; border-radius: 5px; color: #fff; background: var(--main-color); text-align: center; }
.post-printing-area02 { display: flex; width: 100%; padding: 22px 0; }
.post-printing-area02 input[type="number"] { width: 32px; margin: 0 5px; }
.post-printing-area02 .radio-btn .radio-label { display: block; font-size: 12px; font-weight: 500; line-height: 28px; border-radius: 3px; }
.post-printing-area02 .radio-btn.active .radio-label { background: var(--lightpurple-color) !important; color: #fff; border: none; }
.coating-area .coating { display: flex; width: 100%; line-height: 26px; align-items: center; }
.coating-area .coating-btn-area { margin: 0 0 0 auto; }
.coating-area .coating-btn-area .coating-btn { display: inline-block; width: 137px; }
.coating-area .coating-btn-area .coating-btn:first-child { margin-right: 8px; }
.foil-processing-area .foil-processing { width: calc(100% - 80px); }
.foil-processing-area .foil-processing-option { display: flex; gap: 7px; }
.foil-processing-area .foil-processing01 { display: flex; justify-content: space-between; align-items: center; }
.foil-processing-area .foil-processing01 .foil-processing-option { width: 100%; }
.foil-processing-area .foil-processing01 .foil-processing-option01 .foil-processing-option-btn { width: 20%; }
.foil-processing-area .foil-processing02 .foil-processing-option02 .foil-processing-option-btn { width: 40px; }
.foil-processing-area .foil-processing02 { display: flex; width: 100%; padding-top: 17px; }
.foil-processing-area .foil-processing02 .foil-processing-input { margin: 0 0 0 auto; }
.foil-processing-area .foil-processing02 .foil-processing-input,
.foil-processing-area .foil-processing02 .foil-processing-input .foil-processing-input-w,
.foil-processing-area .foil-processing02 .foil-processing-input .foil-processing-input-h { display: flex; align-items: center; }
.foil-processing-area .foil-processing02 .foil-processing-input .foil-processing-input-h { margin-left: 10px; }
.epoxy-area .epoxy { display: flex; width: 100%; align-items: center; }
.epoxy-area .epoxy-coating-btn { width: 227px; }
.epoxy-area .epoxy-input { margin: 0 0 0 auto; }
.epoxy-area .epoxy-input,
.epoxy-area .epoxy-input .epoxy-input-w,
.epoxy-area .epoxy-input .epoxy-input-h { display: flex; align-items: center; }
.epoxy-area .epoxy-input .epoxy-input-h { margin-left: 10px; }
.epoxy-area #epoxy_coating { width: 227px; }
.pressure-area .emboss-pressure-btn-area { display: flex; width: 227px; justify-content: space-between; }
.pressure-area .emboss-pressure-btn-area .emboss-pressure-btn { width: calc(50% - 5px); }
.pressure-area button.engrave-pressure { margin-left: 7px; }
.pressure-area .pressure { display: flex; width: 100%; align-items: center; }
.pressure-area .pressure-input { margin: 0 0 0 auto; }
.pressure-area .pressure-input,
.pressure-area .pressure-input .pressure-input-w,
.pressure-area .pressure-input .pressure-input-h { display: flex; align-items: center; }
.pressure-area .pressure-input .pressure-input-h { margin-left: 10px; }
.perforated-area .perforated { display: flex; width: 100%; line-height: 26px; align-items: center; }
.perforated-area .perforated #perforated01 { margin-left: 0; }
.perforated-area .perforated-btn-area { display: flex; margin: 0 0 0 auto; gap: 10px; }
.perforated-area .perforated-btn-area .perforated-btn { display: inline-block; width: 68px; }
.rounded-corner-area .rounded-corner { position: relative; display: flex; width: 100%; line-height: 15px; }
.rounded-corner-area .rounded-corner #rounded_corner01 { margin-left: 0; }
.rounded-corner-area .rounded-corner .rounded-corner-notice { position: absolute; bottom: 3px; left: 62px; font-size:12px; font-weight: 350; color: #6E6F72; letter-spacing: -0.07em; }
.rounded-corner-area .rounded-corner .detail-subtitle { line-height: 15px; }
.rounded-corner-area .rounded-corner-btn-area { display: flex; margin: 0 0 0 auto; gap: 8px; transform: translateY(-3px); }
.rounded-corner-area .rounded-corner-btn-area label { display: flex; flex-direction: column; align-items: center; background: none; border: none; border-radius: none; }
.rounded-corner-area .rounded-corner-btn-area label .rounded-corner-img { display: inline-block; width: 63px; height: 35px; padding: 6px; margin-bottom: 5px; background: none; border: 0.3px solid #969696; border-radius: 3px; }
.rounded-corner-area .rounded-corner-btn-area label .rounded-corner-img img { width: 100%; height: 100%; object-fit: contain; }
.rounded-corner-area .rounded-corner-btn-area label .rounded-corner-img .img-wh { display: none; }
.rounded-corner-area .rounded-corner-btn-area label.active .rounded-corner-img { background: var(--lightpurple-color); border: none; }
.rounded-corner-area .rounded-corner-btn-area label.active .rounded-corner-img .img-gy { display: none; }
.rounded-corner-area .rounded-corner-btn-area label.active .rounded-corner-img .img-wh { display: inline-block; }
/* ì¼ë°˜ëª…í•¨ */
.coating-box { display: flex; width: 100%; height: 28px; line-height: 28px; align-items: center; align-content: flex-start; }
.coating-box .coating-btn-area { display: flex; margin: 0 0 0 auto; }
.coating-box .coating-btn-area input[type="radio"] { display: none !important; }
.coating-box .coating-btn-area .coating-btn { width: 114px; }
.coating-box .coating-btn-area .coating-btn:last-child { margin-left: 11px; }
.basic-option .coating-area .coating-btn-area .coating-btn { width: 100px; }
/* ì£¼ë¬¸í•˜ê¸° ë²„íŠ¼ */
#sit_ov_btn { position: fixed; left: 0; bottom: 0; width: 100%; padding: 25px 0; background: var(--light-color); z-index: 101;}
#sit_ov_btn .sit_btn_wish { display: none; }
#sit_ov_btn .order-btn-area { display: flex; width: 100%; max-width: 1200px; padding: 0 25px; margin: 0 auto; align-items: center; justify-content: space-between; }
#sit_ov_btn .order-btn-area .sit_btn { width: 165px; height: 44px; margin-right: 0; margin-bottom: 0; font-size: 18px; font-weight: 700; letter-spacing: -0.05em; border: 1px solid var(--purple-color); border-radius: 3px; }
#sit_ov_btn .order-btn-area .sit_btn_cart { margin-right: 20px; color: var(--purple-color); }
#sit_ov_btn .order-btn-area .sit_btn_buy { background-color: var(--purple-color); }
#sit_ov_btn .order-btn-area .amount-area { display: flex; font-size: 14px; line-height: 20px; letter-spacing: -0.1em; color: var(--dark-color); align-items: center; }
#sit_ov_btn .order-btn-area .amount-area .total-amount { margin-left: 20px; margin-right: 10px; font-size: 24px; font-weight: 700; letter-spacing: -0.05em; color: var(--purple-color); }
#sit_ov_btn .order-btn-area .amount-area .total-amount span { display: none; }
#sit_ov_btn .order-btn-area .amount-area .total-amount strong { margin-right: -5px; font-size: 24px; font-weight: 700; letter-spacing: -0.05em; color: var(--purple-color); }
#sit_ov_btn .order-btn-area .amount-area .print-quote { width: 120px; height: 38px; margin-right: 20px; margin-bottom: 0; font-size: 15px; font-weight: 700; line-height: 38px; letter-spacing: -0.05em; border: none; color: var(--purple-color); background: #FFD74B; }
/* ìš°ì¸¡ ê²¬ì&nbsp;ì„œ */
/* #estimate { position: fixed; top: 325px; right: 180px; width: 147px; border: 1px solid #ACB3BF; border-radius: 5px; background: #fff; z-index: 100; } */
#estimate { position: absolute; top: 150px; right: -40px; width: 147px; background: transparent; transform: translateX(100%); }
#estimate .fixed-add-cont{display: flex; flex-direction: column; gap: 10px;}
#estimate .fixed-add-cont span{display: flex; justify-content: space-between; margin: 0 0 10px; font-weight: 900; letter-spacing: 0.02em; font-size: 12px;}
#estimate .fixed-add-cont span img{width:21.3px; height:13.4px; margin-top:5px;}
#estimate .fixed-add-cont button{font-size: 15px; font-weight: bold; border-radius: 6px; padding: 4px 0;}
#estimate .fixed-add-cont button.download-enterinfo{font-size: 14px;}
#estimate .fixed-add-cont button.goto-orderpage{background-color: #ffd74b; border: 1px solid #ffd74b; color: #713bff;}
#estimate .fixed-add-cont button.download-enterinfo{display: flex; width: 100%; flex-direction: column; justify-content: center; align-items: center; gap: 5px; background-color: #926afd; border: 1px solid var(--main-color); color: #fff;}
#estimate .estimate-inner { display: none; }
#estimate .opt_count { display: none; }
#estimate .opt_title { background: var(--main-color); }
#estimate .opt_estimate { padding: 15px 15px 0 15px; }
#estimate .opt_estimate .opt_common { display: flex; width: 100%; height: 26px; font-size: 12px; font-weight: 350; line-height: 20px; text-align: center; align-items: center; justify-content: space-between; }
#estimate .opt_estimate .opt_common .amount { color: var(--dark-color); }
#estimate .opt_estimate .opt_common .amount:not(.order_number):before { content: 'ï¿¦'; }
#estimate .opt_estimate .opt_common .opt_name { color: var(--dark-color); }
#estimate .opt_estimate .opt_total .opt_name { letter-spacing: 0.3em; }
#estimate .opt_estimate .opt_vat,
#estimate .opt_estimate .opt_order_number { border-bottom: 0.3px dotted var(--dark-color); }
#estimate .opt_estimate .opt_amount,
#estimate .opt_estimate .total_amount,
#estimate .opt_estimate .payment_amount { display: flex;  flex-direction: column; justify-content: center; }
#estimate .opt_estimate .payment_amount .opt_payment { font-weight: 500; }
#estimate .opt_estimate .payment_amount .opt_payment .amount { color: #6F3AFF; }
#estimate .estimate-area { height: auto; }
#estimate .estimate-area li { padding: 0; border-bottom: none; }
#estimate .estimate-area .opt_title { font-size: 16px; font-weight: 700; text-align: center; }
#estimate .estimate-area .opt_title span { display: flex; height: 30px; color: #fff; align-items: center; justify-content: center; }
#estimate .estimate-area .opt_title span img { width: 100%; max-width: 12px; margin-right: 5px; object-fit: contain; }
.total_amount .opt_total { margin-bottom: -5px; }
.estimate-btn { padding-top: 0; }
.estimate-btn-inner { display: flex; padding: 15px; flex-direction: column; }
.estimate-btn-inner button { padding: 0; font-size: 13px; font-weight: 700; letter-spacing: -0.05em; border: 0.5px solid var(--sub-color); border-radius: 3px; color: #fff; }
.estimate-btn-inner .btn-buy { margin-bottom: 5px; background: var(--lightpurple-color); }
.estimate-btn-inner .btn-cart { margin-bottom: 0; background: var(--gray-color); }
/* .template-btn { position: fixed; top: 280px; right: 180px; width: 147px; height: 30px; border: 1px solid #FFE090; border-radius: 5px; background: var(--lightpurple-color); font-size: 15px; font-weight: bold; color: #fff; z-index: 100;} */
.template-btn { position: absolute; top: 35px; right: -40px; width: 147px; height: 30px; border: 1px solid #FFE090; border-radius: 5px; background: var(--lightpurple-color); font-size: 15px; font-weight: bold; color: #fff; transform: translateX(100%); }
/* ì±…ìž */
.book-option .coating-area .coating-btn-area { display: flex; width: 100%; justify-content: space-between; }
.book-option .coating-area .coating-btn-area .coating-btn { width: 210px; }
.book-option .die-cutting .die-cutting-btn { width: 227px; }
.book-option .die-cutting .die-cutting-input { margin: 0 0 0 auto; }
.book-option .die-cutting .die-cutting-input,
.book-option .die-cutting .die-cutting-input-w,
.book-option .die-cutting .die-cutting-input-h { display: flex; align-items: center; }
.book-option .die-cutting .die-cutting-input-h { margin-left: 10px; }
.detail-option .card-size.wide { margin-left: 20px; flex: 1; }
.detail-option .card-size.wide #card_size { width: 100%; }
.detail-option .detail-option-title { width: 100%; padding-top: 10px; font-size: 16px; font-weight: bold; border-top: 2px solid #1E1E1E; text-align: left; }
.detail-option-select { width: 100%; float: left; padding: 0 !important; margin-top: 40px; flex-direction: column; }
.detail-option-select.end-paper-section { margin-bottom: 40px; border: none !important; }
.detail-option-select.inner-paper-section { border: none !important; }
.detail-option-select .detail-option { width: 100%; flex-direction: column; }
.detail-option-select &gt; .detail-option:nth-child(2) { border-top: none; }
.detail-option-right .size-area02 { margin-top: 18px; }
.detail-option-right .size-area02 .custom-size { margin-right: 21px; }
.detail-option-right .detail-option #card_size.wide { width: 363px !important; }
.detail-option-right .size-input-area .size-input input { width: 60px; }
.detail-option-right .detail-option-select:nth-last-child(2) { margin-top: 0; border-bottom: none; }
.detail-option-paper, .detail-option-flap { display: flex; width: 100%; justify-content: space-between; }
.detail-option-flap { display: none; margin-top: 20px; }
.detail-option-flap.active { display: flex; }
.die-cutting { display: flex; width: 100%; flex-wrap: wrap; align-items: center; } 
.die-cutting .memo { display: block; width: 100%; margin-top: 15px; color: red; }
.die-cutting .die-cutting-btn { width: 100%; }
.flap-size { display: none; align-items: center; }
.flap-size.active { display: flex; margin: -1px 0; }
.flap-size input { width: 55px; margin: 0 8px; }
.flap-size .detail-title { color: var(--purple-color); }
.flap-size .flap-size-input-w,
.flap-size .flap-size-input-h { display: flex; align-items: center; }
.flap-size .flap-size-input-h { margin-left: 20px; }
.order-count .order-count-btn { width: 73px; margin-right: 10px; }
.order-count .order-count-btn:last-child { margin-right: 0; }
.detail-option-binding { flex-direction: column; }
.spring-option { display: none; }
.spring-option.active,
.detail-option-binding01,
.detail-option-binding02 { position: relative; display: flex; width: 100%; }
.detail-option-binding01 { justify-content: space-between; }
.detail-option-binding01 .binding-btn-area { display: flex; margin-left: -38px; flex-wrap: wrap; }
.detail-option-binding01 .binding-btn-area button { width: calc(50% - 5px); margin: 5px; }
.detail-option-binding01 .binding-btn-area button:nth-child(1) { margin-top: 0; margin-left: 0; }
.detail-option-binding01 .binding-btn-area button:nth-child(2) { margin-top: 0; margin-right: 0; }
.detail-option-binding01 .binding-btn-area button:nth-child(3) { margin-bottom: 0; margin-left: 0; }
.detail-option-binding01 .binding-btn-area button:nth-child(4) { margin-bottom: 0; margin-right: 0; }
.detail-option-binding02 .memo { position: absolute; bottom: -26px; left: 80px; display: none; font-size: 12px; color: red }
.detail-option-binding02 .memo.active { display: block; }
.binding-example { display: flex; min-width: 235px; justify-content: space-between; }
.binding-example .binding-size { width: calc(25% - 6px); height: 100%; margin-right: 5px; background: var(--lightgray-color); border:none; color: #fff; }
.binding-example .binding-size:last-child { margin-right: 0; }
.binding-example .binding-size .binding-img { display: block; width: 100%; max-width: 40px; height: 44px; margin: auto; line-height: 44px; color: var(--lightgray-color); background-size: contain; background-repeat: no-repeat; }
.binding-example .binding-size.active .binding-img { color: var(--lightpurple-color); }
.binding-example .binding-width-top .binding-img { background-image: url(/theme/basic/img/ico_binding_width_top_gy.png); }
.binding-example .binding-height-top .binding-img { background-image: url(/theme/basic/img/ico_binding_height_top_gy.png); }
.binding-example .binding-width-left .binding-img { background-image: url(/theme/basic/img/ico_binding_width_left_gy.png); }
.binding-example .binding-height-left .binding-img { background-image: url(/theme/basic/img/ico_binding_height_left_gy.png); }
.binding-example .binding-width-top.active .binding-img { background-image: url(/theme/basic/img/ico_binding_width_top.png); }
.binding-example .binding-height-top.active .binding-img { background-image: url(/theme/basic/img/ico_binding_height_top.png); }
.binding-example .binding-width-left.active .binding-img { background-image: url(/theme/basic/img/ico_binding_width_left.png); }
.binding-example .binding-height-left.active .binding-img { background-image: url(/theme/basic/img/ico_binding_height_left.png); }
.cover-size { display: flex; width: 100%; margin-top: 20px; }
.cover-size .detail-subtitle { width: 100px; line-height: 24px; }
.cover-size .cover-input { display: flex; width: 100%; justify-content: space-between; }
.cover-size .cover-input input { width: 47px; height: 28px; margin: 0 5px; border: 0.3px solid #969696; border-radius: 3px; background: #F5F5F5; text-align: center; }
.spring-option-area { display: flex; width: 100%; margin-top: 20px; justify-content: space-between; }
.spring-option-area #pvc { width: 150px; }
.spring-option-area #ring_color { width: 150px; }
.spring-option-area .ring-color .detail-subtitle { min-width: 80px; }
.inner-paper-page,
.detail-option-inner-paper { width: 100%; }
.detail-option-inner-paper #inner_paper1,
.detail-option-inner-paper #inner_paper2,
.detail-option-inner-paper #inner_paper3,
.detail-option-inner-paper #inner_paper4 { width: 100%; margin-right: 10px; }
.detail-option-inner-paper #inner_paper_weight { width: 186px; }
.detail-option-inner-paper .inner-paper { display: flex; justify-content: space-between; }
.inner-paper-page { position: relative; display: flex; margin-top: 20px; margin-bottom: 40px; justify-content: space-between; }
.inner-paper-page #page { width: 186px; }
.inner-paper-page #inner_paper_page { /* width: 186px; */ padding: 0 5px; margin-left: -2px; text-align: start; }
.inner-paper-page .page-notice { position: absolute; left: 15%; bottom: -20px; font-size: 10px; letter-spacing: -0.05em; color: var(--purple-color); }
.inner-paper-page .inner-paper-print .detail-title { min-width: 70px; }
.inner-paper-page .inner-paper-print #inner_paper_print { width: 186px; }
.detail-option-end-paper { display: block; width: 100%; margin-top: 20px; }
.detail-option-end-paper .end-paper-color { display: flex; }
.detail-option-end-paper .end-paper-color .end-paper-color-btn { display: flex; width: 100%; justify-content: space-between; }
.detail-option-end-paper .end-paper-color .end-paper-color-btn .radio-btn { width: 56px; font-size: 12px; letter-spacing: -0.05em; }
.detail-option-end-paper .end-paper-color .end-paper-color-btn .radio-btn label { line-height: 28px; }
.detail-option-end-paper .end-paper-color .end-paper-color-btn .radio-btn:first-child { width: 70px; }
.end-paper-select { display: flex; width: 100%; }
.end-paper-select .end-paper-area { display: flex; align-items: center; }
.end-paper-select .end-paper-area #endPaper01 { margin-left: 0; }
.end-paper-select .end-paper-area .end-paper-page-btn { display: flex; width: 100%; justify-content: space-between; }
.end-paper-select .end-paper-area .end-paper-page-btn button { width: 109px; font-size: 12px; letter-spacing: -0.05em; }
.end-paper-select .end-paper-area .end-paper-page-btn button:last-child { margin-left: 9px; }
.end-paper-page { display: flex; width: 100%; margin-top: 20px; }
.end-paper-page .end-paper-page-btn { display: flex; width: 100%; justify-content: space-between; }
.end-paper-page .end-paper-page-btn .radio-btn { width: 50%; }
.end-paper-page .end-paper-page-btn .radio-btn:first-child { margin-right: 20px; }
.end-paper-page .end-paper-page-btn .radio-btn label { line-height: 28px; }
/* í™ë³´ë¬¼ */
.promotion-option.detail-option-post-printing { padding-top: 50px; border-top: none !important; }
.promotion-option .die-cutting .die-cutting-btn { width: 227px; }
.promotion-option .die-cutting .die-cutting-input { margin: 0 0 0 auto; }
.promotion-option .die-cutting .die-cutting-input,
.promotion-option .die-cutting .die-cutting-input-w,
.promotion-option .die-cutting .die-cutting-input-h { display: flex; align-items: center; }
.promotion-option .die-cutting .die-cutting-input-h { margin-left: 10px; }
.detail-option-folding { flex-direction: column; border-bottom: none; }
.detail-option-folding .folding-area01,
.detail-option-folding .folding-area02 { display: flex; width: 100%; }
.detail-option-folding .folding-area02 { margin-top: 25px; }
.folding-img-area { display: grid; width: 100%; gap: 12px; grid-template-columns: repeat(5, 2fr); }
.folding-img-area .folding-img-btn { display: flex; flex-direction: column; align-items: center; }
.folding-img-area .folding-img-btn span { margin-top: 7px; font-size: 12px; letter-spacing: -0.05em; }
.folding-img-area .folding-img-btn input[type="radio"] { display: none !important; }
.folding-img-area .folding-img-btn .folding-img { border: none; }
.folding-img-area .folding-img-btn .folding-img img { width: 100%; max-width: 85px; }
.folding-img-area .folding-img-btn .folding-img .img_pr { display: none; }
.folding-img-area .folding-img-btn.active .folding-img .img_gy { display: none; }
.folding-img-area .folding-img-btn.active .folding-img .img_pr { display: block; }
/* ìŠ¤í‹°ì»¤ */
.sticker-option .detail-option .paper select { width: 178px !important; }
.sticker-option .detail-option .print #print { width: 185px; }
.sticker-option .detail-option .print .detail-title { min-width: 65px; }
.sticker-option .detail-option-size { padding-bottom: 45px; }
.sticker-option .size-input-area .work-size-notice { bottom: -21px; right: 167px; }
.detail-option-sticker { flex-direction: column; }
.detail-option-sticker .sticker-btn { border-radius: 7.5px; line-height: 23px; }
.detail-option-sticker .sticker-btn .img-wh { display: none; }
.detail-option-sticker .sticker-btn.active .img-wh { display: inline-block; }
.detail-option-sticker .sticker-btn.active .img-gy { display: none; }
.sticker-type { display: flex; width: 100%; justify-content: space-between; }
.sticker-type button { height: auto; padding: 10px 25px; font-size: 13px; font-weight: bold; letter-spacing: -0.05em; }
.sticker-type button:last-child { margin: 0 0 0 auto; }
.sticker-type button img { margin-left: 15px; }
.sticker-shape-area { display: none; width: 100%; margin-top: 20px; justify-content: space-between; }
.sticker-shape-area.active { display: flex; }
.sticker-shape-area .sticker-shape input[type="radio"] { display: none !important; }
.sticker-shape-area .sticker-shape span { margin-top: 7px; font-size: 12px; letter-spacing: -0.05em; }
.sticker-shape-area .sticker-shape span.active { font-weight: 500; color: var(--lightpurple-color); }
.sticker-shape-area .sticker-shape { display: flex; flex-direction: column; align-items: center; }
.sticker-shape-area .sticker-shape .sticker-btn { display: flex; flex-direction: column; align-items: center; border: none; background: none !important; }
.sticker-shape-area .sticker-shape .sticker-btn img { width: 100%; max-width: 45px; }
.sticker-shape-area .sticker-shape .sticker-btn .img-box { display: flex; width: 60px; height: 60px; align-items: center; justify-content: center; border: 0.3px solid #969696; border-radius: 7.5px; }
.sticker-shape-area .sticker-shape .sticker-btn.active span { font-weight: 500; color: var(--lightpurple-color); }
.sticker-shape-area .sticker-shape .sticker-btn.active .img-box { border: none; background: var(--lightpurple-color) !important; }
.sticker-shape-area .sticker-text .sticker-btn img { max-width: 42px; }
.sticker-shape-area .sticker-simple .sticker-btn img { max-width: 38px; }
.sticker-size .size-input-area .work-size { margin-top: 12px; }
.sticker-size .size-input-area .size-input input { width: 95px; }
/* ë””ìžì¸ì˜ë¢° */
.request-option { flex-direction:column; }
.request-option:nth-child(4) { padding-bottom: 0; border-bottom: none; }
.request-option input[type="radio"] { margin-left: 0px !important; }
.request-option input[type="number"] { width: 60px; margin-left: 10px; /* background: #F5F5F5; */ }
.request-option .promotion-option button { width: 50%; }
.request-option .promotion-option button:last-child { margin-left: 20px; }
.request-option label,
.request-option input[type="radio"]:nth-of-type(1) { pointer-events: none; cursor: pointer; }
.request-area { display: flex; width: 100%; }
.request-area:first-child { margin-bottom: 18px; }
.request-area .option-area { display: flex; width: 100%; flex-direction: row; align-items: center; justify-content: space-between; }
.request-area .radio-box { display: inline-block; width: 95px !important; line-height: 22px; }
.request-area.catalog-area { flex-direction: column; }
.request-area.catalog-area .catalog-option { display: flex; width: 100%; justify-content: space-between; }
.request-area.catalog-area .catalog-option .number-box:nth-child(2) { margin-right: 20px; }
.request-area.catalog-area .catalog-option .radio-area { margin: 0 0 0 auto; }
.request-area.catalog-area .catalog-option .detail-title { min-width: 55px !important; }
.request-area.catalog-area .catalog-option02 { margin-top: 15px; }
.request-promotion label,
.request-promotion input[type="radio"] { pointer-events: auto !important; }
.logo-area button { width: 48%; }
.banner-option button,
.package-option button { width: 145px; }
.request-promotion &gt; .option-area { display: flex; width: calc(100% - 80px); margin: 20px 0 0 auto; align-items: center; justify-content: space-between; }


/* ìƒì„¸ì„¤ëª… tab */
#sit_ex,
#sit_dvr,
#sit_inf_open, 
#sit_dex &gt; h2 { display: none; }
#sit_info { border: none; }
#sit_tab { display: block; width: 100%; margin-top: 50px; }
#sit_tab .tab_con { padding-top: 50px; }
#sit_tab .tab_con li#sit_inf { display: none !important; }
#sit_tab .tab_con li:not(#sit_inf) { display: block !important; }
#sit_tab .tab_tit { position: sticky; top: 0; padding: 0; border: none; z-index: 100; }
#sit_tab .tab_tit li { width: 25%; height: 42px; margin-left: -1px; }
#sit_tab .tab_tit li:first-child { margin-left: 0; }
#sit_tab .tab_tit li button { height: 100%; padding: 1px; border: 1px solid #979797; font-size: 15px; font-weight: 400; letter-spacing: -0.05em; }
#sit_tab .tab_tit li button .item_qa_count { display: none; }
#sit_tab .tab_tit li .item_use_count { display: none; }
#sit_tab .tab_tit li .selected { padding: 0; border: 2px solid var(--purple-color); font-weight: 700; color: var(--purple-color); }
#sit_tab .tab_tit li .selected:after { display: none; }
#tab_tit { padding: 0; }

.request-info-section { padding: 50px 0; margin: 0 !important; }
.request-info { display: flex; padding: 50px 0 20px 0; margin: 0 !important; border-bottom: 0.5px solid #707070; flex-wrap: wrap; justify-content: flex-end; }
.request-info .info-title { width: 175px; font-size: 25px; font-weight: 600; color: var(--main-color); letter-spacing: -0.05em; }
.request-info .info-area { display: block; width: calc(100% - 175px); margin-bottom: 20px; }
.request-info .info-area:last-child { margin-bottom: 0; }
.request-info .info-area .info-subtitle { display: block; margin-bottom: 20px; font-size: 20px; font-weight: 500; color: var(--purple-color); }
.request-info .info-area .info-detail { display: flex; min-height: 50px; line-height: 25px; }
.request-info .info-area .info-detail .type { min-width: 120px; font-size: 15px; font-weight: 900; }
.request-info .info-area .info-detail .price { min-width: 90px; font-size: 15px; font-weight: 500;  letter-spacing: -0.05em; }
.request-info .info-area .info-detail .detail { font-size: 15px; font-weight: 300; letter-spacing: -0.05em; }
.request-info.logo-info { padding-top: 0; }
.request-info.promotion-info .info-area:nth-child(3) .info-detail .type { min-width: 200px; }
.request-info.promotion-info .info-area:nth-child(3) .info-detail:nth-child(3) { margin-bottom: 10px; }
.request-info.banner-info .info-area:nth-child(2) { width: calc(45% - 87.5px); }
.request-info.banner-info .info-area:nth-child(3) { width: calc(55% - 87.5px); }
.request-info.banner-info .info-area:nth-child(2) .info-detail .type { min-width: 70px; }
.request-sample .sample-title { position: relative; display: block; padding-bottom: 20px; margin-bottom: 50px; font-size: 25px; font-weight: 900; text-align: center; }
.request-sample .sample-title:after { content: ''; position: absolute; left: 50%; bottom: 0; display: block; width: 80px; border: 1.5px solid var(--main-color); transform: translateX(-50%); }

/* ë¦¬ë·° */
#sit_use::marker { content: ''; display: none; }
#sit_use h2 { display: block; position: unset; width: 100%; height: 40px; margin-bottom: 48px; font-size: 20.7px; font-weight: bold; line-height: 40px; letter-spacing: -0.05em; color: #713BFF; background: rgba(226, 225, 223, 0.6); text-align: center; }
.sit_use_tit { font-size: 16.2px !important; font-weight: 300 !important; line-height: 24.3px !important; letter-spacing: -0.05em; }
.sit_use_li { padding: 47px 76px; }
.sit_use_li_title { display: none; }
.sit_use_star { display: inline-block; margin-bottom: 20px !important; }
.sit_use_detail { display: inline-block; margin-left: 10px; font-size: 18px; font-weight: 300; transform: translateY(4px); }
.sit_use_detail .fa { display: none; }
.sit_use_detail .st_bg { display: none; }
.sit_thum { top: 28px; left: auto; right: 76px; }
.sit_thum img { margin-left: 14px; border: 1px solid #ddd; border-radius: 4.5px; overflow: hidden; }
.sit_thum img:first-child { margin-left: 0; }

/* ë¡œê·¸ì¸ */
#mb_login { margin-bottom: 100px; }
#mb_login_notmb { padding: 0 !important; margin: 50px 0 0 !important; }
#mb_login_notmb h2,
#mb_login_notmb p,
#mb_login_notmb #guest_privacy,
#mb_login_notmb .chk_box { display: none; }

/* íšŒì›ê°€ìž… */
#fregister { width: 100%; max-width: 1200px; margin: 100px auto 150px auto; }

/* ìž¥ë°”êµ¬ë‹ˆ */
.shop-content { margin-top: 50px; }
.cart-table { position: relative; }
.od_prd_list { position: relative; }
.od_prd_list .cart-notice { position: absolute; right: 0; display: block; font-size: 12px; color: var(--gray-color); transform: translateY(10px); }
.od_prd_list .td_inf li:first-child{display: none;}
/* ê³&nbsp;ê°ì„¼í„° */
#bo_list { width: 100%; max-width: 1200px; margin-bottom: 40px; }

/* board ê³µí†µ */
#bo_v_share { display: none; }
.bo_fx { display: none; }
.side { width: 22%; min-width: 200px; }
.contain{ position: relative; width: calc(100% - 22%); }
.fq-content { margin-top: 100px !important; }
.qa-con .tit h2 { font-weight: 600 !important; }
.board-maintitle { margin-bottom: 15px; font-size: 28px; font-weight: 600; text-transform: uppercase; }
.board-maintitle img { margin-right: 17px; }
.board-subtitle { margin-bottom: 40px; font-size: 16px; }
.side .side-tit { margin-bottom: 40px; font-size: 22px; font-weight: 600; }
.side .side-menu li { margin-bottom: 25px; }
.side .side-menu li:last-child { margin-bottom: 0; }
.side .side-menu li a { font-size: 16px; font-weight: 500; color: var(--gray-color); }
.side .side-menu li.sm-active a { font-weight: 600; color: #000; }
.tbl_head01 thead { border-top: 2px solid var(--main-color) !important; }
.tbl_head01 thead th { height: 75px; border-bottom: 1px solid #CECECE; font-size: 16px; font-weight: 500; color: #000; }
.tbl_head01 thead th a:hover { text-decoration:none }
.tbl_head01 tbody tr:hover { border: none !important; }
.tbl_head01 tbody td { height: 50px; border-bottom: 1px solid #CECECE; font-size: 14px; font-weight: 400; text-decoration: none !important; }
.tbl_head01 tbody td a { font-size: 14px; font-weight: 400; }
.tbl_head01 tbody td .new_icon { width: 19px !important; height: 19px !important; margin-right: 3px; margin-left: 0 !important;  background: var(--main-color) !important; border-radius: 50% !important; font-size: 12px !important; font-weight: 500 !important; line-height: 18px !important; color: #fff !important; }
.tbl_head01 caption { border: none !important; }
.list-btn { display: block; width: 175px; height: 40px; margin: 50px auto 20px auto; border: none; border-radius: 3px; background: var(--main-color); }
.list-btn a { font-size: 18px; font-weight: 600; color: #fff; }
.list-btn a:hover { color: #fff !important; }
.bo_v_nb { display: flex; justify-content: space-between; }
.bo_v_nb .btn_next { margin: 0 0 0 auto; justify-content: flex-end; }
.bo_v_nb .btn_next .nb_tit { padding-right: 0; padding-left: 20px; }
.bo_v_nb .btn_prv .nb_tit i { margin-right: 5px; }
.bo_v_nb .btn_next .nb_tit i { margin-left: 5px; }
.bo_v_nb .btn_prv,.bo_v_nb .btn_next { display: flex; width: 50%; padding: 10px 0 !important; font-size: 16px; font-weight: 400; background: none !important; align-items: center; }
.bo_v_nb .btn_prv a:hover,.bo_v_nb .btn_next a:hover { text-decoration: underline; }
.bo_v_nb .btn_prv .nb_date,.bo_v_nb .btn_next .nb_date { display: none; }
.bo_v_nb .btn_prv .nb_tit,.bo_v_nb .btn_next .nb_tit { color: var(--lightgray-color); }
.bo_v_nb .btn_prv .nb_tit i,.bo_v_nb .btn_next .nb_tit i { color: var(--lightgray-color); }
.btn_bo_user a.btn, .btn_bo_user .btn { height: 20px; }

/* ê³µì§€ì‚¬í•­ */
#bo_v_top ul,
#bo_v_top ul li { background: none !important; }
#bo_v header { display: flex; margin-bottom: 20px; align-items: flex-end; justify-content: space-between; }
#bo_v header .if_date { font-size: 16px; font-weight: 400; color: var(--lightgray-color); }
#bo_v #bo_v_con { min-height: 350px !important; padding: 30px 0 !important; margin: 0 !important; border-top: 1px solid #CECECE; border-bottom: 1px solid #CECECE; font-size: 16px; font-weight: 300; }
#bo_v_title { display: inline-block; }
#bo_v_title .bo_v_tit { margin: 0 !important; font-size: 26px; font-weight: 600; }
.tbl-notice thead th:nth-child(2) { padding-left: 200px; text-align: start; }
.tbl-notice tbody td:nth-child(2) { padding-left: 50px !important; }

/* faq */
#bo_cate { margin-bottom: 0 !important; }
#bo_cate ul { display: flex; border-top: 2px solid var(--main-color); justify-content: space-around; }
#bo_cate li { width: 25%; padding: 0; text-align: center; }
#bo_cate li a { font-size: 16px; font-weight: 600; border: 0.5px solid #CECECE; color: #000; background: none !important; }
#bo_cate li a:hover { color: #000; text-decoration: underline; }
.faq_admin { position: absolute; top: 50px; right: 0; }
.c-box { padding: 35px 20px; margin-top: 80px; margin-bottom: 120px; background: #EFEFEF; }
.c-box p { font-size: 16px; font-weight: 500; }
.c-box #cInfo { font-size: 15px; font-weight: 500; border: none !important; color: #fff !important; background-color: var(--main-color) !important; }

/* qa */
#bo_list .bo_tit .fa-lock { margin-left: 5px; border: none; background: none; }
#bo_list .bo_tit .fa-lock:before { content: ''; display: block; width: 15px; height: 17px; background-image: url('/theme/basic/img/ico_lock.png'); background-size: 100%; background-repeat: no-repeat; background-color: none; }
.qa-name { display: flex; justify-content: space-between; }
.tbl-qa .reply-btn span { display: block; width: 80px; height: 30px; margin: auto; border: none; border-radius: 5px; font-size: 13px; font-weight: 400; line-height: 30px; text-align: center; }
.tbl-qa .reply-btn .reply-before { background: #EFEFEF; color: #000; }
.tbl-qa .reply-btn .reply-after { background: var(--lightpurple-color); color: #fff; }
.tbl-qa tbody td:nth-child(4) { text-align: center; }

/* ê²¬ì&nbsp;ì„œ ì¶œë&nbsp;¥ */
.estimate-section { width: 919px; padding: 65px; margin: 0 auto; }
.estimate-section h2 { margin-top: 0 !important; margin-bottom: 70px; font-size: 40px; font-weight: 500; color: #514F4F; letter-spacing: 0.05em; text-align: center; }
.table-section { position: relative; display: flex; width: 100%; justify-content: space-between; }
.table-section table { border-collapse: collapse; }
.table-section table th,
.table-section table td { height: 35px; font-size: 14px; color: #514F4F; }
.table-section table td { padding-left: 15px; }
.table-section table .table-tb { line-height: 11px; letter-spacing: 0.2em; writing-mode: tb; }
.estimate-section td { color: #514F4F; font-size: 14px;}
.estimate-section input { border: none; color: #514F4F; font-size: 14px; background: none;  padding-right: 0}
.estimate-section input:focus-visible { outline: unset !important; }
.estimate-section input.est-price { text-align: right; -moz-appearance: textfield; min-width: 55px;}
.estimate-section input::-webkit-outer-spin-button,
.estimate-section input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.estimate-section input::placeholder { color: #514F4F; font-size: 14px; }
.estimate-section #estCount { text-align: right; }
.estimate-section #estTotal { font-size: 16px; font-weight: 500; color: #000; }
.estimate-section #estTotal::placeholder { font-size: 16px; font-weight: 500; color: #000; }
.estimate-section #estPostPrinting { width: calc(100% - 15px); }
.estimate-table01 td { font-weight: 350; }
.estimate-table01 th { font-weight: 500; }
.estimate-table01 td,
.estimate-table01 th { border: 0.5px solid #979797; }
.estimate-date { width: 40%; height: 70px; }
.estimate-date th { width: 70px; padding-right: 20px; border: none; line-height: 5px; text-align: justify; }
.estimate-date th:after,
.estimate-date th:before { content: ''; display: inline-block; width: 100%; }
.estimate-date .estimate-name { position: relative; letter-spacing: 1em; }
.estimate-date .estimate-name span { position: absolute; right: 15px; bottom: 7px; font-size: 12px; font-weight: 300; color: #6F6F6F; letter-spacing: -0.05em; }
.estimate-date .estimate-name #estName { letter-spacing: 1em; }
.estimate-producer { width: 55%; }
.estimate-producer td { font-size: 13px !important; font-weight: 300 !important; }
.estimate-producer th:not(.table-tb) { max-width: 80px; padding: 0 5px; line-height: 5px; text-align: justify; letter-spacing: -0.05em; }
.estimate-producer th:not(.table-tb):after,
.estimate-producer th:not(.table-tb):before { content: ''; display: inline-block; width: 100%; }
.estimate-producer .estimate-ceo { position: relative; }
.estimate-producer .estimate-ceo:after { content: ''; position: absolute; display: block; top: 50%; /*right: -10px;*/ right: 25%; width: 45px; height: 45px; background-image: url(/theme/basic/img/estimate_stamp.png); background-size: contain; background-repeat: no-repeat; transform: translateY(-50%); }
.estimate-info { position: absolute; left: 0; bottom: 0; font-size: 14px; font-weight: 300; color: #514F4F; }
.estimate-price { display: flex; padding: 10px 30px; margin-top: 20px; margin-bottom: 30px; background: #EBEBEB; justify-content: space-between; }
.estimate-price .price { font-size: 14px; color: #514F4F; }
.estimate-price .price span { margin-right: 10px; }
.estimate-price .total-price { font-size: 16px; font-weight: 500; color: #000;  }
.estimate-price .total-price span { margin-right: 10px; }
.estimate-table02 td { border-top: 0.5px solid #979797; border-bottom: 0.5px solid #979797; }
.estimate-table02 th { border-top: 2px solid #979797; border-bottom: 2px solid #979797; }
.estimate-print { width: 40%; }
.estimate-print td:last-child { padding-right: 15px; text-align: end; }
.estimate-print tr.price-area td { border-top: 2px solid #979797; }
.estimate-print tr:last-child td { border-bottom: 2px solid #979797; }
.estimate-print td:first-child,
.estimate-texture td:first-child { width: 80px; font-weight: 500; line-height: 5px; text-align: justify; }
.estimate-print td:first-child:after,
.estimate-print td:first-child:before,
.estimate-texture td:first-child:after,
.estimate-texture td:first-child:before { content: ''; display: inline-block; width: 100%; }
.estimate-texture td:last-child { padding-left: 50px; }
.estimate-texture-section { display: flex; width: 55%; flex-direction: column; justify-content: space-between; }
.estimate-texture-section table { width: 100%; }
.estimate-note { position: relative; display: flex; margin-top: 50px; flex-wrap: wrap; justify-content: space-between; }
.estimate-note textarea { width: calc(100% - 55px); height: 120px; margin-left: 20px; border: 0.5px solid #979797; font-size: 14px; line-height: 20px; resize: none; }
.estimate-note .estimate-note-info { width: calc(100% - 50px); margin-left: 55px; margin-top: 10px; font-size: 12px; font-weight: 350; line-height: 20px; color: #514F4F; }
.estimate-note .estimate-note-title { width: 35px; font-size: 14px; font-weight: 500; }
.estimate-btn-area { width: 100%; margin-top: 70px; text-align: center; }
.estimate-btn-area button { width: 160px; height: 35px; margin-right: 15px; border: none; border-radius: 5px; font-size: 15px; font-weight: 600; cursor: pointer; }
.estimate-btn-area button:last-child { margin-right: 0; }
.estimate-btn-area .btn-excel { background: var(--purple-color); color: #fff; }
.estimate-btn-area .btn-estimate { background: #FFD74B; color: var(--purple-color); }
.estimate-btn-area .btn-close { background: #E7E7E7; color: #514F4F; }
@media print {
    .estimate-btn-area {
        display: none;
    }
}

/* ì£¼ë¬¸/ê²°ì&nbsp;œ */
.settle-bank{display: flex; padding: 10px 0; border: none;}
.settle-bank input{width:70%;height:32px;border:1px solid #e3e5e8;border-radius:3px !important;text-align:left}
.settle-bank label{width: auto !important; margin-right: 20px; font-size: 14px; line-height: 32px;}
.settle-bank select{width: 200px !important; margin-right: 30px !important; }
.settle-bank input[type="text"]{ margin-right: 30px; width: 170px;}
#sod_fin_pay li&gt;span{width: 378px;}
#od_tax_bill { height: 14px !important; margin: auto 12px auto 0 !important; appearance: initial; }
#resolveMisu{display: inline-block; width: 75px; height: 33px; margin-left: 20px; background: var(--main-color); color: #fff; line-height: 33px; border-radius: 3px; text-align: center;}
.sod_left td.chk-list input,
.sod_left td.chk-list label{cursor: pointer;}
.order_choice_place input[type="radio"]{margin-left: 0 !important;}

/* ë°°ì†¡ì§€ëª©ë¡ */
#forderaddress .td_mng .default_lb { background: #AC94F1; border: none; color: #fff; }
#forderaddress .win_btn .btn_submit { background: #FDC434; }

/* ì£¼ë¬¸ë‚´ì—­ */
#orderFilter { display: flex; border: 1px solid #CECECE; border-radius: 5px; gap: 7px; justify-content: flex-end; }
#orderFilter span { font-size: 14px; font-weight: 500; line-height: 35px; }
#orderFilter input[type="date"] { width: 125px; height: 35px; padding: 0 10px; font-size: 14px; border: none !important; background: none !important; }
#od-be-list .od-be-list-memo { position: absolute; right: 0; bottom: -27px; font-size: 12px; font-weight: 400; color: #707070; }
.order-filter-area { display: flex; float: right; }
.order-filter-area .filter-search { display: flex; width: 50px; height: 37px; margin-left: 5px; border: none; border-radius: 5px; background: var(--main-color); align-items: center; justify-content: center; }
.order-filter-area .filter-search img { width: 20px; }

/* í˜„ê¸ˆì˜ìˆ˜ì¦ ë°œê¸‰ */
#scash #win_title { margin-bottom: 20px; }
#scash #scash_apply { margin: 20px 0 30px; }
#scash #scash_apply button { width: 110px; height: 40px; padding: 0; background: var(--main-color); color: #fff; font-size: 14px; font-weight: 400; border: none; border-radius: 3px; text-align: center; }
#scash section { padding: 10px 30px; }
#scash section h2 { padding-bottom: 15px; font-size: 16px; font-weight: 600; border-bottom: 1px solid #000; text-align: left; }
#scash .tbl_head01 { margin: 0 10px !important; }
#scash .tbl_head01 tbody th { font-size: 13px; font-weight: 400; border: none; text-align: left; }
#scash .tbl_head01 tbody td { font-size: 13px; border: none; }
#scash .tbl_head01 tbody td #tr_code2 { margin-left: 10px; }
#scash .tbl_head01 tbody td input[type="text"],
#scash .tbl_head01 tbody td input[type="number"] { width: 180px; height: 33px; border: 1px solid #CECECE; border-radius: 3px; box-shadow: none !important; }
#lg_req_tx .tbl_head01 { margin: 0 10px !important; }
#lg_req_tx .tbl_head01 tbody th { font-size: 13px; font-weight: 400; border: none; text-align: left; }
#lg_req_tx .tbl_head01 tbody td { font-size: 13px; border: none; }
#lg_req_tx .btn_frmline { width: 110px; height: 33px; padding: 0; background: var(--main-color); color: #fff; font-size: 14px; font-weight: 400; border: none; border-radius: 3px; text-align: center; }

/* ë¹„ë°€ê¸€ */
#pw_confirm p strong{color: var(--main-color);}
#pw_confirm form input[type="submit"]{background-color: var(--main-color);}

/* ìƒí’ˆ ë¦¬ë·° */
.btn01.itemuse_list{display: none;}
.btn02.itemuse_form{background-color: var(--main-color);}
.btn_submit{}

/* ìž‘ì—…ì§€ì‹œì„œ */
.sound_only { overflow:hidden !important; display:inline-block !important; position:absolute; top:0; left:0; padding:0 !important; margin:0 !important; font-size:0; line-height:0; border:0 !important; }
.work-order-section { display: block; width: 919px; padding: 65px; margin: 0 auto; }
.work-order-section .logo { display: block; width: 100%; max-width: 260px; margin: 0 auto 70px auto; }
.work-order-section .work-order-title { display: flex; align-items: flex-end; justify-content: space-between; padding: 10px 5px 15px 5px; margin-bottom: 15px; border-top: 1px solid #50555C; border-bottom: 4px solid #50555C; }
.work-order-section .work-order-title h2 { margin: 0; font-size: 28px; font-weight: bold; color: #000; }
.work-order-section .work-order-title .order-number-box { font-size: 20px; font-weight: bold; color: #713BFF; }
.work-order-section .work-order-title .order-number-box #od_number { color: #713BFF; }
.work-order-table { width: 100%; border-collapse: collapse; }
.work-order-table thead tr th { padding: 25px 0; font-size: 16px; font-weight: 500; border-top: 2px solid #FCBC17; border-bottom: 1px solid #CECECE; }
.work-order-table tbody tr td { padding: 15px 0; font-size: 15px; }
.work-order-table tbody tr td span { display: block; }
.work-order-table tbody tr td .thumbnail-area { display: flex; align-items: center; justify-content: space-between; }
.work-order-table tbody tr td .thumbnail-area img { width: 250px; object-fit: cover; }
.work-order-table tbody tr td:nth-child(2) { padding: 0 20px 0 100px; color: #50555C; }
.work-order-table tbody tr td:nth-child(2) span { color: #50555C; }
.work-order-table tbody tr td:nth-child(3) { padding: 0 20px; text-align: center; }
.work-order-section .info-area { display: flex; margin-bottom: 40px; flex-wrap: wrap; }
.work-order-section .info-area .title { display: flex; justify-content: space-between; width: 100%; padding-bottom: 15px; margin-bottom: 30px; font-size: 18px; font-weight: bold; color: #000; border-bottom: 2px solid #000; }
.work-order-section .info-area .title em{font-style: unset;}
.work-order-section .info-area .input-box.right .sub-title { width: 110px; margin-left: 55px; }
.work-order-section .input-box { display: flex; width: 100%; margin-bottom: 25px; align-items: center; justify-content: space-between; }
.work-order-section .input-box.half { width: 50%; }
.work-order-section .input-box.half.block { width: calc(50% + 1px); }
.work-order-section .input-box.memo-area { padding-top: 20px; margin-bottom: 40px; border-top: 1px solid #CECECE; }
.work-order-section .input-box .tel-area { display: flex; flex: 1; gap: 3px; align-items: center; }
.work-order-section .input-box .tel-area .input-detail { flex: unset; }
.work-order-section .input-box .tel-area input::-webkit-outer-spin-button,
.work-order-section .input-box .tel-area input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.work-order-section .input-box .address-area { display: flex; gap: 25px; flex: 1; flex-direction: column; }
.work-order-section .input-box .address-area .address-box { display: flex; flex: 1; }
.work-order-section .input-box .address-area .address-box #od_b_zip { width: 143px; flex: none; }
.work-order-section .input-box .sub-title { width: 150px; margin-left: 15px; font-size: 14px; font-weight: 400; line-height: 35px; color: #000; }
.work-order-section .input-box input { overflow: hidden; width: 100%; height: 35px; padding: 5px 10px; line-height: 35px; border: 1px solid #cecece; border-radius: 3px; flex: 1; }
.work-order-section .input-box .input-detail { display: flex; font-size: 14px; line-height: 25px; flex: 1; }
.work-order-section .input-box input[type="number"]::-webkit-outer-spin-button,
.work-order-section .input-box input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.work-order-section .input-box select { width: 100%; height: 35px; padding: 5px 10px; line-height: 35px; border: 1px solid #cecece; border-radius: 3px; flex: 1; }
.work-order-section .input-box select option { color: #000; }
.work-order-section .input-box textarea { overflow: hidden; width: 100%; height: 35px; padding: 0 10px; line-height: 35px; border: 1px solid #cecece; border-radius: 3px; flex: 1; resize: none; }
.work-order-section .input-box .btn_address { width: 130px; height: 35px; margin-left: 20px; border: none; border-radius: 20px; background-color: #FDC434; color: #fff; cursor: pointer; }
.work-order-section .input-box .se-box { display: flex; flex: 1; }
.work-order-section .input-box .se-box .frm_input{height: 35px; text-align: center; padding: 0; max-width: 340px; color: #B5B5B5;}
.work-order-section .input-box .se-box ul{display: none; width: 100% !important; border: 1px solid #d0d3db; border-top: 0; border-radius: 0px 0px 3px 3px; width: 340px; padding: 0px 10px;}
.work-order-section .input-box .se-box ul li{line-height: 35px; text-align: center; cursor: pointer; border-bottom: 1px solid #d0d3db; list-style: none;}
.work-order-section .input-box .se-box ul li:last-child{border-bottom: none;}
.work-order-section .input-box .se-box .frm_input.box{cursor: pointer;}
@media print {
    .work-order-section {
        padding-top: 0;
        padding-bottom: 0;
    }
}</pre></body></html>