/* BASIC css start */
/* A/S Á¢¼öÁõ - pc/°ßÀû¼­+ÁÖ¹®¼­Æ˾÷ÀÇ ÁÖ¹®¼­ ¸ðµå¸¦ ±â¹ÝÀ¸·Î ¸¸µê(µðÀÚÀÎ µ¿ÀÏ À¯Áö ¿äû).
   °ßÀû¼­ ¸ðµå°¡ ¾Æ¿¹ ¾ø´Â ´ÜÀÏ È­¸éÀ̶ó body.is-order-mode ÀÌÁ߸ðµå ±¸Á¶´Â ÀüºÎ Á¦°ÅÇÏ°í,
   "ÁÖ¹®¼­ ¸ðµå Àü¿ë"À̾ú´ø ±ÔÄ¢µéÀ» ÀüºÎ ±âº»°ªÀ¸·Î ½Â°Ý½ÃÅ´ */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

body {margin: 0; font-family: 'Noto Sans KR', sans-serif; }
img {vertical-align:middle;}
#estimate {width:850px; margin:0 auto; font-family:'Noto Sans KR', sans-serif; font-size:12px; color:#1C1C1C;}
#estimate .title {position: relative; padding:3px; text-align:center;}
#estimate .underline {text-decoration: underline;}
#estimate .quotation_title { text-align: left; padding: 30px 0px 0px 0px; }
/* ÅؽºÆ® ·Î°í -> À̹ÌÁö ·Î°í·Î ±³Ã¼(»ó´Ü). ½ÇÁ¦ SVG ºñÀ²À» È®ÀÎ ¸ø Çؼ­ Æø ±âÁØÀ¸·Î¸¸
   ÀâÀ½ - ¶óÀ̺꿡¼­ º¸°í Å©±â°¡ ¾È ¸ÂÀ¸¸é ÀÌ width °ª¸¸ Á¶Á¤ÇÏ¸é µÊ */
#estimate .quotation-logo-img { width: 300px; height: auto; display: block; }
#estimate .est_title { font-family: "Open Sans", sans-serif !important; font-size: 11px; padding: 5px 0px 50px 0px; text-align: left; }

/* ·Î°í ¿· ³¯Â¥ - °ßÀû¼­ ¸ðµå°¡ ¾ø¾î¼­ Ç×»ó ³ëÃâ(µµÀå ÀÚ¸® Àç»ç¿ëÇÏ´ø ÁÖ¹®¼­ ±ÔÄ¢À» ±âº»°ªÀ¸·Î) */
#estimate .title-order-date { position: absolute; top: 30px; right: 0; font-family: 'Noto Sans KR', sans-serif; padding: 0px; text-align: right; }

/* <button> ¿ä¼Ò´Â »çÀÌÆ® Àü¿ª ÆùÆ® ¸®¼Â(a,p,table µî) ´ë»óÀÌ ¾Æ´Ï¶ó¼­ font-family¸¦ Á÷Á¢ ÁöÁ¤ÇØ¾ß ÇÔ */
#estimate .estimate-order-btn { display: inline-block; width: 90px; font-size: 12px; line-height: 35px; font-family: 'Noto Sans KR', sans-serif !important; color: #1c1c1c; text-align: center; border: 1px solid #f4f0ea; background: #f4f0ea; padding: 0; margin: 0; border-radius: 0; cursor: pointer; }
#estimate .estimate-order-btn:disabled { opacity: 0.5; cursor: default; }
#estimate .estimate-print-btn { display: inline-block; width: 90px; font-size: 12px; line-height: 35px; font-family: 'Noto Sans KR', sans-serif !important; color: #fff; text-align: center; border: 1px solid #1c1c1c; background: #1c1c1c; padding: 0; margin: 0; border-radius: 0; cursor: pointer; }
/* »ó´Ü ¿©¹é¸¸ 50px - ÀÌ ¹öÆ° ¿µ¿ªÀº Àμ⠽à display:noneÀ̶ó Àμ⠷¹À̾ƿô¿¡´Â ¿µÇâ ¾øÀ½ */
#estimate .btn-wrap {display:flex; gap:10px; align-items:center; justify-content:center; margin:100px 0 30px 0;}

#estimate .oi-top { margin-bottom: 10px; margin-top: 10px; }
#estimate .oi-warp { font-family: 'Noto Sans KR', sans-serif; font-size: 12px; display: flex; align-items: center; justify-content: start; margin: 30px 0px; letter-spacing: 0.02em; }
/* CONTACT/PAY&SHIP/ADDRESS´Â À§ ±âº» margin(30px)°ú ºÐ¸®Çؼ­ ºÙ¿©ÁÜ */
#estimate .oi-top .oi-warp { margin: 0px; }
/* üũ¹Ú½º¸¦ .oi-left ¿À¸¥ÂÊ ³¡¿¡ °íÁ¤ */
#estimate .oi-left { width: 150px; flex-shrink: 0; font-weight: 400; letter-spacing: 0.03em; display: flex; align-items: center; justify-content: space-between; }
#estimate .oi-label-check { margin: 0 15px 0 4px; vertical-align: middle; }
#estimate .oi-right { flex-grow: 1; display: flex; align-items: center; gap: 20px; flex-wrap: wrap; margin: 5px 0px; }

/* ½ºÅ©¸°¼¦ ½ºÅ¸ÀÏ Âü°í - ¿¶Àº ȸ»ö ä¿ò ¹Ú½ºÇü ÀÎDz */
#estimate .oi-box { font-family: 'Noto Sans KR', sans-serif; font-size: 12px; line-height: 1.6 !important; border: none; background: #f5f5f5; padding: 15px 12px; box-sizing: border-box; color: #1c1c1c; }
#estimate .oi-box::placeholder { color: #999; }
#estimate .oi-box:focus { outline: none; }
/* flex-basis¸¦ calc(50% - gapÀÇ Àý¹Ý)À¸·Î °íÁ¤ - ÄÜÅÙÃ÷¿Í ¹«°üÇÏ°Ô Ç×»ó µ¿ÀÏÇÑ ÆøÀÌ ³ª¿È */
#estimate .oi-half { flex: 0 0 calc(50% - 10px); box-sizing: border-box; }
#estimate .oi-full { width: 100%; }

