* {
  box-sizing: border-box;
}

.xe_mobile.xe_mobile { display:none; }
.clearfix {clear:both;}
.display_date { cursor:pointer; width:80px; float:left; border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; height:1em; padding:3px; font-family:tahoma; }
.adminTable.adminTable { margin-bottom:0; }
.text-start { text-align: left; }
.m-3.m-3 { margin: 1rem; }
.mx-3 { margin-right: 1rem; margin-left: 1rem; }
.mx-6 { margin-right: 2rem; margin-left: 2rem; }
.my-3 { margin-top: 1rem; margin-bottom: 1rem; }
.my-6 { margin-top: 2rem; margin-bottom: 2rem; }
.mt-3 { margin-top: 1rem; }
.mt-6 { margin-top: 2rem; }
.mt-9 { margin-top: 3rem; }
.mb-3 { margin-bottom: 1rem; }
.mb-6 { margin-bottom: 2rem; }
.mb-9 { margin-bottom: 3rem; }
.p-3.p-3 { padding: 1rem; }
.px-3.px-3 { padding-right: 1rem; padding-left: 1rem; }
.px-6 { padding-right: 2rem; padding-left: 2rem; }
.py-3 { padding-top: 1rem; padding-bottom: 1rem; }
.py-6 { padding-top: 2rem; padding-bottom: 2rem; }
.pt-3 { padding-top: 1rem; }
.pt-6 { padding-top: 2rem; }
.pt-9 { padding-top: 3rem; }
.pb-3 { padding-bottom: 1rem; }
.pb-6 { padding-bottom: 2rem; }
.pb-9 { padding-bottom: 3rem; }

.text-center {text-align: center;}
.x h1, .x h2, .x h3 {margin-bottom: 0.5em; line-height: 1;}
.row > .col .item {display: flex; line-height: 1.75;}
.row > .col .item > input[type="radio"],
.row > .col .item > input[type="checkbox"] {margin: 0;}
.row > .col .item > label {margin-bottom: 0;margin-left: 0.7rem;font-size: 0.85rem;}

.wrapper {
  overflow: scroll;
}

.kanosurvey h1 { font-size: 2rem; line-height: 1.75; }
.kanosurvey h2 { font-size: 1.75rem; line-height: 1.75; }
.kanosurvey h3 { font-size: 1.5rem; line-height: 1.75; }
.kanosurvey h4 { font-size: 1.25rem; line-height: 1.75; }
.kanosurvey h5 { font-size: 1rem; line-height: 1.75; }

.border-bottom2n0 tr:nth-child(2n+0) {
	background-color: #fdedec;
	border-block-end: 2px dotted #808b96;
}
.border-bottom2n0 tr:nth-child(2n+1) {
	background-color: #ebf5fb;
}

