:root {
	--block-color: #06202B;
	--blue-color: #3A59D1;
	--sky-color: #7AC6D2;
	--green-color: #16C47F;
	--red-color: #FA4032;
	--pink-color: #FF8282;
	--yellow-color: #FFD63A;
	--brown-color: #644A07;
	--gray-color: #DBDBDB;
	--violet-color:#8F87F1;
	--navi-color:#312a6f;
}

@font-face {
	font-family:'Noto Sans KR';
	src: url('/include/font/NotoSansKR-Regular.eot');
	src: url('/include/font/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'), url('/include/font/NotoSansKR-Regular.woff') format('woff');
}

/* 글로벌 재정의 */
html, body{ font-family:'Noto Sans KR', sans-serif; max-width:1920px; background:#eee; margin:0 auto 0; }

.header{ z-index:1000; }
.header > div .menu{ margin-left:20px; }
.header > .panel_right > .button{ padding:6px 30px; }

.header > div.panel_left, .section > div.panel_left{ overflow-y:auto; min-width:445px; }
.header > div.panel_right, .section > div.panel_right{ overflow-y:auto; min-width:400px; }

.header > .panel_main, .header > .panel_main > div{ display: flex; align-items:center; }
.header > .panel_main > div h3{ max-width:540px; font-size:1.2rem !important; line-height:1; margin:0; overflow:hidden; white-space:normal; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.header > .panel_main > div h5{ font-size: 0.8rem !important; padding:3px 14px; margin-right:20px; flex-shrink:0; }
.header > .panel_main > div h6{ flex-shrink:0; }

.flex{ display:flex; align-items:center; }
.flex.justify{ justify-content:center; }
.flex.start{ align-items:self-start; }
.flex.end{ align-items:self-end; }
.flex .right{ margin-left:auto; }

.button{ padding:9px 20px; font-size:13px; border-radius:8px; border:none; background:#e9e9e9; box-shadow:1px 1px 2px rgb(0, 0, 0, 0.2); }
.button:not([disabled]):active{ box-shadow:1px 1px 1px rgb(0, 0, 0, 0.2); position:relative; top:1px; }
.button.sky{ background:var(--sky-color); color:#fff; }
.button:is(.red, .delete){ background:var(--red-color); color:#fff; }
.button.green{ background:var(--green-color); color:#fff; }
.button.orange{ background:var(--orange-color); color:#fff; }
.button.pink{ background:var(--pink-color); color:#fff; }
.button.brown{ background:var(--brown-color); color:#fff; }
.button.gray{ background:var(--gray-color); color:#000; }
.button.gray:before{ content:''; }
.button:is(.black, .save, .edit){ background:var(--block-color); color:#fff; }
.button.violet{ background:var(--violet-color); color:#fff; }

.icon:before{ font-family:'Font Awesome\ 5 Free'; margin-right:3px; }
.icon.info:before{ content:'\f05a'; font-weight:bold; }

.hide{ display:none; }
.bold{ font-weight:bold; }
hr{ margin:10px 0; background:#eee; }
.overflow-x{ overflow-x:auto; }
th.essential:after{ top:-5px; }

.h9{ font-size:0.7rem; }
.mt5{ margin-top:5px; }
.color.gray{ color:#666; }

.hr{ display:flex; justify-content:center; align-items:center; margin:26px 0px 26px 0px; position:relative; }
.hr:after{ content:''; width:100%; border-top:1px dashed #ccc; position:absolute; z-index:0; color:#333; }
.hr .section{ display:block; width:auto; background:#fff; padding:0px 20px; z-index:10; }

.jconfirm .jconfirm-box div.jconfirm-title-c{ display:flex; }
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{ line-height:1; }
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content div p{ margin:0; line-height:24px; }
.jconfirm .jconfirm-buttons{ display:flex; justify-content:end; float:unset !important; }
.jconfirm .jconfirm-buttons .btn.left{ margin-right:auto; }

.note-modal-header{ border:none; }
.note-modal-content{ border-radius:10px; }
.note-tooltip{ z-index:10000; }
.note-popover{ z-index:9999; }

textarea{ font-family:var(--font-default-family); }
input + label{ cursor:pointer; line-height:1; }
input.calendar{ text-align:center; cursor:pointer; min-width:240px; }
input[type=checkbox], input[type=radio]{ margin:0px 3px 0px 0px; }
input[type=text], textarea{ border-radius:8px; font-size:13px; padding:8px 12px; border:solid 1px #e8e8e8; }
input[type=radio]{ width:19px; height:19px; }
input[type=radio]:checked{ box-shadow: 0 0 1px var(--blue-color); }
input[type=checkbox]:before{ width:19px; height:19px; font-size:12px; line-height:18px; box-sizing:border-box; margin-right:0; }
input[type=text][readonly]{ background:#efefef; }

.toggle_wrap{ display:flex; justify-content:center; align-items:center; vertical-align:middle; padding:5px 5px 5px 10px; box-sizing:border-box; background:#efefef; font-size:11px; border-radius:8px; min-width:130px; }
.toggle_wrap .toggle_txt{ display:inline-block; vertical-align:middle; font-weight:bold; margin:0px 10px 0px 0px; }
.toggle_wrap label.toggle{ width:60px; height:26px; line-height:26px; position:relative; display:inline-block; vertical-align:middle; cursor:pointer; }
.toggle_wrap label.toggle .slider{ position:absolute; top:0; left:0; right:0; bottom:0; background:#ccc; transition:.4s; border-radius:30px; box-shadow:inset 3px 3px 10px -5px #333; }
.toggle_wrap label.toggle .slider:before{ content:''; width:18px; height:18px; position: absolute; left:calc(0% + 4px); bottom:4px; background-color:white; transition: .4s; border-radius: 50%; z-index:10; box-shadow:0px 0px 10px -3px #333; }
.toggle_wrap label.toggle .slider:after{ content:'OFF'; position:absolute; right:13px;transition:all .4s ease; font-size:10px; font-weight:bold; top:50%; transform:translateY(-50%); }
.toggle_wrap label.toggle input{ display:none; }
.toggle_wrap label.toggle input:checked + .slider{ background:#fedc00; }
.toggle_wrap label.toggle input:checked + .slider:before{ transform:translateX(34px); }
.toggle_wrap label.toggle input:checked + .slider:after{ content:'ON'; right:auto; left:8px; transform:translate(0.5rem, -50%); }

.info_box{ background:#071f50; padding:20px 30px; color:#fff; box-sizing:border-box; border-radius: 10px; text-align: left; line-height: 24px; margin-bottom: 20px; position: relative; box-shadow: 0px 5px 3px 0px rgba(0, 0, 0, 0.3); }
.info_box h4{ line-height:1; letter-spacing:-1px; font-weight:bold; }
.info_box .flex{ line-height:1; font-size:13px; }
.info_box .flex.group:not(:last-child):after{ content:'\2758'; margin:0 10px; color:#ccc; font-size:14px; }

.info_box span{ font-size:14px; }
.info_box span.tit{ color:#ccc; margin-right:10px; }
.info_box span.val{ color:#eee; }
.info_box .separate{ position:relative; }
.info_box .separate:not(:last-child){ border-bottom:1px solid #eee; padding-bottom:24px; margin-bottom:24px; }

label.switch{ position: relative; display: inline-block; width:64px; height:32px; }
label.switch .slider{ position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color:#cdcdcd; transition: .4s; border-radius:20px; }
label.switch .slider:before{ position: absolute; content:''; width:24px; height:24px; left: 4px; bottom: 4px; background-color: white; transition: .4s; border-radius:50%; }
label.switch input{ display:none; }
label.switch input:checked + .slider{ background-color: #f9c601; }
label.switch input:checked + .slider:before{ transform: translateX(32px); }

select{ /*display:none;*/ width:100%; }
select + .nice-select{ display:flex; align-items:center; color:#000; font-size:14px; height:36px; line-height:36px; min-width:160px; border-radius:8px; float:none; padding:0px 15px; }
select + .nice-select:not(:last-child){ margin-right:5px; }
select + .nice-select:before{ font-family:'Font Awesome\ 5 Free'; content:'\f0d7'; font-weight:bold; position:absolute; right:10px; transition: all 0.3s ease; }
select + .nice-select.open:before{ transform: rotate(180deg); }
select + .nice-select:after{ display:none; }
select + .nice-select .list{ min-width:100%; max-width:100%; max-height:216px; overflow-y:auto; z-index:1000; }
select + .nice-select .option{ min-height:36px; line-height:36px; font-size:13px; padding:0px 15px !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
select + .nice-select .option.padding{ padding-left:100px; }
select + .nice-select .current{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.select2-container{ margin-right:3px; /*width:100% !important;*/ font-size:14px; }
.select2-container .select2-selection--single{ height:36px; border-radius:8px; border:1px solid #e8e8e8; }
.select2-container--default .select2-selection--single .select2-selection__placeholder{ color:#000; }
.select2-container--default .select2-selection--single .select2-selection__rendered{ color:#000; line-height:34px; padding:0px 26px 0px 15px; }
.select2-container--default .select2-selection--single .select2-selection__arrow{ width:auto; top:5px; right:15px; }
.select2-container--default .select2-search--dropdown .select2-search__field{ border:1px solid #ccc; border-radius:5px; font-size:14px; padding:6px 8px; }
.select2-container--default .select2-results__option--highlighted[aria-selected]{ background-color:#3498db; }
.select2-search--dropdown{ padding:4px 4px 0px 4px; }
.select2-dropdown{ border-color:#ddd; border-bottom-left-radius:8px; border-bottom-right-radius:8px; }
.select2-results__option{ padding:6px 10px; }
.select2-search:not(.select2-search--hide) + .select2-results .select2-results__option:not(.select2-results__message):first-child{ margin-top:4px; }
.select2-results__option:not(.select2-results__message):last-child{ border-bottom-left-radius:8px; border-bottom-right-radius:8px; }
.select2-results__option.select2-results__message{ padding:15px 0px; text-align:center; }
.select2-container--default .select2-selection--single .select2-selection__arrow b{ transition: all 0.3s ease; border-color:#000 transparent transparent transparent; }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{ border-color:transparent transparent #000 transparent; }
.select2-container.select2-container--open{ z-index:10000; }

table.default{ table-layout:fixed; border-collapse:collapse; border-spacing:0; position:relative; width:100%; text-align:center; }
table.default thead{ position:sticky; inset-block-start:0; z-index:10; }
table.default thead tr:not(:first-child){ border-top:1px solid #d9d9d9; }
table.default tbody tr{ line-height:45px !important; }

table.default tbody tr.empty td{ padding:100px 50px; }
table.default td.left{ text-align:left; }
table.default :is(th, td).right{ text-align:right; padding-right:30px !important; }

table.default input{ flex-shrink:0; }
table.default input[type=radio]{ width:18px; height:18px; }
table.default input[type=checkbox]:before{ width:18px; height:18px; }

table.default.row tr{ line-height:24px !important; }
table.default.row tbody tr{ border-bottom:1px solid #f4f6f8; }
table.default.row th{ background:#e9e9e9; color:#262626; padding:12px; }
table.default.row td{ background:#fff; padding:12px; line-height:18px; }

table.default.row.line tr{ border-bottom:1px solid #ddd; }
table.default.row.line :is(th, td):not(:last-child){ border-right:1px solid #ddd; }

table.default.column tr{ line-height:50px; }

.paging{ display:flex; justify-content:center; align-items:center; margin-top:50px; }
.paging .pagedisplay{ font-size:14px; font-weight:bold; margin:0px 5px; }
.paging .button{ font-size:12px; width:34px; height:34px; padding:0; background:#e5e5e5; color:#6d5dff; border:none; text-align:center; border-radius:8px; box-sizing:border-box; margin:0 2px; line-height:34px; }
.paging .button.disabled{ background:#e5e5e5; color:#999 !important; cursor:no-drop; }
.paging .button:before{ font-family: 'Font Awesome\ 5 Free'; font-weight: bold; }
.paging .button.first:before{ content:'\f049'; }
.paging .button.prev:before{ content:'\f048'; }
.paging .button.next:before{ content:'\f051'; }
.paging .button.last:before{ content:'\f050'; }

#toast-container{ z-index:1000000000; }
#toast-container.toast-top-center{ top:150px; }
#toast-container.toast-bottom-center{ bottom:120px; }
#toast-container > div{ width:360px !important; border-radius:100px; padding:15px 50px; text-align:center; opacity:0.95; }
#toast-container :is(.toast-info, .toast-success, .toast-warning, .toast-error){ background-image:none !important; }
#toast-container .toast-warning{ background:rgba(0, 0, 0, .8); }
#toast-container .toast-message{ line-height:22px; }

.label:after{ content:attr(data-qtp); color:#fff; min-width:80px; text-align:center; border-radius:5px; line-height:18px; display:inline-block; background:var(--brown-color); padding:5px 10px; box-sizing:border-box;	font-size:12px; }
.label.sky:after{ background:var(--sky-color); }
.label.green:after{ background:var(--green-color); }
.label.orange:after{ background:var(--orange-color); }
.label.blue:after{ background:var(--blue-color); }
.label.red:after{ background:var(--red-color); }
.label.pink:after{ background:var(--pink-color); }
.label.violet:after{ background:var(--violet-color); }
.label.gray:after{ background:var(--gray-color); }
.label.yellow:after{ background:var(--yellow-color); color:#000 !important; }

.hm-layer{ width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:9999; overflow-y:auto; background-color:rgba(17, 24, 39, 0.4); display:none; }
.hm-layer.open{ display:flex !important; }
.hm-layer.open.center{ display:flex; align-items:center; justify-content:center; }

.hm-layer.scroll.open{ display:block !important; }
.hm-layer.scroll.open .hm-dialog{ top:50px; left:50%; transform:translateX(-50%); margin-bottom:100px; }

.hm-layer.right .hm-dialog{ width:640px; height:100%; margin-left:auto; padding-bottom:80px; overflow-y:auto; }
.hm-layer.right .button-set{ position:fixed; width:640px; left:auto; right:0px; }
.hm-layer.center .hm-dialog{ width:800px; border-radius:8px; padding:30px 40px 80px 40px; }
.hm-layer.center .hm-dialog.large{ min-width:1400px; }
.hm-layer.center .hm-dialog.contents{ min-width:1000px; }
.hm-layer.center .hm-dialog.small{ width:400px; }

.hm-layer .hm-dialog{ background:#fff; position:relative; opacity:0; padding:30px 40px; box-sizing:border-box; box-shadow:0px 1px 10px 0px rgba(0, 0, 0, 0.3); }
.hm-layer .hm-dialog.always{ opacity:1; width:340px !important; }
.hm-layer .hm-dialog.blur{ filter: blur(3px); }
.hm-layer .hm-dialog .hm-wrap{ margin-bottom:50px; }
.hm-layer .hm-dialog.always .hm-wrap{ margin-bottom:20px; }
.hm-layer .hm-dialog.always .hm-wrap p{ line-height:24px; }
.hm-layer .hm-dialog :is(input[type=text], textarea){ width:100%; }
.hm-layer .hm-dialog form .separate{ margin-bottom:20px; }
.hm-layer .hm-dialog .upper_tit{ font-size:14px; margin:0px 0px 8px 0px;  color:#666; }
.hm-layer .hm-dialog .upper_tit + .button{ min-width:80px; }
.hm-layer .hm-dialog .upper_tit + .flex label{ line-height:36px; }

.hm-layer ul.sort li.ui-placeholder{ height:23px; border-radius:5px; border: 1px dashed var(--green-color); }
.hm-layer .button-set{ position:absolute; bottom:30px; left:0px; width:100%; padding:0px 40px; box-sizing:border-box; background:#fff; }
.hm-layer .button-set .right .button:not(:last-child){ margin-right:5px; }

.hm-layer table.default{ font-size:13px; }
.hm-layer table.default.row th{ padding:8px; }
.hm-layer table.default.row td{ padding:6px; line-height:18px; }
.hm-layer table.default.row tr.empty td{ padding:120px; }
.hm-layer table.default.row td input[type=text]{ padding:4px 10px; border-radius:5px; }

#loading.hm-layer .hm-dialog{ width:50px; min-height:50px; background:none; padding:0; box-shadow:none; }
#loading.hm-layer .hm-dialog:befoe{ content:'';  }

.note-editor.note-frame{ line-height:25px; border-color:#e8e8e8; border-radius:8px; }
.note-editor.note-frame .note-editing-area .note-editable{ padding:15px; }
.note-editor.note-frame .note-placeholder{ padding:15px; }

.loader {
	animation: rotate 1s infinite;
	height: 50px;
	width: 50px;
	position:absolute;
}

.loader:before,
.loader:after {
	border-radius: 50%;
	content: "";
	display: block;
	height: 20px;
	width: 20px;
}

.loader:before {
	animation: ball1 1s infinite;
	background-color: #38ceff;
	box-shadow: 30px 0 0 #6e5cfb;
	margin-bottom: 10px;
}

.loader:after {
	animation: ball2 1s infinite;
	background-color: #ffd100;
	box-shadow: 30px 0 0 #ff4f99;
}

@keyframes rotate {
	0% { transform: rotate(0deg) scale(0.8) }
	50% { transform: rotate(360deg) scale(1.2) }
	100% { transform: rotate(720deg) scale(0.8) }
}

@keyframes ball1 {
	0% {
		box-shadow: 30px 0 0 #6e5cfb;
	}
	50% {
		box-shadow: 0 0 0 #6e5cfb;
		margin-bottom: 0;
		transform: translate(15px, 15px);
	}
	100% {
		box-shadow: 30px 0 0 #6e5cfb;
		margin-bottom: 10px;
	}
}

@keyframes ball2 {
	0% {
		box-shadow: 30px 0 0 #ff4f99;
	}
	50% {
		box-shadow: 0 0 0 #ff4f99;
		margin-top: -20px;
		transform: translate(15px, 15px);
	}
	100% {
		box-shadow: 30px 0 0 #ff4f99;
		margin-top: 0;
	}
}

/* 설문 재정의 */
.section#survey_setup{ justify-content:center; }
.section#survey_setup > div.panel_main > .inner_wrap{ padding:26px 40px; }
.section#survey_setup input.calendar{ min-width:auto; }

.section > div > .inner_wrap{ padding:20px 15px 15px 15px; }

.section > div.panel_left > .inner_wrap > ol{ position:relative; }
.section > div.panel_left > .inner_wrap > ol > ul{ min-height:30px; line-height:30px; margin:0; }
.section > div.panel_left > .inner_wrap > ol > ul:before{ z-index:1000; width:20px; text-align:center; font-size:9px; line-height:19px; }
.section > div.panel_left > .inner_wrap > ol > ul:not(:last-child){ margin-bottom:8px; }

.section > div.panel_left > .inner_wrap > ol > ul.ui-placeholder{ padding:20px 0; border-radius:5px; border: 1px dashed var(--orange-color); text-align:center; }
.section > div.panel_left > .inner_wrap > ol > ul.ui-placeholder:after{ content: '이동하기'; color:var(--orange-color); background: #fafafa; }

.section > div.panel_left > .inner_wrap > ol > ul.empty{ padding:20px 0; cursor:pointer; }
.section > div.panel_left > .inner_wrap > ol > ul.empty.ui-select{ left:0px; background:rgba(0, 0, 0, 0.2); color:#fff; }
.section > div.panel_left > .inner_wrap > ol > ul.empty:after{ content:'질문을 추가해주세요.'; }

.section > div.panel_left > .inner_wrap > ol > ul .button.delete.page{ position:absolute; top:5px; left:38px; width:40px; line-height:19px; font-size:10px; padding:0px 5px; border-radius:5px; z-index:0; }

.section > div.panel_left > .inner_wrap > ol > ul > li{ z-index:1; }
.section > div.panel_left > .inner_wrap > ol > ul > li:before{ position:unset; margin-right:5px; }
.section > div.panel_left > .inner_wrap > ol > ul > li.default{ padding:0px 10px 0px 40px; }
.section > div.panel_left > .inner_wrap > ol > ul > li.logic{ padding:0px 55px 0px 40px; cursor:pointer; color:#000; }
.section > div.panel_left > .inner_wrap > ol > ul > li.logic:after{ height:19px !important; font-size:11px; }
.section > div.panel_left > .inner_wrap > ol > ul > li.logic:hover{  }
.section > div.panel_left > .inner_wrap > ol > ul > li.label{ padding:0px 10px 0px 92px; cursor:pointer; }
.section > div.panel_left > .inner_wrap > ol > ul > li.label:after{ content:attr(data-qtp); position:absolute; top:5px; left:40px; color: #fff; width:45px; min-width:45px; text-align:center; border-radius:5px; line-height:19px; font-size:9px; padding:0; }
.section > div.panel_left > .inner_wrap > ol > ul > li.ui-select{ border:none; }

.section > div.panel_left > .inner_wrap > ol > ul > li:is(.ui-placeholder, .ui-edit){ border-radius:5px; border: 1px dashed var(--orange-color); }
.section > div.panel_left > .inner_wrap > ol > ul > li:is(.ui-placeholder, .ui-edit):after{ color:var(--orange-color); background: #fafafa; width:100%; position:absolute; top:0px; left:0px; text-align:center; line-height:28px; }

.section > div.panel_left > .inner_wrap > ol > ul > li.ui-edit:after { content: '질문 등록 중'; }
.section > div.panel_left > .inner_wrap > ol > ul > li.ui-placeholder:after { content: '이동하기'; }

.section > div.panel_main > .inner_wrap > div:is(.page, .logic){ border-radius:10px; padding:38px 20px 20px; margin-bottom:20px; }
.section > div.panel_main > .inner_wrap > div.logic.empty{ padding:20px; margin-bottom:5px; text-align:center; }
.section > div.panel_main > .inner_wrap > div.page:before{ content:counter(page)"P"; }

.section > div.panel_main > .inner_wrap > div.page.empty{ border-color: var(--orange-color); text-align:center; padding:40px; }
.section > div.panel_main > .inner_wrap > div.page.empty:after{ content:'질문을 추가해주세요.'; color:#ccc; }

.section > div.panel_main > .inner_wrap > div.logic:before{ content:attr(question); position:absolute; top:10px; left:10px; background:var(--gray-color); color:#fff; border-radius:5px; padding:0 5px; font-size:0.8rem; }
.section > div.panel_main > .inner_wrap > div.logic .logic_activate{ font-size:18px; margin-bottom:24px; }
.section > div.panel_main > .inner_wrap > div.logic .logic_condition{ counter-reset:condition; text-align:center; } 
.section > div.panel_main > .inner_wrap > div.logic .logic_condition .logic_item{ text-align:left; }
.section > div.panel_main > .inner_wrap > div.logic .logic_condition .logic_item.enter:after{ content:'기억 = 'attr(sequence); position:absolute; top:15px; left:68px; background: var(--pink-color); color: #fff; border-radius: 5px; padding:2px 6px; font-size:12px; }
.section > div.panel_main > .inner_wrap > div.logic .logic_condition .logic_item:before{ counter-increment:condition; content:'조건 'counter(condition); position:absolute; top:15px; left:20px; background: var(--red-color); color: #fff; border-radius:5px; padding:2px 6px; font-size:12px; }
.section > div.panel_main > .inner_wrap > div.logic .logic_condition .logic_item .compare_symbol{ background: var(--blue-color); color:#fff; font-size:13px; display:inline-block; padding:2px 6px; border-radius:5px; }
.section > div.panel_main > .inner_wrap > div.logic .logic_condition .logic_item + .relation{ min-width:80px; background:var(--green-color); color:#fff; font-size:13px; padding:5px 20px; border-radius:8px; margin:10px auto 10px; display:inline-block; box-sizing:border-box; }
.section > div.panel_main > .inner_wrap > div.logic .logic_condition .logic_item + .relation.result{ min-width:150px; background:var(--orange-color); margin:20px auto 0; }
.section > div.panel_main > .inner_wrap > div.logic .logic_condition .logic_item ul.logic_options{ width:100%; display:grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-gap:5px; align-items:center; margin-top:10px; }
.section > div.panel_main > .inner_wrap > div.logic .logic_condition .logic_item ul.logic_options > li{ 
	border:1px dashed rgba(0, 0, 0, 0.1); width:100%; text-align:center; padding:5px 15px; border-radius:5px; background:#fefefe; color:#999; font-size:13px; box-sizing:border-box;
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:30px; line-height:18px;
}
.section > div.panel_main > .inner_wrap > div.logic .logic_condition .logic_item ul.logic_options > li.in{ background:#fff; color:#000; border:1px solid var(--gray-color); }
.section > div.panel_main > .inner_wrap > div.logic .logic_result{ border:1px dashed rgba(0, 0, 0, 0.2); text-align:center; padding:14px 0px; font-size:14px; border-radius:12px; }
.section > div.panel_main > .inner_wrap > div.logic .overlay{ display: none; }
.section > div.panel_main > .inner_wrap > div.logic:hover .overlay{ display: flex; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.3); z-index: 2; width: 100%; height: 100%;  align-items: center; justify-content: center; border-radius:10px; }
.section > div.panel_main > .inner_wrap > div.logic:hover .overlay .button{ margin: 0 5px }

.section > div.panel_main > .inner_wrap > div.page li.ui-select{ display:flex; align-items:center; justify-content:center; }
.section > div.panel_main > .inner_wrap > div.page .ui-select{ border-radius:10px; background:rgba(0, 0, 0, 0.2) !important; cursor:pointer; }
.section > div.panel_main > .inner_wrap > div.page .ui-select > h5{ font-weight:bold; font-size:20px !important; }

.section > div.panel_main > .inner_wrap > div:is(.page, .logic) :is(.question_set, .logic_item){ padding:45px 20px 20px 20px; margin-bottom:0px; background:#fff; overflow:visible; border:1px dashed rgba(0, 0, 0, 0.2); }
.section > div.panel_main > .inner_wrap > div.page .question_set:not(:last-child){ margin-bottom:10px; }
.section > div.panel_main > .inner_wrap > div.page .question_set:hover .overlay{ background: rgba(0, 0, 0, 0.2); opacity:1; }
.section > div.panel_main > .inner_wrap > div.page .question_set.add{ padding:30px; list-style:none; }
.section > div.panel_main > .inner_wrap > div.page .question_set.add.drag:after { content: '여기에 질문 등록'; }
.section > div.panel_main > .inner_wrap > div.page .question_set .flex .nice-select:not(:last-child){ margin-right:5px; }
.section > div.panel_main > .inner_wrap > div.page .question_set .overlay{ border-radius:10px; transition:all 0.5s ease-in; opacity:0; }
.section > div.panel_main > .inner_wrap > div.page .ui-sortable-helper{ left:auto !important; }
.section > div.panel_main > .inner_wrap > div.page .ui-draggable-dragging{ background:#ccc; }

.section > div.panel_right > .button_detail h4{ margin-bottom:20px; }
.section > div.panel_right > .button_detail ul{ padding:0; }
.section > div.panel_right > .button_detail li{ border:2px solid #ddd; padding:12px 20px; border-radius:8px; box-shadow:5px 5px 0px rgba(38, 42, 56, 0.1); cursor:pointer; transition:all 0.2s ease; margin-bottom:12px; box-sizing:border-box; }
.section > div.panel_right > .button_detail li.ui-draggable-dragging{ background:#fff; }
.section > div.panel_right > .button_detail li:hover{ border-color:#ccc; box-shadow:5px 5px 0px rgba(38, 42, 56, 0.3); }
.section > div.panel_right > .button_detail li h5{ font-weight:bold; }
.section > div.panel_right > .button_detail li .explain{ border-left:4px solid #e6e6e6; padding-left:15px; margin:10px 0px 0px 4px; font-size:14px; line-height:22px; }
.section > div.panel_right > .button_detail li .explain p{ margin:0; }

.section > div.panel_right > .inner_wrap{ padding-bottom:15px; }

.section > div.panel_right > #survey_quarter.inner_wrap > ul > li{ height:30px; border:1px solid var(--sky-color); border-radius:5px; font-size:0.8rem; margin:0 0 8px; position:relative; padding:0px 5px 0px 10px; }
.section > div.panel_right > #survey_quarter.inner_wrap > ul > li.empty{  }
.section > div.panel_right > #survey_quarter.inner_wrap > ul > li .button.small{ padding:2px 15px; }

.section > div.panel_right > .inner_wrap > .button_wrap{ display:grid; grid-template-columns:repeat(3, 1fr); gap:6px; }
.section > div.panel_right > .inner_wrap > .button_wrap > .button{ margin:0; } 
.section > div.panel_right > .inner_wrap.button_detail{ padding:20px 30px 18px 30px; }
.section > div.panel_right > .inner_wrap.button_detail.empty{ padding:30px; text-align:center; color:#ccc; }
.section > div.panel_right > .inner_wrap.button_detail.empty:before{ content:'질문 유형을 선택해주세요.'; }

.question_set:not(.editor) .question:not(.overflow){ margin-bottom:50px; }
.question_set:not(:is(.multiple, .multiple-order, .download)) .answer ol > li{ padding:0; position:relative; }
.question_set:not(:is(.multiple, .multiple-order, .download)) .answer ol:not(.flex) > li:not(:last-child){ margin-bottom:30px; }

.question_set input{ text-align:center; }
.question_set input.number{ text-align:right; }

.question_set textarea{ height:100px; line-height:20px; }

.question_set .video{ position:relative; height:0; padding-bottom:56.25%; }
.question_set .video iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

.question_set ol li.linkage.multiple{ 
	display:flex; align-items:center; min-height:54px; box-sizing:border-box; padding:10px 15px; border:1px solid #e8e8e8; background:#fbfbfb; padding:10px; 
	justify-content:start; margin-bottom:10px;
}
.question_set ol li.linkage.multiple .upper_title{ margin:0; }

/*
.question_set input:is(.phone, .birthday){ text-align:center; }
*/

.question_set table{ width:100%; }
.question_set table thead{ background:#444; color:#fff; text-align:center; }
.question_set table thead tr{ border-width:1px 1px 0px 1px; border-style:solid; border-color:#444; }
.question_set table thead tr:not(:first-child){ border-top:1px solid #999; }
.question_set table thead tr th{ padding:10px; font-size:14px; }
.question_set table thead tr th:not(:last-child){ border-right:1px solid #999; }
.question_set table tbody{ text-align:center; }
.question_set table tbody tr{ border-width:1px 1px 1px 1px; border-style:solid; border-color:#444; }
.question_set table tbody tr td{ padding:10px; font-size:13px; }
.question_set table tbody tr td.left{ text-align:left; }
.question_set table tbody tr td:not(:first-child){ border-left:1px solid #444; }
.question_set table tbody tr td input[type=radio] + label{ display:inline-block; width:24px; height:24px; border-radius:50%; margin:0; border:1px solid #444; line-height:24px; font-size:11px;	color:#000; }
.question_set table tbody tr td input[type=radio]:checked + label{ background:#444; color:#fff; }
.question_set table tbody tr td input[type=radio]:disabled+ label{ background:#efefef; border:1px solid #ddd; color:#999; }

:is(.question_set:not(.multiple), .logic) .upper_title{ margin-bottom:10px; }
:is(.question_set, .logic) .upper_title:before{ font-family:'Font Awesome\ 5 Free'; content:'\f14a'; margin-right:5px; font-weight:normal; vertical-align:unset; color:var(--main-color); font-size:var(--font-default-size); }
:is(.question_set, .logic) .upper_title.required:after{ font-family: 'Font Awesome\ 5 Free'; content:'\f621'; font-weight:bold; color:#ff3d00; vertical-align:top; margin-left:3px; font-size:10px; }
:is(.question_set, .logic) .upper_title.highlight{ text-decoration-line:underline; text-decoration-style:wavy; text-decoration-color:red; }
.linkage .upper_title{ font-weight:bold; }

.panel_main.disabled .question_set .upper_title.required:after,
.panel_main.disabled .question_set ol li.required:before{ display:none; }

.question_set .question{ margin-bottom:0px; position:unset; font-weight:normal; }
.question_set .question.highlight{ text-decoration-line:underline; text-decoration-style:wavy; text-decoration-color:red; }
.question_set .question p{ margin:0; }
.question_set .question p:not(:last-child){ margin-bottom:10px; }
.question_set .question img{ max-width:100%; }
.question_set .question:not(.overflow):after{ display:block; content:attr(data-qno); position:absolute; top:15px; left:20px; background:var(--gray-color); color:#fff; border-radius:5px; padding:1px 5px; font-size:0.8rem; }
.question_set.required .question:before{ content: '필수'; position: absolute; top:15px; left:20px; font-size: 0.8rem; background: var(--red-color); color:#fff; border-radius:5px; padding:1px 5px; }
.question_set.required .question:after{ left:58px; }

.question_set ol li .input-outer{ display:flex; align-items:flex-end; }
.question_set ol li .input-outer input{ transition: all 0.5s ease-out; border-style: none none solid none; border-radius:5px; padding:8px 8px 6px 8px; }
.question_set ol li .input-outer.suffix:after{ content:attr(data-suffix); margin:0px 0px 5px 10px; flex-shrink:0; }
.question_set ol li.focus .input-outer input{ border-color:var(--green-color); }
.question_set ol li.warning .input-outer input{ border-color:var(--red-color); }
.question_set ol li.success .input-outer input{ border-color:var(--blue-color); }
.question_set ol li.required:before{ content: '필수'; display:inline-block; font-size: 0.7em; background: var(--red-color); color:#fff; border-radius:5px; padding:1px 5px; margin-bottom:5px; }
.question_set ol li.linkage{ justify-content:center; }
.question_set ol:not(.flex) li.linkage{  margin-bottom:15px !important; }

.question_set .answer{ margin-left:0px; position:relative; }
.question_set .answer ol li{ border:none; }
.question_set .answer ol li input:is([type=radio], [type=checkbox]){ margin:0px 6px 0px 0px; cursor:pointer; /*pointer-events: none;*/ }
.question_set .answer ol.flex li:not(.option, :last-child){ margin-right:10px; }
.question_set .answer ol .flex .upper_title{ margin-bottom:0px; }

.question_set .overflow{ position:relative; }
.question_set .overflow:not(.open){ max-height:600px; overflow-y:hidden; }
.question_set .overflow:not(.open):after{ content:''; width:100%; height:100px; position:absolute; bottom:0px; background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.25) 25%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.75) 75%, rgba(255, 255, 255, 1) 100%); }
.question_set .overflow + div > .button.toggle{ margin:30px auto; width:300px; padding:12px; display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid #000; border-radius:3px; }
.question_set:is(.multiple, .multiple-order, .table-order) .answer .min-max{ margin:0px auto 20px; font-size:13px; background:#ccc; border-radius:5px; padding:2px 6px; display:inline-block; color:#fff; }

/* 주관식 */
.question_set.input ol.flex li{ width:100%; }
.question_set.input ol.flex li .input-outer input.number{ /*width:100px;*/ }

/* 객관식 */
.question_set:is(.multiple, .multiple-order) ol li{ display:flex; align-items:center; cursor:pointer; margin-bottom:0px; min-height:54px; box-sizing:border-box; padding:10px 15px; border:1px solid #e8e8e8; }
.question_set:is(.multiple, .multiple-order) ol li:not(:last-child){ margin-bottom:5px; }
.question_set.multiple ol li input + label{ max-width:92%; /*pointer-events: none; line-height:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;*/ }
.question_set:is(.multiple, .multiple-order) ol li input[type=text]{ padding:6px 12px; margin-left:0px; }
.question_set.multiple ol li input[type=radio]{ border-radius:50%; }

/* 객관식 - 순위형 */
.question_set.multiple-order ol li input[type=text].order{ width:30px; padding:5px; margin-right:10px; background:#fff; color:var(--red-color); font-weight:bold; cursor:pointer; }

/* 척도형 - 사각형 */
.question_set.choice ol li .tetragon input[type=radio] + label{ 
	width:100%; height:100%; padding:10px; text-align:center; border-width:1px 1px 1px 1px; border-style:solid; border-color:#e8e8e8; box-sizing:border-box;
	display:flex; align-items: center; justify-content: center; font-size:13px;
}
.question_set.choice ol li .tetragon input[type=radio] + label:last-child{ border-top-right-radius:8px; border-bottom-right-radius:8px; }
.question_set.choice ol li .tetragon input[type=radio]:checked + label{ background:#999; color:#fff; }
.question_set.choice ol li .tetragon input[type=radio]:first-child + label{ border-width:1px; border-top-left-radius:8px; border-bottom-left-radius:8px; }

/* 척도형 - 타원원 */
.question_set.choice ol li input[type=radio]{ display:none; }
.question_set.choice ol li .circle{ align-items:start; }
.question_set.choice ol li .circle input[type=radio] + label{ width:100%; text-align:center; position:relative; font-size:13px; letter-spacing:-1px; }
.question_set.choice ol li .circle input[type=radio] + label:before{ content:''; width:18px; height:18px; display:block; border:4px solid #ccc; margin:0px auto 5px; border-radius:50%; z-index:1; position:relative; background:#fff; }
.question_set.choice ol li .circle input[type=radio] + label:after{ content:''; width:100%; height:5px; background:#eee; position:absolute; top:10px; left:50%; transform:translateX(-50%); z-index:0; }
.question_set.choice ol li .circle input[type=radio]:checked + label:before{ background:#ccc; }
.question_set.choice ol li .circle input[type=radio]:first-child + label{ text-align:left; width:50%; padding-left:8px; }
.question_set.choice ol li .circle input[type=radio]:first-child + label:before{ margin:0px 0px 5px -8px; }
.question_set.choice ol li .circle input[type=radio] + label:last-child{ text-align:right; width:50%; padding-right:8px; }
.question_set.choice ol li .circle input[type=radio] + label:last-child:before{ margin-right:-8px; }

/* 척도형 - 아이콘 */
.question_set.choice-icon ol li .rating{ display:flex; justify-content:center; width:100%; padding:20px; background:#f9f9f9; margin:0 auto 0; border-radius:8px; box-sizing:border-box; }
.question_set.choice-icon ol li .rating input[type=radio]{ display:none; }
.question_set.choice-icon ol li .rating input[type=radio] + label:before{ font-family:'Font Awesome\ 5 Free'; font-size:30px; margin:0 4px; font-weight:bold; color:#ddd; transition:all 0.2s ease; text-shadow:2px 2px 2px #ccc; }
.question_set.choice-icon ol li .rating input[type=radio] + label.star:before{ content:'\f005'; }
.question_set.choice-icon ol li .rating input[type=radio] + label.heart:before{ content:'\f004'; }
.question_set.choice-icon ol li .rating input[type=radio] + label.thumbs:before{ content:'\f164'; }

.question_set.choice-icon ol li .rating input[type=radio]:checked + label:before{ color:var(--pink-color); }
.question_set.choice-icon ol li .rating .icon + label:hover:before{ color:var(--pink-color); }
.question_set.choice-icon ol li .rating .icon + label:has(~ .icon:checked):before{ color:var(--pink-color); }
.question_set.choice-icon ol li .rating .icon + label:has(~ .icon + label:hover):before{ color:var(--pink-color); }
.question_set.choice-icon ol li .rating .icon + label:hover ~ .icon:checked + label:before{ /*opacity:0.6;*/ }

/* 척도형 - 슬라이더 */
.question_set.choice-slide ol li .slider{ margin-top:20px; display:flex; align-items:center; justify-content:center; }
.question_set.choice-slide ol li .slider:before{ font-family:'Font Awesome\ 5 Free'; content:'\f104'; font-weight:bold; font-size:32px; }
.question_set.choice-slide ol li .slider:after{ font-family:'Font Awesome\ 5 Free'; content:'\f105'; font-weight:bold; font-size:32px; }
.question_set.choice-slide ol li .slider input[type=range]{ width:95%; appearance: none; height:5px; border-radius:5px; background:#eee; border:none; outline:none; display:flex; text-align:center; align-items:center; cursor:pointer; margin:0 auto 0; }
.question_set.choice-slide ol li .slider input[type=range]:active{  }
.question_set.choice-slide ol li .slider input[type=range]::-webkit-slider-thumb{ appearance:none; width:26px; height:26px; border-radius:5px; background:#fff; border:4px solid #ccc; cursor:pointer; box-sizing:border-box; z-index:1; }
.question_set.choice-slide ol li .slider input[type=range] + ul.marks{ display:flex; width:92%; margin:20px auto 0; }
.question_set.choice-slide ol li .slider input[type=range] + ul.marks > li{ width:100%; text-align:center; padding:0; position:relative; }
.question_set.choice-slide ol li .slider input[type=range] + ul.marks > li:first-child{ text-align:left; width:50%; }
.question_set.choice-slide ol li .slider input[type=range] + ul.marks > li:last-child{ text-align:right; width:50%; }

/* 매트릭스 */
.question_set:is(.table, .table-order, .table-sum, .table-avg) :is(.matrix-header, .matrix-row){ display:flex; text-align:center; align-items:center; margin-bottom:6px; border-radius:10px; padding:0; }
.question_set:is(.table, .table-order, .table-sum, .table-avg) .matrix{ min-width:790px; }
.question_set:is(.table, .table-order, .table-sum, .table-avg) .matrix .matrix-header{ background:#444; color:#fff; }
.question_set:is(.table, .table-order, .table-sum, .table-avg) .matrix .matrix-row{ background:#f9f9f9; }
.question_set:is(.table, .table-order, .table-sum, .table-avg) .matrix .matrix-row.warning input{ background:rgba(255, 0, 0, 0.1); }
.question_set:is(.table, .table-order, .table-sum, .table-avg) .matrix .matrix-header li:first-child:before{ background:#444; }
.question_set:is(.table, .table-order, .table-sum, .table-avg) .matrix .matrix-row li:first-child:before{ background:#f9f9f9; }
.question_set:is(.table, .table-order, .table-sum, .table-avg) .matrix ul li{ padding:12px 10px; box-sizing:border-box; }
.question_set:is(.table, .table-order, .table-sum, .table-avg) .matrix ul li:first-child{ min-width:25%; height:100%; text-align:left; padding-left:20px; position:sticky; left:0px; box-sizing:border-box; }
.question_set:is(.table, .table-order, .table-sum, .table-avg) .matrix ul li:first-child:before{ content:''; width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:-1; border-radius:5px; }
.question_set:is(.table, .table-order, .table-sum, .table-avg) .matrix ul li:not(:first-child){ width:100%; }
.question_set:is(.table, .table-order, .table-sum, .table-avg) .matrix input[type=radio]{ width:26px; height:26px; border-radius:50%; margin:0; }
.question_set:is(.table-sum, .table-avg) .matrix .matrix-row:last-child{ background:#ccc; }
.question_set:is(.table-sum, .table-avg) .matrix .matrix-row:last-child li:first-child:before{ background:#ccc; }
.question_set.table-order ol li input[type=text]{ width:36px; padding:8px; background:#fff; color:var(--red-color); font-weight:bold; cursor:pointer; }

/* 매트릭스 좌우 네비게이션 */
.question_set .matrix + .navigator{ display:none; }
.question_set .matrix + .navigator > a.way{ position:absolute; top:50%; display:flex; justify-content:center; align-items:center; width:40px; height:40px; background:rgba(0, 0, 0, 0.3); border-radius:50%; }
.question_set .matrix + .navigator > a.way.disabled{ /*opacity:0.3; cursor:default;*/ display:none; }
.question_set .matrix + .navigator > a.way.right{ right:10px; }
.question_set .matrix + .navigator > a.way.right:after{ font-family:'Font Awesome\ 5 Free'; content:'\f0da'; font-weight:bold; font-size:30px; }
.question_set .matrix + .navigator > a.way.left{ left:10px; }
.question_set .matrix + .navigator > a.way.left:after{ font-family:'Font Awesome\ 5 Free'; content:'\f0d9'; font-weight:bold; font-size:30px; }

/* 특수기능 - 서명 */
.question_set.signature #sign_container{ width:240px; height:120px; border:1px solid #ddd; margin:0 auto 0; position:relative; display:flex; align-items:center; justify-content:center; font-size:30px; color:#ccc; border-radius:20px; }
.question_set.signature #sign_container canvas{ width:100%; height:100%; position:absolute; top:0px; left:0px; }

/* 특수기능 - 다운로드 */
.question_set.download .file{ background:#fbfbfb; padding:15px; border-radius:10px; box-shadow:2px 2px 5px rgba(0, 0, 0, 0.1); }
.question_set.download .file:not(:last-child){ margin-bottom:10px; }
.question_set.download .file:before{ content:''; width:40px; height:40px; margin-right:15px; background-size:100% 100%; }
.question_set.download .file.pdf:before{ background-image:url('/images/files/pdf.png'); }
.question_set.download .file.hwp:before{ background-image:url('/images/files/hwp.png'); }
.question_set.download .file .flex.right{ flex-shrink:0; }
.question_set.download .file .file_name{ width:60%; }
.question_set.download .file h5{ font-weight:bold; margin-bottom:2px; }
.question_set.download .file h6{ color:#999; }
.question_set.download .file a:not(:last-child){ margin-right:5px; }

/* 특수기능 - 본인인증 */
.question_set.certify #certify_container{ width:340px; margin:0 auto 0; }
.question_set.certify #certify_container .input-certify:not(.hide){ display:flex; }
.question_set.certify #certify_container input[type=text]{ width:calc(100% - 119px); }
.question_set.certify #certify_container #certify_limit{ font-size:13px; padding:8px 15px; border:1px solid #e8e8e8; color:var(--pink-color); font-weight:bold; box-sizing:border-box; border-radius:8px; }
.question_set.certify #certify_container #certify_number{ width:calc(100% - 165px); margin:0px 5px; }

/* 특수기능 - 지역 */
.question_set.region select + .nice-select{ min-width:auto; }
.question_set.region select + .nice-select .option{ min-height:34px; line-height:34px; }

/* 특수기능 - 생년월일 */
.question_set.birthday #birthday_container{ border:1px solid #eee; border-radius:8px; padding:10px 10px 10px 5px; }
.question_set.birthday #birthday_container div{ flex-shrink:0; padding:10px; }

/* 특수기능 - 생년월일 */
.question_set.money .money_container{ display:flex; align-items:center; }
.question_set.money .money_container div{ flex-shrink:0; }
.question_set.money .money_container div.unit{ margin:0px 0px 0px 10px; }
.question_set.money .money_container div.right{ margin:0 20px; }
.question_set.money .money_container div.right:after{ font-family:'Font Awesome\ 5 Free'; content:'\f0da'; font-weight:bold; }

/*
.question_set.table table.matrix{ width:100%; min-width:900px; border-spacing:0 6px; border-collapse:separate; table-layout:fixed; text-align:center; }
.question_set.table table.matrix thead tr{ background:#444; color:#fff; }
.question_set.table table.matrix thead tr th{ padding:12px 15px;  }
.question_set.table table.matrix thead tr th:first-child{ background:#444; position:sticky; left:0px; }

.question_set.table table.matrix tbody tr{ background:#f9f9f9; }
.question_set.table table.matrix tbody tr td{ padding:12px 15px; }
.question_set.table table.matrix tbody tr td:first-child{ text-align:left; background:#f9f9f9; position:sticky; left:0px; }

.question_set.table table.matrix input[type=radio]{ width:20px; height:20px; border-radius:50%; margin:0; }
*/

/* 질문관리 > 항목 관리 레이어 팝업 */
.hm-layer ul.sort{ padding-left:0px; }
.hm-layer ul.sort li:not(.option){ display:flex; align-items:center; border-bottom:1px solid #fff; padding:6px 0px; }
.hm-layer ul.sort:not(.quarter) li:hover{ border-color:var(--gray-color); }
.hm-layer ul.sort:not(.quarter) li.focus{ border-color:var(--blue-color); }
.hm-layer ul.sort li.ui-placeholder{ height:23px; border-radius:5px; border: 1px dashed var(--green-color); }
.hm-layer ul.sort li.ui-sortable-helper{ border:none; }
.hm-layer ul.sort li input[type=text]{ width:100%; height:24px; line-height:24px; border:none; resize:none; outline: none; display:block; font-size:15px; white-space:pre-wrap; padding:0 0 0 5px; border-radius:0px; background:transparent; }
.hm-layer ul.sort.quarter > li{ padding:0px; }
.hm-layer ul.sort.quarter > li:not(:last-child){ margin-bottom:8px; }
.hm-layer ul.sort.quarter > li.ui-placeholder{ height:35px; }

.hm-layer ul.sort li a.item_move{ margin-right:10px; cursor:all-scroll; }
.hm-layer ul.sort li a.item_move:before{ font-family:'Font Awesome\ 5 Free'; content:'\f0c9'; font-weight:bold; font-size:20px; color:var(--gray-color); }
.hm-layer ul.sort li a.item_delete{ margin-left:10px; }
.hm-layer ul.sort li a.item_delete:before{ font-family:'Font Awesome\ 5 Free'; content:'\f00d'; font-weight:bold; font-size:20px; }

.hm-layer a.button:is(.question, .quarter, .keyword).item{ width:84px; padding:2px 10px; font-size:13px; background:var(--gray-color); }
.hm-layer a.button.question.item:is(.options, .upload){ margin-left:15px; }

#question-item-batch textarea{ font-size:14px; line-height:22px; }

/* 쿼터 */
#quarter-edit #quarter_setting{ width:100%; height:300px; border:1px solid #e8e8e8; border-radius:8px; padding:10px; }
#quarter-edit #quarter_setting #quarter_setting_inner{ height:100%; overflow-y:auto; }
#quarter-edit #quarter_setting .quarter_item{ width:100%; border:1px solid #e8e8e8; text-align:left; padding:4px 8px; border-radius:5px; }
#quarter-edit #quarter_setting .quarter_item:not(:last-child){ margin-right:5px; }

/* 로직 */
#logic-edit #logic_setting{ counter-reset:condition; }
#logic-edit #logic_setting .logic_condition{ position:relative; border:1px dashed rgba(0, 0, 0, 0.2); padding:16px 14px; border-radius:12px; }
#logic-edit #logic_setting .logic_condition:before{ counter-increment:condition; content:'조건 'counter(condition); background: var(--red-color); color: #fff; border-radius:5px; padding:2px 6px; font-size:12px; }
#logic-edit #logic_setting .logic_condition a.logic.condition.delete{ position:absolute; top:11px; right:16px; }
#logic-edit #logic_setting .logic_condition a.logic.condition.delete:before{ font-family:'Font Awesome\ 5 Free'; content:'\f00d'; font-weight:bold; font-size:20px; }
#logic-edit #logic_setting .logic_condition ul.logic_compare{ border-top:1px dashed #ccc; margin-top:15px; padding-top:15px; }
#logic-edit #logic_setting .logic_condition ul.logic_compare:not(.hide){ display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:6px; }
#logic-edit #logic_setting .logic_condition ul.logic_compare li{ display:inline-grid; }
#logic-edit #logic_setting .logic_condition ul.logic_compare li input{ display:none; }
#logic-edit #logic_setting .logic_condition ul.logic_compare li input + label{ border:1px solid #e8e8e8; padding:6px; font-size:13px; cursor:pointer; border-radius:6px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#logic-edit #logic_setting .logic_condition ul.logic_compare li input:disabled + label{ border:1px dashed rgba(0, 0, 0, 0.1); background:#fefefe; color:#999; }
#logic-edit #logic_setting .logic_condition ul.logic_compare li input:checked + label{ background:var(--yellow-color); border:1px solid #666; }
#logic-edit #logic_setting .logic_condition .select2-container{ margin-top:10px; }
#logic-edit #logic_setting .logic_relation{ width:300px; margin:15px auto; }

/* 대상자 관리 */
#survey_target{ display:flex; justify-content:space-between; height:calc(100vh - 50px); padding:50px; box-sizing:border-box; background:#f7f8fb; }
#survey_target #target_navigator{ display:flex; flex-direction:column; justify-content:center; flex:0 0 280px; height:100%; padding:50px; box-sizing:border-box; }
#survey_target #target_navigator .button{ width:100%; border:none; padding:12px; }
#survey_target #target_navigator .button.target.insert:after,
#survey_target #target_navigator .button.target.excel.upload:after{ font-family:'Font Awesome\ 5 Free'; content:'\f061'; font-weight:bold; margin-left:8px; }
#survey_target #target_navigator .button.target.delete:before{ font-family:'Font Awesome\ 5 Free'; content:'\f060'; font-weight:bold; margin-right:8px; }
#survey_target #target_navigator #excel_wrap{ text-align:center; }
#survey_target #target_navigator #excel_wrap .form{ display:inline-block; text-decoration:underline; margin-top:5px; font-size:13px; }
#survey_target .target_wrap{ flex:1; background:#fff; border-radius:8px; box-shadow:1px 1px 5px rgba(170, 170, 170, 0.2); padding:20px; }
#survey_target .target_wrap:nth-child(1){ flex:0 0 650px; }
#survey_target .target_wrap .upper_title{ font-size:12px; margin-bottom:6px; color:#333; font-weight:bold; }
#survey_target .target_wrap .search_wrap{ margin-bottom:20px; text-align:left; background:#fff; padding:12px 20px; box-sizing:border-box; border:5px solid #e7e8ea; font-size:12px; border-radius:8px; }
#survey_target .target_wrap .search_wrap .button{ padding:8px 20px; font-size:13px; }
#survey_target .target_wrap .search_wrap .search_depth{ display:flex; align-items:center; }
#survey_target .target_wrap .search_wrap .search_depth:not(:last-child){ margin-bottom:12px; border-bottom:1px solid #eee; padding-bottom:12px; }
#survey_target .target_wrap .search_wrap .search_depth .right{ margin-left:auto; }
#survey_target .target_wrap .search_wrap .search_depth .right .button:not(last-child){ margin-right:5px; }
#survey_target .target_wrap .search_wrap input[type=radio]{ display:none; }
#survey_target .target_wrap .search_wrap input[type=radio] + label.simple{ display:flex; align-items:center; }
#survey_target .target_wrap .search_wrap input[type=radio] + label.simple .label{ font-size:12px; line-height:1; padding:4px 8px; border-radius:6px; padding:6px 9px; margin:0px 0px 0px 5px; opacity:0.6; }
#survey_target .target_wrap .search_wrap input[type=radio]:checked + label.simple .label-txt{ color:#000; text-decoration:underline; }
#survey_target .target_wrap .search_wrap input[type=radio]:checked + label.simple .label{ opacity:1; }
#survey_target .target_wrap .search_wrap input[type=text]{ width:220px; padding:8px 12px; }
#survey_target .target_wrap .search_wrap select + .nice-select{ min-width:120px; height:34px; line-height:34px; font-size:13px; }
#survey_target .target_wrap .search_wrap select + .nice-select .option{ min-height:34px; height:34px; line-height:34px; font-size:13px; }
#survey_target table tr.cursor{ cursor:pointer; }
#survey_target table input[type=checkbox]{ cursor:pointer; margin:0; }
#survey_target table th{ font-size:14px; }
#survey_target table td{ font-size:13px; }
#survey_target table td.right{ padding-right:20px !important; }
#survey_target table td i{ color:#6e5cfb; }

#survey_target table td .button{ padding:2px 12px; font-size:10px; }
#survey_target table td .button.on{ background:#000; color:#fff; }
#survey_target table td .button:not(:last-child){ margin-right:5px; }

:is(#survey_target, #survey-target-individual-setting, #member-search) .label{ border-radius:5px; padding:0px 5px; font-size:11px; line-height:18px; text-align:center; display:inline-block; }
:is(#survey_target, #survey-target-individual-setting, #member-search) .label:after{ content:unset; }
:is(#survey_target, #survey-target-individual-setting, #member-search) .label.black{ background:#ddd; color:#333; }
:is(#survey_target, #survey-target-individual-setting, #member-search) .label.blue{ background:#e3f5ff; color:#219dd1; }
:is(#survey_target, #survey-target-individual-setting, #member-search) .label.green{ background:#e4faf3; color:#16b079; }
:is(#survey_target, #survey-target-individual-setting, #member-search) .label.yellow{ background:#f9f3e5; color:#d19b0f; }
:is(#survey_target, #survey-target-individual-setting, #member-search) .label.red{ background:#fbeaea; color:#cb6363; }
:is(#survey_target, #survey-target-individual-setting) .label.online{ background:#f1f1f1; color:#666; }
:is(#survey_target, #survey-target-individual-setting) .label.phone{ background:#d9d9d9; color:#666; }

#survey-target-upload input{ padding:5px 10px; }
#survey-target-upload select + .nice-select{ min-width:100%; height:30px; line-height:30px; font-size:13px; }

#survey-target-individual-setting .sort input{ padding:0; }
#survey-target-individual-setting .keyword_name{ display:flex; width:180px; }
#survey-target-individual-setting .keyword_name input{ text-align:center; }
#survey-target-individual-setting .keyword_name:before{ width:25px; content:'#{'; margin-right:5px; font-weight:bold; }
#survey-target-individual-setting .keyword_name:after{ content:'}'; margin-left:5px; font-weight:bold; }

#survey-target-individual-setting .keyword_value{ display:flex; }
#survey-target-individual-setting .keyword_value:before{ content:' : '; margin:0px 10px; font-weight:bold; }

#member-search .form_container{ display:grid; /* grid-template-columns:repeat(2, 1fr); */ grid-template-columns:repeat(2, 652.5px); gap:15px; margin-bottom:50px; }
#member-search .form_container.full{ display:block; margin-bottom:15px; }
#member-search .form_container.full .templete{ display:flex; gap:10px 80px; }
#member-search .form_container form{ background:#f9f9f9; padding:10px 20px 20px 20px; border-radius:10px; }

#member-search .form_container form h4.sub_tit{  font-weight:bold; margin-bottom:10px; position:relative; display:inline-block; }
#member-search .form_container form h4.sub_tit:after{ content: ''; position: absolute; width: 110%; height:8px; background: rgba(45, 200, 110, 0.3); bottom: 5px; left: 50%; transform: translate(-50%, 0); }
#member-search .form_container form h6{ margin:15px auto 5px; font-weight:bold; position:relative; display:inline-block; }
#member-search .form_container form h6:after{ content: ''; position: absolute; width: 110%; height:5px; background: rgba(45, 180, 250, 0.3); bottom: 5px; left: 50%; transform: translate(-50%, 0); }
#member-search .form_container + .button-set{ border-top:1px solid #eee; padding-top:30px; }

/* 대상자 관리 > 알림톡 발송 */
#target-send-sms{ }

#notify{ display:grid; grid-template-columns:420px 1fr; column-gap:30px; }
#notify .container{ padding:0; overflow-y:visible; }
#notify .container .box-area{ background:#f9f9f9; box-shadow:0px 5px 3px 0px rgba(0, 0, 0, 0.1); border-radius:8px; position:relative; }

#notify .container #message{ /*min-height:460px;*/ height:460px; padding:20px; box-sizing:border-box; }
#notify .container #message:not(.empty){ padding:5px 90px 15px 15px; }
#notify .container #message.empty{ display:flex; justify-content:center; align-items:center; }

#notify .container #message #kakao-profile{ font-size:12px; color:#000; display:flex; align-items:center; }
#notify .container #message #kakao-profile:before{ 
	content:''; display:inline-block; width:36px; height:36px; margin:9px 8px 0px 0px; border-radius:25%; box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	background:url('/images/common/logo_st.png') #fff; background-size:60% 60%; background-repeat:no-repeat; background-position:center; 
}
#notify .container #message #kakao-contents{ background:#fff; box-shadow:0px 5px 3px 0px rgba(0, 0, 0, 0.1); font-size:12px; border-radius:8px; margin-left:45px; margin-top:-9px; }
#notify .container #message #kakao-contents #kakao-header{ background:#FFE159; padding:12px 20px; border-top-left-radius:8px; border-top-right-radius:8px; line-height:1; position:relative; }
#notify .container #message #kakao-contents #kakao-header:after{ 
	content:'kakao'; width:34px; height:34px; background:#454545; position:absolute; top:-10px; right:-10px; border-radius:50%;
	font-size:9px;  color:#fff; text-align:center; line-height:34px;
}
#notify .container #message #kakao-contents #kakao-message{ height:330px; overflow-y:auto; padding:12px 14px; line-height:17px; position:relative; word-break:break-all; }
#notify .container #message #kakao-contents #kakao-button{ width:100%; box-shadow:none; background:#eee; margin-top:10px; }

#notify .container #notify_possible{ padding:12px 20px; }
#notify .container #notify_possible canvas{ margin:0 auto 0; }
#notify .container #notify_possible .right{ text-align:right; }
#notify .container #notify_possible .right > *{ line-height:1; }
#notify .container #notify_possible .right div.h8{ margin:0px 0px 5px 0px; }
#notify .container #notify_possible .circle_canvas{ height:auto; position:relative; }
#notify .container #notify_possible .circle_canvas .percent{ position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); font-weight: bold; }
#notify .container #notify_possible .circle_canvas .percent:after{ content: '%'; }

#notify .container #notify_target{ width:100%; height:150px; }
#notify .container #notify_target.empty{ display:flex; justify-content:center; align-items:center; line-height:24px; text-align:center; }
#notify .container #notify_target.empty .target{ text-decoration:underline; font-weight:bold; }

#notify .button.yellow{ background:#fdf3c5; }
#notify .button.yellow:not(:last-child){ margin-bottom:10px; }
#notify .button.yellow.select{ background:#FFD100; border:none; color:#000; font-weight:bold; }

/* 사용자 */
#survey_user{ overflow:hidden; }
#survey_user > div.header{ height:60px; }
#survey_user > div.header h3{ width:85%; margin-right:10px; }
#survey_user > div.header > div.panel_main{ padding:0px 20px; }
#survey_user > div.header > div.panel_main > div img#partner_logo{ margin-right:20px; }
#survey_user > div.header > div.panel_main > div img#corp_logo{ margin-left:auto; }
#survey_user > div.header > div.panel_main > div img{ padding:0; order:0; margin:0; flex-shrink:0; }

#survey_user :is(.header, .section){ justify-content: center; }
#survey_user .section > div{ padding:0; }
#survey_user > div.section > div.panel_main{ padding-top:22px; position:relative; }
#survey_user > div.section.navigator > div.panel_main{ padding-top:100px; }
#survey_user > div.section > div.panel_main .question_set{ padding:0px 30px 30px; margin:20px auto 30px; border-bottom:1px dashed #ccc; position:relative; }
#survey_user > div.section > div.panel_main .question_set .question:not(.overflow):after{ display:none; }
#survey_user > div.section > div.panel_main .question_set.required .question:before{ display:block; position:static; width:30px; text-align:center; margin-bottom:5px; }
#survey_user > div.section > div.panel_main.disabled .question_set.required .question:before{ display:none; }

#survey_user > div.header > div.panel_main > #progress_bar{ height:22px; border:none; border-radius:0px; position:absolute; top:60px; left:0px; }
#survey_user > div.header > div.panel_main > #progress_bar #progress{ min-width:8%; width:5%; border-radius:0px; display:flex; align-items:center; justify-content:flex-end; }
#survey_user > div.header > div.panel_main > #progress_bar #progress:after{ position:relative; top:auto; line-height:0; font-size:11px; }

#survey_user > div.header > div.panel_main > ul#survey_navigator{ display:flex; overflow-x:auto; padding-bottom:20px; padding-top:40px; gap:6px; padding-right:2px; }
#survey_user > div.header > div.panel_main > ul#survey_navigator > li{ background:#eee; display:flex; justify-content:center; border-radius:8px; cursor:pointer; }
#survey_user > div.header > div.panel_main > ul#survey_navigator > li.current{ background:var(--yellow-color); }

#survey_user > div.section > div.panel_main > .button_wrap{ margin:0; display:flex; align-items:center; justify-content:center; }
#survey_user > div.section > div.panel_main > .button_wrap .button{ margin:0px 4px; transition:all 0.5s ease; }
#survey_user > div.section > div.panel_main > .button_wrap .button.disabled{ opacity:0.5; }

#survey_user > div.section > div.panel_main > .button_wrap.font_size{ width:50px; flex-direction:column; position:sticky; bottom:-40px; right:0px; margin-left:auto; }
#survey_user > div.section > div.panel_main > .button_wrap.font_size .button{ margin:5px 0px; }

#survey_user #question_wrap.weight1 .question{ font-size:1.5rem; }
#survey_user #question_wrap.weight2 .question{ font-size:2rem; }

#survey_user #question_wrap.error-container{ width:600px; padding:80px 70px; box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.2); margin:100px auto 0; border-radius:10px; background:#121213; color:#fff; text-align:center;	box-sizing: border-box; }
#survey_user #question_wrap.error-container h3{  }
#survey_user #question_wrap.error-container #error-message{ margin-top:50px; line-height:30px; }

#survey_user footer{ background:#eee; width:inherit; text-align:center; padding:10px; box-sizing:border-box; font-size:12px; position:fixed; bottom:0px; }

/* 사용자 > 로그인 검증 */
#survey_user #verify_form{ width:400px; /*height:calc(100% - 400px);*/ height:640px; margin:60px auto 0; text-align:center; box-shadow:2px 2px 10px 0px rgba(0, 0, 0, 0.2); padding:60px 50px; border-radius:10px; position:relative; }
#survey_user #verify_form.social{ height:440px; }
#survey_user #verify_form h5{ margin-top:20px; }
#survey_user #verify_form form{ margin-top:60px; text-align:left; }
#survey_user #verify_form .v-rows{ border-bottom:2px solid #eee; }
#survey_user #verify_form .v-rows + p{ text-align:right; font-size:12px; margin-top:8px; }
#survey_user #verify_form .v-rows:nth-child(1){ margin-bottom:20px; }
#survey_user #verify_form .v-rows:focus-within{ border-bottom:2px solid #FFC000; }
#survey_user #verify_form .v-rows .v-input{ display:flex; align-items:center; padding:0px 15px; }
#survey_user #verify_form .v-rows .v-input input{ width:100%; border:none; padding:12px 0px; font-size:14px; outline:none; border-radius:0;  }
#survey_user #verify_form .v-rows .v-input:before{ font-family:'Font Awesome\ 5 Free'; margin-right:15px; font-weight:bold; }
#survey_user #verify_form .v-rows .v-input:focus-within:before{ color:var(--navi-color); }
#survey_user #verify_form .v-rows:nth-child(1) .v-input:before{ content:'\f007'; }
#survey_user #verify_form .v-rows:nth-child(2) .v-input:before{ content:'\f023'; }
#survey_user #verify_form .button.login{ width:100%; margin-top:50px; border-radius:30px; padding:12px; background:linear-gradient(90deg, rgba(49, 42, 111, 1) 0%, rgba(255, 192, 0, 1) 100%); color:#fff; }

#survey_user #verify_form .button.login.social{ border:none; margin:0px auto 10px; display:flex; justify-content:center; align-items:center; }
#survey_user #verify_form .button.login.social.kakao{ background:#ffcd00; color:#1e1e1e; }
#survey_user #verify_form .button.login.social.naver{ background:#03c75a; color:#fff; }
#survey_user #verify_form footer{ width:100%; font-size:10px; position:absolute; bottom:20px; left:50%; transform:translateX(-50%); padding:0; background:#fff; }

@media(max-width: 1000px){
	:root {
		--font-default-size : 14px;
	}
	
	#survey_user > div.header > div.panel_main{ padding:0px 30px; }
	#survey_user #question_wrap.error-container{ width:80%; margin-top:40px; padding:50px 40px; }

	.button.big{ font-size:13px; }

	.question_set .overflow:not(.open){ max-height:300px; }
	.question_set .overflow + div > .button.toggle{ width:100%; }
	
	.question_set.table .matrix{ min-width:700px; }
	.question_set.table .matrix ul li:first-child{ min-width:15%; }

	.question_set.download .file{ display:block; }
	.question_set.download .file .file_name{ width:100%; }
	.question_set.download .file a{ margin-top:10px; width:100%; }

	.question_set.required .question:before{ padding:2px 4px; }

	#toast-container.toast-top-center{ top:100px; }
	#toast-container.toast-bottom-center{ bottom:80px; }
	#toast-container > div{ width:300px !important; }
}

@media(max-width: 972px){
	#survey_user footer{ width:100%; font-size:10px; }
	.header > div.panel_main, .section > div.panel_main, #superoverlay > div.panel_main{ width:100%; }
	.question_set .matrix + .navigator{ display:block; }
}

@media(max-width: 600px){
	#survey_user > div.section > div.panel_main{ padding-bottom:150px; }
	#survey_user #verify_form{ width:calc(100% - 60px); height:calc(100% - 70px); margin-top:30px; padding:40px; }
	#survey_user #verify_form.social{ height:calc(100% - 70px); }

	#survey_user #verify_form footer{ bottom:30px; }
	#survey_user #verify_form .v-rows .v-input input:active{  }

	#survey_user > div.section > div.panel_main > .button_wrap.font_size{ bottom:-90px; }

	.question_set.certify #certify_container{ width:100%; }

	#survey_user .question_set:is(.table, .table-order, .table-sum, .table-avg) .matrix{ min-width:200%; }
}