@charset "utf-8";


/* [공통] 리셋 설정 */
*{
	padding:0; margin:0;
	/*vertical-align:middle;*/
	/*-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;*/
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, ul, ul li, dl, dl dt, dl dd, p{margin:0;}
article, aside, figcaption, figure, footer, header, nav, section{display:block;}
ul, ol, dl{list-style:none;}
html, body, input, select, textarea, button, header, footer{
	font-size:14px;
}
html{
	height:100%;
}
body{
	height:100%;
	background:#fff;
	color:#262626;
	line-height:1.4;
	min-width:320px;
}
label{cursor:pointer;}
a, input, select, textarea{text-decoration:none;}
textarea{-webkit-overflow-scrolling:touch;}
input[type='checkbox']{appearance:checkbox;}
input[type='text'], input[type='tel'], input[type='password'], textarea{appearance:none; color:#666;}
a{
	color:#262626;
	outline:0;
}
a:hover,
a:focus{
	text-decoration:none;
	color:#262626;
	outline:0;
}
img{
	max-width:100%;
	vertical-align:middle;
	-ms-interpolation-mode:bicubic;
}
.analysis-div img{/* 결과분석 그래프용 */
	max-width:none;
}
.hide, hr{
	display:none;
	position:absolute;
	left:-99999999px;
	border:0 none;
}

/* [공통] UI 설정 **************************************************************/
/* 정렬 설정 *******************************************************************/
.text-center{text-align:center !important;}
.text-left{text-align:left !important;}
.text-right{text-align:right !important;}


/* 그리드 설정 *****************************************************************/
.col-layout-1, .col-layout-2, .col-layout-3, .col-layout-4, .col-layout-5, .col-layout-6, .col-layout-7, .col-layout-8, .col-layout-9, .col-layout-10, .col-layout-11, .col-layout-12{
	position:relative;
	min-height:1px;
	padding-right:15px; padding-left:15px;
	float:left;
}
.col-layout-1{width:8.33333333%;}
.col-layout-2{width:16.66666667%;}
.col-layout-3{width:25%;}
.col-layout-4{width:33.33333333%;}
.col-layout-5{width:41.66666667%;}
.col-layout-6{width:50%;}
.col-layout-7{width:58.33333333%;}
.col-layout-8{width:66.66666667%;}
.col-layout-9{width:75%;}
.col-layout-10{width:83.33333333%;}
.col-layout-11{width:91.66666667%;}
.col-layout-12{width:100%;}


/* 버튼 설정 *******************************************************************/
.btn{
	padding:4px 10px;
	font-size:12px;
	border-radius:2px;
}
.btn.btn-xs{
	padding:1px 5px 2px;
	font-size:12px;
	line-height:1.4;
	border-radius:2px;
}
.btn.btn-md{
	padding:6px 16px;
	font-size:14px;
}

/* 아코디언 설정 **************************************************************/
.ui-accordion{width:100%;}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-accordion .ui-state-default{
	border: 0 none;
	background: #ffffff;
	font-weight: normal;
	color: #333;
}
.ui-accordion .ui-state-active{
	color:#333;
	border: 0 none;
	border-bottom:0 none;
	background:#ffffff;
}
.ui-accordion .ui-accordion-header{
	padding:10px 15px;
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	font-size: 100%;
	outline:none;
}
.ui-accordion .ui-accordion-header::after{
	content:'';
	display:block;
	clear:both;
}
.ui-accordion .accordion-header .ui-icon{
	width:16px; height:16px;
	margin-top:2px;
	float:left;
	display: inline-block;
    vertical-align: middle;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}
.ui-accordion .accordion-header h3.header-title{position: absolute; left:30px; right:80px; top:10px;}
.ui-accordion .accordion-header h3.header-title .title-info{padding-left:20px; font-size: 13px; display: inline-block; vertical-align: 2px; color:#666;}
.ui-accordion .accordion-header h3.header-title .title-info .info-name{padding-right:10px; font-size: 12px; vertical-align:0; color:#b7b7b7;}
.ui-accordion .accordion-header h3.header-title button{margin-left:5px; vertical-align:3px; }
.ui-accordion .accordion-header h3.header-title button.btn_link {
	display: inline-block;
    cursor: pointer;
    border: 0;
    padding: 5px;
    background: #666;
    border-radius: 3px;
    font-size: 12px;
    color: #fff;
    line-height: 1;
}
.ui-accordion .accordion-header h3.header-title button.btn_link.copy {
	background: #999;	
}
.ui-accordion .accordion-header .header-title-btn{float:right;}
.ui-accordion .accordion-header .header-title-btn button{margin-left:10px;}

.ui-accordion .ui-accordion-content{
	padding: 0 10px 15px;
	overflow: auto;
}
.ui-accordion .ui-widget-content{border:0 none;}
.ui-accordion .ui-icon-triangle-1-s{background-position: -65px -16px;}
.ui-accordion .ui-icon, .ui-widget-content .ui-icon{background-image: url('/img/svy/ui-icons_444444_256x240.png');}
.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}
.ui-accordion .ui-icon-triangle-1-s {
    background-position: -65px -16px;
}
.ui-accordion .ui-state-active .ui-icon, .ui-button:active .ui-icon{background-image: url('/img/svy/ui-icons_444444_256x240.png');}
.ui-accordion .ui-state-hover .ui-icon,
.ui-accordion .ui-state-focus .ui-icon{background-image: url('/img/svy/ui-icons_444444_256x240.png');}


/* [공통] wrap 설정 ************************************************************/
#wrap{
	height:100%;
	/*min-height:650px; 최소 높이용 */
	position:relative;
}

/* [공통] 상단 메뉴 설정 *******************************************************/
header.sub-top-wrap{
	width:100%; height:50px;
    position:absolute;
    top:0px;
	z-index:300;
	background-color:#ED5C23;
	border-bottom:1px solid #c34c1c;
	min-width:1200px;
}
header.sub-top-wrap .sub-top{
	padding:0 10px;
	height:50px;
}
header.sub-top-wrap .sub-top h1.logo{
	padding:9px 0 0;
	width:170px;
	display:inline-block;
	text-align:center;
	vertical-align:top;
}
/* 사이트 경로 설정 */
header.sub-top-wrap .sub-top .linemap{
	display:inline-block;
	margin-top:15px;
	margin-left:10px;
}
header.sub-top-wrap .sub-top .linemap ul li{
	float:left;
	margin-right:10px;
}
header.sub-top-wrap .sub-top .linemap ul li::after{
	content:'';
	display:inline-block;
	background:url('/img/common/ico-linemap-arrow.png') no-repeat 0 2px;
	width:10px; height:12px;
}
header.sub-top-wrap .sub-top .linemap ul li:last-child::after{
	content:'';
	background:none;
}
header.sub-top-wrap .sub-top .linemap ul li#page-title{
	width:200px;
	display:inline-block;
	white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
	font-weight:bold;
	color:#ffffff;
}
header.sub-top-wrap .sub-top .linemap ul li a{
	margin-right:10px;
	font-weight:bold;
	color:#ecaf96;
}
header.sub-top-wrap .sub-top .linemap ul li.active a{
	color:#ffffff;
}
header.sub-top-wrap .sub-top .linemap ul li#page-home a{
	display:inline-block;
	width:15px;
	text-indent:-9999px;
	background:url('/img/common/ico-home.png') no-repeat 0 2px;
}