/* °¡µ¶¼ºÀ» À§ÇØ PRODUCT/ENGRAVING/NOTE¸¦ °¢°¢ ÇϳªÀÇ ¹Ú½º·Î ¹­À½ */
#estimate .oi-group-box { margin-top: 30px; box-sizing: border-box; }
/* A/S ºñ¿ë ¾È³»/ENGRAVING/NOTE ¹Ú½º´Â À§ °øÅë ¿©¹é(30px)¿¡¼­ °¢°¢ ºÐ¸® - ¼­·Î µ¶¸³ÀûÀ¸·Î
   Á¶Àý °¡´É(A/S ºñ¿ë ¾È³» ¾Æ·¡ ¿©¹éÀÌ ³Ê¹« Ä¿ º¸¿©¼­ ENGRAVINGÀÇ margin-top°ú ºÐ¸® ¿äû) */
#estimate .oi-as-guide-box { margin-top: 20px; }
#estimate .oi-engraving-box { margin-top: 20px; }
#estimate .oi-note-box { margin-top: 20px; }
/* ENGRAVING/NOTE´Â ÁÖ¹®¼­¿Í µ¿ÀÏÇÏ°Ô Å׵θ® ¹Ú½º¸¦ À¯Áö - PRODUCT(oi-product-box)´Â Å×À̺íÀÌ
   ÀüüÆøÀ¸·Î ³ëÃâµÇµµ·Ï Å׵θ®/Æеù ¾øÀÌ ±×´ë·Î µÒ(¿äû¿¡ µû¶ó Á¦°ÅµÈ »óÅ À¯Áö) */
#estimate .oi-engraving-box,
#estimate .oi-note-box,
#estimate .oi-as-guide-box {
    border: 1px solid #e7e7e7;
    padding: 0px 20px;
}
/* ENGRAVING/A¡¤S ºñ¿ë ¾È³» ¹Ú½º¸¸ »óÇÏ ¿©¹éÀ» µû·Î ÁÜ */
#estimate .oi-engraving-box,
#estimate .oi-as-guide-box { padding: 10px 20px; }
#estimate .oi-engraving-box .oi-warp { margin: 0px; }
/* A/S ºñ¿ë ¾È³» ŸÀÌƲ ÁÙ¸¸ ±âº»(30px 0px)°ú ºÐ¸®Çؼ­ 15px 0px·Î */
#estimate .oi-as-guide-box .oi-warp { margin: 10px 0px; }
#estimate .oi-group-box .oi-note-row { margin-top: 10px; margin-bottom: 10px; }
/* CONSENT´Â üũ¹Ú½º°¡ ŸÀÌƲ ¾ÕÀ̶ó, .oi-left ±âº»°ª(¾ç³¡ Á¤·Ä) ´ë½Å ¿ÞÂÊ Á¤·Ä·Î ¹Ù²Þ */
#estimate .oi-consent-box .oi-left { justify-content: flex-start; }
/* Àμ⠽à Áõ»ó(º¯°æ»çÇ×)ÀÌ ºñ¾îÀÖÀ¸¸é estimate_js.txt¿Í µ¿ÀÏÇÑ ·ÎÁ÷À¸·Î "NOTE" ¶óº§À»
   ºñ°í ÇàÀ¸·Î ¿Å°Ü ºÙÀÓ - ±× ÇàÀÇ .oi-left°¡ ºñ¾îÀ־ ¶óº§ÀÌ ¿ÞÂÊ Á¤·ÄµÇ°Ô ÇÔ */
#estimate .oi-left:has(.oi-print-note-label) { justify-content: flex-start !important; }
#estimate .oi-print-note-label { margin-right: 6px; }
/* CONSENT ¹Ú½º´Â Å׵θ® ¾øÀÌ */
#estimate .oi-consent-box { border: none; padding-left: 0; padding-right: 0; }
#estimate select.oi-box { appearance: auto; cursor: pointer; }
/* ENGRAVING ¿· +/- ¾ÆÀÌÄÜ - ¹Ú½º ¾øÀÌ ¸ÓÅ͸®¾ó ½Éº¼¸¸ */
#estimate .oi-engraving-icon {
    font-size: 16px; margin-right: 10px; color: #1c1c1c;
    cursor: pointer; vertical-align: middle; user-select: none;
}
#estimate .oi-engraving-icon:hover { color: #1c1c1c; }
/* È°¼ºÈ­(¼­Ã¼ ¹Ì¸®º¸±â ¿­±â) Àü ENGRAVING ÇÑ ÁÙ¸¸ ÀÖ´Â »óÅÂÀÇ ¿©¹éÀ» ¾ÐÃà */
#estimate #oi_engraving_single_row { padding: 0px 0px; }
/* ENGRAVING (M)/(W) ÅؽºÆ® ÀÔ·Ââ - ¼Ò¹®ÀÚ g/y µî ¾î¼¾´õ À߸² ¹æÁö·Î line-height¸¦ Ç®¾îÁÜ */
#estimate #oi_font_text_m,
#estimate #oi_font_text_w { line-height: normal; }

/* ==============================
   A/S ºñ¿ë ¾È³» - Á¢¼ö Áß Á÷¿øÀÌ Âü°íÇÏ´Â È­¸é Àü¿ë °¡°ÝÁ¤Ã¥ ÅؽºÆ®(Àμâ Á¦¿Ü, À§ html
   ÁÖ¼® Âü°í). oi-first-row¶ó ±âº» ¿©¹é ¾øÀ½ - ÆîÄ¡¸é ±× ¾Æ·¡ Æгο¡¸¸ ¿©¹éÀ» ÁÜ
   ============================== */
