@charset "UTF-8";

.survey {
    position:relative;
}
.survey .form-control,
.surver .form-select {background-color:#fff;}

.survey__form {
    position:relative;
    border-top:1px solid #707070;
}
.survey__form-top {
    background-color:#F5F5FF;
    padding:0.75rem;
}
.survey__form-top .row {margin-top:1rem;}
.survey__form-top .row + .row {margin-top:0.8rem;}
.survey__form-top textarea {height:10.3rem;}
.survey__form-title {
    font-weight:700;
    font-size:0.75rem;
    color: #000;
}
.survey__form-title .red {font-size:0.6rem;color: #e53935;}
.survey__form-title2 {
    font-weight:700;
    font-size:0.75rem;
    color: #4f57f4;
    margin-bottom:0.5rem;
}
.survey__form-bottom {
    position:relative;
    margin-top:1rem;
    padding-top:1rem;
    border-top:1px dashed #E4E4E4;
}
.survey__items {margin-top:0.5rem;}
.survey__item + .survey__item {margin-top:2.35rem;}
.survey__text1 {
    position:relative;
    padding-left:0.7rem;
    font-size:0.75rem;
    color: #333;
}
.survey__text1::before {
    content:"";
    display:block;
    position:absolute;
    top:0.3rem;
    left:0;
    width:0.4rem;
    height:0.4rem;
    background: #4f57f4;
}
.survey__text1 strong {font-weight:700;}

.survey__detail-item {margin-top:0.5rem;}
.survey__detail-item + .survey__detail-item {margin-top:2rem;}
.survey__detail-item .row + .row {margin-top:0.45rem;}
.survey__detail-item .btn {
    width:100%;
    font-size:0.75rem;
}
.item-add-btn-box {
    position:relative;
    margin-top:2rem;
    text-align:center;
}
.item-add-btn-box .btn {
    width:auto;
    padding-left:2rem;
    padding-right:2rem;
}
.survey__btn-box {
    margin-top:5rem;
    text-align:center;
}
.survey__btn-box .btn {
    width:auto;
    padding-left:5rem;
    padding-right:5rem;
    font-size:0.75rem;
}
.management {
    position:relative;
}
.management--pdt0 {padding-top:0;}

.survey-respond {
    background-color:#F5F5FF;
    padding:1.3rem 2.8rem 1.5rem;
}
.survey-respond__content {
    padding:2rem 4rem 3.5rem;
    border-radius: 19px;
    background: #fff;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}
.survey-respond__title {
    font-weight: 700;
    font-size: 1.3rem;
    text-align: center;
    color: #4F57F4;
}
.survey-respond__text { 
    margin-top: 2.5rem;
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 1.25rem;
    color: #333;
}
.survey-respond__item {
    margin-top:1.25rem;
    padding-top:1.25rem;
    border-top:1px dashed #707070;
}
.survey-respond__subject {
    font-size: 0.8rem;
    font-weight: 700;
    color: #4f57f4;
}
.survey-respond__item .row {margin-top:0.5rem;}
.survey-respond__subject2 {
    font-weight: 500;
    font-size:0.75rem;
    color: #000;
}
.survey-respond__detail-item {margin-top:1rem;}
.survey-respond__detail-item + .survey-respond__detail-item {margin-top:2rem;}
.survey-respond textarea.form-control {height:15rem;}

.survey-respond__sumary {
    position:relative;
    margin:0.5rem 0;
    background-color:#f1f1f1;
    padding:0.8rem;
    font-size:0.75rem;
}
.survey-respond__sumary-title {
    display:block;
    font-weight:700;
    color:#4f57f4;
}
.survey-respond__sumary-title span {
    display:inline-block;
    padding:0.2rem 1.1rem;
    background-color:#a1a1a1;
    color:#fff;
    border-radius:50px;
}

.survey-respond__sumary-content {
    margin-top:0.4rem;
    color:#444;
}

.check-list {
    position:relative;
    margin-top:0.5rem;
}
.check-list__items {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    margin:-0.8rem;
}
.check-list__item {
    padding:0.8rem;
    font-size:0.75rem;
    text-align: left;
    color: #333;
}
.check-list__item .form-check {
    min-height:auto;
    margin-bottom:0;
}
.survey-respond__btn-box {
    position:relative;
    margin-top:3.5rem;
    text-align:center;
}
.survey-respond__btn-box .btn {
    font-size:0.75rem;
    padding:0.45rem 4.5rem;
}

@media screen and (max-width:1023px) {
    .survey__btn-box {margin-top:3rem;}
    .survey-respond {padding:1rem;}
    .survey-respond__content {padding:1.5rem;}
    .check-list__items {margin:-0.25rem;}
    .check-list__item {padding:0.25rem}
    .survey-respond__btn-box {margin-top:2rem;}
}
@media screen and (max-width:768px) {
    .survey .label {margin-bottom:0.4rem;}
}
@media screen and (max-width:576px) {
    .survey .col-sm-2--mt {margin-top:0.4rem;}
}

.respond-result {
    position:relative;
    width:100%;
    margin-top:1.5rem;
}
.respond-result__top {
    position:relative;
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    width:100%;
    align-items:center;
    justify-content:space-between;
}
@media screen and (max-width:590px) {
    .respond-result__top {flex-direction:row;}
    .respond-result__top .btnbox {
        margin-top:0.5rem;
        margin-left:auto;
    }
}
.respond-result__top .text {
    font-size:0.8rem;
    color:#000;    
}
.respond-result__top .underline {text-decoration:underline;}
.respond-result__top .text strong {    
    font-weight: 500;
    font-size:1.75rem;
    color: #4f57f4;
}
.respond-result__body {
    width:100%;
    height: 462px;
    border: 1px solid #707070;
    overflow:hidden;
    overflow-x:auto;
    overflow-y:auto;
    margin-top:0.5rem;
    -webkit-overflow-scrolling: touch;
}
.respond-result-table {
    width:100%;
    min-width:1300px;
    border-collapse:collapse;
    table-layout:fixed;
}
.respond-result-table th {
    padding:0.5rem;
    border-bottom:1px solid #E9E9E9;
    font-weight:700;
    font-size:0.75rem;
    text-align:center;
    color: #000;
}
.respond-result-table td {
    padding:0.5rem;
    border-bottom:1px solid #E9E9E9;
    font-size:0.75rem;
    text-align:center;
    color: #000;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    vertical-align:middle;
}
.respond-result-table tr:hover td {background-color:#F5F5FF;}
.respond-result-table .form-check {
    min-height:auto;
    margin-bottom:0;
}
.respond-result-table .form-check-inline {margin-right:0;}
.respond-result-items {margin-top:2rem;}
.respond-result-item {margin-top:1rem;}
.respond-result-item + .respond-result-item {margin-top:2rem;}
.respond-result-item .card-title {
    font-size:0.8rem;
    margin:0;
    font-weight:400;
}
.respond-result-item-table-box {
    position:relative;
    width:100%;
    overflow:hidden;
    overflow-x:auto;
    -webkit-overflow-scrolling: touch;
}
.respond-result-item-table::before {
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:2.15rem;
    background-color: #F5F5FF;
    border-bottom:1px solid #E1E1E1;
}
.respond-result-item-table {
    position: relative;
    width:100%;
    min-width:720px;
    border-collapse:collapse;
    table-layout:fixed;
    z-index:3;
}
.respond-result-item-table thead,
.respond-result-item-table tbody {
    position:relative;
    z-index:4;
}
.respond-result-item-table th {
    position:relative;
    z-index:5;
    padding:0.5rem;
    background-color:#F5F5FF;
    border-bottom:1px solid #E1E1E1;
    font-weight:400;
    font-size:0.75rem;
    text-align:center;
    color: #000;
}
.respond-result-item-table td {
    padding:0.5rem;
    border-bottom:1px solid #E1E1E1;
    font-weight:400;
    font-size:0.75rem;
    text-align:center;
    color: #000;
}
.modal-body.modal-body-padding--0 {padding:0;}
.respond-result-info {
    font-size:0.75rem;
    color:#000;
    margin-bottom:0.5rem;
}

.report {
    border:1px solid #E1E1E1;
    padding:2rem 1.5rem;
}
@media screen and (max-width:1023px) {
    .report {padding:1.5rem 1rem;}
}
.report__info {
    font-size:0.6rem;
    text-align: right;
    color: #000;
}
.report__title {
    margin-top:2rem;
    font-weight: 500;
    font-size:1rem;
    text-align: center;
    color: #000;
}
.report__content {margin-top:3.75rem;}
@media screen and (max-width:1023px) {
    .report__content {margin-top:2.5rem;}
}
.report-items + .report-items {margin-top:3rem;}
.report-item {margin-top:1rem;}
.report-item + .report-item {margin-top:2rem;}
.report-item  .card-title {
    font-size:0.8rem;
    margin:0;
    font-weight:400;
}
.report-respond-text {
    font-size:0.65rem;
    text-align: right;
    color: #000;
    margin-bottom:0.5rem;
}

.report-detail-info{
    margin-top:2.8rem;
    padding:1.35rem;
    background-color:#FCFCFC;
    font-weight: normal;
    font-size:0.75rem;
    color: #000;
}
.report .mt30 {margin-top:1.5rem;}
.report .mt16 {margin-top:0.8rem;}
.report .mt53 {margin-top:2.65rem;}
@media screen and (max-width:1023px) {
    .report .mt53 {margin-top:2rem;}
}
.report-equation {
    margin-top:1.5rem;
    text-align:center;
}
.report-equation__content {
    display:inline-block;
    padding:0.55rem 1.2rem;
    background-color:#F3F3F3;
    font-size:0.75rem;
    text-align: center;
    color: #000;
}
.report__text {
    font-size:0.75rem;
    color:#000000;
}
.report-btn-box {
    position:relative;
    margin-top:1.5rem;
    text-align:center;
}
.chart {
    width:100%;
	margin-top:1.5rem;
	text-align:left;
}
.chart-legend {
	width:100%;
	text-align:left;
}
.chart-legend .labels-box {
	display:inline-block;
	width:1.5rem;
	height:0.75rem;
}
.chart-legend .labels-text {
	margin-right:1rem;
	font-size:0.75rem;
	color:#726969;
}
.chart-legend .labels-text:last-child {
	margin-right:0px;
}
.chart-area {
	width:100%;
    max-width:561px;
	text-align:left;
}
.chart-area2 {
	width:100%;
    max-width:561px;
	text-align:left;
}
.chart-canvas {    
    position:relative;	
}