/*# sourceURL=/web/css_new/mk/svy_renewal.css?version=20240530 */
/*@ sourceURL=/web/css_new/mk/svy_renewal.css?version=20240530 */
@charset "utf-8";
/*
 파일명 : svy_renewal.css
 기능설명 : 나우앤서베이 설문만들기 CSS
 작성자 : 장도우
 최종수정일 : 2022.05.20
*/
:root {
	--font-SUIT: "SUIT Variable", "SUIT", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Hiragino Sans", "Apple SD Gothic Neo", Meiryo, "Noto Sans JP", "Noto Sans KR", "Malgun Gothic", Osaka, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
	--font-SUITE: "SUITE Variable", "SUITE", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Hiragino Sans", "Apple SD Gothic Neo", Meiryo, "Noto Sans JP", "Noto Sans KR", "Malgun Gothic", Osaka, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
	--font-settings: 'tnum', 'ss18';

	--ico_notify: url("https://www.nowntest.com/img/svg/icon-circle-exclamation.svg");
	--hex_orange: invert(64%) sepia(83%) saturate(5692%) hue-rotate(351deg) brightness(99%) contrast(88%);
}
.font_suit{
	font-family: var(--font-SUIT);
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-feature-settings: var(--font-settings);
}

/* 기본설정 */
/* *{box-sizing:border-box;} */
body{
/*background:#fff;*/
/* background-color:#f2f5fb; */
}
ul,
.form-switch{padding: 0;}
.analysis-div img{/* 결과분석 그래프용 */max-width:none;}

/* [공통] wrap 설정 ************************************************************/
#wrap{
	min-height:100%;
	position:relative;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* [공통] 상단 메뉴 설정 *******************************************************/
header.sub-top-wrap{
	position:fixed; /* 240426 absolute에서 fixed로 변경*/
    top: 0; left:0; right:0;
	width:100%; height:50px;
	max-width:100%; min-width:100%;
	background-color:#ED5C23;
	border-bottom:1px solid #c34c1c;
	transition: top 0.3s;
    z-index:300;
	box-sizing: border-box;
	padding: 0 10px 0 15px;
}
header.sub-top-wrap *{box-sizing: border-box;}
header.sub-top-wrap .sub-top{
	padding:0;
	width:100%; height:50px;
	display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
}
header.sub-top-wrap .sub-top h1.logo{flex: 0 0 auto;}
header.sub-top-wrap .sub-top h1.logo a{display: inline-block;}
header.sub-top-wrap .sub-top h1.logo img{
	display: inline-block;
	width: auto;
	height: 28px;
	max-width: 100%;
	min-width: 116px;
	filter: grayscale(100%) brightness(300%);
}
/* 사이트 경로 설정 */
header.sub-top-wrap .sub-top .linemap{
	flex:1;
	/* max-width: calc(100% - 350px); */
}
header.sub-top-wrap .sub-top .linemap ul{
	display: flex;
	align-items: center;
	margin:0 20px;
}
header.sub-top-wrap .sub-top .linemap ul *{color: #fff; font-size: 13px;}
header.sub-top-wrap .sub-top .linemap ul li{
	display: flex;
    align-items: center;
}
header.sub-top-wrap .sub-top .linemap ul li::after{
	content:"\f105";
    font-family: "Font Awesome 6 Free"; font-weight: 600; font-size: 90%;
	margin:0 7px; opacity: .5; cursor: default;
}
header.sub-top-wrap .sub-top .linemap ul li:last-child::after{display: none;}
header.sub-top-wrap .sub-top .linemap ul li#page-title{
	flex: 1;
	width: 200px; max-width: 80%;
	display: inline-block;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}
	header.sub-top-wrap .sub-top .linemap ul li#page-title.active{cursor: auto;}
header.sub-top-wrap .sub-top .linemap ul li#page-title a{
	/* max-width:300px;
	display:inline-block;
	white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
	font-weight:600;
	color:#ffffff; */
}
header.sub-top-wrap .sub-top .linemap ul li a{opacity: 0.65;}
header.sub-top-wrap .sub-top .linemap ul li.active a{opacity: 1;}
header.sub-top-wrap .sub-top .linemap ul li#page-home a{font-size: 0;}
header.sub-top-wrap .sub-top .linemap ul li#page-home a:after{
	content:"\f015";
    font-family: "Font Awesome 6 Free"; font-weight: 900; font-size:12px;
}

header.sub-top-wrap .sub-top .linemap ul li:empty,
header.sub-top-wrap .sub-top .linemap ul li a:empty{display: none;}
header.sub-top-wrap .mobile-menu{order:2; margin-left:auto;}

/* header 스크롤 이벤트 */

/* header */
header.sub-top-wrap.nav-up{
    position:fixed;
    top:-50px;
    transition:all .3s ease-in-out;
}
header.sub-top-wrap.nav-down{
    position:fixed;
    top:0px;
    transition:all .3s ease-in-out;
}

/* 설문만들기 tab header*/
.survey-top-snb{
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
.survey-top-snb .right-ico-menu{margin-left: auto; padding-top: 0; padding-bottom: 0;}
.survey-top-snb .right-ico-menu > ul{
	display: flex;
    align-items: center;
}
.survey-top-snb .right-ico-menu > ul > li{float: none;}
.survey-top-snb .right-ico-menu .m5 a,
.survey-top-snb .right-ico-menu .m6 a{width: fit-content; margin:0 5px; padding-top: 0; display: inline-flex; align-items: center;}
.survey-top-snb.nav-sub-up1{
    left:0; right:0;
    transition:all .3s ease-in-out;
}
.survey-top-snb.nav-sub-up2{
    position:fixed;
    top:0px; left:0; right:0;
    transition:all .3s ease-in-out;
    border-radius:0;
}
.survey-top-snb.nav-sub-up3{
    top:-60px;
    transition:all .3s ease-in-out;
}
.survey-top-snb.nav-sub-down2{
    position:fixed;
    top:50px; left:0; right:0;
    transition:all .3s ease-in-out;
    border-radius:0;
}

/* 우측 유틸 메뉴 설정 */
header.sub-top-wrap .sub-top .menu-wrap{
	margin-left: auto;
}
header.sub-top-wrap .sub-top .menu-wrap > ul *{font-size: 13px;}
header.sub-top-wrap .sub-top .menu-wrap > ul{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
header.sub-top-wrap .sub-top .menu-wrap > ul::after{
	content:'';
	display:block;
	clear:both;
}
header.sub-top-wrap .sub-top .menu-wrap > ul > li{
	display: flex;
	align-items: center;
	margin-left: 20px; margin-right: 10px; font-weight: 600;
}
header.sub-top-wrap .sub-top .menu-wrap > ul > li:first-child{margin-left: 0;}
header.sub-top-wrap .sub-top .menu-wrap > ul > li:last-child{margin-right: 0;}
header.sub-top-wrap .sub-top .menu-wrap > ul > li > a{
	color:#ffffff;
	font-weight:inherit;
}
header.sub-top-wrap .sub-top .menu-wrap > ul > li#user-name > .dropdown,
header.sub-top-wrap .sub-top .menu-wrap > ul > li#trlink-username > .dropdown{
	position: relative;
	display: inline-block;
}
	header.sub-top-wrap .sub-top .menu-wrap > ul > li#user-name > .dropdown .dropbtn::before,
	header.sub-top-wrap .sub-top .menu-wrap > ul > li#trlink-username > .dropdown .dropbtn::before{
		content:'';
		display: inline-block; 
		width:20px; height:20px; vertical-align: middle; margin: -2px 3px 0 0;
		background-image:url("https://www.nowntest.com/img/template/ico-user.png");
		background-size: 100%; background-position: -1px -1px;	
	}
	header.sub-top-wrap .sub-top .menu-wrap > ul > li#user-name > .dropdown .dropbtn::after,
	header.sub-top-wrap .sub-top .menu-wrap > ul > li#trlink-username > .dropdown .dropbtn::after{
		content: "\f107"; 
		font-family: "Font Awesome 6 Free";
		font-weight: 600; font-size: 90%; margin:0 5px; color:#fff; vertical-align: middle;
	}
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:3px 8px;
	width:12px; height:9px;
	background:url("https://www.nowntest.com/img/svy/ico-util-arrow.png") no-repeat 0 0;
}
header.sub-top-wrap .sub-top .menu-wrap > ul > li .dropbtn{
	font-weight:inherit; font-size:inherit;
	vertical-align: middle;
}