/* pc/»óÇ°»ó¼¼ "¼îÇΰ¡À̵å" Æ˾÷°ú µ¿ÀÏÇÑ Åæ - º¼µå ¼½¼Ç ŸÀÌƲ + "¡¤" Á¢µÎ Æò¹® ÁÙµé,
   ºÒ¸´ Àε§Æ®/¹Ú½º ¾øÀÌ ¼½¼Ç »çÀÌ ¿©¹é¸¸À¸·Î ±¸ºÐ */
#estimate .oi-as-guide-panel { margin: 30px 0px 10px 0px; }
#estimate .oi-as-guide-section { margin-bottom: 28px; }
#estimate .oi-as-guide-section-last { margin-bottom: 6px; }
#estimate .oi-as-guide-title { font-family: 'Noto Sans KR', sans-serif; font-size: 13px; font-weight: 600; color: #1c1c1c; margin: 0 0 10px 0; letter-spacing: 0.02rem; }
#estimate .oi-as-guide-line { font-family: 'Noto Sans KR', sans-serif; font-size: 12px; line-height: 1.5; color: #1c1c1c; margin: 0; letter-spacing: 0.01rem; }

/* ==============================
   ENGRAVING ¼­Ã¼ ¹Ì¸®º¸±â(¾ÆƲ¸®¿¡ Å¥·¹ÀÌ¼Ç ¼­Ã¼ Ãà¼ÒÆÇ) - ÁÖ¹®¼­¿Í ¿ÏÀüÈ÷ µ¿ÀÏ
   ============================== */
#estimate .oi-marking-panel { display: block; margin-top: 10px; }
#estimate .oi-marking-panel-inner { width: 100%; padding-top: 15px; box-sizing: border-box; }
#estimate .oi-marking-guide-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; }
#estimate .oi-marking-chip-group { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
#estimate .oi-marking-right-group { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
#estimate .oi-marking-target-row { display: flex; gap: 8px; }
#estimate .oi-marking-target-btn { font-family: 'Josefin Sans', sans-serif; font-size: 11px; letter-spacing: 0.05em; padding: 2px 4px; border: none; background: transparent; color: #999; cursor: pointer; }
#estimate .oi-marking-target-btn.is-active { color: #1c1c1c; font-weight: 600; text-decoration: underline; }
#estimate .oi-marking-chip-btn { font-family: 'Noto Sans KR', sans-serif; font-size: 11px; padding: 2px 6px 3px; border: none; border-bottom: 1px solid transparent; background: transparent; color: #1c1c1c; cursor: pointer; white-space: nowrap; transition: border-bottom-color 0.2s ease; }
#estimate .oi-marking-chip-btn:hover { border-bottom-color: #1c1c1c; }
#estimate .oi-marking-input { background: transparent; border: none; border-bottom: 1px solid #1c1c1c; padding: 12px 0px 8px 0px; margin-bottom: 16px; line-height: normal; }
#estimate .oi-marking-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px 20px; }
#estimate .oi-marking-font-warp { display: flex; flex-direction: column; gap: 5px; padding: 10px 5px 10px 20px; background-color: #fbfbf9; border: none; cursor: pointer; box-sizing: border-box; min-width: 0; transition: background-color 0.2s ease; }
#estimate .oi-marking-font-warp:hover { background-color: #ffffff; }
#estimate .oi-marking-font-warp.oi-marking-hide-eng-only { display: none; }
#estimate .oi-marking-font-name { font-family: 'Josefin Sans', sans-serif; font-size: 9px; letter-spacing: 0.04em; color: #1c1c1c; text-transform: uppercase; }
#estimate .oi-marking-preview { font-size: 18px; color: #1c1c1c; line-height: 2.0; min-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#estimate .oi-marking-heart { font-family: 'Noto Sans KR', sans-serif; }
#estimate .oi-marking-preview-1 { font-family: 'Courgette', cursive; }
#estimate .oi-marking-preview-2 { font-family: 'Dancing Script', cursive; }
#estimate .oi-marking-preview-3 { font-family: 'Hahmlet', serif; }
#estimate .oi-marking-preview-4 { font-family: 'Noto Serif KR', serif; }
#estimate .oi-marking-preview-5 { font-family: 'Noto Sans KR', sans-serif; }
#estimate .oi-marking-preview-6 { font-family: 'Nanum Pen Script', cursive; font-size: 22px; }
#estimate .oi-marking-preview-7 { font-family: 'Josefin Sans', sans-serif; }
#estimate .oi-marking-preview-8 { font-family: 'Playwrite DE SAS', cursive; font-size: 14px; }
#estimate .oi-marking-preview-9 { font-family: 'Beth Ellen', cursive; font-size: 16px; }
/* °ø¿ë(º´ÇÕ) ENGRAVING select/inputÀº È­¸é¿¡¼­¸¸ ¼û±è(visibility:hidden - ·¹À̾ƿô À¯Áö),
   Àμ⿡´Â °ªÀÌ ±×´ë·Î ³ª°¡¾ß ÇϹǷΠ@media screen Àü¿ëÀ¸·Î¸¸ °Ç´Ù */