.kanosurveyButton { clear:both; overflow:hidden; border:1px solid #E3E3E2; border-top:none; background-color:#FAF8F4; padding:4px; }
.kanosurveyButton .fl { padding:5px 0 0 10px; color:#AAAAAA; }
.kanosurveyButton .fl label { vertical-align:middle; color:#888888; }
.kanosurveyButton .fr { padding:5px 10px 0 0; color:#AAAAAA; }
.kanosurveyButton .fr a { color:#444444; text-decoration:none; font-weight:bold;}
.kanosurveyButton .fr a.delPoll { color:red; font-weight:normal;}

li { list-style:none; margin-right:5px; float:left; color:#666666}
li a { text-decoration:none; color:#666666;}

#popFooter .fl { margin-left:10px; }
#popFooter .fr { margin-right:10px; }

.kanosurvey_table{table-layout:fixed;width:100%;padding:0;border:none}
.kanosurvey_table td{padding:0;margin:0}
.kanosurvey_table td.h{background:url(../images/top_bg.png) repeat-x left top}
.kanosurvey_table td.title{height:28px;background:url(../images/top_title_bg.png) repeat-x left top;padding:0 20px 0 20px;color:#C3C3C4}
.kanosurvey_table td.title strong{color:#FFFFFF;font-weight:bold}
.kanosurvey_table td.l{border-left:1px solid #E5E5E5}
.kanosurvey_table td.r{border-right:1px solid #E5E5E5}
.kanosurvey_table td.kanosurvey_content{padding:18px 13px 18px 13px}
.kanosurvey_table td.kanosurvey_button{border:1px solid #E5E5E5;border-bottom:none;background-color:#F6F6F5}
.kanosurvey_table td.kanosurvey_button div{padding:5px 0 2px 0;text-align:center}
.kanosurvey_table td.b{background-color:#F6F6F5;height:7px}
.kanosurvey_table td.b img{width:100%;height:6px;border-bottom:1px solid #E5E5E5}
.kanosurvey_table td.bb{height:7px}
.kanosurvey_table td.bb img{width:100%;height:6px;border-bottom:1px solid #E5E5E5}
.kanosurvey_table td.kanosurvey_content div.title{color:#000000;background-color:#F5F5F5;border-top:2px solid #C1C0BD;border-bottom:2px solid #C1C0BD;font-weight:bold;padding:7px 0 7px 10px;margin-bottom:10px}
.kanosurvey_table td.kanosurvey_content div.item_text{color:#636363;padding:0 10px 0 10px;margin-top:10px}
.kanosurvey_table td.kanosurvey_content div.item_text strong{font-weight:bold;color:#000000;font-family:돋움;font-size:12px}
.kanosurvey_table td.kanosurvey_content table.item_bar_table{width:100%;table-layout:fixed;border-bottom:1px solid #EDEDED;margin-top:10px}
.kanosurvey_table td.kanosurvey_content table.noborder{border-bottom:none;margin-bottom:10px}
.kanosurvey_table td.kanosurvey_content table.item_bar_table td.bar{padding:0 0 5px 0;background:url(../images/back_bar.png) repeat-x left center}
.kanosurvey_table td.kanosurvey_content table.item_bar_table td.bar img{width:100%;height:6px}
.kanosurvey_table td.kanosurvey_content table.item_bar_table td.status{font-size:.9em;padding-bottom:5px;color:#636363;padding-left:15px}
.kanosurvey_table td.kanosurvey_content table.item_bar_table td.status strong{font-weight:bold;color:#58C011}
.kanosurvey_table td.kanosurvey_content div.item{color:#636363;border-bottom:1px solid #EDEDED;padding:5px 0 8px 10px;margin-bottom:3px}
.kanosurvey_table td.kanosurvey_content div.noborder{border-bottom:none;margin-bottom:10px}
.kanosurvey_table td.kanosurvey_content div.checkcount{border-bottom:1px dashed #EDEDED;padding:0 0 8px 10px;margin-bottom:3px;text-align:right;color:#636363}
.kanosurvey_table tr.cap>td{font-size:0;line-height:0;height:7px;overflow:hidden}
.x .search>input[type="search"] {height:auto;line-height:inherit}
.x .x_pagination ul>li>a {line-height:1.5rem}

.ai-answer {
  & h3 {
    margin-top: 1.5rem;
  }

  & ul {
    overflow: auto;
  }
}

.respondent-modal {
	border: none;
	border-radius: 8px;
	padding: 0;
	max-width: 700px;
	width: 90%;
	box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}
.respondent-modal::backdrop {
	background: rgba(0,0,0,0.5);
}
.respondent-modal .modal-content {
	padding: 0;
}
.respondent-modal .modal-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem 1.5rem;
	border-bottom: 1px solid #dee2e6;
}
.respondent-modal .modal-title {
	margin: 0;
	font-size: 1.25rem;
	font-weight: 600;
}
.respondent-modal .modal-body {
	padding: 1.5rem;
}

.has-error {
	border-radius: 4px;
	padding: 10px;
	background-color: rgba(220, 53, 69, 0.05);
}
.error-msg {
	color: #dc3545;
	font-size: 0.85rem;
	margin-top: 5px;
	display: block;
	font-weight: 600;
}

.respondent-details {
	& .border-left-primary {
		border-left: 5px solid rgba(var(--bs-primary-rgb),0.2);
	}
	& .text-uppercase {
		letter-spacing: 0.05em;
	}
}

@page {
	size: A4 portrait;
	margin: 0;
}

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

	html, body {
    margin: 0;
    padding: 0;
    page-break-after: avoid;
    page-break-before: avoid
  }

	header, footer,
	section:has(.foots),
	.no-print {
		display: none;
	}

	.cl_body {
		margin: 0 auto;
		max-width: 200mm;  /* A4 width 210mm */
	}

	section:has(.body_content) {
		padding: 0 !important;
	}

	.body_content.middles {
		width: 90%;
		margin-top: 1rem;
	}

	.timko-diagram {
		max-width: 90%;
	}
}

@media screen and (max-width: 600px) {
	.middles.middles,
	.menu_l.menu_l {
		width: 100%;
	}

	.menus {
		display: flex;
	}

	.menus > * {
		flex: 1;
		margin: 0;
		float: none;
	}
}