@media (max-width: 768px){
	header.sub-top-wrap .sub-top .menu-wrap{min-width: 170px;}
	header.sub-top-wrap .sub-top .menu-wrap > ul > li{margin-left: 0;}
}

/* [공통] 컨텐츠 영역 설정 ******************************************************/
.content-wrap{
	width:100%;
	max-width:100%;
	min-width:100%;
	z-index:2;
	display: flex;
	flex:1;
	position: relative;
}
.content-wrap::after{
	content:"";
	display:block;
	clear:both;
}

/* [공통] 좌측 메뉴 설정 *******************************************************/
.left-section{
	margin-top: 60px;
	margin-left: 10px;
	width:160px;
	height: auto;
}
.content-wrap-make .left-section{
	background-color:#fff;
}
.wrap-make .left-section{
	margin-top:110px;
}

/* [공통] 내용 영역 설정 ******************************************************/
#content{
	margin:60px 10px 0 auto;
	width: calc(100% - 190px);
}
#content .scroll-wrapper{
	width:100%; height:100%;
	position:relative;
}

#content .survey-wrap{
	padding:20px 20px 20px 20px;
	background-color:#fff;
	box-shadow:1px 1px 1px 0px rgba(0, 0, 0, .1);
    border:1px solid #efefef;
	overflow-x:auto;
	min-height: calc(100vh - 110px);
}

.content-panel{
	padding:25px;
	margin-bottom:20px;
	background-color:#ffffff;
	-webkit-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.3);
	-moz-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.3);
	box-shadow:3px 3px 3px 0px rgb(0 0 0 / 3%);
	border:1px solid #E5E5E5;
	border-radius:5px;
}
.content-panel .section_title{
	max-width: 1260px; display: flex;
}
.content-panel .section_title > h2{font-size: 18px; margin-bottom: 10px; font-weight: 600;}
.content-panel .section_title > .svynew-title{font-size: 18px; margin-bottom: 20px;}
.content-panel .table_flex{
	border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;
	width: 100%; max-width: 1300px;
	display: flex;
	flex-direction: column;
}
.content-panel .table_flex .thead{
	display: flex; flex: 1; min-height: 35px; color:#333; font-weight: bold;
}
.content-panel .table_flex .thead > div{padding:10px 15px;}
.content-panel .table_flex .tbody{
	display: flex; flex: 1; min-height: 35px; 
}
#content-footer{
	color:#bfc9da;
	padding:20px 0 40px;
}

/* [개별] 설문 만들기 메인 설정 ************************************************/
.content-wrap.content-wrap-intro{
	min-height:100%;
}
.content-wrap.content-wrap-intro #content{
	background-color:#f3f5fa;
	box-shadow:none;
	border:0 none;
	float: none;
	margin: 0;
	padding:60px 0 0 0;
	width:100%;
	min-height:calc(100vh - 95px);
}
.content-wrap.content-wrap-intro ~ .footer_make{
	bottom:0;
}
#content .survey-wrap.survey-new-start{
	min-height:auto;
	background:none;
	box-shadow: none;
	border:0;
}

/* 설문 만들기 - 메인 */
.survey-wrap.survey-new-start{}