/* 우측 유틸 메뉴 설정 */
header.sub-top-wrap .sub-top .menu-wrap{
	display:inline-block;
	float:right;
	margin-top:16px;
}
header.sub-top-wrap .sub-top .menu-wrap > ul > li{
	float:left;
	margin-left:20px;
	font-weight: bold;
}
header.sub-top-wrap .sub-top .menu-wrap > ul > li > a{
	color:#ffffff;
	font-weight: bold;
}
header.sub-top-wrap .sub-top .menu-wrap > ul > li#user-name > .dropdown{}
header.sub-top-wrap .sub-top .menu-wrap > ul > li#user-name > .dropdown:active{background-color: transparent;}
header.sub-top-wrap .sub-top .menu-wrap > ul > li#user-name > .dropdown .dropbtn::before{
	content:'';
	display:inline-block;
	float:left;
	margin-right:5px; margin-top:-4px;
	width:23px; height:23px;
	background:url('/img/common/ico-user.png') no-repeat 0 0;
}
header.sub-top-wrap .sub-top .menu-wrap > ul > li#user-name > .dropdown .dropbtn::after{
	content:'';
	display:inline-block;
	float:right;
	margin-left:8px; margin-top:5px;
	width:12px; height:9px;
	background:url('/img/common/ico-util-arrow.png') no-repeat 0 0;
}

header.sub-top-wrap .sub-top .menu-wrap > ul > li#page-channel{}
header.sub-top-wrap .sub-top .menu-wrap > ul > li#page-channel > .dropdown .dropbtn::after{
	content:'';
	display:inline-block;
	float:right;
	margin-left:8px; margin-top:3px;
	width:12px; height:9px;
	background:url('/img/common/ico-util-arrow.png') no-repeat 0 0;
}


/* [공통] 컨텐츠 영역 설정 ******************************************************/
.conetent-wrap{
	min-width:1200px;
	height:100%;
	position:relative;
	z-index:2;
	background-color:#f2f5fb;
}
.conetent-wrap::after{
	content:"";
	display:block;
	clear:both;
}
.conetent-wrap-in{
}

/* [공통] 좌측 메뉴 설정 *******************************************************/
.left-section{
	width:170px;
	z-index:200;
	position:absolute;
	bottom:35px; left:10px; top:60px;
	/*background-color:#ffffff;
	box-shadow:1px 1px 1px 0px rgba(0, 0, 0, .1);
	border:1px solid #efefef;*/
}
.nav-menu-svy{}

