Code - chominsoo4245/mjon

/* 견적서 */ .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;} /* // 인쇄 미리보기 팝업(테이블) */ /* 가상계좌 확인서 */ .cont4.account table tbody tr{border-bottom: 0;} .cont4.account table tbody tr .acc_te{padding: 20px 0 0 0; text-align: center;} /* // 가상계좌 확인서 */ /* 문자온 KISA 신고 관리대장(시작) */ .kisa_management::after{background:none;} .kisa_table table{width:100%;border-top:2px solid #000;text-align:left;font-size:14px;vertical-align:middle;} .kisa_table table tr{border-bottom:1px solid #d5d5d5;} .kisa_table table th{height:25px;background:#efefef;padding:10px 0 0 10px;font-weight:500;} .kisa_table table th[rowspan]{writing-mode:vertical-lr;border-right:1px solid #d5d5d5;} .kisa_table table td{text-align:center;padding:10px;} .kisa_table table .bgYellow{background:orange} .kisa_table table input+label{margin:0 0 0 4px;vertical-align:middle;} .kisa_table table td span{font-size:13px;line-height:1.4;} .kisa_table .sub_table table thead th{text-align:center;border-right:1px solid #d5d5d5;} .kisa_table .sub_table table thead th:last-child{border-right:0;} .kisa_table .sub_table table tbody tr td{border-right:1px solid #d5d5d5;} .kisa_table .sub_table table tbody tr td:last-child{border-right:0;} .kisa_table tfoot .date{margin:20px 0 0 0;font-size:16px;} .kisa_table tfoot img{margin:50px;} /* 문자온 KISA 신고 관리대장(끝) */