/* 설문 만들기 - 메인 - 주 메뉴 */
.survey-wrap.survey-new-start .new-start-select {max-width:1000px; width:100%;}
.survey-wrap.survey-new-start .new-start-select h3{width:calc(100% - 240px); text-align:left ;font-size:24px; margin-bottom:30px;}
.survey-wrap.survey-new-start .new-start-select h3:after{content:''; margin-top:15px; width:30px; height:2px; background:#ed5c23;}
.survey-wrap.survey-new-start .new-start-select .start-select-btn{
	margin-left:auto;
}
.survey-wrap.survey-new-start .new-start-select .start-select-btn .btn-mysvy{
	background:#f2deda url("https://www.nowntest.com/img/template/btn-mysvy.png") no-repeat 12px 3px / 25px;
	display:inline-block;
    padding:8px 0 8px 40px;
    width:110px;
	color:#ED5C23;
	font-size:13px; font-weight:600;
	border-radius:4px;
    vertical-align:middle;
}
.survey-wrap.survey-new-start .new-start-select .start-select-btn .btn-mysvy:hover{
	background:#EED3CE url("https://www.nowntest.com/img/template/btn-mysvy.png") no-repeat 12px 3px / 25px;
}
.survey-wrap.survey-new-start .new-start-select .start-select-btn .btn-addressbook{
	background:#f2deda url("https://www.nowntest.com/img/template/btn-addressbook.png") no-repeat 22px 3px / 25px;
	display:inline-block;
    padding:8px 0 8px 45px;
	margin-left:10px;
    width:110px;
	color:#ED5C23;
	font-size:13px; font-weight:600;
	border-radius:4px;
    vertical-align:middle;
}
.survey-wrap.survey-new-start .new-start-select .start-select-btn .btn-addressbook:hover{
	background:#EED3CE url("https://www.nowntest.com/img/template/btn-addressbook.png") no-repeat 22px 3px / 25px;
}
.survey-wrap.survey-new-start .new-start-select .start-select-sub-btn{margin-top:30px; width:100%; text-align:right;}
.survey-wrap.survey-new-start .new-start-select .start-select-sub-btn a{display:inline-block; font-size:13px; color:#7f7f7f;}
.survey-wrap.survey-new-start .new-start-select .start-select-sub-btn a:hover{font-size:13px; color:#7f7f7f; font-weight:600; text-decoration:underline;}
.survey-wrap.survey-new-start .new-start-select .start-select-sub-btn a::after{
	content:'';
	display:inline-block;
	width:20px; height:13px;
	margin-left:4px;
	background:url("https://www.nowntest.com/img/template/line-division.gif") no-repeat center 2px;
}
.survey-wrap.survey-new-start .new-start-select .start-select-sub-btn a:last-child::after{
	content:'';
	display:inline-block;
	width:auto; height:13px;
	margin-left:0;
	background:none;
}

/* 주 메뉴 */
.survey-wrap.survey-new-start .new-start-select ul{gap:20px;}
.survey-wrap.survey-new-start .new-start-select ul .title{width:100% !important; font-size:18px; background:none; height: auto;}
.survey-wrap.survey-new-start .new-start-select ul.intro-menu-1{width:66%;}
.survey-wrap.survey-new-start .new-start-select ul.intro-menu-2{margin-left:auto;  width:28%;}
.survey-wrap.survey-new-start .new-start-select ul li {height:154px; background: #fff; border-radius:15px; flex-grow: 1;}
.survey-wrap.survey-new-start .new-start-select ul li a{
	padding-top:115px; font-size:15px; display:block; width:100%; height:154px; border-radius:15px; text-align:center;
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.15), 0 4px 16px rgba(0,0,0,0.15);
	-moz-box-shadow:0 0 4px rgba(0,0,0,0.15), 0 4px 16px rgba(0,0,0,0.15);
	-ms-box-shadow:0 0 4px rgba(0,0,0,0.15), 0 4px 16px rgba(0,0,0,0.15);
	-o-box-shadow:0 0 4px rgba(0,0,0,0.15), 0 4px 16px rgba(0,0,0,0.15);
	box-shadow:0 0 4px rgba(0,0,0,0.15), 0 4px 16px rgba(0,0,0,0.15);
}
.survey-wrap.survey-new-start .new-start-select ul li a:hover{
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.25), 0 4px 16px rgba(0,0,0,0.25);
	-moz-box-shadow:0 0 4px rgba(0,0,0,0.25), 0 4px 16px rgba(0,0,0,0.25);
	-ms-box-shadow:0 0 4px rgba(0,0,0,0.25), 0 4px 16px rgba(0,0,0,0.25);
	-o-box-shadow:0 0 4px rgba(0,0,0,0.25), 0 4px 16px rgba(0,0,0,0.25);
	box-shadow:0 0 4px rgba(0,0,0,0.25), 0 4px 16px rgba(0,0,0,0.25);
}
.survey-wrap.survey-new-start .new-start-select ul li a .start-select-text{line-height:22px;}
.survey-wrap.survey-new-start .new-start-select .intro-menu-2 .ico-make-new{background-position-x: calc(50% - -5px);}
.survey-wrap.survey-new-start .new-start-select .intro-menu-2 .menu-ai{position:relative;}
.survey-wrap.survey-new-start .new-start-select .intro-menu-2 .menu-ai img{
	position:absolute; top: 20px; left: 50%; margin-left: 30px;
	transform: translateX(-50%);    
}

/* 주 메뉴 - 설문라이브러리 복사 */
.survey-wrap.survey-new-start .new-start-select ul li a{
	background-position: center 25px;
	background-repeat: no-repeat;
	background-size:auto 74px;
}
.survey-wrap.survey-new-start .new-start-select ul li a:hover{
	color:#ed5c23;
	filter:invert(53%) sepia(81%) saturate(4010%) hue-rotate(348deg) brightness(96%) contrast(93%);
}
.survey-wrap.survey-new-start .new-start-select .con{
	display: flex;
    justify-content: space-between;
	width: 100%;
}
.survey-wrap.survey-new-start .new-start-select .con .title{font-size:18px; margin-bottom: 20px;}
.survey-wrap.survey-new-start .new-start-select .con ul{
	display: flex;
	justify-content: space-between;
}
.survey-wrap.survey-new-start .new-start-select .con ul > li{width: 140px;}
/* [개별] 새 설문 만들기 내용 영역 설정 *****************************************/
.content-wrap.content-wrap-make #content.content-tab-wrap{
	padding: 120px 10px 10px 10px;
    background:none;
    box-shadow:none;
    border:0 none;
	margin: 0 auto;
	width: 100%;
	max-width:1070px;
	float: none;
}


/* [개별] 탭 있는 내용 영역 설정 ************************************************/
.content-wrap #content.content-tab-wrap{
	margin:110px 10px 0 auto;
}
.content-wrap.content-wrap-make #content,
.content-wrap.content-wrap-make #content .survey-wrap,
.conetent-wrap.conetent-wrap-make #content .survey-wrap{
	/* padding:0; */
    background:none;
    box-shadow:none;
    border:0 none;
	min-height: auto;
}

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

/* 기본 좌측메뉴 설정 - 기본 */
#left-move-menu{
	top:60px;
	position: sticky;
}
#left-move-menu .left-menu-section{
    height:calc(100vh - 110px);
	overflow-y: scroll;
}
#left-move-menu .left-menu-section::-webkit-scrollbar {
	width: 5px;  /* 스크롤바의 너비 */
}

#left-move-menu .left-menu-section::-webkit-scrollbar-thumb {
	background-color: rgba(0,0,0,0.15); /* 스크롤바의 색상 */
	border-radius: 12px;
}

