.logo {display: flex; align-items: center; font-size: 1.375rem; font-weight: 300; letter-spacing: -1px; font-family: 'GmarketSans';}
.logo .logo_img {margin-right: .5rem;}
.logo img {height: 2rem;}
.logo a {display: flex; align-items: center; padding-right: .25rem; color: #090A0B; height: var(--header-height);}
.logo span {margin-bottom: -.25rem;}
.logo span strong {font-weight: 500;}

.print_title {font-size: 1.5rem; font-weight: 700;}
div.print_title {border: 2px solid #C4C6D0; outline: 1px solid #C4C6D0; outline-offset: -6px; padding: 1.5rem 0; text-align: center; margin-bottom: 1.5rem;}
.print_title .logo {justify-content: center; margin-bottom: .25rem;}
.print_footer {border: 1px solid #C4C6D0; padding: 2rem; text-align: center;}
.print_footer p + p {margin-top: .5rem;}
.print_footer span {width: 5rem; display: inline-flex;}
.print_footer .date span {width: 2.5rem;}


table.print th, table.print td {padding: .25rem .5rem;}
table.print th {text-align: center;}
table.print .print_title {min-width: 50%; text-align: center;}

.inspection_list table th {background: #DEEBFF; border-bottom: 1px solid var(--table-border-color) !important;}
.check_list table th {background: #FFDEDE;}

.divide {display: flex;}
.divide > div {display: flex; flex-direction: column;}
.divide > div:not(.approval, .btn-group), .divide > li {flex: 1;}
.divide > div:not(:first-child) {margin-left: 1rem;}
.divide:not(.popup .divide) > div > div:not(:last-child) {position: relative; margin-bottom: 1.5rem;}

.input_group {display: flex; position: relative; align-items: center;}
.datepicker_box, .unit_box {position: relative; display: flex; align-items: center;}
.datepicker_box .ui-datepicker-trigger, .unit_box .unit {position: absolute; right: .5rem;}
.unit_box > input, .unit_box > p {padding-right: 2rem !important;}
.unit_box > p {flex: 1; text-align: right;}
.unit_box .unit {padding: 0 .25rem;}

img.sign_img {width: 3.125rem; vertical-align: middle;}

.print_page .approval {
	width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position-y: -4.5rem;
}

@page {
	size: A4;
	margin: 1rem;
}
@media print {
	body {font-size: 12px; line-height: 1.25rem; -webkit-print-color-adjust: exact; print-color-adjust: exact; page-break-before: avoid; page-break-after: avoid;}
	p {padding: 0; margin: 0;}
	.w50 {width: 50px;}
	.w100 {width: 100px;}
	.w150 {width: 150px;}
	.w180 {width: 180px;}
	.w200 {max-width: 200px;}
	.ws-nw {white-space: nowrap;}
	h3 {margin-bottom: .25rem;}
	img {width: 100%;}
	input[type="text"] {min-height: auto;}
	.divide .contents {max-width:50%;}
	.input_wrap {
	    display: flex;
	    flex-wrap: wrap;
	    margin: 0 -.25rem;
	}
	table {width: 100%;}
	table th, table td {border: 1px solid #C4C6D0; padding: .25rem;}
	table td:empty {padding: .8rem 0 !important;}
	table th {background-color: #EDEDED; text-align: center; max-width: 15rem;}
	.print_page {padding: 1rem; min-width: 216mm;height: 279mm;}
	.print_page > div:not(:first-child) {margin-top: .75rem;}

	.print_title {font-size: 1.25rem; padding: 1rem;}
	div.print_title {margin-bottom: 1rem;}
	.btn-white {display: none;}
	.btn-print {display: none;}
	.table_footer {display: none;}
	/* .print_footer {padding: .75rem;}
/* 	.print_footer p + p {margin-top: 0;} */

	.unit_box > input, .unit_box > p {padding-right: 2rem !important;}
	.unit_box > p {flex: 1; text-align: right;}
	.unit_box .unit {padding: 0 .25rem;}
	
	.divide {display: flex;}
	.text-center{text-align:center !important;}
	
	.pre {white-space:pre-wrap;}
	
	.none {display: none;}
	
	.upload_file_wrap {
	    display: flex;
	    align-items: center;
	    height: 100%;
	}
	.contents .box {
	    border: 1px solid #DADCE0;
	    background-color: #fff;
	    border-radius: 3px;
	    padding: 1rem;
	    flex: 1;
	}
	.img_area {
	    position: relative;
	    width: 100%;
	    height: 100%;
	    border: 1px solid #DADCE0;
	    display: flex;
	    align-items: center;
	    min-height: 10rem;
	}
	.img_area ul {
	    display: flex;
	    flex-wrap: wrap;
	}
	.img_area li {
	    position: relative;
	    display: flex;
	    border: 1px solid #DADCE0;
	    border-radius: .25rem;
	    width: 11.25rem;
	    height: 7.25rem;
	    align-items: center;
	    justify-content: center;
	    margin: .5rem;
	}
	.img_area.img_upload li .img_control {
	    position: absolute;
	    display: flex;
	    width: 100%;
	    height: 100%;
	    border-radius: 0;
	    align-items: center;
	    justify-content: center;
	}
	.img_area img {
	    width: 100%;
	    height: 100%;
	}
}