@charset "utf-8";

/* Bootstrap reboot 이 테마 링크 스타일을 덮어쓰지 않도록 */
.header a,
.footer a,
.sub_location a,
#sub_menu a,
#sub_tit a,
.gnb a,
.allmenu a,
.utill_list a {
    text-decoration: none !important;
}

/* 설문 영역만 Bootstrap 스타일 적용 */
.survey-skin {
    position: relative;
    z-index: 1;
    width: 100%;
    min-height: 200px;
    color: #212529;
}

.survey-skin a:not(.btn):not(.page-link) {
    text-decoration: none;
    color: #0d6efd;
}

.survey-skin #bo_w {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 300px;
    padding: 10px 0 30px;
}

/* 테마 reset.css / default.css 와 Bootstrap 5 충돌 방지 */
.survey-skin .btn,
.survey-skin a.btn,
.survey-skin button.btn,
.survey-skin input.btn {
    display: inline-block;
    box-sizing: border-box;
    height: auto;
    min-height: 38px;
    padding: 0.375rem 0.75rem;
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 0.375rem;
    background-image: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.survey-skin .btn-group .btn { border-radius: 0; }
.survey-skin .btn-group .btn:first-child { border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; }
.survey-skin .btn-group .btn:last-child { border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; }
.survey-skin .btn-group > .btn + .btn { margin-left: -1px; }

.survey-skin .btn-primary { color: #fff !important; background-color: #0d6efd !important; border-color: #0d6efd !important; }
.survey-skin .btn-secondary { color: #fff !important; background-color: #6c757d !important; border-color: #6c757d !important; }
.survey-skin .btn-success { color: #fff !important; background-color: #198754 !important; border-color: #198754 !important; }
.survey-skin .btn-danger { color: #fff !important; background-color: #dc3545 !important; border-color: #dc3545 !important; }
.survey-skin .btn-outline-primary { color: #0d6efd !important; background-color: transparent !important; border-color: #0d6efd !important; }
.survey-skin .btn-outline-secondary { color: #6c757d !important; background-color: transparent !important; border-color: #6c757d !important; }
.survey-skin .btn-outline-success { color: #198754 !important; background-color: transparent !important; border-color: #198754 !important; }
.survey-skin .btn-outline-danger { color: #dc3545 !important; background-color: transparent !important; border-color: #dc3545 !important; }
.survey-skin .btn-sm { min-height: 31px; padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.25rem; }
.survey-skin .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em; color: #000; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; border-radius: 0.375rem; opacity: .5; }

.survey-skin .form-control,
.survey-skin .form-select,
.survey-skin textarea.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
}

.survey-skin .input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
}

.survey-skin .form-check-input {
    width: 1em;
    height: 1em;
    margin-top: 0.25em;
    vertical-align: top;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.25);
}

.survey-skin .modal { z-index: 1055; }
.survey-skin .modal-backdrop { z-index: 1050; }
.survey-skin .pagination { display: flex; flex-wrap: wrap; gap: 0.25rem; list-style: none; padding-left: 0; }
.survey-skin .page-link { position: relative; display: block; padding: 0.375rem 0.75rem; color: #0d6efd; text-decoration: none; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.375rem; }
.survey-skin .page-item.active .page-link { z-index: 3; color: #fff; background-color: #0d6efd; border-color: #0d6efd; }

.survey-skin .accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #f8f9fa;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
}

.survey-skin .accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #e7f1ff;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}

.survey-skin .nav-tabs .nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: #212529;
    text-decoration: none;
    background: none;
    border: 1px solid transparent;
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}

.survey-skin .nav-tabs .nav-link.active {
    color: #0d6efd;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}

.survey-skin .table { width: 100%; margin-bottom: 1rem; border-collapse: collapse; }
.survey-skin .table th,
.survey-skin .table td {
    padding: 0.5rem;
    border-top: 1px solid #dee2e6;
    vertical-align: middle;
}

.survey-skin .btn-group { display: inline-flex; vertical-align: middle; }
.survey-skin .border-secondary-subtle { border-color: #ced4da !important; }

/* 설문 문항 번호 뱃지 - 정원 유지 */
.survey-skin .survey-q-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    min-width: 26px;
    min-height: 26px;
    max-width: 26px;
    max-height: 26px;
    padding: 0 !important;
    margin: 0 6px 0 0;
    border-radius: 50% !important;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1;
    vertical-align: middle;
    flex-shrink: 0;
    color: #fff !important;
    background-color: #198754 !important;
    border: none !important;
    box-sizing: border-box;
}

/* 게시판 쓰기 */
#autosave_wrapper {position:relative; font-size:14px;}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:100%;height:auto !important;height:180px;max-height:205px;border:1px solid #565656;background:#fff;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
#autosave_pop:before{content: "";position: absolute;top: -8px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #000 transparent;}
#autosave_pop:after{content: "";position: absolute;top: -7px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important;}
#autosave_pop button {margin:0;padding:0;border:0;}
#autosave_pop ul {margin:0px;padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:156px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;color:#999}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover{background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del{background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:26px;width:20px;}

.cke_sc { display:none; }

/* 기타 */
#bo_v_con div { position: relative; margin-bottom: 1rem; }
#bo_v_con img { margin-bottom: 1rem; }
#bo_v_con iframe { position: absolute; width: 100%; height: 100%; }
#bo_v_con .video { position: relative; width: 100%;	padding-bottom: 56.25%;	border-radius: 2px;	overflow: hidden; }
#bo_v_con .video iframe { position: absolute; width: 100%; height: 100%; }

/* 커스텀 */
.anchor { position: relative } 
.anchor a { position: absolute; top: -60px }
/* .pagination { margin-bottom: 0.75rem; } */

.table { table-layout: fixed; }

/* 설문 목록 - 버튼 한 줄 표시 */
.survey-skin .survey-list-table {
    table-layout: auto;
}
.survey-skin .survey-list-table .survey-action-col,
.survey-skin .survey-list-table .survey-action-cell {
    width: 1%;
    white-space: nowrap;
}
.survey-skin .survey-list-table .survey-action-cell .btn {
    white-space: nowrap;
}

.list-icon { width: 20px; height: 20px; vertical-align: text-bottom; }
.view-icon { width: 48px; height: 48px; }
.comm-icon { width: 48px; height: 48px; }
.comm-body { background: #f4f4f4; padding: 20px; border-radius: 5px; }
.frm100{font-size: 16px; width:100%;padding:10px 5px;border: 1px solid #aaaaaa;font-family:'Noto Sans KR', 'Noto Sans Korean','Malgun Gothic';}
.frm50{font-size: 16px; width:200px;padding:10px 5px;border: 1px solid #aaaaaa;}

@media (max-width: 575px)
{
	#captcha_audio {display:none !important;}

	.xs-100 { width: 100%; }
	.xs-full {
		width: 100vw;
		position: relative;
		/* margin-top: -36px; */
		margin-left: -50vw;
		left: 50%;
	}
	.xs-full td	{ padding: 8px 18px; }

	.list-icon { width: 18px; height: 18px; vertical-align: text-top; }
	.comm-icon { width: 24px; height: 24px; margin: 10px; position: absolute; }
	.comm-body { padding: 10px; }
	.comm-name { margin: 0 0 6px 30px; }
}