@media screen {
    #estimate .oi-marking-screen-hidden { visibility: hidden; }
}
#estimate .oi-note-row { margin-top: 30px; margin-bottom: 20px; }
/* ENGRAVING/¼ÒÀç/»ö»ó µå·Ó´Ù¿î - appearance:none + Ä¿½ºÅÒ È­»ìÇ¥(::after) */
#estimate select.oi-select { appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 100%; border: none; border-radius: 0; padding: 15px 24px 15px 12px; margin-bottom: 0px; box-sizing: border-box; }
#estimate .oi-select-wrap { position: relative; flex: 0 0 calc(50% - 10px); box-sizing: border-box; }
#estimate .oi-select-wrap::after {
    content: "";
    position: absolute;
    right: 14px;
    top: 50%;
    width: 7px;
    height: 7px;
    margin-top: -5px;
    border-left: 1.5px solid #1c1c1c;
    border-bottom: 1.5px solid #1c1c1c;
    transform: rotate(-45deg);
    transform-origin: center;
    pointer-events: none;
    transition: transform 0.2s ease, margin-top 0.2s ease;
}
#estimate .oi-select-wrap:focus-within::after {
    margin-top: -2px;
    transform: rotate(135deg);
}
/* CONTACT üũ¹Ú½º ±×·ì */
#estimate .oi-contact-check-group { display: inline-flex; align-items: center; }
#estimate .oi-contact-check-group .oi-label-check { margin-left: 4px; }
#estimate .oi-check { font-size: 11px; display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; font-weight: 400; }

/* ==============================
   Ä¿½ºÅÒ µå·Ó´Ù¿î(Material/Color/ENGRAVING ÀüºÎ) - pc/»óÇ°ºÐ·ù "Á¤·Ä±âÁØ" Æ®¸®°Å+Æгΰú
   µ¿ÀÏÇÑ ¹æ½Ä(¾Ö´Ï¸ÞÀ̼Ç/¹öÆ°/¹Ú½º). ³×ÀÌƼºê select´Â °ª ÀúÀå¿ëÀ¸·Î È­¸é¿¡¼­¸¸ ¼û±â°í
   (as_js.txt enhanceSelectDropdown), ±× À§¿¡ ÀÌ ¹öÆ°+¸ñ·Ï UI¸¦ ¾º¿ò. select¸¦ °¨½Î´ø ±âÁ¸
   .oi-select-wrap/.oi-table-select-wrapÀº Æø °è»ê¿ëÀ¸·Î ±×´ë·Î µÎµÇ, ±× ÀÚüÀÇ È­»ìÇ¥(::after)´Â
   :has()·Î °¨ÁöÇؼ­ ²¨¼­ »õ È­»ìÇ¥¿Í °ãÄ¡Áö ¾Ê°Ô ÇÔ */
#estimate .oi-select-wrap:has(.oi-dropdown)::after,
#estimate .oi-table-select-wrap:has(.oi-dropdown)::after { display: none !important; }
#estimate .oi-dropdown { position: relative; display: block; width: 100%; }
#estimate .oi-dropdown select { display: none; }
#estimate .oi-dropdown-trigger {
    display: flex; align-items: center; justify-content: space-between; gap: 4px;
    width: 100%; border: none; background: transparent; cursor: pointer; margin: 0;
    font-family: 'Noto Sans KR', sans-serif; font-size: 12px; color: #1c1c1c;
    text-align: left; padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
#estimate .oi-dropdown-trigger-label { line-height: 1.6; overflow: hidden; text-overflow: ellipsis; }
/* »çÀÌÆ® °øÅë CSS(pc/°øÅëCSS-JS.txt)ÀÇ ·¹°Å½Ã ¸®¼Â `button span{visibility:hidden}` -
   ±¸½Ä À̹ÌÁö ´ëü ¹öÆ°(½ºÅ©¸°¸®´õ¿ë ¼û±è ÅؽºÆ®) ÆÐÅÏÀ» À§ÇÑ »çÀÌÆ® Àü¿ª ±ÔÄ¢Àε¥, ÀÌ
   Æ®¸®°Å´Â ¶óº§/¾ÆÀÌÄÜÀ» ½ÇÁ¦·Î º¸¿©Áà¾ß Çؼ­ ±× ±ÔÄ¢¿¡ °É·Á ¾È º¸¿´À½(pc/»óÇ°ºÐ·ùÀÇ
   .ss-pc-cate-filter-trigger¿¡¼­ °ÞÀº °Í°ú µ¿ÀÏÇÑ ¿øÀÎ) - ¿©±â¼­¸¸ ´Ù½Ã º¸ÀÌ°Ô µÇµ¹¸² */
#estimate .oi-dropdown-trigger span { visibility: visible; }
/* À§ ±ÔÄ¢ÀÌ ENGRAVING °ø¿ë select(oi_engraving_single_controls)¸¦ °¨½Î´Â
   .oi-marking-screen-hiddenÀÇ »ó¼ÓµÈ visibility:hidden±îÁö µ¤¾î½á¼­, ¼­Ã¼ ¹Ì¸®º¸±â·Î
   °í¸£±â ÀüÀε¥µµ Ç×»ó ³ëÃâµÇ´Â ȸ±Í°¡ »ý°åÀ½ - ±× ¹üÀ§ ¾È¿¡¼­´Â ´Ù½Ã ¼û±â°Ô µÇµ¹¸².
   .oi-marking-screen-hidden ÀÚü°¡ @media screen Àü¿ë(Àμ⿡´Â °ªÀÌ ±×´ë·Î ³ª°¡¾ß ÇÔ)À̶ó
   ÀÌ µÇµ¹¸²µµ ¹Ýµå½Ã °°Àº ¹üÀ§(@media screen)·Î ¹­¾î¾ß Àμ⿡ ¿µÇâÀ» ¾È ÁÜ */
@media screen {
    #estimate .oi-marking-screen-hidden .oi-dropdown-trigger,
    #estimate .oi-marking-screen-hidden .oi-dropdown-trigger span { visibility: hidden; }
}
#estimate .oi-dropdown-trigger .material-symbols-outlined {
    font-size: 16px; flex-shrink: 0; color: #1c1c1c;
    transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1);
}
#estimate .oi-dropdown.is-open .oi-dropdown-trigger .material-symbols-outlined { transform: rotate(180deg); }
#estimate .oi-dropdown-panel {
    position: absolute; top: 100%; left: 0; z-index: 40; margin-top: 4px;
    min-width: 100%; background: #fff; border: 1px solid #eee; box-shadow: 0 10px 24px rgba(0,0,0,.07);
    padding: 8px 0; box-sizing: border-box;
}
#estimate .oi-dropdown-list { margin: 0; padding: 0; list-style: none; }
#estimate .oi-dropdown-list li { display: block; }
#estimate .oi-dropdown-list button {
    display: block; width: 100%; border: none; background: transparent; cursor: pointer;
    padding: 8px 16px; font-family: 'Noto Sans KR', sans-serif; font-size: 12px; color: #666;
    text-align: left; white-space: nowrap; transition: color .2s ease, background-color .2s ease;
}
#estimate .oi-dropdown-list button:hover { background: #faf9f7; color: #222; }
#estimate .oi-dropdown-list button.is-active { color: #222; font-weight: 500; }