#left-move-menu .left-menu-section::-webkit-scrollbar-track {
	background: #ececec;  /*스크롤바 뒷 배경 색상*/
}
#left-move-menu .left-menu-section-btn{
	padding:9px 0 9px 30px;
    background-color:#ffffff;
    border-top:1px solid #ddd;
}
.sm-left-cont2 .content-inner{position: relative;}
.sm-left-cont2 .ltit-st01{/* my설문함 */ /*css common_V2.css*/
	background:url("https://www.nowntest.com/img/template/ico-lmenu-00.png") no-repeat 8px center #fff;
	padding:9px 0 9px 32px;
	border: 1px solid #ddd;
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, .1);
}
.sm-left-cont2 .ltit-st01.selected{
	background:url("https://www.nowntest.com/img/template/ico-lmenu-00-over2.png") no-repeat 8px center #fff;
	font-weight: bold;
	color:#ed5c23;
}
.sm-left-cont2 .ltit-st01:hover{
	background:url("https://www.nowntest.com/img/template/ico-lmenu-00-over2.png") no-repeat 8px center #fff;
	font-weight: bold;
	color:#ed5c23;
}
.left-menu-section .lmenu-st03{/* 삭제설문함 */ /*css common_V2.css*/
    background:url("https://www.nowntest.com/img/template/ico-lmenu-04.png") no-repeat 8px center;
    padding:9px 0 9px 32px;
	border-bottom: 1px solid #ddd;
}
.left-menu-section .lmenu-st03.selected{
    background:url("https://www.nowntest.com/img/template/ico-lmenu-04-over2.png") no-repeat 8px center;
}
.left-menu-section .lmenu-st03:hover {
    background:url("https://www.nowntest.com/img/template/ico-lmenu-04-over2.png") no-repeat 8px center;
}
.left-menu-section .function-link li.mnu3{/* 주소록 */ /*css common_V2.css*/
    margin:5px;
    padding:7px 7px 5px 30px;
	border:1px solid #47b7b0;
	border-radius: 4px;
    background:url("https://www.nowntest.com/img/template/ico-lmenu-11.png?v=20230807") no-repeat 6px center;
}
.left-menu-section .function-link li.mnu3.selected{
    background:url("https://www.nowntest.com/img/template/ico-lmenu-11-over2.png?v=20230807") no-repeat 6px center #47b7b0; color: ;
}
.left-menu-section .function-link li.mnu3.selected a{color: #fff;}
.left-menu-section .function-link li.mnu3:hover{
    background:url("https://www.nowntest.com/img/template/ico-lmenu-11-over2.png?v=20230807") no-repeat 6px center #47b7b0;
}
.left-menu-section .function-link li.mnu3 a{color:#47b7b0;}
#left-move-menu .left-menu-section-btn.btn-calculator{/* 샘플사이즈 계산기 */ /*css common_V2.css*/
    margin:10px 5px 5px;
    padding:7px 0 5px 30px;
	border:1px solid #c2c2c2;
	border-radius: 4px;
    background:#ffffff url("https://www.nowntest.com/img/template/ico-lmenu-12.png?v=20230807") no-repeat 6px center;
}
#left-move-menu .left-menu-section-btn.btn-calculator.selected{
    background:#c2c2c2 url("https://www.nowntest.com/img/template/ico-lmenu-12-over2.png?v=20230807") no-repeat 6px center;
}
#left-move-menu .left-menu-section-btn.btn-calculator:hover{
    background:#c2c2c2 url("https://www.nowntest.com/img/template/ico-lmenu-12-over2.png?v=20230807") no-repeat 6px center;
}

#left-move-menu .left-menu-section-btn.btn-howtouse{/* 사용설명서 */ /*css common_V2.css*/
    margin:5px;
    padding:7px 0 5px 30px;
    border:1px solid #c2c2c2;
    border-radius: 4px;
    background: #ffffff url("https://www.nowntest.com/img/template/ico-lmenu-13.png?v=20230807") no-repeat 7px center;
}
#left-move-menu .left-menu-section-btn.btn-howtouse.selected{
    background:#c2c2c2 url("https://www.nowntest.com/img/template/ico-lmenu-13-over2.png?v=20230807") no-repeat 7px center;
}
#left-move-menu .left-menu-section-btn.btn-howtouse:hover{
    background: #c2c2c2 url("https://www.nowntest.com/img/template/ico-lmenu-13-over2.png?v=20230807") no-repeat 7px center;
}
#left-move-menu .left-menu-section-btn.btn-calculator a,
#left-move-menu .left-menu-section-btn.btn-howtouse a{
	color:#999;
}
#left-move-menu .left-menu-section-btn.btn-calculator:hover a,
#left-move-menu .left-menu-section-btn.btn-howtouse:hover a,
.left-menu-section .function-link li.mnu3:hover a{
	font-weight:600;
	color:#fff;
}




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

/* 문항 추가하기 설정 - 새 설문만들기 */
#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:600; font-size:15px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2{
}
.content-wrap-make #left-move-menu .nav-menu-svy .sm-left-cont2{/* 설문 만들기 전용 */
	top:45px; bottom:80px;
}
.content-wrap-make #left-move-menu .nav-menu-svy .sm-left-cont2-option{/* 설문 만들기 전용 */
	position:absolute; bottom:0; width:180px; padding:5px;
}
.content-wrap-make #left-move-menu .nav-menu-svy .sm-left-cont2-option ul li{margin-top:5px;}
.content-wrap-make #left-move-menu .nav-menu-svy .sm-left-cont2-option ul li:first-child{margin-top:0;}

.content-wrap-make #left-move-menu .nav-menu-svy .sm-left-cont2-option #import-svy{/* 문항 가져오기 버튼 */
    display:block;
	color:#47b7b0;
    background:#ffffff url("https://www.nowntest.com/img/svy/btn_svyload_off.png") no-repeat 20px 6px;
    font-size:14px;
    padding:4px 0 5px 45px;
    border:2px solid #47b7b0;
    width:100%; height:32px;
    font-weight:600;
	box-sizing:border-box;
	cursor:pointer;
}
.content-wrap-make #left-move-menu .nav-menu-svy .sm-left-cont2-option #import-svy:hover{/* 문항 가져오기 버튼 */
	color:#ffffff;
	background:url("https://www.nowntest.com/img/svy/btn_svyload_on.png") no-repeat 20px 6px;
	background-color:#47b7b0;
}
.content-wrap-make #left-move-menu .nav-menu-svy .sm-left-cont2-option #del-jump{/* 건너뛰기 초기화 버튼 */
	display:block;
	color:#ED5C23;
    background:#ffffff url("https://www.nowntest.com/img/svy/btn_sv_ltm_t6_off.png") no-repeat 17px 3px;
    font-size:14px;
    padding:4px 0 5px 45px;
    border:2px solid #ED5C23;
    width:100%; height:32px;
    font-weight:600;
	box-sizing:border-box;
	cursor:pointer;
}
.content-wrap-make #left-move-menu .nav-menu-svy .sm-left-cont2-option #del-jump:hover{/* 건너뛰기 초기화 버튼 */
	color:#ffffff;
	background:url("https://www.nowntest.com/img/svy/btn_sv_ltm_t6_on.png") no-repeat 17px 3px;
	background-color:#ED5C23;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 .scrollbar-inner{/* 커스텀 스크롤용 */
	height:100%;
}


