143 lines
9.2 KiB
CSS
143 lines
9.2 KiB
CSS
/* 견적서 */
|
|
.estimate_wrap {width: 820px; margin: 0 auto; position: relative; color: #222; letter-spacing: -0.5px;}
|
|
.estimate_wrap::after {content: ""; background-color: #e5e5e5; width: 100%; height: 117px; position: absolute; top: 0; left: 0; z-index: -1;}
|
|
.estimate {padding: 0 67px; box-sizing: border-box;}
|
|
|
|
.stamp {position: absolute; top: 79px; right: 70px;}
|
|
|
|
/* 견적서 head */
|
|
.est_head {height: 117px; text-align: right;}
|
|
.est_head img {margin: 10px 0 5px 0;}
|
|
.est_head>div {background-color: #fff; height: 30px; padding: 0 10px; border-radius: 5px;line-height: 30px; box-sizing: border-box;}
|
|
.est_head p {font-size: 13px;}
|
|
.est_head p:first-child {float: left;}
|
|
.est_head p:last-child {float: right;}
|
|
|
|
/* 견적서 body */
|
|
.est_body {padding: 30px 0 25px 0; box-sizing: border-box;}
|
|
.est_body h2 {font-size: 35px; font-weight: 700; text-align: center;}
|
|
.est_body .cont1 {display: flex; justify-content: space-between; margin-top: 37px;}
|
|
.est_body .cont1.tb_ver2 {margin-bottom: 30px;}
|
|
.est_body .cont1.tb_ver2>div {width: 100%;}
|
|
.est_body .cont1>div {width: calc(100%/2 - 20px); position: relative;}
|
|
.est_body .cont1>div p {font-size: 15px; font-weight: 700;}
|
|
.est_table {font-size: 13px; text-align: left; width: 100%; margin-top: 10px;}
|
|
.est_table tr {border-bottom: 1px solid #d5d5d5; height: 30px; line-height: 30px;}
|
|
.est_table tr:first-child {border-top: 2px solid #000;}
|
|
.est_table th {font-weight: 500;}
|
|
.est_table td {font-weight: 300; padding: 0 30px;word-break:break-word;}
|
|
.est_table td span {font-weight: 500;}
|
|
.est_table td.colspan {text-align: center;}
|
|
|
|
.est_body .cont2 {background-color: #f2f2f2; padding: 0 20px; border: 1px solid #ccc; border-radius: 5px; margin: 13px 0 20px 0; height: 50px; line-height: 50px; box-sizing: border-box;}
|
|
.est_body .cont2 p:first-child {float: left; font-size: 16px; font-weight: 500;}
|
|
.est_body .cont2 p:last-child {float: right; font-size: 13px; font-weight: 300;}
|
|
.est_body .cont2 p span {font-size: 20px; font-weight: 700;}
|
|
|
|
.est_body .cont3 p {margin:0 0 10px;text-align: right; font-size: 13px;}
|
|
.est_table2_wrap {border-radius: 5px; border: 1px solid #ccc; margin-top: 5px;}
|
|
.est_table2 {width: 100%;border:1px solid #ccc;border-radius:5px;}
|
|
.est_table2 thead tr {background-color: #f2f2f2; border-bottom: 1px solid #ccc;}
|
|
.est_table2 thead th {height: 33px; line-height: 33px; font-size: 13px; border-left: 1px solid #ccc;}
|
|
.est_table2 thead th:first-child {border-left: 0; /* border-radius: 5px 0 0 0 */}
|
|
.est_table2 thead th:last-child {/* border-radius: 0 5px 0 0 */}
|
|
.est_table2 tbody tr {border-bottom: 1px solid #ccc; text-align: center;}
|
|
.est_table2 tbody tr:last-child {border-bottom: 1px solid transparent;}
|
|
.est_table2 tbody th {font-size: 12px; height: 30px; vertical-align: middle;}
|
|
.est_table2 tbody td {font-size: 12px; height: 30px; padding: 0 5px; vertical-align: middle; border-left: 1px solid #ccc;}
|
|
.est_table2 tbody td.est_cont {text-align: left; padding: 3px 5px; line-height: 1.4;word-break:break-all;}
|
|
.est_table2 tbody td.price {text-align: right; padding: 0 10px;}
|
|
.est_table2 tbody tr:last-child th {border-radius: 0 0 0 5px;}
|
|
.est_table2 tbody tr:last-child td:last-child {border-radius: 0 0 5px 0;}
|
|
.est_table2 tbody tr:last-child th,
|
|
.est_table2 tbody tr:last-child td {border-bottom:1px solid #ccc;}
|
|
/* 합계 */
|
|
.est_table2 tbody tr.total_price td {border-top: 1px solid #d7d7d7; border-left:0; border-right: 1px solid #d7d7d7; background-color: #f2f2f2;}
|
|
.est_table2 tbody tr.total_price td:first-child {border-radius: 0 0 0 5px;}
|
|
.est_table2 tbody tr.total_price td:last-child {border-radius: 0 0 5px 0; border-right: 1px solid transparent}
|
|
|
|
.est_body .cont4 {margin-top: 20px;}
|
|
.est_body .cont4 .est_table td {text-align: right; padding: 0;}
|
|
.est_body .cont4 .est_table td span {font-size: 15px; font-weight: 700;}
|
|
|
|
.est_body .cont5 {margin-top: 50px;}
|
|
.est_body .cont5 p {font-size: 17px; text-align: center; padding-bottom: 40px; color: #555; font-weight: 300;}
|
|
.est_body .cont5 p span {color: #222; font-weight: 400;}
|
|
.est_body .cont5>div {display: flex; justify-content: center; align-items: center;}
|
|
.est_body .cont5 div span:nth-child(1) {font-size: 16px; font-weight: 300; color: #666; align-self: center;}
|
|
.est_body .cont5 div span:nth-child(2) {font-size: 22px; font-weight: 500; color: #222; padding: 0 15px;}
|
|
.est_body .cont5 div span:nth-child(3) {font-size: 22px; font-weight: 500; color: #222; position: relative; margin-left: 15px;}
|
|
/* .est_body .cont5 div span:nth-child(3)::after {background-image: url(/publish/images/content/stamp2.png); width: 70px; height: 70px; content: ""; position: absolute; top: 50%; right: -20px; z-index: -1; transform: translateY(-50%);} */
|
|
|
|
|
|
/* 견적서 footer */
|
|
.est_footer {background-color: #e5e5e5; padding: 15px 25px; box-sizing: border-box;}
|
|
.est_footer .footer_acnt {background-color: #fff; padding: 8px 12px; border-radius: 5px; margin-bottom: 10px; font-size: 13px; box-sizing: border-box;}
|
|
.est_footer span {font-size: 13px; color: #555; font-weight: 700; margin-bottom: 10px; display: inline-block;}
|
|
.est_footer p {font-size: 12px; color: #555; margin-bottom: 10px;}
|
|
.est_footer p:last-child {margin-bottom: -10px;}
|
|
.est_footer p>span {font-weight: 500px; color: #222; font-size: 11px;}
|
|
|
|
/* 하단 버튼 */
|
|
.est_btn_wrap {margin: 30px auto 40px auto; text-align: center;}
|
|
.est_btn_wrap button {width: 120px; height: 42px; border-radius: 5px; border: 1px solid #ccc; font-size: 16px; color: #555;}
|
|
.est_btn_wrap button:nth-child(2) {margin: 0 3px 0 1px;}
|
|
.est_btn_wrap button i.pdf_img {margin: 0 3px 0 0;}
|
|
.est_btn_wrap button i.print_img {margin: 0 5px 1px 0;}
|
|
|
|
|
|
/* 간이영수증 */
|
|
.pop_receipt {width: 350px;margin:35px auto;border: 2px solid #2e78ff;border-bottom:1px solid #2e78ff}
|
|
.pop_receipt .box1 {height:75px;position:relative;border-bottom:1px solid #78a8ff;}
|
|
.pop_receipt h1 {width: 185px;position:absolute;top: 14px;left:50%;transform: translateX(-41%);font-size:25px;font-weight:bold;}
|
|
.pop_receipt h1 span {font-size:15px;font-weight: 400;}
|
|
.pop_receipt .box1 .number {position:absolute;top:0;left:0;height:35px;line-height:35px;padding:0 10px;border-bottom:1px solid #2e78ff;border-right:1px solid #2e78ff;}
|
|
.pop_receipt .box1 .name {position:absolute;bottom: 12px;right: 20px;font-size:17px;font-weight: 500;}
|
|
.pop_receipt table {width:100%;text-align: center;}
|
|
.pop_receipt table td {height:13px;vertical-align: middle;padding:6px 5px;border:1px solid #78a8ff;font-size:15px;color:#333;}
|
|
.pop_receipt table tr:first-child td {border-top:none;}
|
|
.pop_receipt table tr td:first-child {border-left:none;}
|
|
.pop_receipt table tr td:last-child {border-right:none;}
|
|
.pop_receipt table .w_name {position:relative;}
|
|
.pop_receipt table .w_name span {margin-left: -65px;}
|
|
.pop_receipt table .w_name img {position:absolute;top:-11px;right: 0;}
|
|
.pop_receipt table .bg {background-color:#edf3ff;font-weight: 500;}
|
|
.pop_receipt table .num {text-align:right;}
|
|
.pop_receipt table .h_35 {height:35px;}
|
|
.pop_receipt table .w_40 {width:40px;}
|
|
.pop_receipt table .l_30 {line-height: 30px;}
|
|
.pop_receipt table .f_d {font-weight:bold;}
|
|
.pop_receipt table .fz_18 {font-size:18px;}
|
|
/*// 간이영수증 */
|
|
|
|
|
|
|
|
/* 인쇄 미리보기 팝업(테이블) */
|
|
.c_002c9a {color: #002c9a !important;}
|
|
.c_e40000 {color: #e40000 !important;}
|
|
.c_ffa200 {color: #ffa200 !important;}
|
|
.c_000 {color: #000 !important;}
|
|
|
|
.tablePrint_wrap {width: 950px; padding: 50px 30px; margin: 0 auto; position: relative; color: #222; letter-spacing: -0.5px; box-sizing: border-box;}
|
|
.tablePrint_wrap>p {font-size: 20px; margin-bottom: 20px;}
|
|
.tablePrint_wrap .tb_wrap{width: 100%; border: 1px solid #ccc; border-radius: 5px; margin-bottom: 10px; box-sizing: border-box;}
|
|
.print_tType{table-layout: fixed; width: 100%;}
|
|
.print_tType thead{background-color: #ededed; position: relative; z-index: 0;}
|
|
.print_tType thead tr:only-child th{height: 36px;}
|
|
.print_tType thead th{border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 15px; font-weight: 400; position: relative; z-index: 1; line-height: 25px; vertical-align: middle;}
|
|
.print_tType thead th::after{position: absolute; content: " "; width: 100%; height: 18px; background-color: #e5e5e5; bottom: 0; left: 0; z-index: -1;}
|
|
.print_tType thead th:last-child{border-right: 0;}
|
|
.print_tType .sort_wrap{display: inline-block;}
|
|
.print_tType tbody td{text-align: center; font-size: 15px; color: #555; font-weight: 300; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; height: 38px; vertical-align: middle; padding: 5px; box-sizing: border-box;}
|
|
.print_tType tbody td p {word-break: break-all; line-height: 1.1;}
|
|
.print_tType tbody tr:last-child td {border-bottom: 0;}
|
|
.print_tType tbody td.tb_tit{text-align: left; position: relative;}
|
|
.print_tType tbody td.input_wrap2 input[type="text"] {text-align: center;background-color: #f2f2f2;width: calc(100% - 20px);height: 32px;border-radius: 5px;border: 1px solid #f2f2f2;margin-right: 0;color: #555;}
|
|
.print_tType tbody tr:only-child:last-child td{border-bottom: 1px solid #ccc;}
|
|
.print_tType tbody tr:nth-child(10n) td{border-bottom: 0;}
|
|
.print_tType tbody td:last-child{border-right: 0;}
|
|
.print_tType tbody td span {font-weight: 400;}
|
|
.print_tType td input[type="text"]{height: 28px; display: inline-block; border: 1px solid #e5e5e5; margin-right: 5px;}
|
|
.print_tType tbody .btnType14 {height: 28px;}
|
|
|
|
/* // 인쇄 미리보기 팝업(테이블) */ |