/* ==============================
   PRODUCT Å×À̺í - Material/Color/Contents/Size/Price + Åä±Û(NOTE/CONTACT¿Í µ¿ÀÏÇÑ
   +/- ¾ÆÀÌÄÜ ¹æ½Ä, ÃÖ´ë 5Çà °íÁ¤ ¹èÄ¡) - ¿¹Àü No(¼ø¹ø Ç¥½Ã)/Add(º°µµ Á¦°Å¿­) Ä÷³Àº
   Åä±Û Ä÷³ Çϳª·Î ÅëÇÕµÊ
   ============================== */
#estimate .oi-product-box {  }
#estimate .oi-product-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
#estimate .oi-product-table th { font-family: "Open Sans", sans-serif !important; font-size: 11px; letter-spacing: 0.05em; font-weight: 400; text-align: center; color: #1C1C1C; padding: 10px 8px 10px 8px; border-top: 2px solid #1c1c1c; border-bottom: 1px solid #1c1c1c; }
/* ¼¼·Î ¿©¹é¸¸ °øÅë, ÁÂ¿ì ¿©¹éÀº Ä÷³º°·Î °¢ÀÚ ÁöÁ¤(¾Æ·¡) - Contents´Â ÆøÀ» µû·Î ¾È Á༭
   (table-layout:fixed) ³ª¸ÓÁö Ä÷³µéÀÌ Â÷ÁöÇÏ°í ³²´Â ÆøÀ» ÀüºÎ ÀÚµ¿À¸·Î Èí¼öÇÔ */
#estimate .oi-product-table td { padding-top: 8px; padding-bottom: 8px; vertical-align: middle; }
#estimate .oi-pt-toggle { width: 30px; text-align: center; padding-left: 6px; padding-right: 6px; }
#estimate .oi-pt-material { width: 50px; padding: 0px 25px !important; }
#estimate .oi-pt-color { width: 50px; padding: 0px 25px 0px 0px !important; }
#estimate .oi-pt-contents { padding-left: 6px; padding-right: 6px; }
#estimate .oi-pt-size { width: 50px; padding: 0px 25px 0px 0px !important; }
/* ÇÏÀ§Ç׸ñ(¿É¼Ç) Åä±Û - Description ¹Ù·Î µÚ(¿À¸¥ÂÊ)¿¡ À§Ä¡. ¾Õ¿¡ µÎ¸é "DescriptionÀ» ´©¸£·Á¸é
   ÀÌ ¹öÆ°ºÎÅÍ ´­·¯¾ß Çϳª" ¿ÀÇظ¦ »ì ¼ö À־ µÚ·Î ¹èÄ¡(+Add Æ®·¹Àϸµ ¹öÆ° °ü·Ê¿Íµµ ÀÏÄ¡) */
#estimate .oi-pt-suboption-toggle { width: 30px; text-align: center; padding-left: 6px; padding-right: 6px; }
#estimate .oi-pt-qty { width: 30px; padding: 0px 0px 0px 50px !important; text-align: center; }
#estimate .oi-pt-unit-price { width: 60px; padding: 0px 0px 0px 50px !important; text-align: right !important; }
#estimate .oi-pt-ext-price { width: 80px; padding: 0px 15px 0px 20px !important; text-align: right !important; }
/* Å×ÀÌºí ¾È ¼¿·ºÆ®/ÀÎDzÀº ȸ»ö¹Ú½º ´ë½Å ¹ØÁÙ Çü½Ä(½ºÅ©¸°¼¦ Âü°í) */
#estimate .oi-table-select-wrap { position: relative; display: block; width: 100%; }
/* select.oi-box{appearance:auto}º¸´Ù ƯÀ̵µ°¡ ³·¾Æ¼­ ³×ÀÌƼºê È­»ìÇ¥°¡ °ãÃÄ º¸ÀÌ´ø ¹ö±× -
   ű×(select)¸¦ ¼¿·ºÅÍ¿¡ Æ÷ÇÔ½ÃÄÑ Æ¯À̵µ¸¦ ¸ÂÃß°í !important·Î È®½ÇÈ÷ À̱è */
#estimate select.oi-table-select { width: 100%; background: transparent !important; border: none; padding: 5px 15px 5px 5px !important; appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; box-sizing: border-box; }
/* ³×ÀÌƼºê <select> Æ˾÷ÀÌ ¿­¸®°í ´ÝÈ÷´Â ŸÀ̹ÖÀº ºê¶ó¿ìÀú°¡ Á÷Á¢ Á¦¾îÇؼ­, ¿©±â ȸÀü
   Æ®·£Áö¼ÇÀ» ºÙÀ̸é Æ˾÷ ·»´õ¸µ°ú ¾î±ß³ª "·º °É¸° °Íó·³" º¸¿´À½(ºê¶ó¿ìÀú ÀÚü ÇÑ°è) -
   ±×·¡¼­ ¿©±â´Â ¾Ö´Ï¸ÞÀÌ¼Ç ¾øÀÌ °íÁ¤µÈ È­»ìÇ¥¸¸ Ç¥½Ã(ENGRAVINGÀÇ .oi-select-wrapÀº
   ±×´ë·Î ȸÀü ¾Ö´Ï¸ÞÀÌ¼Ç À¯Áö) */
