/********************************************
 * checkbook.php, checkbook_group.php 전용 
 ********************************************/

@charset "utf-8";


/* ============================== 글꼴 / 폰트 선언 ============================== */
@font-face {
    font-family: 'NanumBarunGothic';
    font-weight: 400;
    src: url(/car/checkbook/NanumBarunGothicSubset.eot);
    src: url(/car/checkbook/NanumBarunGothicSubset.eot?#iefix) format('embedded-opentype'),
        url(/car/checkbook/NanumBarunGothicSubset.woff) format('woff'),
        url(/car/checkbook/NanumBarunGothicSubset.ttf) format('truetype');
}
@font-face {
    font-family: 'NanumBarunGothic';
    font-weight: 700;
    src: url(/car/checkbook/NanumBarunGothicBoldSubset.eot);
    src: url(/car/checkbook/NanumBarunGothicBoldSubset.eot?#iefix) format('embedded-opentype'),
        url(/car/checkbook/NanumBarunGothicBoldSubset.woff) format('woff'),
        url(/car/checkbook/NanumBarunGothicBoldSubset.ttf) format('truetype');
}


/* ============================== 리셋(Reset) ============================== */
html, body, div, span, iframe,
h1, h2, h3, h4, 
p, a, em, img, strong,
dl, dt, dd, ol, ul, li, label,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}

/* ============================== 기본 타이포그래피/바디 ============================== */
body { line-height: 1; }
table {	border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }


body {
    font-family: 'NanumBarunGothic','돋움',Dotum,AppleSDGothicNeo,'Droid Sans',Arial,sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #333333;
    line-height: 150%;
    background-color: #ffffff;
    -webkit-text-size-adjust: none; /* 모바일 브라우저 자동 확대 방지 */
}

/* ============================== 링크 ============================== */
a,
a:link {
    color: #333333;
    text-decoration: underline;
}
a:hover,
a:active,
a:focus {
    text-decoration: underline;
}

/* ============================== 인라인 요소 기본 ============================== */
em {
    font-style: normal;
}

img {
    vertical-align: middle;
}

hr,
caption {
    display: none;
}

/* ============================== 폼 요소 ============================== */
input,
textarea {
    font-family: 'NanumBarunGothic','돋움',Dotum,AppleSDGothicNeo,'Droid Sans',Arial,sans-serif;
    color: #333333;
    border: 1px solid #d1d1d1;
}
textarea {
    resize: none;
}
input[type="text"]:focus,
textarea:focus {
    border-color: #0099ff;
}
select {
    padding: 3px;
}
button {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border: none;
    background: none;
    cursor: pointer;
}



/* ============================== 유틸리티 클래스 ============================== */
.none {display:none;}
.clearfix:after {content:""; display:table; clear:both;}




/* ============================== 헤더 영역 ============================== */
#header {position:relative; margin-bottom:20px; z-index:10000;}
#header h1 {font-size:21px; font-weight:700; line-height:60px; color:#ffffff; padding-left:20px; background-color:#3d4c5c;}
#header p {position:absolute; top:0; right:0; line-height:60px; margin-right:70px; color:#b1b7be;}
.inspector_tbl {width:100%; border-collapse: collapse; border: 1px solid #ccc; background-color:#ffffff;}
.inspector_tbl th,.inspector_tbl td {padding:9px 10px 7px 10px; border:1px solid #dddddd;}
.inspector_tbl th {width:100px; font-weight:700; background-color:#f3f3f3;}

/* ============================== 프린트 헤더 컨트롤(상단 버튼/도움말) ============================== */
.header_print_wrap {width:820px; text-align:right; margin:0 auto; padding-top:10px;}
.header_print_wrap .print,
.header_print_wrap .help {position:relative;}
.header_print_wrap .print span {position:absolute; top:13px; right:50px; display:inline-block; font-size:11px; line-height:11px; text-align:left; vertical-align:middle; color:#000000;}
.header_print_wrap .print span em {text-decoration:underline;}
.header_print_wrap .print span strong {font-weight: 700;}
.header_print_wrap .help {position:relative;}
.header_print_wrap .help ul {position:absolute; top:5px; right:10px; display:none; width:240px; padding:20px; border:1px solid #555555; background-color:#ffffe2; border-radius:10px; -webkit-box-shadow:3px 3px 10px 2px rgba(0,0,0,0.25); -moz-box-shadow:3px 3px 10px 2px rgba(0,0,0,0.25); box-shadow:3px 3px 10px 2px rgba(0,0,0,0.25); z-index:1000;}
.header_print_wrap .help ul li {font-size:12px; line-height:1.4; text-align:left; margin-top:3px;}
.header_print_wrap .help ul li:first-child {margin-top:0;}
.header_print_wrap a.btn_close {position:absolute; right:30px; top:22px; width:16px; height:16px; background-position:left -23px;}
.header_print_wrap a.btn_print {background-position:6px -103px;}
.header_print_wrap a.btn_help {width:16px; height:16px; margin-left:2px; vertical-align:text-bottom; background-color:transparent; background-position:0 -145px;}



#header .btn_print {
  text-align: center; text-decoration: none;
  margin: 0 auto; padding: 5px; border-radius: 5px; background-color: #515355; color: #fff;
  line-height: 10px;
  cursor: pointer;
}
#header .btn_print:hover { color: #b4ffb1; }
span.blank {display:inline-block !important; width:30px;}

/* ============================== 문서 타이틀 ============================== */
.docu_title {position:relative; width:820px; font-weight:700; text-align:center; margin:0 auto; padding:15px 0 15px 0; border-top:3px solid #333333; overflow:hidden;}
.docu_title h2 {font-size:21px; margin-bottom:10px;}
.docu_title h2 span {display:block; margin-top:10px;}
.docu_title p.no {position:absolute; left:10px; bottom:15px;}

.docu_title p.no .btn_copy {display:inline-block; font-size:10px; line-height:15px; text-decoration:none !important; vertical-align:text-bottom; color:#888888; padding:0 3px 0 3px; margin-left:5px; border:1px solid #888888; border-radius:2px;}
.docu_title p.no .btn_copy:hover {color:#444444; border-color:#444444;}
.docu_title p.no .clip_target {position:absolute; top:-9999em;}
.docu_title .fee {position:absolute; bottom:15px; right:0; text-align:right; color:#ff2626;}
.docu_title .fee li span {display:inline-block; width:80px;}

/* ============================== 검사표 테이블 (.ins_tbl) ============================== */
.ins_tbl {width:820px; border-collapse: collapse; border: 1px solid #626467; margin:0 auto;}
.ins_tbl thead {border-top:1px solid #333333; border-bottom:1px solid #333333;}
.ins_tbl thead th {text-align:center; padding:15px 0 15px 0; color:#ffffff; background-color:#5a5d5e;}
.ins_tbl thead h3 {font-size:16px; font-weight:700; padding-bottom:5px;}
.ins_tbl thead p {font-weight:400;}
.ins_tbl tbody th,.ins_tbl tbody td {padding:10px 10px 9px 10px; border:0; vertical-align:middle; border-top:1px solid #dddddd;}
.ins_tbl tbody tr:first-child th,.ins_tbl tbody tr:first-child td {border-top:none;}
.ins_tbl tbody th {text-align:left; white-space:nowrap; border-right:1px solid #dddddd; background-color:#f3f3f3;}
.ins_tbl tbody td strong {font-size:15px; font-weight:700; color:#000000;}
.ins_tbl tbody td.calc {text-align:right;}
.ins_tbl tbody td.exhaust_gas {text-align:center;}
.ins_tbl tbody td.exhaust_gas span {display:inline-block; margin-left:5px;}
.ins_tbl tbody tr.calc_sum td {text-align:center; padding:15px 0 15px 0; border-top:2px solid #333333; border-bottom:2px solid #333333;}
.ins_tbl tbody tr.calc_sum td em {font-size:18px;}
.ins_tbl tbody tr.calc_sum td em span {display:inline-block; margin-left:20px;}
.ins_tbl tbody tr.calc_sum td p {margin-top:10px;}
.ins_tbl tbody tr.tire td.br .chkbox_list li {margin-right:15px;}
.ins_tbl tbody tr.tire .chkbox_list li {margin:0;}
.ins_tbl tbody tr.tire .chkbox_list li.seat:before {content:"/"; margin-right:10px;}
.ins_tbl tbody tr.tire .chkbox_list li span {margin-right:5px;}
.ins_tbl tbody tr.tire .chkbox_list ul {margin-right:0;}
.ins_tbl tbody tr.tire .chkbox_list ul li {margin-right:10px;}
.ins_tbl td.fuel {position:relative;}
.ins_tbl td.fuel .chkbox_list {position:absolute; top:9px; left:10px; width:600px; z-index:10;}
.ins_tbl td.fuel .chkbox_list li {margin-right:30px;}
.ins_tbl td.car_state {height:350px; vertical-align:top;}
.ins_tbl td.car_state ul {height:100%; overflow:hidden;}
.ins_tbl td.car_state li {position:absolute; z-index:999;}
.ins_tbl td.car_state li strong {display:none; font-size:13px; font-weight:700; text-shadow:1px 0 0 #fff,-1px 0 0 #fff,0 1px 0 #fff,0 -1px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff;}
.ins_tbl td.car_state li strong.on {display:block;}
.ins_tbl td.car_state div {position:relative; width:750px; height:300px; margin-top:25px; margin-left:25px; overflow:hidden;}
.ins_tbl td.car_state div p {position:absolute; top:0; left:0; z-index:998;}
.ins_tbl td.car_state div .performance li.p0 { top: 90px; left: 430px; }
.ins_tbl td.car_state div .performance li.p1 { top: 14px; left: 18px; }
.ins_tbl td.car_state div .performance li.p2 { top: 24px; left: 50px; }
.ins_tbl td.car_state div .performance li.p3 { top: 85px; left: 17px; }
.ins_tbl td.car_state div .performance li.p4 { top: 96px; left: 50px; }
.ins_tbl td.car_state div .performance li.p5 { top: 96px; left: 95px; }
.ins_tbl td.car_state div .performance li.p6 { top: 150px; left: 55px; }
.ins_tbl td.car_state div .performance li.p7 { top: 133px; left: 90px; }
.ins_tbl td.car_state div .performance li.p8 { top: 205px; left: 50px; }
.ins_tbl td.car_state div .performance li.p9 { top: 180px; left: 100px; }

.ins_tbl td.car_state div .performance li.p10 { top: 35px; left: 235px; }
.ins_tbl td.car_state div .performance li.p11 { top: 140px; left: 235px; }
.ins_tbl td.car_state div .performance li.p12 { top: 225px; left: 235px; }

.ins_tbl td.car_state div .performance li.p13 { top: 0px; left: 420px; }
.ins_tbl td.car_state div .performance li.p14 { top: 16px; left: 390px; }
.ins_tbl td.car_state div .performance li.p15 { top: 28px; left: 366px; }
.ins_tbl td.car_state div .performance li.p16 { top: 26px; left: 444px; }
.ins_tbl td.car_state div .performance li.p17 { top: 40px; left: 383px; }
.ins_tbl td.car_state div .performance li.p18 { top: 40px; left: 427px; }
.ins_tbl td.car_state div .performance li.p19 { top: 60px; left: 361px; }
.ins_tbl td.car_state div .performance li.p20 { top: 60px; left: 450px; }
.ins_tbl td.car_state div .performance li.p21 { top: 75px; left: 420px; }
.ins_tbl td.car_state div .performance li.p22 { top: 130px; left: 420px; }
.ins_tbl td.car_state div .performance li.p23 { top: 190px; left: 361px; }
.ins_tbl td.car_state div .performance li.p24 { top: 184px; left: 390px; }
.ins_tbl td.car_state div .performance li.p25 { top: 190px; left: 450px; }
.ins_tbl td.car_state div .performance li.p26 { top: 207px; left: 370px; }
.ins_tbl td.car_state div .performance li.p27 { top: 210px; left: 395px; }
.ins_tbl td.car_state div .performance li.p28 { top: 207px; left: 442px; }
.ins_tbl td.car_state div .performance li.p29 { top: 240px; left: 420px; }

.ins_tbl td.car_state div .performance li.p30 { top: 15px; left: 623px; }
.ins_tbl td.car_state div .performance li.p31 { top: 25px; left: 590px; }
.ins_tbl td.car_state div .performance li.p32 { top: 100px; left: 545px; }
.ins_tbl td.car_state div .performance li.p33 { top: 100px; left: 600px; }
.ins_tbl td.car_state div .performance li.p34 { top: 85px; left: 625px; }
.ins_tbl td.car_state div .performance li.p35 { top: 135px; left: 550px; }
.ins_tbl td.car_state div .performance li.p36 { top: 160px; left: 600px; }
.ins_tbl td.car_state div .performance li.p37 { top: 180px; left: 545px; }
.ins_tbl td.car_state div .performance li.p38 { top: 210px; left: 580px; }

.ins_tbl td.car_state div .calc li.p1 { top: 10px; left: 20px; }
.ins_tbl td.car_state div .calc li.p2 { top: 24px; left: 10px; }
.ins_tbl td.car_state div .calc li.p3 { top: 40px; left: 5px; }
.ins_tbl td.car_state div .calc li.p4 { top: 45px; left: 25px; }
.ins_tbl td.car_state div .calc li.p5 { top: 36px; left: 55px; }
.ins_tbl td.car_state div .calc li.p6 { top: 110px; left: 20px; }
.ins_tbl td.car_state div .calc li.p7 { top: 110px; left: 55px; }
.ins_tbl td.car_state div .calc li.p8 { top: 100px; left: 100px; }
.ins_tbl td.car_state div .calc li.p9 { top: 130px; left: 90px; }
.ins_tbl td.car_state div .calc li.p10 { top: 160px; left: 100px; }
.ins_tbl td.car_state div .calc li.p11 { top: 180px; left: 15px; }
.ins_tbl td.car_state div .calc li.p12 { top: 190px; left: 25px; }
.ins_tbl td.car_state div .calc li.p13 { top: 165px; left: 55px; }
.ins_tbl td.car_state div .calc li.p14 { top: 220px; left: 45px; }
.ins_tbl td.car_state div .calc li.p15 { top: 230px; left: 55px; }
.ins_tbl td.car_state div .calc li.p16 { top: 10px; left: 220px; }
.ins_tbl td.car_state div .calc li.p17 { top: 40px; left: 230px; }
.ins_tbl td.car_state div .calc li.p18 { top: 80px; left: 170px; }
.ins_tbl td.car_state div .calc li.p19 { top: 80px; left: 220px; }
.ins_tbl td.car_state div .calc li.p20 { top: 80px; left: 270px; }
.ins_tbl td.car_state div .calc li.p21 { top: 120px; left: 220px; }
.ins_tbl td.car_state div .calc li.p22 { top: 220px; left: 220px; }
.ins_tbl td.car_state div .calc li.p23 { top: 240px; left: 220px; }
.ins_tbl td.car_state div .calc li.p24 { top: 7px; left: 400px; }
.ins_tbl td.car_state div .calc li.p25 { top: 20px; left: 415px; }
.ins_tbl td.car_state div .calc li.p26 { top: 32px; left: 380px; }
.ins_tbl td.car_state div .calc li.p27 { top: 32px; left: 430px; }
.ins_tbl td.car_state div .calc li.p28 { top: 40px; left: 360px; }
.ins_tbl td.car_state div .calc li.p29 { top: 40px; left: 450px; }
.ins_tbl td.car_state div .calc li.p30 { top: 70px; left: 360px; }
.ins_tbl td.car_state div .calc li.p31 { top: 70px; left: 450px; }
.ins_tbl td.car_state div .calc li.p32 { top: 80px; left: 420px; }
.ins_tbl td.car_state div .calc li.p33 { top: 90px; left: 400px; }
.ins_tbl td.car_state div .calc li.p34 { top: 130px; left: 400px; }
.ins_tbl td.car_state div .calc li.p35 { top: 200px; left: 360px; }
.ins_tbl td.car_state div .calc li.p36 { top: 190px; left: 400px; }
.ins_tbl td.car_state div .calc li.p37 { top: 200px; left: 450px; }
.ins_tbl td.car_state div .calc li.p38 { top: 220px; left: 400px; }
.ins_tbl td.car_state div .calc li.p39 { top: 220px; left: 450px; }
.ins_tbl td.car_state div .calc li.p40 { top: 220px; left: 360px; }
.ins_tbl td.car_state div .calc li.p41 { top: 240px; left: 380px; }
.ins_tbl td.car_state div .calc li.p42 { top: 8px; left: 615px; }
.ins_tbl td.car_state div .calc li.p43 { top: 24px; left: 620px; }
.ins_tbl td.car_state div .calc li.p44 { top: 40px; left: 630px; }
.ins_tbl td.car_state div .calc li.p45 { top: 50px; left: 610px; }
.ins_tbl td.car_state div .calc li.p46 { top: 30px; left: 590px; }
.ins_tbl td.car_state div .calc li.p47 { top: 50px; left: 610px; }
.ins_tbl td.car_state div .calc li.p48 { top: 100px; left: 600px; }
.ins_tbl td.car_state div .calc li.p49 { top: 100px; left: 630px; }
.ins_tbl td.car_state div .calc li.p50 { top: 110px; left: 540px; }
.ins_tbl td.car_state div .calc li.p51 { top: 190px; left: 620px; }
.ins_tbl td.car_state div .calc li.p52 { top: 185px; left: 630px; }
.ins_tbl td.car_state div .calc li.p53 { top: 215px; left: 600px; }
.ins_tbl td.car_state div .calc li.p54 { top: 230px; left: 580px; }
.ins_tbl td.car_state div .calc li.p55 { top: 130px; left: 540px; }
.ins_tbl td.car_state div .calc li.p56 { top: 160px; left: 540px; }
.ins_tbl td.car_state div .calc li.p57 { top: 160px; left: 600px; }
.ins_tbl td.car_state div .calc li.p58 { top: 50px; left: 590px; }

/* ============================== 유의사항 ============================== */
.ins_tbl td.tips {padding:20px 10px;}
.ins_tbl td.tips h4 {font-size:14px; font-weight:700; text-decoration:underline; margin-bottom:10px;}
.ins_tbl td.tips ol {margin-left:25px;}
.ins_tbl td.tips ol li {list-style-type:decimal;}
.ins_tbl td.tips ol li a {text-decoration:none !important;}
.ins_tbl td.tips ol ul {margin-left:15px;}
.ins_tbl td.tips ol ul li {list-style-type:circle;}
.ins_tbl td.tips ol ul li ul {margin-left:0;}
.ins_tbl td.tips ol ul li ul li {list-style-type:none;}
.ins_tbl td.tips dl {position:relative; margin:25px 0 5px 0;}
.ins_tbl td.tips dt {position:absolute; top:-15px; left:50%; transform:translate(-50%, 0); font-size:15px; font-weight:700; text-align:center; line-height:30px; padding:0 30px 0 30px; border:1px solid #333333; background-color:#ffffff;}
.ins_tbl td.tips dd {padding:25px 10px 10px 27px; border:1px solid #333333;}
.ins_tbl td.tips dd span {margin-left:-17px;}
.ins_tbl td.tips dd strong {font-size:13px; font-weight:700;}
.page4 .ins_tbl6 thead {display:none;}
.page4 .ins_tbl6 td.tips {border-top:1px solid #dddddd;}

/* ============================== 차량 사진 ============================== */
.ins_tbl td.car_photo {text-align:center; padding:15px 0 10px 0; border-top:none; background-color:#f3f3f3;}
.ins_tbl td.car_photo ul {display:inline-block;}
.ins_tbl td.car_photo li {float:left; margin:0 3px 0 3px;}
.ins_tbl td.car_photo li img {width:auto; max-width:400px; max-height:300px;}

/* ============================== 점검자/서명 영역 ============================== */
.ins_tbl td.inspector {padding:20px 0 20px 0; border-bottom:1px solid #333333;}
.ins_tbl td.inspector p {font-size:14px; line-height:150%; text-align:center;}
.ins_tbl td.inspector p.date {position:relative; font-size:13px; margin:15px 0 15px 0;}
.ins_tbl td.inspector p.date span {position:absolute; top:0; right:160px;}
.ins_tbl td.inspector p.kaiwa {font-size:14px; font-weight:700;}
.ins_tbl td.inspector p.kaiwa span,.ins_tbl td.inspector p.kaiwa img {vertical-align:middle;}
.ins_tbl td.inspector dl {float:right; width:550px; margin-right:15px;}
.ins_tbl td.inspector dt,.ins_tbl td.inspector dd {display:inline-block; line-height:2.5;}
.ins_tbl td.inspector dt {float:left; clear:left;}
.ins_tbl td.inspector dd {position:relative; float:right;}
.ins_tbl td.inspector dd img {position:absolute; top:-3px; right:-4px;    width: 38px;} /* 도장 */
.ins_tbl td.inspector dd:nth-child(6) img {right:-15px; width:50px;} /* 매매상사 도장 */
.ins_tbl td.inspector dd .sign {display:inline-block; margin-left:10px;}
.ins_tbl td.inspector span.blank {width:20px;}
.ins_tbl td.consumer,.print_bottom {display:none;}
.ins_tbl1 tbody th.calc {border-top:1px solid #333333;}
.ins_tbl1 tbody td.calc_brd {border-bottom:1px solid #333333;}
.ins_tbl1 tbody th.calc {border-left:1px solid #333333;}
.ins_tbl2 tbody th,.ins_tbl3 tbody th,.ins_tbl4 tbody th,.ins_tbl5 tbody th {text-align:center;}
.ins_tbl2 tbody tr.calc th,.ins_tbl2 tbody tr.calc td {border-bottom:1px solid #333333;}
.ins_tbl2 tbody th.calc_brd,.ins_tbl3 tbody th.calc_brd,.ins_tbl4 tbody th.calc_brd {border-right:1px solid #333333;}
.ins_tbl2 tbody td.calc,.ins_tbl3 tbody td.calc,.ins_tbl4 tbody td.calc {border-left:1px solid #333333;}
.ins_tbl2 tbody tr:nth-child(8) td:nth-child(3) li:nth-child(2) {display:none;} /* 리스 display:none */
.ins_tbl3 tbody td.calc_brd {border-bottom:1px solid #333333;}
.ins_tbl5 tbody tr.calc th,.ins_tbl5 tbody tr.calc td {border-top:1px solid #333333;}
.ins_tbl5 tbody tr.calc th {border-left:1px solid #333333;}
.ins_tbl5 tbody .opinion_perform,.ins_tbl5 tbody .opinion_calc {vertical-align:top; white-space:pre-wrap; word-break:keep-all; word-wrap:break-word;}
.ins_tbl6 thead th,.ins_tbl7 thead th,.ins_tbl8 thead th {padding-bottom:10px;}
.ins_tbl .chkbox_list {display:inline-block; vertical-align:middle;}
.ins_tbl .chkbox_list li {float:left; margin-right:15px;}
.ins_tbl .chkbox_list li:last-child {margin-right:0px;}
.ins_tbl .chkbox_list li input,.ins_tbl .chkbox_list li label,.ins_tbl .chkbox_list li span {vertical-align:middle !important;}
.ins_tbl .chkbox_list li input {margin:0 2px 0 0;}
.ins_tbl .chkbox_list li label {white-space:nowrap;}
.ins_tbl .chkbox_list li input[checked=checked] + label {font-weight:700;}
.ins_tbl td.multi_ul {position:relative; z-index:-1;} /* td에 'position:relative'를 쓸 경우 border가 제대로 표시 안될경우 'z-index:-1' */
.ins_tbl td.multi_ul div {position:absolute; bottom:9px; left:100px;}
.ins_tbl ul.car_state {margin:1px 0 1px 0;}
.ins_tbl ul.car_state li {margin-bottom:1px}



/* ============================== 표 보조 클래스 / 경계선 ============================== */
.ins_tbl .bbn {border-bottom:none !important;}
.ins_tbl .brn {border-right:none !important;}
.ins_tbl .bl {border-left:1px solid #dddddd;}
.ins_tbl .br {border-right:1px solid #dddddd;}
.ins_tbl .bb {border-bottom:1px solid #dddddd !important;}
/* ============================== ID별 폭 고정 ============================== */
#tbl1_th_1 {width:90px;}
#tbl1_td_1 {width:90px;}
#tbl1_th_2 {width:90px;}
#tbl1_td_2 {width:210px;}
#tbl1_th_3 {width:100px;}
#tbl1_th_4 {width:120px;}
#tbl2_th_1 {width:100px;}
#tbl2_td_1 {width:190px;}
#tbl2_td_2 {width:70px;}
#tbl2_td_3 {width:70px;}
#tbl2_td_5 {width:100px;}
#tbl2_td_6 {width:90px;}
#tbl3_th_1 {width:15%;}
#tbl3_th_2 {width:10%;}
#tbl3_td_1 {width:25%;}
#tbl3_td_2 {width:25%;}
#tbl3_td_3 {width:13%;}
#tbl3_td_4 {width:12%;}
#tbl4_th_1 {width:100px;}
#tbl4_th_2 {width:100px;}
#tbl4_td_2 {width:100px;}
#tbl4_td_3 {width:90px;}
#tbl5_th_1 {width:70px;}
#tbl5_th_2 {width:70px;}
#tbl5_td_1 {width:140px;}
#tbl5_td_2 {width:120px;}
#tbl5_th_3 {width:90px;}


/* ============================== IE/레거시 호환 ============================== */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    object {overflow:visible;}
    .ins_tbl td.tips ol ul.ie_mg {margin-top:-20px;}
}

@media screen and (min-width:0\0){
    .ins_tbl td.tips ol ul.ie_mg {margin-top:-20px;}
}



/* ============================== 오류 페이지 ============================== */
.error {width:540px; min-height:100px; font-size:16px; font-weight:700; text-align:center; margin:0 auto; margin-top:100px; padding:50px; border:3px solid #e74d4d;}
.error p:before {content:'Error!'; display:block; font-size:40px; font-weight:800; line-height:40px; margin-bottom:25px; color:#e74d4d;}



/* ============================== 인쇄 공통(@media print) ============================== */
@media print {
    body,th,td,input,select,textarea,button {font-size:10px; line-height:100%; letter-spacing:-1px; color:#000000;}
    object {display:none;}
    
    #wrap {margin:0;}
    #wrap.caution1:after {content:"※ 추가보증부품 : 각종 호스류"; display:block; padding-top:3px;}
    #wrap.caution2:after {content:"※ 추가보증부품 : 에어컨가스호스, 라디에이터 상/하부호스, 겉밸트 세트(소음, 균열 제외)"; display:block; padding-top:3px;}
    #header {display:none;}
    .print_page:after {content:""; display:table; clear:both;}

    /* 프린트 페이지 공통 */
    .print_page1,.print_page2 {display:inline-block; max-height:195mm !important; padding:0; border:2px solid #000000; overflow:hidden;}
    .print_page2 {position:relative; page-break-before:always;}

    .print_bottom {display:block; margin-top:8px; margin-right:5px; margin-left:5px;}
    .print_bottom .fee,.print_bottom .insure,.print_bottom .guar {display:inline-block; float:left; font-size:15px; font-weight:bold; color:#1460d6;}
    .print_bottom .fee {margin-right:20px;}
    .print_bottom .insure {margin-right:10px;}
    .print_bottom .insure .guide {font-size:10px; color:#000000; font-weight:normal; margin-left:5px;}
    .print_bottom .insure1 {position:absolute; top:4px; left:470px; font-size:11px; font-weight:bold;}
    .print_bottom .guar {float:right; color:#ff2626;}
    .print_bottom .date {display:none; float:right;}
    
    span.blank {display:inline-block; width:10px;}
    .page {float:left;}
    .page1,.page3 {border-right:2px solid #000000;}
    .docu_title {position:relative; width:auto; margin:0; padding:8px 0 7px 0; border:1px solid #cccccc; border-bottom:none;}
    .docu_title h2 {font-size:14px; font-weight:700; line-height:11px; margin-bottom:6px;}
    .docu_title h2 span {display:inline; padding-left:5px}
    .docu_title p.calc {font-weight:normal;}
    .docu_title p.no {font-size:11px; font-weight:700; left:5px; bottom:6px;}
    .docu_title p.no .btn_copy,.docu_title .fee {display:none;}
    .ins_tbl {width:535px; max-width:535px !important; margin-top:-1px; border:1px solid #cccccc !important; border-bottom:none !important;}
    .ins_tbl thead {border-top-color:#000000; border-bottom-color:#000000; background-color:#f2f2f2;}
    .ins_tbl thead th {padding:4px 0 2px 0 !important;}
    .ins_tbl thead th h3,.ins_tbl thead th p {display:inline-block; font-size:12px; color:#000000; padding:0;}
    .ins_tbl thead th p {font-size:9px; margin-left:5px;}
    .ins_tbl tbody th,.ins_tbl tbody td {padding:3px 4px 1px 4px !important; color:#000000; border:1px solid #cccccc; background-color:#ffffff;}
    .ins_tbl tbody td strong {font-size:12px; font-weight:700; letter-spacing:-1px;}
    .ins_tbl4 thead th {padding-top:10px !important; padding-bottom:10px !important;}
    .ins_tbl4 tbody th,.ins_tbl4 tbody td {padding-top:2px !important; padding-bottom:1px !important;}
    .ins_tbl5 tbody .opinion_perform {height:60px;}
    .ins_tbl5 tbody .opinion_calc {height:30px;}
    .ins_tbl tbody td.exhaust_gas span {width:15px;font-size:10px;background-color:#eeeeee;}
    .ins_tbl tbody tr.calc_sum td {padding-top:13px !important; padding-bottom:12px !important; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;}
    .ins_tbl tbody tr.calc_sum td em {font-size:13px;}
    .ins_tbl tbody tr.calc_sum td p {letter-spacing:-0.12em;}
    .ins_tbl tbody tr.tire td.br .chkbox_list li {margin-right:10px;}
    .ins_tbl tbody tr.tire .chkbox_list li.seat:before {content:"/"; margin-right:5px;}
    .ins_tbl tbody tr.tire .chkbox_list ul li {margin-right:2px;}
    .ins_tbl td.fuel {position:inherit; border-right-color:#ffffff;}
    .ins_tbl td.fuel .chkbox_list {position:inherit; top:0; left:0; width:auto;}
    .ins_tbl td.fuel .chkbox_list li {margin-right:5px;}
    .ins_tbl td.car_state {height:160px; vertical-align:middle;}
    .ins_tbl td.car_state div {width:375px; height:150px; margin:0 auto;}
    .ins_tbl td.car_state div p img {width:375px !important; height:150px !important;}
    .ins_tbl td.car_state li strong {font-size:8px !important;}

    .ins_tbl td.car_state div .performance li.p0 { top: 52px; left: 247px; }
    .ins_tbl td.car_state div .performance li.p1 { top: 12px; left: 10px; }
    .ins_tbl td.car_state div .performance li.p2 { top: 18px; left: 25px; }
    .ins_tbl td.car_state div .performance li.p3 { top: 50px; left: 10px; }
    .ins_tbl td.car_state div .performance li.p4 { top: 58px; left: 30px; }
    .ins_tbl td.car_state div .performance li.p5 { top: 57px; left: 57px; }
    .ins_tbl td.car_state div .performance li.p6 { top: 87px; left: 30px; }
    .ins_tbl td.car_state div .performance li.p7 { top: 77px; left: 57px; }
    .ins_tbl td.car_state div .performance li.p8 { top: 126px; left: 35px; }

    .ins_tbl td.car_state div .performance li.p9 { top: 100px; left: 57px; }
    .ins_tbl td.car_state div .performance li.p10 { top: 22px; left: 136px; }
    .ins_tbl td.car_state div .performance li.p11 { top: 72px; left: 136px; }
    .ins_tbl td.car_state div .performance li.p12 { top: 125px; left: 136px; }

    .ins_tbl td.car_state div .performance li.p13 { top: 3px; left: 245px; }
    .ins_tbl td.car_state div .performance li.p14 { top: 8px; left: 225px; }
    .ins_tbl td.car_state div .performance li.p15 { top: 15px; left: 212px; }
    .ins_tbl td.car_state div .performance li.p16 { top: 15px; left: 256px; }
    .ins_tbl td.car_state div .performance li.p17 { top: 22px; left: 222px; }
    .ins_tbl td.car_state div .performance li.p18 { top: 22px; left: 246px; }
    .ins_tbl td.car_state div .performance li.p19 { top: 36px; left: 208px; }
    .ins_tbl td.car_state div .performance li.p20 { top: 36px; left: 260px; }
    .ins_tbl td.car_state div .performance li.p21 { top: 46px; left: 225px; }
    .ins_tbl td.car_state div .performance li.p22 { top: 72px; left: 240px; }
    .ins_tbl td.car_state div .performance li.p23 { top:110px; left: 208px; }
    .ins_tbl td.car_state div .performance li.p24 { top: 105px; left: 225px; }
    .ins_tbl td.car_state div .performance li.p25 { top: 110px; left: 260px; }
    .ins_tbl td.car_state div .performance li.p26 { top: 119px; left: 214px; }
    .ins_tbl td.car_state div .performance li.p27 { top: 120px; left: 227px; }
    .ins_tbl td.car_state div .performance li.p28 { top: 119px; left: 255px; }
    .ins_tbl td.car_state div .performance li.p29 { top: 137px; left: 241px; }

    .ins_tbl td.car_state div .performance li.p30 { top: 11px; left: 358px; }
    .ins_tbl td.car_state div .performance li.p31 { top: 15px; left: 342px; }
    .ins_tbl td.car_state div .performance li.p32 { top: 55px; left: 317px; }
    .ins_tbl td.car_state div .performance li.p33 { top: 60px; left: 342px; }
    .ins_tbl td.car_state div .performance li.p34 { top: 50px; left: 360px; }
    .ins_tbl td.car_state div .performance li.p35 { top: 77px; left: 314px; }
    .ins_tbl td.car_state div .performance li.p36 { top: 87px; left: 342px; }
    .ins_tbl td.car_state div .performance li.p37 { top: 96px; left: 312px; }
    .ins_tbl td.car_state div .performance li.p38 { top: 124px; left: 335px; }

    .ins_tbl td.car_state div .calc li.p1 { top: 6.48px; left: 10px; }
    .ins_tbl td.car_state div .calc li.p2 { top: 15.55px; left: 5px; }
    .ins_tbl td.car_state div .calc li.p3 { top: 25.92px; left: 2px; }
    .ins_tbl td.car_state div .calc li.p4 { top: 29.16px; left: 13px; }
    .ins_tbl td.car_state div .calc li.p5 { top: 23.37px; left: 32px; }

    .ins_tbl td.car_state div .calc li.p6 { top: 60px; left: 10px; }
    .ins_tbl td.car_state div .calc li.p7 { top: 60px; left: 28px; }

    .ins_tbl td.car_state div .calc li.p8 { top: 60px; left:58px; }
    .ins_tbl td.car_state div .calc li.p9 { top: 80px; left:48px; }

    .ins_tbl td.car_state div .calc li.p10 { top: 90px; left: 58px; }
    .ins_tbl td.car_state div .calc li.p11 { top: 90px; left: 28px; }

    .ins_tbl td.car_state div .calc li.p12 { top: 100px; left: 8px; }
    .ins_tbl td.car_state div .calc li.p13 { top: 105px; left: 12px; }

    .ins_tbl td.car_state div .calc li.p14 { top: 128.56px; left: 24px; }
    .ins_tbl td.car_state div .calc li.p15 { top: 133.52px; left: 27px; }

    .ins_tbl td.car_state div .calc li.p16 { top: 6.48px; left: 131px; }
    .ins_tbl td.car_state div .calc li.p17 { top: 25.92px; left: 132px; }
    .ins_tbl td.car_state div .calc li.p18 { top: 45.84px; left: 100px; }
    .ins_tbl td.car_state div .calc li.p19 { top: 45.84px; left: 131px; }
    .ins_tbl td.car_state div .calc li.p20 { top: 45.84px; left: 158px; }

    .ins_tbl td.car_state div .calc li.p21 { top: 77.76px; left: 131px; }
    .ins_tbl td.car_state div .calc li.p22 { top: 128.56px; left: 131px; }
    .ins_tbl td.car_state div .calc li.p23 { top: 135.52px; left: 131px; }

    .ins_tbl td.car_state div .calc li.p24 { top: 4.54px; left: 221px; }
    .ins_tbl td.car_state div .calc li.p25 { top: 12.96px; left: 229px; }

    .ins_tbl td.car_state div .calc li.p26 { top: 16.58px; left: 221px; }
    .ins_tbl td.car_state div .calc li.p27 { top: 16.58px; left: 247px; }

    .ins_tbl td.car_state div .calc li.p28 { top: 25.92px; left: 211px; }
    .ins_tbl td.car_state div .calc li.p29 { top: 25.92px; left: 257px; }

    .ins_tbl td.car_state div .calc li.p30 { top: 35.36px; left: 215px; }
    .ins_tbl td.car_state div .calc li.p31 { top: 35.36px; left: 257px; }

    .ins_tbl td.car_state div .calc li.p32 { top: 45.84px; left: 243px; }
    .ins_tbl td.car_state div .calc li.p33 { top: 51.32px; left: 231px; }

    .ins_tbl td.car_state div .calc li.p34 { top: 74.54px; left: 231px; }

    .ins_tbl td.car_state div .calc li.p35 { top: 111px; left: 211px; }
    .ins_tbl td.car_state div .calc li.p36 { top: 105px; left: 231px; }
    .ins_tbl td.car_state div .calc li.p37 { top: 111px; left: 257px; }

    .ins_tbl td.car_state div .calc li.p38 { top: 125.56px; left: 211px; }
    .ins_tbl td.car_state div .calc li.p39 { top: 125.56px; left: 217px; }
    .ins_tbl td.car_state div .calc li.p40 { top: 125.56px; left: 209px; }

    .ins_tbl td.car_state div .calc li.p41 { top: 138.52px; left: 221px; }

    .ins_tbl td.car_state div .calc li.p42 { top: 5.19px; left: 355px; }
    .ins_tbl td.car_state div .calc li.p43 { top: 13.55px; left: 357px; }
    .ins_tbl td.car_state div .calc li.p44 { top: 23.92px; left: 342px; }
    .ins_tbl td.car_state div .calc li.p45 { top: 32.52px; left: 364px; }
    .ins_tbl td.car_state div .calc li.p46 { top: 18.84px; left: 362px; }
    .ins_tbl td.car_state div .calc li.p47 { top: 23.52px; left: 354px; }
    .ins_tbl td.car_state div .calc li.p48 { top: 58.32px; left: 347px; }
    .ins_tbl td.car_state div .calc li.p49 { top: 58.32px; left: 362px; }

    .ins_tbl td.car_state div .calc li.p50 { top: 60.80px; left: 315px; }
    .ins_tbl td.car_state div .calc li.p51 { top: 93.52px; left: 347px; }
    .ins_tbl td.car_state div .calc li.p52 { top: 110.24px; left: 358px; }
    .ins_tbl td.car_state div .calc li.p53 { top: 130.68px; left: 347px; }
    .ins_tbl td.car_state div .calc li.p54 { top: 133.52px; left: 336px; }

    .ins_tbl td.car_state div .calc li.p55 { top: 74.54px; left: 315px; }
    .ins_tbl td.car_state div .calc li.p56 { top: 103.44px; left: 317px; }
    .ins_tbl td.car_state div .calc li.p57 { top: 93.44px; left: 350px; }
    .ins_tbl td.car_state div .calc li.p58 { top: 32.52px; left: 342px; }

    .ins_tbl td.tips {line-height:130%; letter-spacing:0; padding:8px !important;}
    .ins_tbl td.tips h4 {font-size:11px; margin-bottom:10px !important;}
    .ins_tbl td.tips ol {margin-left:20px;}
    .ins_tbl td.tips ol ul {margin-left:10px;}
    .ins_tbl td.tips dl {margin:15px 0 0 0;}
    .ins_tbl td.tips dt {top:-10px; font-size:11px; line-height:14px; padding:0 15px 0 15px; border-left-color:#000000;background-color:#ffffff;}
    .ins_tbl td.tips dt {
        background-color: #ffffff !important;
        color: #000000 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    .ins_tbl td.tips dd {padding:10px 10px 3px 27px; border-color:#000000; letter-spacing:-1px;}
    .ins_tbl td.tips dd span {margin-left:-17px;}
    .ins_tbl td.tips dd strong {font-size:10px;}
    .page3 .ins_tbl6 td.tips {line-height:125%;}
    .page4 .ins_tbl6 td.tips {line-height:120%; border-top:none;}
    .ins_tbl td.car_photo {padding:7px 0 7px 0 !important; background-color:#ffffff;}
    .ins_tbl td.car_photo li {display:flex; justify-content:center; align-items:center; height:188px; margin:0 3px 0 3px;}
    .ins_tbl td.car_photo li img {max-width:250px; max-height:188px;}
    .ins_tbl td.inspector {letter-spacing:0; padding-top:10px !important; padding-bottom:10px !important;}
    .ins_tbl td.inspector p {font-size:11px;}
    .ins_tbl td.inspector p.date {font-size:10px; margin:10px 0 5px 0;}
    .ins_tbl td.inspector p.date span {right:72px;}
    .ins_tbl td.inspector dl {width:450px;}
    .ins_tbl td.inspector dt,.ins_tbl td.inspector dd {line-height:2.6;}
    .ins_tbl td.inspector dt:nth-child(3),.ins_tbl td.inspector dd:nth-child(4) {line-height:1.5;}
    .ins_tbl td.inspector dt:nth-child(5),.ins_tbl td.inspector dd:nth-child(6) {line-height:3.5; margin-top:5px;}
    .ins_tbl td.inspector dd img {top:2px; right:-1px; width:21px;} /* 도장 */
    .ins_tbl td.inspector dd:nth-child(6) img {top:-3px; right:-15px; width:45px;} /* 매매상사 도장 */
    .ins_tbl td.inspector p.kaiwa {font-size:10px;}
    .ins_tbl td.inspector p.kaiwa img {width:25px; height:24px;}
    .ins_tbl td.consumer {display:table-cell; letter-spacing:0; text-align:center; padding-top:10px !important; padding-bottom:10px !important;}
    .ins_tbl td.consumer p.date {text-align:right; margin-top:5px; margin-right:15px;}
    .ins_tbl td.consumer p.date span {margin-left:30px;}
    .ins_tbl td.consumer p.date span.sign {margin-left:100px;}
    .ins_tbl tbody .bg_calc {background-color:#f2f2f2;} /* 프린트시 가격선정 background-color */
    .ins_tbl tbody .bg_calc.bb {border-bottom-color:#cccccc; border-left-color:#cccccc;}
    .ins_tbl1 tbody th.calc {border-top-color:#cccccc;}
    .ins_tbl1 tbody td.calc_brd {border-bottom-color:#cccccc;}
    .ins_tbl2 tbody tr.calc th,.ins_tbl2 tbody tr.calc td {border-bottom-color:#cccccc;}
    .ins_tbl2 tbody th.calc_brd,.ins_tbl3 tbody th.calc_brd,.ins_tbl4 tbody th.calc_brd {border-right-color:#cccccc;}
    .ins_tbl2 tbody td.calc,.ins_tbl3 tbody td.calc,.ins_tbl4 tbody td.calc {border-left-color:#cccccc;}
    .ins_tbl3 tbody td.calc_brd {border-bottom-color:#cccccc}
    .ins_tbl5 tbody tr.calc th {border-left-color:#cccccc;}
    .ins_tbl .chkbox_list li {margin-right:10px; margin-bottom:1px;}
    .ins_tbl .chkbox_list li input,.ins_tbl .chkbox_list li label,.ins_tbl .chkbox_list li span {vertical-align:text-top !important;}
    .ins_tbl .chkbox_list li input {zoom:0.8;}
    .ins_tbl td.multi_ul div {bottom:1px; left:65px;}
    .ins_tbl .bbn {border-bottom:1px solid #cccccc !important;}
    .ins_tbl .bl {border-left-color:#cccccc;}
    .ins_tbl .br {border-right-color:#cccccc;}
    .ins_tbl .bb {border-bottom-color:#cccccc;}
    #tbl1_th_1 {width:60px;}
    #tbl1_td_1 {width:50px;}
    #tbl1_th_2 {width:55px;}
    #tbl1_td_2 {width:60px;}
    #tbl1_th_3 {width:60px;}
    #tbl1_th_4 {width:75px;}
    #tbl2_th_1 {width:60px;}
    #tbl2_td_1 {width:120px;}
    #tbl2_td_2 {width:40px;}
    #tbl2_td_3 {width:40px;}
    #tbl2_td_5 {width:65px;}
    #tbl2_td_6 {width:65px;}
    #tbl3_th_1 {width:40px;}
    #tbl3_th_2 {width:30px;}
    #tbl3_td_1 {width:70px;}
    #tbl3_td_2 {width:70px;}
    #tbl3_td_3 {width:75px;}
    #tbl3_td_4 {width:75px;}
    #tbl4_th_1 {width:60px;}
    #tbl4_th_2 {width:55px;}
    #tbl4_td_2 {width:60px;}
    #tbl4_td_3 {width:60px;}
    #tbl5_th_1 {width:60px;}
    #tbl5_th_2 {width:40px;}
    #tbl5_td_1 {width:100px;}
    #tbl5_td_2 {width:100px;}
    #tbl5_th_3 {width:40px;}
    #tbl5_td_4 {width:80px;}

    /* ============================== 인쇄 전용 레이아웃 조정(소비자 표시 숨김) ============================== */
    .docu_title > p.consumer_show { display: none !important; }

    /* ============================== 인쇄 전용 레이아웃 그리드 ============================== */
    .docu_title{
        display: grid !important;
        grid-template-areas:
        "h h"
        "no calc";
        grid-template-columns: auto 1fr;
        grid-auto-rows: auto;
        row-gap: 4px;    
        column-gap: 12px;
    }
    .docu_title > h2{
        grid-area: h !important;
        margin: 0 0 4px 0 !important;
    }
    .docu_title > p.no{
        grid-area: no !important;
        position: static !important;
        float: none !important;
        margin: 0 0 0 10px !important;  
        white-space: nowrap;
    }
    .docu_title > p.calc{
        grid-area: calc !important;
        position: static !important;
        float: none !important;
        margin: 0 !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        min-width: 0;
        font-weight: normal;
    }
    .docu_title > p.consumer_show{
        display: none !important;
    }
}


/* ============================== 인쇄 - WebKit 최적화 ============================== */
@media print and (-webkit-min-device-pixel-ratio:0) {
    @page {
        margin:0.82cm auto;
        size:A4 landscape;
    }
    .print-exact {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }


    #wrap {position:relative; width:100%; margin:0;}
    .print_page {position:absolute; left:50%; transform:translateX(-50%);}
    .print_page1,.print_page2 {max-height:730px !important;}
    .docu_title {padding-bottom:6px !important; border:none;}
    .ins_tbl {width:515px; max-width:515px !important; border:none !important;}
    .ins_tbl tr > th:first-child,.ins_tbl3 tr > td:first-child,.ins_tbl5 tr > td:first-child,.ins_tbl6 tr > td:first-child,.ins_tbl7 tr > td:first-child,.ins_tbl8 td {border-left:none !important;}
    .ins_tbl tr > td:last-child {border-right:none !important;}
    .ins_tbl td.car_state {height:153px;}
    .ins_tbl tbody tr.calc_sum td {padding-top:8px !important; padding-bottom:6px !important;}
    .ins_tbl tbody tr.calc_sum td p {margin-top:5px;}
    .ins_tbl td.tips h4 {margin-bottom:5px !important;}
    .ins_tbl td.tips ol {margin-left:10px;}
    .ins_tbl td.tips ol ul {margin-left:13px;}
    .ins_tbl td.inspector {padding-top:5px !important; padding-bottom:5px !important;}
    .ins_tbl td.inspector p.date {margin:5px 0 5px 0;}
    .ins_tbl td.inspector p.date span {right:65px;}
    .ins_tbl td.inspector dt,.ins_tbl td.inspector dd {line-height:2.7;}
    .ins_tbl td.consumer {padding-top:8px !important; padding-bottom:8px !important;}
    .ins_tbl4 thead th {padding:5px 0 3px 0 !important;}
    .ins_tbl5 tbody .opinion_perform {height:55px;}
    .ins_tbl5 tbody .opinion_calc {height:25px;}
    .page3 .ins_tbl6 td.tips {line-height:120%;}
    #tbl1_th_1 {width:60px;}
    #tbl1_td_1 {width:50px;}
    #tbl1_th_2 {width:55px;}
    #tbl1_td_2 {width:140px;}
    #tbl1_th_3 {width:60px;}
    #tbl1_th_4 {width:75px;}
    #tbl3_th_1 {width:40px;}
    #tbl3_th_2 {width:30px;}
    #tbl3_td_1 {width:120px;}
    #tbl3_td_2 {width:120px;}
    #tbl3_td_3 {width:55px;}
    #tbl3_td_4 {width:55px;}
}

.print_page1,.print_page2 {position:relative;} /* 인쇄 시 중요 */

/* ============================== 무효 워터마크 ============================== */
.void-watermarked::after {
    content: "VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효  "
        "VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효  "
        "VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효  "
        "VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효  "
        "VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효  "
        "VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효  "
        "VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효  "
        "VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효  "
        "VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효  "
        "VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효  "
        "VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효  "
        "VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효  "
        "VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 VIOD 무효 ";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 300%;
    height: 300%;
    z-index: 9999;
    pointer-events: none;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 7rem;
    font-weight: 800;
    color: rgba(255, 0, 0, 0.3);
    text-align: center;
    transform: rotate(-15deg);
    white-space: pre-wrap;
    line-height: 3;
    user-select: none;
}

/* ============================== 화면 전용 레이아웃 조정 ============================== */
@media screen {
    .docu_title{
        display: grid !important;
        grid-template-areas:
        "h h h"
        "no calc consumer_show";
        grid-template-columns: auto 1fr auto;
        align-items: center;
        row-gap: 8px;
        column-gap: 20px;
    }
    .docu_title > h2{
        grid-area: h !important;
        margin: 0 0 10px 0 !important;
    }
    .docu_title > p.no,
    .docu_title > p.calc,
    .docu_title > p.consumer_show{
        position: static !important;
        float: none !important;
        margin: 0 !important;
        white-space: nowrap;
        line-height: 1.6;
        text-align: left;
    }
    .docu_title > p.no{ grid-area: no !important; justify-self: start; }
    .docu_title > p.calc{ grid-area: calc !important; justify-self: start; font-weight: normal; min-width:0; overflow:hidden; text-overflow:ellipsis; }
    .docu_title > p.consumer_show{ grid-area: consumer_show !important; justify-self: end; font-weight: bold; color:#ff2626; }
}