@charset "utf-8";
@font-face {
    font-family: malgun;
    font-style: normal;
    font-weight: normal;
    src:url('../../package/dompdf/vendor/dompdf/dompdf/lib/fonts/malgun.ttf');
    format('truetype');
}

@font-face {
    font-family: malgunB;
    font-style: normal;
    font-weight: bold;
    src:url('../../package/dompdf/vendor/dompdf/dompdf/lib/fonts/malgunbd.ttf');
    format('truetype');
}
/*
.estm_docu - 견적서 공통 스타일
.title - 견적서 항목별 제목
.left - 레이아웃상 왼쪽에 위치한 블록
.right - 레이아웃상 오른쪽에 위치한 블록
.datas(ul) - 테이블형 데이터 표기
.cell_head - 셀의 제목부분
.cell_body - 셀의 내용부분
.extra - cell_body와 함께 사용하는 클래스, cell_body 바로 다음으로 추가되는 cell_body가 있을경우 사용
.cell2 - cell_head+cell_body 묶음을 두 개 붙여야할 때 사용
.row_head -
.cell_block -
*/
/* 공통스타일 */

.sheet_top button { background: #0367B1; color: #fff; display: inline-block; padding: 5px 20px; margin: 10px 2px; border-radius: 20px; }

.estm_docu .buttonBox button, .buttonBox a { display: inline-block; background: #e8e8e8; padding: 5px 10px; color: #333; border-radius: 20px; line-height: 150%; box-sizing: border-box; font-size: 14px; text-decoration: none; border: 0; }
.estm_docu .buttonBox button:hover, .buttonBox a:hover { color: #fff; text-decoration: none; background: #ccc; }

.estm_docu { font-size: 12px; background: #f8f8f8; }
.estm_docu .docu_box {  max-width: 770px; margin: 0 auto; padding: 20px; background: #fff; border: 10px solid #f8f8f8;  }
textarea[name='docuStr'] { display: none; visibility: hidden; font-size: 0; }
table { border-collapse: collapse; }

/* 레이아웃 스타일 */
.estm_docu .title { width: 100%; margin: 2px 0; }
.estm_docu .wide { width: 100%; }
.estm_docu .wide.space { height: 10px; }
.estm_docu .left,.estm_docu .right  { display: inline-block; width: calc(50% - 8px); vertical-align: top; }
.estm_docu .top,.estm_docu .bottom  { display: block; width: 100%; }
.estm_docu .datas { width: 100%; overflow: hidden; border-top: 1px solid #0367B1; border-bottom: 1px solid #0367B1; }

/* table*/
.estm_docu table.datas tr { border-bottom: 1px solid #0367b1cc; }
.estm_docu table.datas tr:last-child { border-bottom: 0 none; }
.estm_docu table.datas th { min-width: 120px; border-right: 1px solid #0367b1cc; background: #f7fcff; }
.estm_docu table.datas td { border-right: 1px solid #0367b1cc; text-align: center; }
.estm_docu table.datas:not(.wide) td { width: 60%; }
.estm_docu .estm_info[len='1'] table.datas td { width: 100%; border-right: 0 none; }
.estm_docu .estm_info[len='2'] table.datas td { width: 50%; }
.estm_docu .estm_info[len='3'] table.datas td { width: 33%; }
.estm_docu .estm_info[len='3'].td_width table.datas td{width:45%}
.estm_docu .estm_info[len='2'] .bottom .datas, .estm_docu .estm_info[len='3'] .bottom .datas { border-top: 0 none; }  
.estm_docu .estm_info table.datas td:last-child { border-right: 0 none; }
.estm_docu table.datas .costs { padding: 5px 0; font-weight: bold; }
.estm_docu table.datas .costs th { background: #def1ff; }
/* .estm_docu table.datas .costs td { padding: 5px 2px; background: #f7fcff; text-align: right; font-weight: bold; } */
.estm_docu table.datas .costs td { padding: 5px 2px; background: #f7fcff; text-align: right; font-weight: bold; }
.estm_docu table.datas .costs.sum td { color: #ff6000; }
/* ul */
.estm_docu .datas li { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; box-sizing: border-box; border-bottom: 1px solid #0367b1cc; }
.estm_docu .datas li:last-child { border-bottom: 0 none; }
.estm_docu .datas li div { display: inline-block; width: calc(50% - 4px); }
.estm_docu .datas span { display: inline-block;  padding: 0;  vertical-align: top; line-height: 1.5; font-size: 12px; }
.estm_docu .datas .rate, .estm_docu .datas .cost { width: 50%; }
.estm_docu .datas .cost th { text-align: center; }
.estm_docu .datas .cost td { text-align: right; }
.estm_docu table.datas .rate { text-align: left; }
.estm_docu table.datas .cost { text-align: right; }
.estm_docu .wide.table { margin: 5px 0; } 
.estm_docu .wide.table div.datas { display: flex; } 
.estm_docu .wide.table .datas li { border-bottom: 0 none; }
.estm_docu .wide.table .datas li .cell_body { width: 50%; }
.estm_docu .wide.table.cel_1 .datas li .cell_head { width: calc(50% - 1px); }
.estm_docu .wide.table.cel_4 .datas li .cell_body { width: calc(50% - 25px); }
.estm_docu .wide.table.cel_2 .datas li { width: 50%; } 
.estm_docu .wide.table.cel_3 .datas li { width: 33%; } 
.estm_docu .wide.table.cel_4 .datas li { width: 25%; } 
.estm_docu .wide.wide_cell .datas .cell_head, .estm_docu .wide.wide_cell .datas .cell_body { width: calc(50% - 1px); } 

.estm_docu .datas .cell_block { width: calc(100% - 125px); }
.estm_docu .datas .row_head { background: #def1ff; }
.estm_docu .datas .cell_block .cell_head { width: calc((100% - 5px) / 2); margin-left: -4px; }
.estm_docu .datas .cell_head:last-child { border-right: 0 none; }
.estm_docu .datas .cell_block .cell_body { position: relative; width: calc(50% - 2px); margin-left: -4px; text-align: center; }
.estm_docu .datas .cell_block .cell_body:first-child::after { content: ""; display:block; position:absolute; top: 0; right: 0; width: 1px; height: 1000%; border-right: 1px solid #0367b1cc; }
.estm_docu .datas .cell_body + .cell_body::after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 1px; height: 1000%; border-left: 1px solid #0367b1cc; }
.estm_docu .datas .cell1 .cell_head,
.estm_docu .datas .cell2 .cell_head { width: 60px; }
.estm_docu .datas .cell1 .cell_body { width: calc(100% - 70px); text-align: center; }
.estm_docu .datas .cell2 .cell_body { width: 25%; text-align: center; }
.estm_docu .datas .cell2 .cell_body + .cell_head { border-left: 1px solid #0367b1cc; }
.estm_docu .cell_head { display: inline-block; width: 120px; padding-bottom: 6px; border-right: 1px solid #0367b1cc; background: #f7fcff; text-align: center; vertical-align: middle; }
.estm_docu .cell_head.expand { padding-bottom: 26px; vertical-align: top; }
.estm_docu .cell_body { position: relative; display: inline-block; width: calc(100% - 125px); }
.estm_docu .cell_body.expand { width: calc(80% - 4px); padding-left: 2px; word-break: keep-all; }
.estm_docu .cell_body.extra { position: absolute; right: 10%; overflow: hidden; width: 33%; padding-left: 2px; }

.estm_docu .datas .cell_body.wide { width: calc(84% - 10px); }
.estm_docu .pdf_tbl_width .datas .cell_body.wide{width: calc(84% - 10px);} /* 2026-01-16 추가 */
.estm_docu .datas .sum .cell_head { padding-top: 4px; padding-bottom: 4px; }
.estm_docu .cell_head.expand { padding-bottom: 18px; }
.estm_docu .datas .cell2 .cell_body { width: 28%; }

.estm_docu .datas li div.care_row { width: 100%; display: flex; }
.estm_docu .datas li div.care_row span.care_cell_head div:first-child { width: 100%; border-bottom: 1px solid #0367b1cc; }
.estm_docu .datas li div.care_row span div:last-child { width: 100%; display: flex; }
.estm_docu .datas li div.care_row span div:last-child span:first-child { border-right: 1px solid #0367b1cc; }
.estm_docu .datas span.care_cell_head:not(:has(div)) { line-height: 3; }
.estm_docu .datas span.care_cell_narrow { flex: 1; }
.estm_docu .datas span.care_cell_medium { flex: 2; }
.estm_docu .datas span.care_cell_wide { flex: 3; }
.estm_docu .datas span.care_cell_superWide { flex: 4; }
.estm_docu .datas span.care_cell_head_one { line-height: 3; }
.care_cell_head { border-right: 1px solid #0367b1cc; background: #f7fcff; text-align: center; }
.care_cell_body { border-right: 1px solid #0367b1cc; text-align: center; }
.care_cell_head:last-child { border-right: 0; }
.care_cell_body:last-child { border-right: 0; }

.estm_docu span.cell_body.insurance_drive { width: calc(100% - 120px - 200px - 12px); }
.estm_docu span.cell_body.insurance_age { position: relative; width: 196px; right: 0; padding-left: 4px; }

/* 렌트 중도해지위약률 테이블 */
.estm_docu .guid_table { width: 100%; }
.estm_docu .guid_table thead { background: #f7fcff; }
.estm_docu .guid_table thead th:first-child { border-right: 1px solid #0367b1cc; }
.estm_docu .guid_table thead tr { border-top: 1px solid #0367b1cc; border-bottom: 1px solid #0367b1cc; }
.estm_docu .guid_table tbody tr { border-bottom: 1px solid #0367b1cc; }
.estm_docu .guid_table tbody tr th { padding: 0 10px; border-right: 1px solid #0367b1cc; }
.estm_docu .guid_table tr td { border-right: 1px solid #0367b1cc; text-align: center; }
.estm_docu .guid_table tr td:last-child { border-right: 0 none; }
.estm_docu .guid_table.care tr td { text-align: left; }

/* 항목별 스타일 */
/* 견적서 상단 - 견적서명, AG 정보 */
.estm_docu .docu_title { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; height: 50px; margin-bottom: 2px; }
.estm_docu .docu_info .datas span { vertical-align: top; }
.estm_docu .docu_title .estm_title { font-size: 24px; }
.estm_docu .docu_title .estm_logo { position:relative; }
.estm_docu .docu_title .estm_logo .btnEstmSend { position: absolute; left: -50%; }
.estm_docu .docu_info .dressup { margin-bottom: 10px; vertical-align: bottom; }
.estm_docu .docu_info .estm_date { font-size: 11px; }
.estm_docu .docu_info .ag_info { box-sizing: border-box; }
.estm_docu .docu_info .ag_info .datas { border-bottom: 0 none; }
.estm_docu .docu_info .ag_info div { margin: 0; padding: 0; }
.estm_docu .docu_info::after { content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.estm_docu .docu_info  { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-end; width: 100%; }
.estm_docu .docu_info .dressup { width: 54%; margin-bottom: 0; }
.estm_docu .docu_info .ag_info { width: 46%; }
.estm_docu .docu_info .ag_info .datas { margin-top: 0; margin-bottom: 1px; }
.estm_docu .docu_info .cell_head.ag_phone { width: 50px; }

/* 견적서 내용 상단 외곽선 */
.estm_docu .docu_cnt { margin-top: 2px; border-top: 2px solid #000; }

/* 견적모델 */
.estm_docu .docu_model { margin-bottom: 5px; border-top: 2px solid #0367B1; }
.estm_docu .docu_model { padding-top: 10px; }
.estm_docu .docu_model .left { width: 40%; margin-bottom: -1px; }
.estm_docu .docu_model .right { width: calc(60% - 8px); }
.estm_docu .docu_model .estm_photo img { display: block; width: 100%; }
.estm_docu .docu_model .notice { text-align: left; color: #999; font-size: 11px; }
.estm_docu .docu_model .datas { border: 0 none; }
.estm_docu .docu_model .datas li:last-child { border-bottom: 0 none; }
.estm_docu .docu_model .cell_head { width: 10%; border-right: 0 none; background: transparent; }
.estm_docu .docu_model .cell_body { width: calc(90% - 5px); }
.estm_docu .docu_model .cell_body b { display: inline-block; width: 80%; }
.estm_docu .docu_model .datas ul li { position: relative; width: 100%; padding-top: 0; padding-bottom: 2px; border-bottom: 0 none; vertical-align: top; }
.estm_docu .docu_model .datas ul li .select { width: 80%; }
.estm_docu .docu_model .datas .cost { position: absolute; right: 0; text-align: right; }
.estm_docu .docu_model .total_sum { padding-left: 45px; box-sizing: border-box; }
.estm_docu .docu_model .total_sum .cell_head { width: 25%; padding-top: 4px; background: transparent; text-align: left; }
.estm_docu .docu_model .total_sum .cell_body { float:right; width: 50%; padding-right: 45px; }
.estm_docu .docu_model .total_sum .cell_body::after { content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.estm_docu.pdf .docu_model .total_sum b { line-height: 0.1in; }
.estm_docu.pdf .docu_model .datas ul li { line-height: 0.05in; }
.estm_docu.pdf .docu_model .datas ul li span { line-height: 0.1in; }
.estm_docu.pdf .docu_model .total_sum { line-height: 0; }
.estm_docu .docu_model .cell_body { width: calc(90% - 4px); }
.estm_docu .docu_model .total_sum .cell_body { float: unset; width: calc(75% - 4px); padding-right: 0; }
/* 견적 상세내용  */

.estm_docu .etc_infoBox { display: flex; align-items: center; flex-wrap: wrap; flex-direction: row; }
.estm_docu .etc_infoBox p { width: 10%; flex-wrap: wrap; flex-direction: row; align-items: center; }
.estm_docu .etc_infoBox .etc_info { display: flex; gap: 10px; }

/* 계약 조건 */
.estm_docu .estm_info .datas { border-top: 2px solid #0367B1; }
.estm_docu .estm_info .pdf_tbl_width.datas{display: table; }/* 2026-01-16 추가 */
.estm_docu .estm_info .cell_body { text-align: center; }
.estm_docu .estm_info .costs .cell_body { text-align: left; }

.estm_docu .estm_info .left { margin-right: 10px; }
.estm_docu .estm_info .cell_body .rate, .estm_docu .estm_info .cell_body .txt { width: 20%; text-align: left; }
.estm_docu .estm_info .cell_body .cost { width: 80%; text-align: right; }
.estm_docu .estm_info .cell_body.table { display:flex; flex-wrap: wrap; justify-content: space-between; }
.estm_docu .estm_info .cell_body.table span { width: auto; }
.estm_docu .estm_info[len='2'] .cell_body.table { width: calc((100% - 132px) / 2); }
.estm_docu .estm_info[len='3'] .cell_body.table { width: calc((100% - 138px) / 3); }
.estm_docu .estm_info[len='2'] .account .cell_head,
.estm_docu .estm_info[len='3'] .account .cell_head { position: relative; }
.estm_docu .estm_info[len='2'] .account .cell_body .notice,
.estm_docu .estm_info[len='3'] .account .cell_body .notice { display: inline-block; margin: 0; padding-left: 4px; background: #fff; }

.estm_docu .estm_info .costs .cell_body.expand { line-height: 2.75; }
.estm_docu .estm_info[len='2'], .estm_docu .estm_info[len='3'] { position: relative; }
.estm_docu .estm_info[len='2'] .finance_box[fno='1'] .account .cell_body,
.estm_docu .estm_info[len='3'] .finance_box[fno='1'] .account .cell_body { position: absolute; width: 100%; height: 30px; background: #fff; line-height: 2; }
.estm_docu .estm_info[len='1'] .finance_box .datas .cell_body,
.estm_docu .estm_info[len='2'] .finance_box .datas .cell_body { width: calc(68% - 9px); }
.estm_docu .estm_info[len='3'] .finance_box .datas .cell_body { width: calc(60% - 4px); }

.estm_docu .notice { text-align: right; color: #ff6000; }
.estm_docu .guide p { margin: 0; }
/* 계약조건 - 지불금액 */
.estm_docu .costs .cell_head { background: #def1ff; }
.estm_docu .datas li.costs .cell_head { padding: 5px 0; font-weight: bold; }
.estm_docu .datas li.costs .cell_body { padding: 5px 0; background: #f7fcff; text-align: right; font-weight: bold; }
.estm_docu .datas li.costs .cell_body.sum { color: #ff6000; }
.estm_docu .datas .sum .cell_body { text-align: right; color: #ff6000; font-size: 16px; }
.estm_docu .datas .sum .cell_body + .cell_body { position: relative; }
.estm_docu .costs .datas { margin-top: -1px; }
/*.estm_docu .pmt .cell_head { padding-top: 0; padding-bottom: 3%; }*/
.estm_docu .pmt { background: #f7fcff; }
.estm_docu .costs .cell_head { padding-bottom: 0;}
.estm_docu .pmt { margin-top: -1px; border-top: 1px solid #0367B1; border-bottom: 1px solid #0367B1; }
.estm_docu .pmt .cell_head { padding: 10px 0; }

.estm_docu .monthly_pmt .cell_head { padding-bottom: 0; }

@media screen and  (max-width: 800px) {
   .estm_docu { padding:0; }
   .estm_docu .docu_box { padding:20px 15px; border:0; }
}
@media screen and  (max-width: 750px) {
   .estm_docu .docuBody { overflow-x:auto; border:0; padding:0; }
   .estm_docu .docu_box { max-width:unset; zoom:.9; }
   .estm_docu .docu_box.noZoom { width:800px; zoom:1; }
}
@media screen and  (max-width: 670px) {
   .estm_docu .docu_box { zoom: .8; }
   .estm_docu .docu_box.noZoom { width: 800px; zoom: 1; }
}
@media screen and  (max-width: 600px) {
   .estm_docu { margin-top: 35px; }
   .estm_docu .docu_box { zoom: .7; }
   .estm_docu .docu_box.noZoom { width: 800px; zoom:1; }
   .estm_docu .tabBox .btnCloseDocu { top: -30px; }
}
@media screen and  (max-width: 520px) {
   .estm_docu .docu_box { zoom: .6; }
   .estm_docu .docu_box.noZoom { width: 800px; zoom: 1; }
}
@media screen and  (max-width: 450px) {
   .estm_docu .docu_box { zoom: .5; }
   .estm_docu .docu_box.noZoom { width: 800px; zoom: 1; }
}
@media screen and  (max-width: 370px) {
   .estm_docu .docu_box { zoom: .4; }
   .estm_docu .docu_box.noZoom { width: 800px; zoom: 1; }
}
@media print {
    body {-webkit-print-color-adjust:exact; width: 210mm; height: 297mm; background: #fff;}
    .header {display: none;}
    .footer {display: none;}
    .container {padding: 0; border: 0; }
}