#estimate .oi-table-select-wrap::after {
    content: "";
    position: absolute;
    right: 4px;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -5px;
    border-left: 1.5px solid #1c1c1c;
    border-bottom: 1.5px solid #1c1c1c;
    transform: rotate(-45deg);
    pointer-events: none;
}
#estimate .oi-table-input { width: 100%; background: transparent !important; border: none; border-bottom: 1px solid #ededed; padding: 6px 0px !important; box-sizing: border-box; }
/* Contents ºÎºÐÀÏÄ¡ °Ë»ö µå·Ó´Ù¿î - "Á¦Ç°ÄÚµå¹×°Å·¡Ã³ÄÚµå" ½ÃÆ® ¸ñ·Ï¿¡¼­ »óÇ°¸í/¸ðµ¨¸í/Ç°¸ñÄÚµå·Î °Ë»ö */
#estimate .oi-product-search-wrap { position: relative; display: block; width: 100%; }
#estimate .oi-product-search-list {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: -1px;
    background: #fff;    
    max-height: 150px;
    overflow-y: auto;
    z-index: 30;
    box-sizing: border-box;
    border: 1px solid #ededed;    
}
#estimate .oi-product-search-item { font-family: 'Noto Sans KR', sans-serif; padding: 8px 10px; font-size: 12px; line-height: 1.4; cursor: pointer; }
#estimate .oi-product-search-item:last-child { border-bottom: none; }
#estimate .oi-product-search-item:hover,
#estimate .oi-product-search-item.is-active { background: #f5f5f5; }
#estimate .oi-product-search-empty { padding: 8px 10px; font-size: 12px; color: #999; }
#estimate .oi-table-input-size { text-align: center; }
#estimate .oi-table-input-qty { text-align: center; }
#estimate .oi-table-input-price { text-align: right; }
/* Ext. Price´Â °è»ê°ª Ç¥½Ã Àü¿ë(readonly) - Ä¿¼­/¹ØÁÙÀ» ¾ø¾Ö "¼öÁ¤ °¡´ÉÇÑ ÀÔ·ÂÄ­"À¸·Î ¿ÀÇØÇÏÁö ¾Ê°Ô ÇÔ */
#estimate .oi-table-input-price.as-ext-price { cursor: default; font-weight: 500; border-bottom: none !important; }
/* NOTE/CONTACT¿Í µ¿ÀÏÇÑ +(add_circle)/-(do_not_disturb_on) Åä±Û ¾ÆÀÌÄÜ - Çึ´Ù Çϳª¾¿,
   Àڱ⠹ٷΠ´ÙÀ½ ÇàÀ» ¿­°í ´ÝÀ½(as_js.txt). ¸¶Áö¸·(5¹ø°) ÇàÀº ¿­ ´ÙÀ½ ÇàÀÌ ¾ø¾î¼­ ¾ÆÀÌÄÜ ÀÚü°¡ ¾øÀ½.
   .oi-engraving-icon°ú Ŭ·¡½º¸¦ °øÀ¯Çؼ­ margin-right:10px¸¦ ±×´ë·Î ¹°·Á¹Þ°í ÀÖ¾ú¾î¼­, ¿©±â¼­
   º°µµ·Î ºÐ¸®ÇØ 0À¸·Î µÇµ¹¸²(Å×ÀÌºí ¼¿ ¾È¿¡¼­´Â ±× ¿©¹éÀÌ ºÒÇÊ¿ä) */
#estimate .oi-product-toggle-btn { font-size: 16px; color: #1c1c1c; cursor: pointer; margin-right: 0px; }
/* ÇÏÀ§Ç׸ñ(¿É¼Ç) Åä±Û ¾ÆÀÌÄÜ - Á¦Ç° Åä±Û°ú º°°³ÀÇ µ¶¸³µÈ üÀÎ(as_js.txt Âü°í) */
#estimate .oi-suboption-toggle-btn { font-size: 16px; color: #1c1c1c; cursor: pointer; margin-right: 0px; }
/* ÇÏÀ§Ç׸ñÇàÀÇ Material/Color/Size ÀÚ¸® - 3Ä­À» colspanÀ¸·Î ÇÕÃÄ ºó ¿©¹éÀ¸·Î¸¸ ó¸®(µå·Ó´Ù¿îÀ»
   ±×´ë·Î µÎ¸é "¿©±âµµ ¼±ÅÃÇØ¾ß Çϳª" È¥µ¿À» ÁÙ ¼ö ÀÖ¾î ¾Æ¿¹ ¾ø¾Ú) */
#estimate .oi-pt-mcs-blank { }
/* ÇÏÀ§Ç׸ñ Description - ºÎ¸ð Á¦Ç°¿¡ ¼ÓÇÑ Ç׸ñÀÓÀ» ½Ã°¢ÀûÀ¸·Î ±¸ºÐÇϱâ À§ÇØ »ì¦ µé¿©¾²±â + ¿ÞÂÊ ¼± */
#estimate .oi-suboption-row .as-option-desc {  }
/* ÀÌÇÏ¿©¹é Ç¥±â - Ç°¸ñ ¸®½ºÆ® ¾Æ·¡ ³²´Â °ø°£¿¡ ÀÓÀÇ·Î Ç׸ñÀÌ Ãß°¡µÇ´Â °É ¸·´Â °ü·ÊÀû Ç¥±â */
#estimate .oi-product-blank-note { text-align: center; font-size: 12px; color: #1c1c1c; letter-spacing: 0.05em; margin: 70px 0px; }

