/*------------------------------------------------------------------
layout component

** layout component는 기본 스타일을 정의하고 있으며,
rap-web-style.css에 정의되어 있으니 가급적 rap-web-style : 1427번째줄부터
참고하시기 바랍니다.
------------------------------------------------------------------*/

/* 중앙정렬 */
.center {
	text-align: center;
}

f-9 {
	font-size: 9pt;
}

f-10 {
	font-size: 10pt;
}

f-11 {
	font-size: 11pt;
}

f-13 {
	font-size: 13pt;
}

f-15 {
	font-size: 15pt;
}

f-17 {
	font-size: 17pt;
}

/*--------------------------------------*/

.print_mode {
	position: relative;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: "Noto Sans KR", '맑은고딕', Malgun Gothic, Arial, sans-serif;
	font-size: 10pt;
}

.print_mode .title {
	width: 20%;
	margin: 20px auto;
	font-size: 17pt;
	line-height: 1.5;
	padding-bottom: 5px;
	border-bottom: 4px double black;
}

.print_mode .sub_title {
	font-size: 15pt;
	line-height: 1.5;
	margin-bottom: 20px;
}

.svcrcpt {
	margin: 10px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 11pt;
	line-height: 1.5;
}

.print_mode table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
	/* font-size: 14px;*/
	table-layout: fixed;
	word-break: break-all !important;
}

.print_mode table td,
.print_mode table th {
	border: 1px solid #000;
	padding: 6px 10px;
	-webkit-print-color-adjust: exact;
}

.print_mode table thead th,
	.print_mode table tfoot th {
		background-color: #f2f2f2 !important;
	}

	.print_mode table thead th{
		border-bottom: none;
	}

	.print_mode table tfoot th,
	.print_mode table tfoot td{
		border-top: none;
	}

.print_mode .svg-diagonal {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org' width='100%' height='100%'><line x1='0' y1='0' x2='100%' y2='100%' stroke='gray' stroke-width='1'/></svg>");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
}

.print_mode img {
	/*full image 260313 추가*/
	max-width: 100%;
	height: auto;
	text-align: center;
	object-fit: contain;
}

.print_mode .note {
	font-size: 10pt;
	margin: 10px 0;
}

.print_mode .note li {
	line-height: 1.8;
}

.print_mode .phone-list {
	margin-top: 20px;
	border: 1px solid black;
	padding: 25px 10px 10px;
	font-size: 10pt;
}

.print_mode .phone-list table {
	width: auto;
	/* Adjust width for content */
}

.print_mode .dot_line {
	width: 100%;
	margin: 40px 0;
	border-bottom: 3px dotted black;
}

.print_mode .no-border {
	border: none;
}

.print_mode .no-border th,
.print_mode .no-border td {
	border: none;
	padding: 5px;
}

.print_mode .btn-container {
	text-align: right;
	margin-top: 20px;
}

.print_mode button {
	padding: 6px 12px;
	margin-left: 8px;
}

.print_mode .btn-top {
	position: absolute;
	top: 8px;
	right: 0;
}

@media print {
	body * {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}

	.headerArea,
	.buttonArea {
		display: none !important;
	}

	#printArea,
	#printArea * {
		visibility: visible;
	}

	#printArea {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}

	.print_mode {
		position: relative;
		padding: 0;
		margin: 0;
		box-sizing: border-box;
		font-family: "Noto Sans KR", '맑은고딕', Malgun Gothic, Arial, sans-serif;
		font-size: 8pt;
	}

	.print_mode .title {
		width: 20%;
		margin: 15px auto;
		font-size: 12pt;
		line-height: 1.5;
		padding-bottom: 3px;
		border-bottom: 3px double black;

	}

	.print_mode .sub_title {
		font-size: 10pt;
		line-height: 1.5;
		margin-bottom: 13px;
	}

	.svcrcpt {
		margin: 10px 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 8pt;
		line-height: 1.5;
	}

	.print_mode table {
		width: 100%;
		border-collapse: collapse;
		margin-bottom: 15px;
		/* font-size: 14px;*/
		table-layout: fixed;
		word-break: break-all !important;
	}

	.print_mode table td,
	.print_mode table th {
		border: 1px solid #000;
		padding: 5px 10px;
		-webkit-print-color-adjust: exact;
	}

	.print_mode table thead th,
	.print_mode table tfoot th {
		background-color: #f2f2f2 !important;
	}

	.print_mode table thead th{
		border-bottom: none;
	}

	.print_mode table tfoot th,
	.print_mode table tfoot td{
		border-top: none;
	}

	.print_mode .svg-diagonal {
		background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org' width='100%' height='100%'><line x1='0' y1='0' x2='100%' y2='100%' stroke='gray' stroke-width='1'/></svg>");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
	}

	.print_mode img {
		/*full image 260313 추가*/
		max-width: 100%;
		height: auto;
		text-align: center;
		object-fit: contain;
	}

	.print_mode .note {
		font-size: 8pt;
		margin: 10px 0;
	}

	.print_mode .note li {
		line-height: 1.5;
	}

	.print_mode .phone-list {
		margin-top: 20px;
		border: 1px solid black;
		padding: 15px 5px 0px;
	}

	.print_mode .phone-list table {
		width: 100%;
		/* Adjust width for content */
	}

	.center {
		text-align: center;
	}

	.print_mode .dot_line {
		width: 100%;
		margin: 20px 0;
		border-bottom: 3px dotted black;
	}

	.print_mode .no-border {
		border: none;
	}

	.print_mode .no-border th,
	.print_mode .no-border td {
		border: none;
		padding: 5px;
	}

	.print_mode .btn-container {
		text-align: right;
		margin-top: 15px;
	}
}