/* [공통] 설문만들기 상단 설정 *************************************************/
.survey-top-snb{
	box-shadow:1px 1px 1px 0px rgba(0, 0, 0, .1);
    height:50px;
    top:60px; left:190px; right:10px;
    position:absolute;
    z-index:103;
	background-color:#ffffff;
    border:1px solid #efefef;
    -webkit-box-shadow:1px 1px 1px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow:1px 1px 1px 0px rgba(0, 0, 0, .1);
    box-shadow:1px 1px 1px 0px rgba(0, 0, 0, .1);
}
.survey-top-snb .top-snb-tab{float:left;}
.survey-top-snb .top-snb-tab > ul > li{
	float:left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.survey-top-snb .top-snb-tab > ul > li > a{
	display:inline-block;
	padding:15px 15px 0;
	height:50px;
	font-size:15px;
	font-weight:600;
	color:#444;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.survey-top-snb .top-snb-tab > ul > li.on > a{
    border-bottom:3px solid #ed5c23;
	color:#ed5c23;
}
.survey-top-snb .right-ico-menu{
	float:right;
	padding-top:8px;
	padding-right:15px;
}
.survey-top-snb .right-ico-menu > ul > li{float:left;}
.survey-top-snb .right-ico-menu > ul > li > a{
	text-align:center;
	display:inline-block;
	height:32px;
	margin-left:5px;
	font-size:15px;
	font-weight:600;
	vertical-align:middle;
	cursor:pointer;
}
.survey-top-snb .right-ico-menu .m1 a{
    background:url('/img/svy/top_color_setting_off.png?v=20210527')  no-repeat center;
	width:32px;
    font-size:0;
}
.survey-top-snb .right-ico-menu .m1 a:hover{
    background:url('/img/svy/top_color_setting_on.png?v=20210527')  no-repeat center;
}
.survey-top-snb .right-ico-menu .m2 a{
    background:url('/img/svy/top_preview_off.png?v=20210527') no-repeat center;
	width:32px;
    font-size:0;
}
.survey-top-snb .right-ico-menu .m2 a:hover{
    background:url('/img/svy/top_preview_on.png?v=20210527') no-repeat center;
}
.survey-top-snb .right-ico-menu .m3 a{
    background:url('/img/svy/top_download_off.png?v=20210527') no-repeat center;
    background-position:center;
	width:32px;
    font-size:0;
}
.survey-top-snb .right-ico-menu .m3 a:hover{
    background:url('/img/svy/top_download_on.png?v=20210527') no-repeat center;
}
.survey-top-snb .right-ico-menu .m4 a{
    background:url('/img/svy/top_option_off.png?v=2021060402') no-repeat center;
    background-position:center;
	width:32px;
    font-size:0;
}
.survey-top-snb .right-ico-menu .m4 a:hover{
    background:url('/img/svy/top_option_on.png?v=2021060402') no-repeat center;
}
.survey-top-snb .right-ico-menu .m5 a{
	width:46px;
	padding-top:7px;
	color:#5f5f5f;
}
.survey-top-snb .right-ico-menu .m5 a:hover{
	color:#ED5C23;
}
.survey-top-snb .right-ico-menu .m6 a{
	width:38px;
	padding-top:7px;
	color:#5f5f5f;
}
.survey-top-snb .right-ico-menu .m6 a:hover{
	color:#ED5C23;
}

/* [공통] 설문만들기 상단 - 우측 옵션 설정 */
.layer-wrap{position:fixed; top:110px; right:10px; z-index:150;}
.layer-wrap .layer-color{position:absolute; top:0; right:130px; display:none;}
.layer-wrap .layer-downloads{position:absolute; top:0; right:50px; display:none;}
.layer-wrap .layer-option{position:absolute; top:0; right:15px; display:none;}
.layer-wrap .option-title{padding:0 0 12px 0; color:#ed5c23; font-size:16px; font-weight:600; text-align:center;}
.layer-wrap .layer-footer{margin-top:10px; text-align:Center;}
.layer-wrap .layer-footer button{
	display:inline-block; margin: 0; padding:0 10px; 
	width: auto; height: auto; min-width: 50px; min-height:30px;
	border: 1px solid #ddd; color: #555; font-size:small;
	transition: all 0.3s;
}
.layer-wrap .layer-footer button:hover{border:1px solid #ed5c23; color:#ed5c23;}
.layer-wrap .layer-footer button.option_save:after{content:"적용";}
.layer-wrap .layer-footer button.btn_close:after{content:"닫기";}


/* 우측 옵션 - 질문 글자색 변경 설정 */
.layer-color .set-skin-layer{
	display:block;
	width:fit-content; height:auto;
	border:1px solid #ccc;
	padding:15px;
	z-index:10; background-color:#fff;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
	}
.layer-color .set-skin-layer p.title{color:#ed5c23; font-size:16px; font-weight:600; text-align:center;}
.layer-color .set-skin-layer #foreground_pallet,
.layer-color .set-skin-layer #background_pallet,
.layer-color .set-skin-layer #all_pallet,
.layer-color .set-skin-layer #section_pallet{padding-top: 10px;}
.layer-color .set-skin-layer #foreground_pallet::after,
.layer-color .set-skin-layer #background_pallet::after,
.layer-color .set-skin-layer #all_pallet::after,
.layer-color .set-skin-layer #section_pallet::after{content:''; display:block; clear:both;}
.set-skin-layer .pallet-content{width:100%; clear:both;}
.set-skin-layer .pallet-content button{width:40px; height:40px; margin-right:10px; margin-bottom:10px; color:#fff; border:0 none;}
.set-skin-layer .pallet-content button.skin1{background-color:#fff; color:#ff9800; border:1px solid #e7e4e4; float:left; }
.set-skin-layer .pallet-content button.skin2{background-color:#fff; color:#db4437; border:1px solid #e7e4e4; float:left; }
.set-skin-layer .pallet-content button.skin3{background-color:#fff; color:#e91e63;border:1px solid #e7e4e4; float:left; }
.set-skin-layer .pallet-content button.skin4{background-color:#fff; color:#9c27b0; border:1px solid #e7e4e4; float:left; margin-right:0px;}
.set-skin-layer .pallet-content button.skin5{background-color:#fff; color:#673ab7; border:1px solid #e7e4e4; float:left; }
.set-skin-layer .pallet-content button.skin6{background-color:#fff; color:#3f51b5; border:1px solid #e7e4e4; float:left; }
.set-skin-layer .pallet-content button.skin7{background-color:#fff; color:#4285f4; border:1px solid #e7e4e4; float:left; }
.set-skin-layer .pallet-content button.skin8{background-color:#fff; color:#03a9f4; border:1px solid #e7e4e4; float:left; margin-right:0px; }
.set-skin-layer .pallet-content button.skin9{background-color:#fff; color:#00bcd4; border:1px solid #e7e4e4; float:left; }
.set-skin-layer .pallet-content button.skin10{background-color:#fff; color:#009688; border:1px solid #e7e4e4; float:left; }
.set-skin-layer .pallet-content button.skin11{background-color:#fff; color:#0f9d58; border:1px solid #e7e4e4; float:left; }
.set-skin-layer .pallet-content button.skin12{background-color:#fff; color:#cddc39; border:1px solid #e7e4e4; float:left; margin-right:0px; }
.set-skin-layer .pallet-content button.skin13{background-color:#fff; color:#795548; border:1px solid #e7e4e4; float:left; }
.set-skin-layer .pallet-content button.skin14{background-color:#fff; color:#607d8b; border:1px solid #e7e4e4; float:left; }
.set-skin-layer .pallet-content button.skin15{background-color:#fff; color:#000000; border:1px solid #e7e4e4; float:left; }
.set-skin-layer .pallet-content button.skin_rvs1{background-color:#333; float:left; color:#fff; margin-right:0; font-size:10.5px; line-height:13px;}
.set-skin-layer .pallet-content button.skin16{background-color:#ff9800; float:left; }
.set-skin-layer .pallet-content button.skin17{background-color:#db4437; float:left; }
.set-skin-layer .pallet-content button.skin18{background-color:#e91e63; float:left; }
.set-skin-layer .pallet-content button.skin19{background-color:#9c27b0; float:left; margin-right:0px;}
.set-skin-layer .pallet-content button.skin20{background-color:#673ab7; float:left; }
.set-skin-layer .pallet-content button.skin21{background-color:#3f51b5; float:left; }
.set-skin-layer .pallet-content button.skin22{background-color:#4285f4; float:left; }
.set-skin-layer .pallet-content button.skin23{background-color:#03a9f4; float:left;margin-right:0px; }
.set-skin-layer .pallet-content button.skin24{background-color:#00bcd4; float:left; }
.set-skin-layer .pallet-content button.skin25{background-color:#009688; float:left; }
.set-skin-layer .pallet-content button.skin26{background-color:#0f9d58; float:left; }
.set-skin-layer .pallet-content button.skin27{background-color:#cddc39; float:left; margin-right:0px; }
.set-skin-layer .pallet-content button.skin28{background-color:#795548; float:left; }
.set-skin-layer .pallet-content button.skin29{background-color:#607d8b; float:left; }
.set-skin-layer .pallet-content button.skin30{background-color:#000000; float:left; }
.set-skin-layer .pallet-content button.skin_rvs2{background-color:#fff; float:left; color:#333; margin-right:0; font-size:10.5px; line-height:13px; border:1px solid #e7e4e4;}
.set-skin-layer .set-skin-close{width:170px; border-top:1px solid #ccc; text-align:center;padding:10px; }
.set-skin-layer .set-skin-close button.close{width:100px; height:30px; color:#fff;background-color:#aaaaaa; margin:0px; padding-top:6px;}

.layer-color .set-skin-layer #all_pallet,
.layer-color .set-skin-layer #section_pallet{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 10px;
	margin-bottom: -10px;
}
.layer-color .set-skin-layer #all_pallet button,
.layer-color .set-skin-layer #section_pallet button{
	width: 100%; height: auto; 
	min-width: 30px;
	float: none; margin: 0;
	display: flex;
	justify-content: center;
    align-items: center;	
	transition: all 0.3s;
}
.layer-color .set-skin-layer #all_pallet button:before,
.layer-color .set-skin-layer #section_pallet button:before{
    content: "";
    display: block;
    padding-top: 100%;
}
.layer-color .set-skin-layer #all_pallet button:hover,
.layer-color .set-skin-layer #section_pallet button:hover{
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.15);
	transform: translate(-1px, -1px);
}

.layer-color .set-skin-layer #all_pallet button.selected{border: 1px solid #fff; outline:2px solid #ed5c23; box-sizing: border-box;}
.layer-color .set-skin-layer #section_pallet button.selected::after{
	content:""; position:absolute; top: -9px; left: -2px; width: 34px; height:33px; 
	outline:2px solid #ed5c23; box-sizing: border-box;
}

	/* 컬러팔레트 타이틀 모양 */
	.layer-color .set-skin-layer #section_pallet button{
		position:relative; width: 32px; height: 24px; margin-top:8px;
	}
	.layer-color .set-skin-layer #section_pallet button::before{
		content: ""; position: absolute; top: -8px; left: -1px; width: 20px; height: 8px;
		display: block; padding-top: 0; border-radius: 3px 3px 0 0;
	}
	.layer-color .set-skin-layer #section_pallet button::after{}
		.set-skin-layer #section_pallet button.skin1::before{background-color: #ff7e00;}
		.set-skin-layer #section_pallet button.skin2::before{background-color: #db4437;}
		.set-skin-layer #section_pallet button.skin3::before{background-color: #e91e63;}
		.set-skin-layer #section_pallet button.skin4::before{background-color: #9c27b0;}
		.set-skin-layer #section_pallet button.skin5::before{background-color: #673ab7;}
		.set-skin-layer #section_pallet button.skin6::before{background-color: #3f51b5;}
		.set-skin-layer #section_pallet button.skin7::before{background-color: #4285f4;}
		.set-skin-layer #section_pallet button.skin8::before{background-color: #03a9f4;}
		.set-skin-layer #section_pallet button.skin9::before{background-color: #00bcd4;}
		.set-skin-layer #section_pallet button.skin10::before{background-color: #009688;}
		.set-skin-layer #section_pallet button.skin11::before{background-color: #0f9d58;}
		.set-skin-layer #section_pallet button.skin12::before{background-color: #afbd21;}
		.set-skin-layer #section_pallet button.skin13::before{background-color: #795548;}
		.set-skin-layer #section_pallet button.skin14::before{background-color: #607d8b;}
		.set-skin-layer #section_pallet button.skin15::before{background-color: #000000;}

		.set-skin-layer #section_pallet button.skin16{ border: 1px solid #ff7e00;}
		.set-skin-layer #section_pallet button.skin16::before{background-color: #ff7e00;}
		.set-skin-layer #section_pallet button.skin17{border: 1px solid #db4437;}
		.set-skin-layer #section_pallet button.skin17::before{background-color: #db4437;}
		.set-skin-layer #section_pallet button.skin18{border: 1px solid #e91e63;}
		.set-skin-layer #section_pallet button.skin18::before{background-color: #e91e63;}
		.set-skin-layer #section_pallet button.skin19{border: 1px solid #9c27b0;}
		.set-skin-layer #section_pallet button.skin19::before{background-color: #9c27b0;}
		.set-skin-layer #section_pallet button.skin20{border: 1px solid #673ab7;}
		.set-skin-layer #section_pallet button.skin20::before{background-color: #673ab7;}
		.set-skin-layer #section_pallet button.skin21{border: 1px solid #3f51b5;}
		.set-skin-layer #section_pallet button.skin21::before{background-color: #3f51b5;}
		.set-skin-layer #section_pallet button.skin22{border: 1px solid #4285f4;}
		.set-skin-layer #section_pallet button.skin22::before{background-color: #4285f4;}
		.set-skin-layer #section_pallet button.skin23{border: 1px solid #03a9f4;}
		.set-skin-layer #section_pallet button.skin23::before{background-color: #03a9f4;}
		.set-skin-layer #section_pallet button.skin24{border: 1px solid #00bcd4;}
		.set-skin-layer #section_pallet button.skin24::before{background-color: #00bcd4;}
		.set-skin-layer #section_pallet button.skin25{border: 1px solid #009688;}
		.set-skin-layer #section_pallet button.skin25::before{background-color: #009688;}
		.set-skin-layer #section_pallet button.skin26{border: 1px solid #0f9d58;}
		.set-skin-layer #section_pallet button.skin26::before{background-color: #0f9d58;}
		.set-skin-layer #section_pallet button.skin27{border: 1px solid #afbd21;}
		.set-skin-layer #section_pallet button.skin27::before{background-color: #afbd21;}
		.set-skin-layer #section_pallet button.skin28{border: 1px solid #795548;}
		.set-skin-layer #section_pallet button.skin28::before{background-color: #795548;}
		.set-skin-layer #section_pallet button.skin29{border: 1px solid #607d8b;}
		.set-skin-layer #section_pallet button.skin29::before{background-color: #607d8b;}
		.set-skin-layer #section_pallet button.skin30{border: 1px solid #000000;}
		.set-skin-layer #section_pallet button.skin30::before{background-color: #000000;}


/* 우측 옵션 - 옵션 설정 */
.layer-wrap .layer-option .option-list{
	padding:15px;
	position:relative;
	color:#666; font-size:11px;
	background:#fff;
	border:1px solid #ccc;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}
.layer-wrap .layer-option .option-list ul{}
.layer-wrap .layer-option .option-list ul li{margin-bottom:20px;}
.layer-wrap .layer-option .option-list ul li .sub-title{font-size:15px; display:block; font-weight:600; margin-bottom:10px;}
.layer-wrap .layer-option .option-list ul li .t-red{color:#ff0000; font-weight:bold;}
.layer-wrap .layer-option .option-list ul li dl{margin-bottom:10px;}
.layer-wrap .layer-option .option-list ul li dl dt{font-weight:bold; line-height:20px;}
.layer-wrap .layer-option .option-list ul li dl dd{padding-left:16px; line-height:20px;}
.layer-wrap .layer-option .option-list ul li dl dd .next-url .url_input_txt{width:100%; padding:6px 6px; height:25px;}
.layer-wrap .layer-option .option-list .btn-wrap{width:100%; text-align:center;}
.layer-wrap .layer-option .option-list .btn-wrap button.button1{padding:8px 15px; margin: 0 2px; color:#666; background:#fff; border:1px solid #666;}
.layer-wrap .layer-option .option-list .btn-wrap button.button1:hover{color:#ed5c23; border:1px solid #ed5c23;}


/* 우측 옵션 - 설문지 다운로드 설정 */
.layer-wrap .layer-downloads{display:none;}
.layer-wrap .layer-downloads .option-list{
	color:#666; font-size:11px; padding:15px; background:#fff;
	position:relative;border:1px solid #ccc;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
	}
.layer-wrap .layer-downloads .option-list .svy-down{font-size:11px;}
.layer-wrap .layer-downloads .option-list .svy-down .down-guide{ font-size:14px; text-align:center; margin:0 0 10px 0; }
.layer-wrap .layer-downloads .option-list .btn-wrap{width:100%; text-align:center;}
.layer-wrap .layer-downloads .option-list .btn-wrap ul{font-size:13px; text-align:center; margin-top:25px;}
.layer-wrap .layer-downloads .option-list .btn-wrap ul li{padding:10px; margin:0 2px; display:inline; border:1px solid #666; cursor:pointer;}
.layer-wrap .layer-downloads .option-list .btn-wrap ul li:hover{border:1px solid #ed5c23; color:#ed5c23;}
.layer-wrap .layer-downloads .option-list .btn-wrap ul li:hover a{color:#ed5c23;}


/* [공통] 내용 영역 설정 ******************************************************/
#content {
	position:absolute;
	left:190px; right:10px; top:110px; bottom:35px;
	padding:0;
    background-color:#ffffff;
    box-shadow:1px 1px 1px 0px rgba(0, 0, 0, .1);
    border:1px solid #efefef;
	overflow-y:auto;
}
#content.top_60 {
	top: 60px;
}
#content .scroll-wrapper{
	width:100%; height:100%;
}
#content .survey-wrap{
	padding:20px;
}
#content .survey-wrap.survey-wrap-make{
	padding:0;
}
.content-panel{
	padding:20px 0 20px 0;
	margin-bottom:20px;
	background-color:#ffffff;
	box-shadow:1px 1px 1px 0px rgba(0, 0, 0, .1);
}
#content-footer{
	color:#bfc9da;
	padding:20px 0 40px;
}

/* [공통] 새 설문 만들기 내용 영역 설정 *****************************************/
.conetent-wrap.conetent-wrap-make #content{
	top:120px;
	padding:0;
    background:none;
    box-shadow:none;
    border:0 none;
}

/* [공통] 탭 있는 내용 영역 설정 ************************************************/
.conetent-wrap #content.content-tab-wrap{
	top:120px !important;
	position:absolute;
    left:190px; right:10px; bottom:35px;
	padding:0;
    background-color:#ffffff;
    box-shadow:1px 1px 1px 0px rgba(0, 0, 0, .1);
    border:1px solid #efefef;
	overflow-x: hidden;
}

/* 기본 좌측메뉴 설정 **********************************************************/

/* 기본 좌측메뉴 설정 - 기본 */
#left-move-menu{}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li{
}

#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.btn-sender-add {
	margin: 8px 5px;
    background-color: #FDE5DA;
    border-radius: 4px;
}

#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.btn-sender-add a {
    color: #ed5c23;
    font-weight: 500;
    font-size: 13px;
    padding: 0;
    justify-content: center;
	align-items: center;
    width: 100%;
    height: 100%;
    padding: 7px;
    box-sizing: border-box;
}

#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.btn-sender-add a .message_icon {
	margin-right: 7px;
}

#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.btn-sender-add:hover {
	background-color: #FAD2C2;
}

/* 문항 추가하기 설정 **********************************************************/

/* 문항 추가하기 설정 - 새 설문만들기 */
#left-move-menu .nav-menu-svy .sm-left-title2-on{
	text-align:center;
	background-color: #ffffff;
	border:1px solid #efefef;
	padding:12px 0;
}
#left-move-menu .nav-menu-svy .sm-left-title2-on span{
    display:inline-block;
    width:100%;
	color:#ED5C23;
	font-weight:bold; font-size:15px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2{
	position:absolute;
    left:0; right:0; top:0; bottom:5px;
}
.conetent-wrap-make #left-move-menu .nav-menu-svy .sm-left-cont2{/* 설문 만들기 전용 */
	top:45px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 .scrollbar-inner{/* 커스텀 스크롤용 */
	height: 100%;
	overflow-y:auto;
}

/* 문항 추가하기 - default 설정 */
.conetent-wrap-make #left-move-menu .nav-menu-svy .sm-left-cont2 ul{
	padding:10px 0;
    margin-bottom:10px;
    background-color:#ffffff;
    box-shadow:1px 1px 1px 0px rgba(0, 0, 0, .1);
    border:1px solid #efefef;
}
.conetent-wrap-make #left-move-menu .nav-menu-svy .sm-left-cont2 ul li{
	padding:0 10px;
	margin-bottom:12px;
	position: relative;
}
.conetent-wrap-make #left-move-menu .nav-menu-svy .sm-left-cont2 ul li:last-child{
	margin-bottom:0 !important;
}
.conetent-wrap-make #left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-line{
	padding:0;
	margin-bottom:12px;
	border-top:1px solid #e7e7e7;
}
.conetent-wrap-make #left-move-menu .nav-menu-svy .sm-left-cont2 ul li a{
	/*width:100%;*/
	width: 100%;
	box-sizing: border-box;
	font-size:14px;
	display:inline-block;
	text-align:left;
	color:#494b53;
	padding:2px 0 2px 32px;
	cursor:pointer;
	position: relative;
}
.conetent-wrap-make #left-move-menu .nav-menu-svy .sm-left-cont2 ul li a:hover{
	color:#ED5C23;
	font-weight:bold;
}
.conetent-wrap-make #left-move-menu .nav-menu-svy .sm-left-cont2 ul li .tooltip{
	display: none;
	position: absolute; top: 5px; right: 10px; cursor: pointer; z-index: 100;
}
	.conetent-wrap-make #left-move-menu .nav-menu-svy .sm-left-cont2 ul li:hover .tooltip{display: block;}
.conetent-wrap-make #left-move-menu .nav-menu-svy .sm-left-cont2 ul li .tooltip i{display: block;}
.conetent-wrap-make #left-move-menu .nav-menu-svy .sm-left-cont2 ul li .tooltip .tooltip-box{
	position: fixed; margin-top: -22px; margin-left: 25px; padding:7px;
	background-color: #4e4e4e; border: 0;
}
.conetent-wrap-make #left-move-menu .nav-menu-svy .sm-left-cont2 ul li .tooltip .tooltip-box:before{left:-5px; top:10px;}
.conetent-wrap-make #left-move-menu .nav-menu-svy .sm-left-cont2 ul li .tooltip .tooltip-box li{padding-left:12px; box-sizing: border-box;}
.conetent-wrap-make #left-move-menu .nav-menu-svy .sm-left-cont2 ul li .tooltip .tooltip-box li span{display: block;}
.conetent-wrap-make #left-move-menu .nav-menu-svy .sm-left-cont2 ul li .tooltip .tooltip-box li span:not(:first-child){margin-top:5px;}

#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-01 a{
	background:url('/img/common/bg_svy_addmenu_off.png?v=2021060402') no-repeat -7px 2px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-02 a{
	background:url('/img/common/bg_svy_addmenu_off.png?v=2021060402') no-repeat -7px -33px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-03 a{
	background:url('/img/common/bg_svy_addmenu_off.png?v=2021060402') no-repeat -7px -60px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-04 a{
	background:url('/img/common/bg_svy_addmenu_off.png?v=2021060402') no-repeat -7px -93px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-05 a{
	background:url('/img/common/bg_svy_addmenu_off.png?v=2021060402') no-repeat -7px -126px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-06 a{
	background:url('/img/common/bg_svy_addmenu_off.png?v=2021060402') no-repeat -7px -158px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-07 a{
	background:url('/img/common/bg_svy_addmenu_off.png?v=2021060402') no-repeat -7px -210px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-08 a{
	background:url('/img/common/bg_svy_addmenu_off.png?v=2021060402') no-repeat -7px -242px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-09 a{
	background:url('/img/common/bg_svy_addmenu_off.png?v=2021060402') no-repeat -7px -273px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-10 a{
	background:url('/img/common/bg_svy_addmenu_off.png?v=2021060402') no-repeat -7px -303px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-11 a{
	background:url('/img/common/bg_svy_addmenu_off.png?v=2021060402') no-repeat -7px -335px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-12 a{
	background:url('/img/common/bg_svy_addmenu_off.png?v=2021060402') no-repeat -7px -367px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-13 a{
	background:url('/img/common/bg_svy_addmenu_off.png?v=2021060402') no-repeat -7px -392px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-14 a{
	background:url('/img/common/bg_svy_addmenu_off.png?v=2021060402') no-repeat -7px -423px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-15 a{
	background:url('/img/common/bg_svy_addmenu_off.png?v=2021060402') no-repeat -7px -458px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-16 a{
	background:url('/img/common/bg_svy_addmenu_off.png?v=2021060402') no-repeat -7px -490px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-17 a{
	background:url('/img/common/bg_svy_addmenu_off.png?v=2021060402') no-repeat -7px -542px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-18 a{
	background:url('/img/common/bg_svy_addmenu_off.png?v=2021060402') no-repeat -7px -576px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-19 a{
	background:url('/img/common/bg_svy_addmenu_off.png?v=2021060402') no-repeat -7px -604px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-20 a{
	background:url('/img/common/bg_svy_addmenu_off.png?v=2021060402') no-repeat -7px -638px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-21 a{/* 서술형 */
	background:url('/img/common/bg_svy_addmenu_off.png?v=2021060402') no-repeat -7px -663px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-22 a{/* OX 선택형 */
	background:url('/img/common/bg_svy_addmenu_off.png?v=2021060402') no-repeat -7px -692px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-23 a{/* 빈칸 채우기 */
	background:url('/img/common/bg_svy_addmenu_off.png?v=2021060402') no-repeat -7px -717px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-24 a{/* 순서배열 */
	background: url(/img/common/svy_addmenu_24.svg) no-repeat 4px 50%; background-size: 14px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-25 a{/* 드래그 앤 드롭 */
	background: url(/img/common/svy_addmenu_25.svg) no-repeat 3px 50%; background-size: 16px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-26 a{/* 말하기 */
	background: url(/img/common/svy_addmenu_26.svg) no-repeat 3px 50%; background-size: 16px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-27 a{/* 듣기 */
	background: url(/img/common/svy_addmenu_27.svg) no-repeat 3px 50%; background-size: 16px;
}


/* 문항 추가하기 - 문항 가져오기 */
.conetent-wrap-make #left-move-menu .nav-menu-svy ul li.sm-left-title5 a{
    color:#47b7b0;
    background:url('/img/ibt/bg_btn_svyload_off.png') no-repeat 23px 7px;
	font-size:14px;
    padding:5px 0 5px 43px;
    border:2px solid #47b7b0;
    font-weight:bold;
}
.conetent-wrap-make #left-move-menu .nav-menu-svy ul li.sm-left-title5 a:hover{
	color:#ffffff;
	background:url('/img/ibt/bg_btn_svyload_on.png') no-repeat 23px 7px;
	border:2px solid #47b7b0;
	background-color:#47b7b0;
	font-weight:bold;
}

/* 문항 추가하기 - 건너뛰기 초기화 */
.conetent-wrap-make #left-move-menu .nav-menu-svy ul li.sm-left-title6 a{
    background:url('/img/common/bg_sv_ltm_t6_off.png') no-repeat 0 0;
}
.conetent-wrap-make #left-move-menu .nav-menu-svy ul li.sm-left-title6 a:hover{
    color:#ED5C23;
    background:url('/img/common/bg_sv_ltm_t6_on.png') no-repeat 0 0;
}


/* 문항 추가하기 - 마우스 오버 설정 */
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-01 a:hover{
	background:url('/img/common/bg_svy_addmenu_on.png?v=2021060402') no-repeat -7px 2px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-02 a:hover{
	background:url('/img/common/bg_svy_addmenu_on.png?v=2021060402') no-repeat -7px -33px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-03 a:hover{
	background:url('/img/common/bg_svy_addmenu_on.png?v=2021060402') no-repeat -7px -60px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-04 a:hover{
	background:url('/img/common/bg_svy_addmenu_on.png?v=2021060402') no-repeat -7px -93px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-05 a:hover{
	background:url('/img/common/bg_svy_addmenu_on.png?v=2021060402') no-repeat -7px -126px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-06 a:hover{
	background:url('/img/common/bg_svy_addmenu_on.png?v=2021060402') no-repeat -7px -158px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-07 a:hover{
	background:url('/img/common/bg_svy_addmenu_on.png?v=2021060402') no-repeat -7px -210px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-08 a:hover{
	background:url('/img/common/bg_svy_addmenu_on.png?v=2021060402') no-repeat -7px -242px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-09 a:hover{
	background:url('/img/common/bg_svy_addmenu_on.png?v=2021060402') no-repeat -7px -273px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-10 a:hover{
	background:url('/img/common/bg_svy_addmenu_on.png?v=2021060402') no-repeat -7px -303px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-11 a:hover{
	background:url('/img/common/bg_svy_addmenu_on.png?v=2021060402') no-repeat -7px -335px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-12 a:hover{
	background:url('/img/common/bg_svy_addmenu_on.png?v=2021060402') no-repeat -7px -367px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-13 a:hover{
	background:url('/img/common/bg_svy_addmenu_on.png?v=2021060402') no-repeat -7px -392px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-14 a:hover{
	background:url('/img/common/bg_svy_addmenu_on.png?v=2021060402') no-repeat -7px -423px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-15 a:hover{
	background:url('/img/common/bg_svy_addmenu_on.png?v=2021060402') no-repeat -7px -458px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-16 a:hover{
	background:url('/img/common/bg_svy_addmenu_on.png?v=2021060402') no-repeat -7px -490px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-17 a:hover{
	background:url('/img/common/bg_svy_addmenu_on.png?v=2021060402') no-repeat -7px -542px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-18 a:hover{
	background:url('/img/common/bg_svy_addmenu_on.png?v=2021060402') no-repeat -7px -576px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-19 a:hover{
	background:url('/img/common/bg_svy_addmenu_on.png?v=2021060402') no-repeat -7px -604px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-20 a:hover{
	background:url('/img/common/bg_svy_addmenu_on.png?v=2021060402') no-repeat -7px -638px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-21 a:hover{/* 서술형 */
	background:url('/img/common/bg_svy_addmenu_on.png?v=2021060402') no-repeat -7px -663px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-22 a:hover{/* OX선택형 */
	background:url('/img/common/bg_svy_addmenu_on.png?v=2021060402') no-repeat -7px -692px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-23 a:hover{/* 빈칸채우기 */
	background:url('/img/common/bg_svy_addmenu_on.png?v=2021060402') no-repeat -7px -717px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-24:hover a,
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-25:hover a,
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-26:hover a,
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-27:hover a{ /* 순서배열 | 드래그앤드롭 | 말하기 | 듣기 */
	filter: invert(41%) sepia(54%) saturate(2654%) hue-rotate(350deg) brightness(88%) contrast(130%);
	color:#494b53;
}

/* 페이지 초기화 */
.conetent-wrap-make #left-move-menu .nav-menu-svy ul li.sm-left-title-pagereset a{
    color:#999;
    background:url('/img/svy/ico_page_reset_off.png') no-repeat 23px 7px;
	font-size:14px;
    padding:5px 0 5px 43px;
    border:2px solid #c2c3c3;
	font-weight:bold;
	margin-top:-5px;
}
.conetent-wrap-make #left-move-menu .nav-menu-svy ul li.sm-left-title-pagereset a:hover{
	color:#fff;
	background:url('/img/svy/ico_page_reset_on.png') no-repeat 23px 7px;
	background-color:#c2c3c3;
	
}


/* 공통 UI 컨텐츠 설정 *********************************************************/

/* 드롭다운 설정 */
/* https://www.w3schools.com/howto/howto_js_dropdown.asp */
.dropbtn{
	border:none;
	cursor:pointer;
	background:none;
	color:#fff;
	line-height:20px;
	font-weight:bold;
}
.dropbtn:hover, .dropbtn:focus{background:none;}
.dropdown{
	position:relative;
	display:inline-block;
}
.dropdown-content{
	display:none;
	position:absolute;
	top:100%; right:0;
	min-width:85px;
	text-align:left;
	list-style:none;
	background-color:#fff;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	border:1px solid #ccc;
	border:1px solid rgba(0,0,0,.15);
	-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
	box-shadow:0 6px 12px rgba(0,0,0,.175);
	z-index:1000;
}
.dropdown-content li{margin:0;}
.dropdown-content li a{
	color:black;
	padding:6px 10px;
	text-decoration:none;
	display:block;
	font-size:13px;
}
.dropdown-content a:hover{background-color:#ddd}
.show{display:block;}

/* 툴팁 설정 */
.tooltip{
	position:relative;
	display:inline-block;
	margin:auto;
	z-index:1;
}
.tooltip .tooltip-content{
	visibility:hidden;
	background-color:#ED5C23;
	padding:5px;
	font-size:11px;
	color:#ffffff;
	text-align:left;
	position:absolute;
	top:120%; left:0;
	z-index:1;
}
.tooltip .tooltip-content::after{
	content:" ";
	position:absolute;
	bottom:100%; left:10%;
	margin-left:-7px;
	border-width:7px;
	border-style:solid;
	border-color:transparent transparent #ED5C23 transparent;
}
.tooltip:hover .tooltip-content{visibility: visible;}

/* 문항 옵션 - 토글버튼 설정 */
/* https://www.cssscript.com/realistic-ios-switch-pure-css/ */
.form-switch{
	display:inline-block;
	cursor:pointer;
	-webkit-tap-highlight-color:transparent;
	color: #262626;
}
.form-switch .switch-title{
	display:inline-block;
	width:135px; height:23px;
	padding:5px 0;
	font-size:12px;
	text-align:left;
	box-sizing:border-box;
}
.form-switch i{
	position:relative;
	display:inline-block;
	width:46px; height:23px;
	background-color:#e6e6e6;
	border-radius:23px;
	vertical-align:middle;
	transition:all 0.3s linear;
	}
.form-switch i::before{
	content:"";
	position:absolute;
	left:0;
	width:42px; height:22px;
	background-color:#e8e8e8;
	border-radius:11px;
	transform:translate3d(2px, 2px, 0) scale3d(1, 1, 1);
	transition:all 0.25s linear;
}
.form-switch i::after{
	content:"";
	position:absolute;
	left:2px;
	width:18px; height:18px;
	background-color:#fff;
	border-radius:11px;
	box-shadow:0 2px 2px rgba(0, 0, 0, 0.24);
	transform:translate3d(2px, 2px, 0);
	transition:all 0.2s ease-in-out;
}
.form-switch:active i::after{
	width:28px;
	transform:translate3d(2px, 2px, 0);
}
.form-switch:active input:checked + i::after{transform:translate3d(16px, 2px, 0);}
.form-switch input{display:none;}
.form-switch input:checked + i{background-color:#ED5C23;}
.form-switch input:checked + i::before{transform:translate3d(18px, 2px, 0) scale3d(0, 0, 0);}
.form-switch input:checked + i::after{transform:translate3d(22px, 2px, 0);}

/* 개별 컨텐츠 설정 ************************************************************/
/* 설문만들기 - 문항 보기추가 설정 **********************************************/
.button-section-add{
	padding:25px 0;
}
.button-section-add .input-add{
	cursor:pointer;
	display:inline-block;
	margin-right:25px;
	padding:3px 0 0;
}
.button-section-add .input-add .check-b{
	cursor:pointer;
	margin-right:5px;
}
.button-section-add .btn-add{
	background:none;
	border:0 none;
	cursor:pointer;
	margin-right:25px;
}
.button-section-add .btn-add::before{
	content:'';
	width:15px; height:15px;
	padding:3px;
	background:url('/img/common/ico-add.png') no-repeat center;
	border-radius:15px;
	vertical-align:middle;
    display:inline-block;
    margin-right:5px;
	vertical-align:-6px;
}
.button-section-add .btn-add:hover::before{
	content:'';
	background:#ddd url('/img/common/ico-add.png') no-repeat center;
	transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-webkit-transition: background-color 0.2s linear;
	-ms-transition: background-color 0.2s linear;
}
.button-section-add .btn-add:active::before{
    background:#b9b9b9 url('/img/common/ico-add.png') no-repeat center;
}

/* 설문만들기 - 문항 옵션 설정 **************************************************/
.check-list{
	/* max-width:720px; */
	background-color:#fff6ef;
	padding:10px 15px;
	margin:25px 5px 0 0px;
}
.check-list ul{max-width: 100%; padding-left:60px;}
.check-list ul::after{
	content:"";
	display:block;
	clear:both;
}
.check-list ul li{
	float:left;
	width:33.33333%;
	padding:5px 0;
	margin-bottom:0;
	min-height:35px;
	box-sizing:border-box;
}
.check-list ul li:nth-child(3n+1){text-align:left;}
.check-list ul li:nth-child(3n+1) .dual-option-container,
.check-list ul li:nth-child(3n+1) .jump-option-container,
.check-list ul li:nth-child(3n+1) .input-content{display:inline-block; text-align:left;}

.check-list ul li:nth-child(3n+2){text-align:center;}
.check-list ul li:nth-child(3n+2) .dual-option-container,
.check-list ul li:nth-child(3n+2) .jump-option-container,
.check-list ul li:nth-child(3n+2) .input-content{display:inline-block; text-align:center;}

.check-list ul li:nth-child(3n+3){text-align:right;}
.check-list ul li:nth-child(3n+3) .dual-option-container,
.check-list ul li:nth-child(3n+3) .jump-option-container,
.check-list ul li:nth-child(3n+3) .input-content{display:inline-block; text-align:right;}

.check-list ul li .check-list-help{display:inline-block; padding:3px 0;}
.check-list ul li .tooltip .tooltip-content{width:190px;}

/* 복수 응답 적용하기 설정 */
.check-list li .dual-option-container{}
.check-list li .dual_option_range{
	position:relative;
	width:185px;
	padding:4px 8px 4px;
	margin-top:4px;
	/* border:1px solid #d8d8d8;
	background:#d8d8d8; */
	font-size:12px;
	box-sizing:border-box;
	text-align:left;
}
/* .check-list li .dual_option_range::after{
	content:" ";
	position:absolute;
	bottom:100%; left:10%;
	margin-left:-7px;
	border-width:7px;
	border-style:solid;
	border-color:transparent transparent #d8d8d8 transparent;
} */
.check-list li .dual_option_range input[type="text"]{
	width:25px; height:20px;
	padding:0 2px;
	text-align:center;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
}
.check-list li .dual_option_range input[type="text"]:focus{
    border-bottom:1px solid #ed5c23;
}

/* 특정 문항으로 건너뛰기 설정 */
.check-list li .jump-option-container{
}
.check-list li .jump-content{
	position:relative;
	width:185px;
	display:inline-block;
	padding:4px 4px 4px;
	margin-top:5px;
	border:1px solid #d8d8d8;
	background:#d8d8d8;
	text-align:left;
	font-size:12px;
}
.check-list li .jump-content::after{
	content:" ";
	position:absolute;
	bottom:100%; left:10%;
	margin-left:-7px;
	border-width:7px;
	border-style:solid;
	border-color:transparent transparent #d8d8d8 transparent;
}
.check-list li .jump-content .jump-option{}
.check-list li .jump-content .jump-option select{
	margin-right:3px;
	font-size:12px;
}
.check-list li .jump-content .jump-class{
	color:#666;
}
.check-list li .jump-content .jump-class input[type="text"]{
	width:64px; height:17px;
    padding:2px;
    border-bottom:1px solid #c8c8c8;
    color:#666666;
    font-size:12px;
}
.check-list li .jump-content .jump-class input[type="text"]:focus{
    border-bottom:1px solid #ed5c23;
}

/* 문항 옵션 - 공통 입력 설정 */
.check-list li{}
.check-list li .input-content{
	width:205px;
	display:inline-block;
	padding:4px 4px;
	border:1px solid #e8e8e8;
	background:#e8e8e8;
	text-align:left;
	font-size:12px;
	}
.check-list li .input-content input[type="text"]{
    height:17px;
    padding:2px;
    border-bottom:1px solid #c8c8c8;
    color:#666666;
    font-size:12px;
}

/* 단일주관식 설정 */
.check-list li .input-content .sc-text-length{
	width:80px;
}
/* 순위선택형 설정 */
.check-list li .input-content .click-num{
	width:70px;
}
/* Constant Sum 설정 */
.check-list li .input-content .input-const-num{
	width:70px;
}
/* 단일/복수 주관식 매트릭스 설정 */
.check-list li .input-content .input-a,
.check-list li .input-content .input-b{
	width:50px;
}
.check-list li .input-content .input-unit{
	display:block;
	margin-top:5px;
}
.check-list li .input-content .input-unit .input-p{
	width:50px;
}

.check-list.reset{background-color: transparent; padding:0; margin:0;}
/*영상감독 One Test 응시자명부*/

/* 버튼 */
.proctor-btn1{
	background:#eb5c23;
	padding:8px 10px;
	color:#fff;
    font-size: 13px;
	cursor:pointer;
}
.proctor-btn2{
	background:#fff;
	padding:8px 10px;
	color:#eb5c23;
	font-size: 13px;
	border:1px solid #eb5c23;
	cursor:pointer;
}
.onetest-btn{
	padding:0;
	margin-bottom:10px;
}
.onetest-btn:after{
	content:'';
	display:block;
	clear:both;
}
.onetest-btn .add-supervisor{
	display:inline-block;
	float:left;
}
.onetest-btn .picture-upload{
	display:inline-block;
	float:right;
	text-align:right;
}
.onetest-btn .picture-upload ul {
	margin:10px 0px;
}
.onetest-btn .picture-upload ul li{
	 font-size:12px;
	 color:#eb5c23;
}

/* 안내 */
.onetest-alert{
	clear: both;
	padding-top: 10px;
}
.onetest-alert .alert-caution{
	color: #d03b38;
    background-color: #fff4f4;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #f3e0e3;
    border-radius: 4px;
    font-weight: bold;
}
.onetest-alert .alert-caution::before {
    content: '!';
    background-color:#d03b38;
    color: #fff4f4;
    width: 15px;
    height: 15px;
    display: inline-block;
    text-align: center;
    line-height: 1.2;
    font-size: 12px;
    margin-right: 5px;
    border-radius: 50%;
}

.ibt-new.notice-txt li{
	color:#eb5c23;
	background:none !important;
}
.ibt-new.notice-txt li:last-child{
	margin-top:10px;
}
.all-list-name{
	padding:20px;
	background:#f4f4f4;
	margin-bottom:20px;
}
.all-list-name .all-list-input{
	display:inline-block;
}
.all-list-name .name-download{
	float:right;
}
#total_list {
	border-top:2px solid #ddd;
}
#total_list .board-list{
	border:none;
	max-width:100%;
	/* width:400px; */
}
#total_list .ui-accordion .ui-accordion-header {
	border-bottom:1px solid #ddd;
}
.onetest.gray-bb{
	border-bottom:0px;
	margin-bottom:0px;
}
 .onetest.star li{
	background: url('/img/common/bul-star.gif') no-repeat 0 13px;
}
#da_proctor_update input, select, textarea{
	height:25px;
}

/*응시자 사진 일괄 업로드 시 불일치 팝업*/
.pic-upload-mismatch{
	width:400px;
	position:relative;
	border:1px solid #ddd;
	background:#f4f4f4;
}
.pic-upload-mismatch .btn-delete{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    display: inline-block;
    padding: 4px 2px;
    width: 18px;
    height: 18px;
    background: rgba(0, 0, 0, 0.3) url(/img/ibt/img-delete.png) no-repeat center;
    text-indent: -9999px;
}
.pic-upload-mismatch .pic-in{
	padding:15px;
}
.pic-upload-mismatch .pic-in span{
  font-weight:bold;
 }
.pic-upload-mismatch .pic-in table{
	margin-top:15px;
	border:1px solid #ddd;
	font-size:13px;
	display:table;
	background:#fff;
}
.pic-upload-mismatch .pic-in table thead th{
	font-weight: bold;
    border-bottom: 1px solid #ddd;
	border-right:1px solid #ddd;
    padding: 10px;
	background:#e3f2ff;
}
.pic-upload-mismatch .pic-in table thead th:last-child{
	border-right:none;
}
.pic-upload-mismatch .pic-in table tbody td{
	text-align:center;
	border-bottom: 1px solid #ddd;
	border-right:1px solid #ddd;
}
.pic-upload-mismatch .pic-in table tbody td:last-child{
	border-bottom: none;
	border-right:none;
}

.tooltip {
  position: relative;
  display: inline-block;
  float:right;
  padding-left:10px;
}
.tooltip .tooltiptext {
	visibility: hidden;
	width: 380px;
    background-color: #4b8dca;
    color: #fff;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: -367%;
    right: 0;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 12px;
    text-align: left;
    padding: 20px;
    word-break: break-word;
}
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: -9%;
  right: 10px;
  transform: rotate(180deg);
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #4b8dca transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/* [공통] 하단 영역 설정 ******************************************************/
.footer_make{
	position:absolute;
	left:10px; right:10px; bottom:0px;
	padding:10px 0;
	color:#d2d2d2;
	font-size:12px;
	text-align:center;
	z-index:10;
}

/* 중간 mobile 설정 ========================================================= */
@media (min-width:550px){

}


/* tablet 설정 ============================================================== */
@media (min-width:768px){

}

/* desktop 설정 ============================================================= */
@media (min-width:1025px){

}

/* 왼쪽 폴더 리스트 디자인 변경  */
.left-menu-section.folder{}
.left-menu-section.folder .ico{display: block; width: 20px; height: 20px; background-position: 50% 50%; background-repeat: no-repeat; background-size: unset;}
.left-menu-section.folder .ico_folder{background-image: url(/img/template/ico-lmenu-00.png); }
.left-menu-section.folder .ico_trash{background-image: url(/img/template/ico-lmenu-04.png);}
.left-menu-section.folder .total_num{font-size: 12px; letter-spacing: -0.65px; opacity: .5;}
.left-menu-section.folder .selected .total_num {opacity: 1;}
.left-menu-section.folder .lmenu-set-buttons{position: absolute; right: 10px; top: 11px; padding: 0;}
.left-menu-section.folder .lmenu-set-buttons .add_menu{display: block; width: 10px; height: 10px; margin: 0;}
.left-menu-section.folder > li{border-bottom: 1px solid #efefef;}
.left-menu-section.folder > li > a{position: relative; display: flex; align-items: flex-start; padding:10px; }
.left-menu-section.folder > li > a > i{margin-top: -1px;}
.left-menu-section.folder > li > a > span{flex: 1; padding: 0 10px 0 7px; word-break: keep-all; line-height: 1.3;}
.left-menu-section.folder > li > a .total_num{font-size: 13px; opacity: 1;}
.left-menu-section.folder > li > a:hover,
.left-menu-section.folder > li.selected > a{font-weight: 600; color: #ed5c23; }
.left-menu-section.folder > li > a:hover > i,
.left-menu-section.folder > li.selected > a > i{filter: invert(41%) sepia(54%) saturate(2654%) hue-rotate(350deg) brightness(88%) contrast(130%);}

.left-menu-section.folder .lmenu{border-bottom: 0;}
.left-menu-section.folder .lmenu > li{padding: 0;}
.left-menu-section.folder .lmenu > li:hover{background: #ececec;}
.left-menu-section.folder .lmenu > li > a{
	display: flex;
	align-items: flex-start;
    justify-content: space-between;
	padding: 8px 10px;
}
.left-menu-section.folder .lmenu > li > a > i{display: inline-flex; padding-top: 3px; margin-right: 5px;}
.left-menu-section.folder .lmenu .lmenu-text{flex: 1; position: relative; font-size: 13px; min-height: 18px;}
.left-menu-section.folder .lmenu .total_num{min-width: 34px; text-align: right; padding-top: 2px;}
.left-menu-section.folder .lmenu li .button-set{position: absolute; top: 9px; right: 9px; z-index: 2; width: fit-content;}
.left-menu-section.folder .lmenu li .button-set button{
	display: inline-flex;
    justify-content: center;
    align-items: center;
	width: 17px; height: 17px; border: 1px solid #ccc; margin-left: -2px;
}
.left-menu-section.folder .lmenu li .button-set button img{margin: 0;}
.left-menu-section.folder .lmenu li .left-sub{
	position: absolute; top: -4px; left: -5px; z-index: 1; box-sizing: border-box;
	width: calc(100% + 45px); height: 27px; padding-right: 40px; font-size: 13px;
	background:#fff !important; border: 1px solid #ccc !important;
}
.left-menu-section.folder .lmenu li .dis_input > .left-sub{width: calc(100% + 11px);}
.left-menu-section.folder .function-link{border-top: 0; padding:5px 0;}

/* 현장감독 세팅 비밀번호 */
.setting_pw_wrap {
	width: 100%;
	height: 100%;
}

.setting_pw_wrap .setting_pw_background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #fff;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.setting_pw_wrap .setting_pw_content {
    z-index: 2;
    position: absolute;
	display: flex;
}

.setting_pw_wrap .setting_pw_content label {
	font-weight: 700;
	margin-right: 10px;
}

.setting_pw_wrap .setting_pw_content input {
	text-indent: 5px;
    height: 20px;
    padding: 2px;
    border-bottom: 1px solid #c8c8c8;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    color: #666666;
    font-size: 14px;
}

.setting_pw_wrap .setting_pw_content .check_btn button {
    background-color: #ed5c23;
    color: #fff;
    padding: 6px 12px;
    margin-left: 10px;
    border-radius: 3px;
}

.highcharts-axis-labels  {
	position: static !important;
}

.highcharts-a11y-proxy-element {
	top: 150px !important;
}