/* Sub total / VAT / Total - »óÇ° Å×À̺í ÇÕ°è(ºÎ°¡¼¼ º°µµ ÀԷ°ª ±âÁØÀ¸·Î ºÎ°¡¼¼ Æ÷ÇÔ ÃÑ¾× °è»ê) */
#estimate .oi-subtotal-row {
    border-top: 1px solid #ededed;
    padding-top: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 515px;    
}
#estimate .oi-vat-row { margin-top: 5px; margin-bottom: 5px; margin-left: 515px; }
/* ¹è¼Û·á - Sub total/VAT¿Í µ¿ÀÏÇÑ ÁÙ ¹èÄ¡(¶óº§+±Ý¾×À» ¿À¸¥ÂÊ ³¡¿¡), ´Ù¸¸ ±Ý¾×ÀÌ ÀбâÀü¿ë Ç¥½Ã°¡
   ¾Æ´Ï¶ó ¼ö±â ÀÔ·Â °¡´ÉÇÑ inputÀÌ¶ó º°µµ Ŭ·¡½º(oi-delivery-input)·Î ½ºÅ¸Àϸ¸ ¸ÂÃã */
#estimate .oi-delivery-row { margin-top: 5px; margin-bottom: 5px; margin-left: 515px; }
/* Sub total/VAT/Delivery´Â ¶óº§+±Ý¾×À» ÇÑ µ¢¾î¸®·Î ¹­¾î ÁÙ ¿À¸¥ÂÊ ³¡¿¡ ºÙÀÓ(TotalÀº ±âÁ¸ ÁÂ/¿ì ¹èÄ¡ À¯Áö) */
#estimate .oi-subtotal-row,
#estimate .oi-vat-row,
#estimate .oi-delivery-row {
    justify-content: space-between;
    gap: 10px;
    padding-right: 15px;
}
#estimate .oi-subtotal-row .oi-left,
#estimate .oi-vat-row .oi-left,
#estimate .oi-delivery-row .oi-left {
    width: auto;
    flex-shrink: 1;
}
#estimate .oi-subtotal-row .oi-right,
#estimate .oi-vat-row .oi-right,
#estimate .oi-delivery-row .oi-right {
    flex-grow: 0;
    justify-content: flex-end;
}
#estimate .oi-delivery-input { font-family: 'Noto Sans KR', sans-serif; font-size: 12px; font-weight: 600; border: none; width: 80px; padding: 0; margin: 0; background: transparent; letter-spacing: 0.02em; text-align: right; }
#estimate .oi-delivery-input:focus { outline: none; }
#estimate .oi-delivery-input::placeholder { color: #999; }
/* Total(Estimated) ÇàÀº ±âÁ¸ ±×´ë·Î ¶óº§ ¿ÞÂÊ/±Ý¾× ¿À¸¥ÂÊ(ÀüüÆø) À¯Áö */
#estimate .oi-est-row .oi-right {
    justify-content: flex-end; padding-right: 15px;
}
#estimate .oi-amount-display { font-weight: 600; }
#estimate .oi-amount-display-total { font-size: 14px; }
#estimate .before-total { font-size: 10px; font-weight: 500; color: #1c1c1c; margin-left: 4px; font-family: 'Noto Sans KR', sans-serif !important; }
/* Estimated Total(Total ºÎ°¡¼¼Æ÷ÇÔ) ÁÙ - ¼±±Ý/ÀÜ±Ý ¾ÆÀÌÄܵµ °°Àº ÁÙ¿¡ ÀζóÀÎ */
#estimate .oi-est-row { margin-top: 20px; padding: 10px 0px; border-top: 2px solid #1c1c1c; border-bottom: 1px solid #1c1c1c; padding-left: 18px; }
#estimate .foot-est-subtext { font-size: 11px; display: flex; align-items: center; font-weight: 500; }
/* ¹Ì¼ö±Ý(Adv./Rem.) ¿µ¿ªÀº Total ±Ý¾× ÀÚ¸´¼ö¿Í ¹«°üÇÏ°Ô Ç×»ó °°Àº(¿ÞÂÊ) À§Ä¡¿¡ °íÁ¤ -
   margin-right:auto°¡ ³²´Â °ø°£À» ÀüºÎ Èí¼öÇؼ­ Total¸¸ ¿À¸¥ÂÊ ³¡À¸·Î ¹Ð¾î³¿. ÆгÎÀÌ
   ´ÝÇôÀÖÀ» ¶©(display:none) ÀÌ ¸¶Áøµµ °°ÀÌ »ç¶óÁ®¼­ Total È¥ÀÚ ÀÖÀ» ¶© ±âÁ¸Ã³·³
   .oi-est-row .oi-rightÀÇ justify-content:flex-end·Î ¿À¸¥ÂÊ Á¤·Ä ±×´ë·Î À¯ÁöµÊ */
#estimate #oi_deposit_inline { margin-right: auto; }
#estimate .oi-balance-amount { color: #fa5500; font-weight: 600; padding: 0 5px 0px 10px; }
#estimate .oi-deposit-input { font-family: 'Noto Sans KR', sans-serif; font-size: 11px; border: none; width: 65px; padding: 0 5px 0 0; background: transparent; letter-spacing: 0.02em; text-align: right; }
#estimate .oi-deposit-input:focus { outline: none; }

/* ÇÏ´Ü È¸»çÁ¤º¸ + ½ºÅÆÇÁ ·Î°í (¼­¸í¶õÀº ¿äû¿¡ µû¶ó Á¦°Å) */
#estimate .oi-footer { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; margin-top: 30px; padding-top: 30px; border-top: 2px solid #1c1c1c; flex-wrap: nowrap; }
#estimate .oi-footer-info { font-family: 'Noto Sans KR', sans-serif; font-size: 10px; color: #1c1c1c; line-height: 1.7; flex: 0 1 290px; min-width: 0; }
#estimate .oi-footer-wordmark { margin-bottom: 10px; }
#estimate .footer-logo-img { width: 240px; height: auto; display: block; }
#estimate .oi-footer-info p { margin: 0; }
#estimate .oi-footer-stamp { display: flex; flex-direction: column; align-items: center; gap: 15px; flex-shrink: 0; margin-right: 15px; }
#estimate .oi-footer-stamp-label { font-family: 'Josefin Sans', sans-serif; font-size: 10px; letter-spacing: 0.05em; color: #1c1c1c; font-weight: 400; }
#estimate .oi-footer-logo { width: 100px; height: auto; }