/* 문항 추가하기 - default 설정 */
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-01 a{/* 객관식 */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_off.png") no-repeat -7px 2px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-02 a{/* 객관식(매트릭스) */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_off.png") no-repeat -7px -30px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-03 a{/* 드롭다운 */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_off.png") no-repeat -7px -60px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-04 a{/* 순위선택 */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_off.png") no-repeat -7px -93px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-05 a{/* 척도(단수) */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_off.png") no-repeat -7px -207px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-06 a{/* 척도(복수) */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_off.png") no-repeat -7px -239px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-07 a{/* NPS(단수) */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_off.png") no-repeat -7px -269px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-08 a{/* NPS(단수) */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_off.png") no-repeat -7px -299px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-09 a{/* 별점척도(단수) */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_off.png") no-repeat -7px -332px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-10 a{/* 별점척도(복수) */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_off.png") no-repeat -7px -364px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-11 a{/* 주관식(단수) */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_off.png") no-repeat -7px -394px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-12 a{/* 주관식(복수) */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_off.png") no-repeat -7px -425px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-13 a{/* 주관식(매트릭스) */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_off.png") no-repeat -7px -488px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-14 a{/* 연락처 */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_off.png") no-repeat -7px -542px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-15 a{/* 날짜/시간 */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_off.png") no-repeat -7px -573px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-16 a{/* 글/그림/영상 삽입 */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_off.png") no-repeat -7px -604px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-17 a{/* 주관식(숫자) */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_off.png") no-repeat -7px -456px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-18 a{/* 지도 삽입 */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_off.png") no-repeat -7px -633px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-19 a{/* 슬라이드바 */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_off.png") no-repeat -7px -125px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-20 a{/* Constant Sum */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_off.png") no-repeat -7px -155px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-21 a{/* 선착순 배분 */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_off.png") no-repeat -7px -664px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-22 a{/* 응답자 할당 */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_off.png") no-repeat -7px -693px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-23 a{/* 스크린 아웃 */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_off.png") no-repeat -7px -728px;
}

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

/* 문항 추가하기 - 건너뛰기 초기화 */
.content-wrap-make #left-move-menu .nav-menu-svy ul li.sm-left-title6 a{
    background:url("https://www.nowntest.com/img/svy/bg_sv_ltm_t6_off.png") no-repeat 0 0;
}
.content-wrap-make #left-move-menu .nav-menu-svy ul li.sm-left-title6 a:hover{
    color:#ED5C23;
    background:url("https://www.nowntest.com/img/svy/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("https://www.nowntest.com/img/svy/bg_svy_addmenu_on.png") no-repeat -7px 2px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-02 a:hover{/* 객관식(매트릭스) */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_on.png") no-repeat -7px -30px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-03 a:hover{/* 드롭다운 */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_on.png") no-repeat -7px -60px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-04 a:hover{/* 순위선택 */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_on.png") no-repeat -7px -93px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-05 a:hover{/* 척도(단수) */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_on.png") no-repeat -7px -207px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-06 a:hover{/* 척도(복수) */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_on.png") no-repeat -7px -239px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-07 a:hover{/* NPS(단수) */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_on.png") no-repeat -7px -269px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-08 a:hover{/* NPS(복수) */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_on.png") no-repeat -7px -299px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-09 a:hover{/* 별점척도(단수) */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_on.png") no-repeat -7px -332px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-10 a:hover{/* 별점척도(복수) */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_on.png") no-repeat -7px -364px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-11 a:hover{/* 주관식(단수) */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_on.png") no-repeat -7px -394px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-12 a:hover{/* 주관식(복수) */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_on.png") no-repeat -7px -425px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-13 a:hover{/* 주관식(매트릭스) */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_on.png") no-repeat -7px -488px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-14 a:hover{/* 연락처 */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_on.png") no-repeat -7px -542px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-15 a:hover{/* 날짜/시간 */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_on.png") no-repeat -7px -573px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-16 a:hover{/* 글/그림/영상 삽입 */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_on.png") no-repeat -7px -604px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-17 a:hover{/* 주관식(숫자) */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_on.png") no-repeat -7px -456px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-18 a:hover{/* 지도 삽입 */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_on.png") no-repeat -7px -633px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-19 a:hover{/* 슬라이드바 */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_on.png") no-repeat -7px -125px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-20 a:hover{/* Constant Sum */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_on.png") no-repeat -7px -155px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-21 a:hover{/* 선착순 배분 */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_on.png") no-repeat -7px -664px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-22 a:hover{/* 응답자 할당 */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_on.png") no-repeat -7px -693px;
}
#left-move-menu .nav-menu-svy .sm-left-cont2 ul li.menu-23 a:hover{/* 스크린 아웃 */
	background:url("https://www.nowntest.com/img/svy/bg_svy_addmenu_on.png") no-repeat -7px -728px;
}

/* 배포주소록 팝업창 */
.ctl-view{padding-top: 30px; right:0;}
#content.addr{margin:0; width:100%; height:100vh; overflow-y:scroll; background:#fff;}/*550px*/
#content.addr .survey-wrap{box-shadow: none; border:none;}
  .popup-addr-wrap{
	background-color:rgba(0,0,0,.3);
	justify-content:center;
	align-items:center;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:9999;
  }
  .popup-addr-wrap .popup{
	width:95%;
	max-width:1080px;
	background-color:#ffffff;
	box-shadow: 0 0 10px 1px rgba(0,0,0,.3);
  }
  .popup-addr-wrap .popup-head{
	width:100%;
	padding:0 10px;
	height:50px;
	border-bottom: 1px solid #ddd;
	display:flex;
	align-items:center;
	justify-content: space-between;
  }
  .popup-addr-wrap .head-title {
	  
  }
  .popup-addr-wrap .popup-body{
	width:100%;
	padding:0;
	height:calc(100vh - 50px);
	/*max-height:550px;*/
	background-color:#fff;
  }
  .popup-addr-wrap .popup-body iframe{
	  width:100%;
	  /*height:550px;*/
	  height:100%;
	  border:0;
  }
  .popup-addr-wrap .body-content{
	width:100%;
	padding:30px;
  }
  .popup-addr-wrap .pop-btn{
	display:block;
	cursor:pointer;
  }
  .addr .board-list{margin-bottom:30px;}

@media (max-width:768px){
	.addr .board-list {
		margin-bottom: 0;
	}
}


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

