@charset "utf-8";
body {
    padding: 10px;
}
.style-box {
    border: 2px solid #e8efff;
    border-radius: 10px;
    margin-bottom: 10px;
    overflow: Hidden;
}
.style-box h2 {
    background: #e8efff;
    padding: 10px;
    font-size: 1.1em;
    color: var(--bs-primary)
}
.style-box-active {
    border: 2px solid #e8efff;
    border-radius: 10px;
    margin-bottom: 10px;
    overflow: Hidden;
}
.style-box-active h2 {
    background: var(--bs-primary);
    padding: 10px;
    font-size: 1.1em;
    color: #e8efff;
}
.style-box-active span {
    color: var(--bs-gray);
}
.style-box-inner {
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.style-box-inner h3 {
    margin-bottom: 10px;
    font-size: 1em;
}
.style-box-inner h3 + div {
    margin-bottom: 10px;
}
.style-box-arrow {
	display: grid;
    place-items: center; /* 가로 + 세로 중앙 정렬 */
    height: 300px;
}

.style-box-li {
	border-bottom: 1px solid var(--bs-gray);
}

/* 문제 그룹 */
.question_group_ul  {
	height: 570px;
	overflow-y: auto;
}
.question_group_ul  li {
  cursor: move; /* 드래그 가능한 표시 */
}

.question_group_button {
    z-index: 1;
    padding: 1px 2px !important;
    max-width: 45px;
    max-height: 38px;
}

/* 설문지 */
.questionnaries_ul  {
	height: 500px;
	overflow-y: auto;
}
.questionnaries_ul  li {
  cursor: move; /* 드래그 가능한 표시 */
}

.questionnaries_group_button {
    z-index: 1;
    border: 0px;
    padding: 1px 2px !important;
    max-width: 45px;
    max-height: 38px;
}

.questionnaries_condition_button {
    z-index: 1;
    padding: 1px 2px !important;
    max-width: 45px;
    max-height: 38px;
}

.questionnaries_condition_count {
    font-weight: bold;
}

/* modal */
.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 100;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

.pop_question_no_change {
	width:500px !important;
	height:250px !important;
}

.pop_question_condition {
	width:700px !important;
	height:500px !important;
}

.pop_user_info {
	width:500px !important;
	height:660px !important;
}

.pop_user_excel {
	width:500px !important;
	height:450px !important;
}

.pop_sign_pdf {
	width:900px !important;
	height:730px !important;
}

.pop_survey_result_filter {
	width:900px !important;
	height:530px !important;
}

.pop_survey_sms_reserve {
	width:600px !important;
	height:530px !important;
}

/*PDFObject Viewer*/
.pdfobject-container { 
	height: 500px; 
	border: 2px solid #ccc; 
}

.answer {
    font-weight: 700;
    color: var(--bs-primary);
}

.qnary_group_question {
	display: none;
	background-color: var(--bs-gray);
}

.qnary_group_question input[type=radio] + label {
  background-color: transparent !important;
}

.qnary_group_question input[type=radio]:checked + label {
  background-color: transparent !important;
}


/* Modal Content */

.modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    /* 15% from the top and centered */
    padding: 30px 20px;
    border: 7px solid var(--bs-primary);
    border-radius: 17px;
    width: 50%;
    /* Could be more or less, depending on screen size */
    overflow-y: auto;
}

.modal-content.top {
    margin: 1.5rem auto;
    /* 15% from the top and centered */
}

/* Close */

.close {
    color: #aaa;
    float: right;
    font-size: 20px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.close_center {
    color: #aaa;
    font-size: 20px;
    font-weight: bold;
}

/* The Modal End */

.item_table_body {
	display: block;
    height: 500px;
    overflow-y: auto;
}

.item_table_body tr {
	display: table;
    width: 100%;
}