/* ¿µ¹® ¶óº§/ŸÀÌƲ·ù´Â Josefin Sans, ±× ¿Ü(ÇѱÛ/¼ýÀÚ)´Â #estimate ±âº»°ª(Noto Sans KR) »ç¿ë */
#estimate .quotation_title,
#estimate .est_title,
#estimate .estimate-print-btn,
#estimate .estimate-order-btn,
#estimate .oi-left,
#estimate .oi-product-table th,
#estimate .oi-check {
    font-family: 'Josefin Sans', sans-serif;
}

@media print {
    .oi-warp { page-break-inside: avoid; }
}

/* --- Àμâ Àü¿ë ½ºÅ¸ÀÏ ½ÃÀÛ (ÁÖ¹®¼­¿Í µ¿ÀÏÇÑ º¸Á¤°ª ±×´ë·Î »ç¿ë) --- */
@media print {

    @page {
        size: A4 portrait;
        margin: 0;
    }

    body {
        padding: 0;
        background: #fff;
        -webkit-transform-origin: top left;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }


    body {
        zoom: 0.78;
    }

    .btn-wrap {
        display: none !important;
    }

    .oi-no-print-btn {
        display: none !important;
    }

    .oi-print-hide {
        display: none !important;
    }

    #estimate .oi-box:not(.oi-textarea) {
        background: transparent !important;
        border: none !important;
        padding: 2px 0 !important;
    }

    #estimate select.oi-select {
        appearance: none !important;
        -webkit-appearance: none !important;
    }
    #estimate .oi-select-wrap::after {
        display: none !important;
    }

    #estimate .oi-engraving-icon {
        display: none !important;
    }
    /* Å×ÀÌºí ¾È ¼¿·ºÆ®ÀÇ Ä¿½ºÅÒ È­»ìÇ¥µµ Àμ⿡¼± »óÈ£ÀÛ¿ë UI¶ó ºÒÇÊ¿ä */
    #estimate .oi-table-select-wrap::after {
        display: none !important;
    }
    /* Ä¿½ºÅÒ µå·Ó´Ù¿î(Material/Color/ENGRAVING) È­»ìÇ¥ ¾ÆÀÌÄܵµ Àμ⿡¼± »óÈ£ÀÛ¿ë UI¶ó ºÒÇÊ¿ä -
       ÆгÎ(.oi-dropdown-panel)Àº .oi-no-print-btn °øÅë ±ÔÄ¢À¸·Î ÀÌ¹Ì ¼û°ÜÁü */
    #estimate .oi-dropdown-trigger .material-symbols-outlined {
        display: none !important;
    }

    input[type="checkbox"]:not(:checked) {
        display: none !important;
    }

    input[type="checkbox"] {
        appearance: none;
        -webkit-appearance: none;
        position: relative;
        width: 13px;
        height: 13px;
        border: none;
        display: inline-block;
        margin-right: 4px;
        vertical-align: middle;
    }

    input[type="checkbox"]:checked::after {
        content: "\2713";
        font-family: 'Noto Sans KR', sans-serif;
        font-weight: 700;
        font-size: 14px;
        color: #fa5500;
        position: absolute;
        top: -2px;
        left: 0;
    }

    input[type="checkbox"]:not(:checked)::after {
        content: "";
    }


    .print-page {
        width: 200mm;
        margin: 0 auto;
        min-height: 297mm;
        padding: 2mm 0mm;
        display: block;
        border: none !important;
        outline: none !important;
        box-sizing: border-box;
        position: relative;
    }
    .print-page::before {
        display: none !important;
        content: none !important;
    }
    #estimate {
        display: flex;
        flex-direction: column;
        min-height: 297mm;
    }
    .oi-bottom-block {
        margin-top: auto;
        padding-top: 15mm;
    }
    .oi-bottom-block,
    .oi-footer {
        page-break-inside: avoid;
    }

    #estimate .quotation_title {
        padding-top: 16px;
    }
    #estimate .est_title {
        padding-bottom: 10px;
    }
    #estimate .oi-top {
        margin-top: 10px;
    }
    #estimate .oi-warp {
        margin: 5px 0px;
    }
    #estimate .oi-note-row {
        margin-top: 20px;
    }
    #estimate .oi-group-box {
        margin-top: 15px;
        padding-bottom: 0px;
    }
    /* ENGRAVING/NOTE ¹Ú½º¸¸ Àμ⿡¼­ ¿¶Àº ȸ»ö ¹è°æ - PRODUCT(oi-product-box)´Â È­¸é°ú
       µ¿ÀÏÇÏ°Ô ¹è°æ/Å׵θ® ¾øÀÌ ±×´ë·Î µÒ(Ç¥¸¸ µû·Î ºÐ¸®ÇØ´Þ¶ó´Â ¿äû) */
    #estimate .oi-group-box:not(.oi-product-box) {
        background: #f5f5f5;
        border-color: #f5f5f5;
    }
    /* ENGRAVING ¹Ú½º - Àμ⹰¿¡¼­´Â È­¸é(10px 20px)°ú ºÐ¸®Çؼ­ »óÇÏ ¿©¹é ¾øÀÌ */
    #estimate .oi-engraving-box {
        padding: 0px 20px;
    }
    #estimate .oi-group-box .oi-warp {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .oi-bottom-block {
        padding-top: 10mm;
    }
    #estimate .oi-footer {
        margin-top: 20px;
        padding-top: 30px;
    }
    #estimate .title-order-date {
        top: 20px;
    }

    .print-page:not(:first-child) {
        margin-top: 16mm;
    }

    #estimate {
        width: 100%;
        font-size: 10pt;
    }
}
/* --- Àμâ Àü¿ë ½ºÅ¸ÀÏ ³¡ --- */

/* BASIC css end */