/* 드롭다운 설정 */
/* https://www.w3schools.com/howto/howto_js_dropdown.asp */
.dropbtn{
	border:none;
	cursor:pointer;
	background:none;
	color:#fff;
	font-weight:600;
}
.dropbtn:hover, .dropbtn:focus{background:none;}
.dropdown{
	position:relative;
	display:inline-block;
}
.dropdown-content{
	display:none;
	position:absolute; top:100%; left:50% !important; z-index:1000; margin-top: 5px;
	transform: translateX(-50%);
	width: max-content;	min-width:85px; 
	text-align:left;
	background-color:#fff;
	background-clip:padding-box;
	border:1px solid rgba(0,0,0,.15);
	box-shadow:0 6px 12px rgba(0,0,0,.175);
	z-index:1000;
}
.dropdown-content li{margin:0;}
.dropdown-content li a{
	color:#333;
	padding:8px 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.modal-tooltip {
	margin: 0;
}
.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;}
.tooltip-txt{position: relative; display: inline-block;}
/* .tooltip-txt .filter-orange{filter: invert(64%) sepia(83%) saturate(5692%) hue-rotate(351deg) brightness(99%) contrast(88%);} */
.tooltip-txt .ico{display: inline-block; width: 12px; height: 12px; cursor: help; background-color: transparent;}
.tooltip-txt .ico::before,
.tooltip-txt .ico::after{display: none;}
.tooltip-txt .box{
	position: relative; display:none;
	width: max-content; max-width: 200px; background-color: #222; 
	padding: 5px 5px 0; border-radius: 5px;
}
.tooltip-txt .box span{color:#ddd; font-size:11px; display: inline-block; vertical-align: 3px;}
.tooltip-txt .box *{ }
.tooltip-txt:hover .box{
	position: absolute; display:block; z-index: 1;
	top: 50%; left: 17px; transform: translateY(-50%);
}
.tooltip-txt:hover .box:after {
	content: " "; 
	position: absolute; right: 100%; top: 50%; width: 0; height: 0;
	border: solid transparent; border-right-color: #222;
	border-width: 4px; margin-top: -4px;
}

.tooltip .modal-question-btn {
    width: 20px;
    height: 20px;
    line-height: 14px;
    display: block;
    text-align: center;
    vertical-align: middle;
	background: url('/img/template/ico_help.svg');
	background-size: 20px;
}

/* 문항 옵션 - 토글버튼 설정 */
/* https://www.cssscript.com/realistic-ios-switch-pure-css/ */
.form-switch{
	position: relative;
	display:block;
	cursor:pointer;
	-webkit-tap-highlight-color:transparent;
}
.form-switch::after{
	content:'';
	display:block;
	clear:both;
}
.form-switch .switch-title{
	display:inline-block;
	width:auto; height:21px;
	font-size:14px;
	text-align:left;
	box-sizing:border-box;
	color: #333;
	margin: 3px 8px 3px 0;
}
.form-switch > i{
	position:relative;
	display:inline-block;
	width:37px; height:21px;
	background-color:#e6e6e6;
	border-radius:50pt;
	vertical-align:middle;
	transition:all 0.3s linear;
	}
.form-switch > i::before{
	content:"";
	position:absolute;
	left:0;
	width:37px; height:20px;
	background-color:#e8e8e8;
	border-radius:50pt;
	transform:translate3d(0px, 0px, 0) scale3d(1, 1, 1);
	transition:all 0.25s linear;
}
.form-switch > i::after{
	content:"";
	position:absolute;
	left:2px;
	width:16px; height:16px;
	background-color:#fff;
	border-radius:50pt;
	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:18px;
	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(16px, 2px, 0);}

.form-switch.dis_flex{}
.form-switch.dis_flex .switch-title{
	flex: 1; width: 100%; height: auto; margin-right: 10px; 
	color:#333; padding: 3px 0 0;
}
.form-switch.dis_flex > i{align-self: flex-start;}

.form-switch.small{}
.form-switch.small > i{background-color:transparent;}
.form-switch.small > i::before{
	width:82%; height:8px; top: 50%; left:50%; margin-top:-1px;
	
	transform: translate3d(0px, 0px, 0) scale3d(1, 1, 1) translate(-50%, -50%);
}
.form-switch.small > i::after{border: 1px solid #f5f5f5; box-sizing: border-box;}
.form-switch.small input:checked + i{background-color: transparent;}
.form-switch.small input:checked + i::before{
	transform: translate3d(0px, 0px, 0) scale3d(1, 1, 1) translate(-50%, -50%);
	background-color: rgba(237, 92, 35, 0.3);
}
.form-switch.small input:checked + i::after{background-color: #ed5c23; border-color: #ed5c23;}
.form-switch i.no-change {opacity: 0.5;} 
/* 개별 컨텐츠 설정 *********************************************************/


/* 설문만들기 - 결과분석 설정 **********************************************/
.button-section-top{float:left;}


/* [공통] 하단 영역 설정 ******************************************************/
.footer_make{
	/* position:absolute;
	left:0; right:0; bottom:-55px; */
	 /*-40px >> -55px, 2023-06-19 by nccho*/
	padding:10px 0;
	color:#b9c0ce;
	font-size:12px;
	text-align:center;
	z-index:10;
}


/* 개별 팝업창 width값  */
.show-hide-right.pc-div{max-width: 942px;}
.show-hide-right.mobile-div{max-width: 544px;}
.show-hide-right.queMove-div{max-width: 410px;}

/* 컬러픽커 color picker */
.color-picker{display: inline-flex;}    
.color-picker.thumb-color .clr-field::before{
	content:""; position: absolute; top:50%; right:10px; margin-top: -2px; z-index: -1;
	display: inline-block; border: solid #ccc; border-width: 0 2px 2px 0; padding: 2px;
	transform: rotate(45deg) translateY(-50%);      
}
.color-picker.thumb-color .clr-field button{left:4px; right: 100%; border-radius: 3px; width: 16px; height: 16px;}
.color-picker.thumb-color .clr-field input{
	display: block;
	border: 1px solid #ddd; background-color: transparent; border-radius: 5px; outline: none; padding: 0; height: 22px; width: 38px; cursor: pointer; vertical-align: 3px;
}
.color-picker.thumb-color .clr-field input[value]{text-indent: -100em; font-size: 0;}

.input_defualt{
	padding: 10px 10px !important; min-height: 36px;	
	border: 1px solid #ddd !important; border-radius: 5px; box-sizing: border-box; outline:none;
	font-size: inherit !important; color: #555 !important; text-indent: 0 !important;	
}
.input_defualt:focus {
    border: 1px solid #666 !important;
}
.input_defualt.size_sm{font-size:12px;}
.input_defualt.size_sm{min-height: 26px; padding: 0 5px !important;}

/* input placeholder 이동 */
.input_placeholder_move {
	position: relative; 
	display: inline-block; width: fit-content; font-size: 1rem;
}
.input_placeholder_move *{box-sizing: border-box;}
.input_placeholder_move input {	
	padding: 0 10px !important; min-height: 36px; 
	border: 1px solid  #ddd; border-radius: 5px; outline:none;	
	font-size: inherit; color: #555; text-indent: 0;
  }
.input_placeholder_move span.placeholder {
	font-size: inherit; color:#999;
	position: absolute;	left:10px; top: 0; height: 100%;
	display: inline-flex; align-items: center;
	transition: all 0.2s; pointer-events: none;	
	transform-origin: 0% 0%;
  }
.input_placeholder_move input:valid + span.placeholder,
.input_placeholder_move input:focus + span.placeholder {
	transform: scale(0.8) translateY(-8px); left:5px; height: 16px;
	background: #fff; padding: 0 3px; color: #ccc;
}
.input_placeholder_move input:valid{border-color: #666;}
.input_placeholder_move input:focus{color: #222; border-color: #666; transition: all 0.2s;}
.input_placeholder_move input:focus + span.placeholder {color: #ccc;}
.input_placeholder_move .area_right{display: none;	position: absolute; right: 3px; top: 50%; transform: translateY(-50%); align-items: center;}
	.input_placeholder_move .btn_reset{display: none;}
	.input_placeholder_move .btn_reset::before{
		font: var(--fa-font-solid);
		width: 1em; height: 1em; display: block;
		content: '\f00d'; color: #ccc;
	}
	.input_placeholder_move .btn_reset:hover:before{color:#555;}
	.input_placeholder_move input:valid ~ .area_right .btn_reset{display: block;}
	.input_placeholder_move .btn_search{}
	.input_placeholder_move .btn_search::before{font: var(--fa-font-solid); content: '\f002'; color: #999; width: 1em; height: 1em; display: block;}
		
	/* 값이 유효하지 않다면
	.input_placeholder_move input:invalid {border-color: red;}
	.input_placeholder_move input:invalid + span.placeholder{color: red;} */

	/* readonly */
	.input_placeholder_move input:read-only{border-color: red;}
	.input_placeholder_move input:read-only + span.placeholder{display: none;}

	/* input placeholder 이동 작은 사이즈 */
	.input_placeholder_move.size_sm{font-size:12px;}
	.input_placeholder_move.size_sm input{min-height: 26px; padding: 0 5px !important;}
	.input_placeholder_move.size_sm span.placeholder{left: 5px;}
	.input_placeholder_move.size_sm input:valid + span.placeholder,
	.input_placeholder_move.size_sm input:focus + span.placeholder{left: 3px; top: 1px;}

	/* input placeholder 이동 텍스트 center */
	.input_placeholder_move.text_center span.placeholder{width: 100%; left: 0; justify-content: center;}
	.input_placeholder_move.text_center input:valid + span.placeholder, 
	.input_placeholder_move.text_center input:focus + span.placeholder{width: max-content;}

	/* input 리셋 버튼 보이기 */
	.input_placeholder_move.view_reset .area_right{display: inline-flex;}
	.input_placeholder_move.view_reset input{padding-right: 15px !important;}


/* checkbox 커스텀 */
.checkbox_custom{display: flex; position: relative;}
	.checkbox_custom input[type="checkbox"], 
	.checkbox_custom input[type="radio"] {opacity: 0; margin: 0 !important; min-width: 1.5rem;}
	.checkbox_custom label{ display: inline-flex; cursor: pointer;}
	.checkbox_custom label::before,
	.checkbox_custom label::after{
		content: ""; 
		position: absolute; left: 0; top: 2px; width: 16px; height: 16px; 
		display: inline-block; box-sizing: border-box; border-radius: 3px;
	}
	.checkbox_custom label::before {border: 2px solid #ccc;}
	.checkbox_custom label::after {		
		display: flex; 
		align-items: center;
		justify-content: center;		
	}
	.checkbox_custom input[type="checkbox"]:checked + label::after, 
	.checkbox_custom input[type="radio"]:checked + label::after{
		font: var(--fa-font-solid);
		content: "\f00c";
		font-size: x-small; color: #555555;
	}
	.checkbox_custom.primary input[type="checkbox"]:checked + label::after, 
	.checkbox_custom.primary input[type="radio"]:checked + label::after{background-color: #ed5c23; color: #fff;}
	.checkbox_custom.checked label::before,
	.checkbox_custom.checked label::after,
	.checkbox_custom.checked input[type="checkbox"]:checked + label::after, 
	.checkbox_custom.checked input[type="radio"]:checked + label::after{background-color: #999; color: rgba(255, 255, 255, 0.5);}
	.checkbox_custom input[type="checkbox"]:disabled + label,
	.checkbox_custom input[type="radio"]:disabled + label{opacity: .5;}
	.checkbox_custom input[type="checkbox"]:disabled + label::after, 
	.checkbox_custom input[type="checkbox"]:disabled:checked + label::after, 
	.checkbox_custom input[type="radio"]:disabled + label::after,
	.checkbox_custom input[type="radio"]:disabled:checked + label::after{
		font: var(--fa-font-solid);
		content: "\f00c";
		font-size: x-small; background-color: #999; color: rgba(255, 255, 255, 0.5);
	}
	

	.accordion{}
	.accordion .tab_label{
		position: relative; cursor: pointer; color:#555; padding-left: 1rem;
		/* display: flex; 
		align-items: flex-start;	 */
	}
	.accordion .tab_label::before {
		content: "\f0da"; font: var(--fa-font-solid);
		position: absolute; left: -1px; top: 3px; text-align: center;
		 font-size: 12px; color: inherit;
		width: 1rem; height: 1rem;  
		transform: rotate(0deg); transition: all 0.35s;
	}
	.accordion .tab input.area {position: absolute; opacity: 0; z-index: -1;}
	.accordion .tab input.area:checked + .tab_label::before {
		top: 2px; left: -2px;
		transform: rotate(90deg);   text-indent: 0px;}
	.accordion .tab input.area:checked ~ .tab_content{max-height: 100rem;}
	.accordion .tab_content {max-height: 0;	overflow: hidden; transition: all 0.35s;}
	.accordion .tab_content li{
		position: relative;
		max-width: calc(100% - 17px);
		padding: 5px 0 0px 18px;
		font-size: small;
		font-weight: 400;
		display: inline-flex;
		align-items: center;
	}

	

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

}


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

/* desktop 설정 ============================================================= */
@media (max-width:1023px){
	.survey-wrap.survey-new-start .new-start-select ul.intro-menu-1,
	.survey-wrap.survey-new-start .new-start-select ul.intro-menu-2{width: 100%;}
	.survey-wrap.survey-new-start .new-start-select ul.intro-menu-2{margin-top:30px;}
	.survey-wrap.survey-new-start .new-start-select ul li{flex-grow: 0; width:calc(25% - 15px);}
	.survey-wrap.survey-new-start .new-start-select .con{flex-direction: column;}
	.survey-wrap.survey-new-start .new-start-select .con ul{
		justify-content: flex-start;
	}
	.survey-wrap.survey-new-start .new-start-select .con ul > li{
		width: calc(25% - 15px);
		flex-grow: 0;
	}
	.survey-wrap.survey-new-start .new-start-select .con .intro-menu-2{margin-top: 50px;}
}


/* modal 모달창 디자인 */
.modal{padding: 0;}
.modal, .modal *{box-sizing: border-box;}
.modal::-webkit-scrollbar{width: 8px;}
.modal::-webkit-scrollbar-thumb {
	background-color: rgba(0,0,0,0.3);
	border-radius: 10px;
	background-clip: padding-box;
	border: 1px solid rgba(255, 255, 255, 0.2);	
}
.modal::-webkit-scrollbar-track {
	background-color: transparent;
	border-radius: 10px;
	background-clip: padding-box;
}

/* .modal:nth-of-type(even) {z-index: 10051 !important;}
.modal-backdrop.show:nth-of-type(even) {z-index: 10050 !important;} */

.modal.modal_alret {z-index: 10052;}
.modal.show:nth-of-type(even){z-index: 10052;}
.modal-backdrop.fade.show ~ .modal-backdrop.show{z-index: 10051;}

.modal .modal-content{border-radius: 0.375rem;}
.modal .modal-sm .modal-content{border-radius: 0.25rem;}
.modal .modal-lg{max-width: 94%;}
.modal .modal-lg .modal-content{border-radius: 0.5rem;}
.modal .modal-xl .modal-content{border-radius: 1rem;}

.modal .modal-vh-max .modal-content{
    height: 760px;
    max-height: 90vh;
    min-height: 320px;
}
.modal .modal-vh-max .modal-body{max-height:100%; overflow: hidden;}

.modal .btn-close{
	background: url("https://www.nowntest.com/img/svg/ico_mark_x.svg") no-repeat; opacity: 0.65;
    width: 1.1em; height: 1.1em;    
}
.modal .btn-close:hover{opacity: 1;}
.modal .modal-header,
.modal .modal-body,
.modal .modal-footer{
	padding: 1.25rem 1.75rem;
}
.modal .modal-footer > div{margin: 0;}
.modal .modal-header{
	background: #fff; font-size: 140%;
	border-bottom: 1px solid #DDD;
	border-top-left-radius: inherit; border-top-right-radius: inherit;
	display: flex;
    flex-shrink: 0;
    align-items: center;
	justify-content: flex-start;
}
.modal .modal-header h1{
	margin: 0; padding-right: 20px;
	
	font-size: inherit; font-weight: 600; letter-spacing: -1px;
}
.modal .modal-header .subtitle{
	display: inline-block; flex: 1; margin-left:-10px;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.modal .modal-header .subtitle::before{
	font: var(--fa-font-solid);
    content: '\f105';
    color: rgba(153, 153, 153, 0.65); font-size: medium; margin: 0 8px 0 0;
}
.modal .modal-header .subtitle:empty{display: none;}
.modal .modal-header .btn-close{margin-left: auto;}
.modal .modal-body.scroll_custom{overflow: auto;}
.modal .btn{display: inline-block; font-size: 100%; border-radius: 3px; padding: 8px 15px; line-height: 105%;     border: 1px solid #ddd; color: #555;}
.modal .btn:hover{filter: saturate(115%);}
.modal .btn.btn-secondary{background-color: #eee; border-color: #eee;}
.modal .btn.btn-primary{background-color: #ed5c23; border-color: #ed5c23; color: #fff;}

.modal.no_header .modal-body{padding-top: 0;}

.modal.modal_alret .modal-dialog{max-width: 420px;}
.modal.modal_alret .modal-header{padding-bottom: 0; border: 0;}
.modal.modal_alret .modal-header h1{display: none;}
.modal.modal_alret .modal-body{min-height: 80px;}
.modal.modal_alret .modal-body h2{font-weight: 500;}
.modal.modal_alret .modal-body .box_input h2{display: block; font-weight: 400; margin-bottom: 10px;}
.modal.modal_alret .modal-body .box_input .input_defualt{width: 100%; max-width: 380px;}
.modal.modal_alret .modal-footer{padding-top: 0; border: 0;}

/* 스크롤 커스텀 */
.scroll_custom{height: 100%; overflow-y: auto;}
.scroll_custom::-webkit-scrollbar{width: 9px; height: 9px;}
.scroll_custom::-webkit-scrollbar-thumb {
	background-color: #ccc;
	border-radius: 10px;
	background-clip: padding-box;
	border: 2px solid transparent;
	
}
.scroll_custom::-webkit-scrollbar-track {
	background-color: #f6f6f6;
	border-radius: 10px;
	background-clip: padding-box;
	border: 2px solid transparent;
}
.scroll_inner_shadows {
	max-height: 100%; overflow: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	background:
	/* Shadow Cover TOP */				
	linear-gradient(
	white 30%,
	white 0%
	) center top,

	/* Shadow Cover BOTTOM */
	linear-gradient(
	white 0%, 
	white 70%
	) center bottom,

	/* Shadow TOP */
	radial-gradient(
	farthest-side at 50% 0,
	rgba(228, 228, 228, 0.5),
	rgba(228, 228, 228, 0)
	) center top,

	/* Shadow BOTTOM */
	radial-gradient(
	farthest-side at 50% 100%,
	rgba(228, 228, 228, 0.5),
	rgba(228, 228, 228, 0)
	) center bottom;

	background-repeat: no-repeat;
	background-size: 100% 40px, 100% 40px, 100% 20px, 100% 20px;
	background-attachment: local, local, scroll, scroll;
}

/* 하누리 독서지도계획안 편집창 */
table.reading_guid_plan_wrap {
    border: 1px solid #bbb;
    padding: 0 0 0 60px;
}

table.reading_guid_plan_wrap tr {
    border-bottom: 1px solid #999;
}

table.reading_guid_plan_wrap tr:last-child {
    border-bottom: 0;
}

table.reading_guid_plan_wrap tr th, 
table.reading_guid_plan_wrap tr td {
    padding: 6px;
    text-align: center;
}

table.reading_guid_plan_wrap tr th {
    background-color: #e9e9e9;
    color: #333 !important;
    font-weight: 600;
    font-size: 16px;
}

table.reading_guid_plan_wrap tr th input {
    background-color: #e9e9e9;
    color: #333;
    font-weight: 600;
    text-align: center;
	border-radius: 0;
	border-bottom: 0;
}

table.reading_guid_plan_wrap tr th input.pup {
    border-bottom: 1px dashed #999;
}

table.reading_guid_plan_wrap tr td {
    font-size: 16px;
}

table.reading_guid_plan_wrap tr td input {
    border: 0;
}

table.reading_guid_plan_wrap tr th:nth-child(1) {
    width: 15%;
    border-right: 1px solid #999;
}

table.reading_guid_plan_wrap tr td:nth-child(2),
table.reading_guid_plan_wrap tr th:nth-child(2) {
    width: 45%;
    border-right: 1px solid #999;
}

table.reading_guid_plan_wrap tr td:nth-child(3),
table.reading_guid_plan_wrap tr th:nth-child(3) {
    width: 15%;
    border-right: 1px solid #999;
}

table.reading_guid_plan_wrap tr td:nth-child(4) {
    width: 25%;
}



table.reading_guid_plan_wrap input {
    border-radius: 3px;
    width: 100%;
    font-size: 14px;
    padding-bottom: 8px;
}

table.reading_guid_plan_wrap input:focus {
    outline: none !important;
    border-bottom: none !important;
    border-bottom: 1px dashed #999 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

@media (max-width: 768px){
	.modal .modal-header,
	.modal .modal-body,
	.modal .modal-footer{padding: 1rem 1.25rem;}
	.modal .modal-header{font-size: 130%;}
}
@media (max-width: 576px){
	.modal .modal-header,
	.modal .modal-body,
	.modal .modal-footer{padding: 0.75rem;}
	.modal .modal-header{font-size: 130%;}
}