@font-face {
  font-family: 'Noto Sans KR';
  font-weight: 400;
  src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'), url(fonts/NotoSansKR-Regular.woff) format('woff'), url(fonts/NotoSansKR-Regular.woff2) format('woff2');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-weight: 500;
  src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'), url(fonts/NotoSansKR-Medium.woff) format('woff'), url(fonts/NotoSansKR-Medium.woff2) format('woff2');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-weight: 700;
  src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'), url(fonts/NotoSansKR-Bold.woff) format('woff'), url(fonts/NotoSansKR-Bold.woff2) format('woff2');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-weight: 900;
  src: local('Noto Sans KR Black'), local('NotoSansKR-Black'), url(fonts/NotoSansKR-Black.woff) format('woff'), url(fonts/NotoSansKR-Black.woff2) format('woff2');
}
@font-face {
  font-family: 'Lato';
  font-weight: 400;
  src: url(fonts/Lato-Regular2.woff) format('woff'), url(fonts/Lato-Regular2.woff2) format('woff2');
}
*					{ margin:0; padding:0;}
body				{ 
						width: 100%; margin: 0 auto; min-width: 320px; color: #666; min-height: 100%;
						font-family:"Noto Sans KR", "맑은 고딕", "Malgun Gothic", "돋움", "돋움체", dotum, sans-serif; font-size:16px;
					 	-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none;
					 	background-color: #fff;
					 }
html				{ overflow:auto; min-height: 100%; position: relative;}
table				{ border-collapse:collapse; }
img,
fieldset			{ border:none; }
a					{ color:#000000; text-decoration:none; cursor:pointer; }
label				{ cursor:pointer; }
.button				{ cursor:pointer;}

pre { word-break:break-all; white-space: pre-line; }

body, td, div, input, textarea {
						text-decoration:none;
						line-height:20px;
					 }

textarea[disabled] {
	background-color: #fff !important;
}

select	{ width: 100%; }

#wrap {
	display: flex;
	flex-direction: column;
	-ms-flex-direction: column;
	height: 100%;
	background-color: #fff;
}

.container {
	width: 100%;
	max-width: 768px;
	padding: 0px;
}

.hidden		{ display:none; }
.pointer     { cursor:pointer; }
input[type="checkbox"]{width:18px; height:18px; vertical-align:-4px !important; margin:0px !important; padding:0px !important}
input[type="radio"]{width:18px; height:18px; vertical-align:-4px !important; margin:0px !important; padding:0px !important;}

#header						{ width:100%; background-color:#ff2d60; margin-bottom: 0px; flex-shrink: 0;}
#header	.title				{ text-align:center; padding:16px 10px; color: #fff; font-weight: 700; font-size: 24px; line-height: 1.2em; }
.contents, #questView		{ flex: 1 0 auto; padding-bottom: 60px; min-height: 100%;}
#questView					{ padding-bottom: 86px; }
.footer						{ 
								width: 100%; clear:both; margin-top:0px; color:#2750AC; font-size: 18px; 
								text-align:center; font-weight: 700; flex-shrink: 0; position: absolute; bottom:0px; left: 0px; margin-top : -60px;
							}
.quest-footer				{ margin-top : -86px; }
.footer	.btn-start			{
								width: 100%; height: 60px; cursor:pointer; font-size: 24px; border-radius: 0px !important;
								text-align:center; background-color:#ff2d60; color:#ffffff; font-weight: 700;
								border: none; outline: none; 
							}
.footer .container .clearfix { background-color: #ddd; padding: 16px 0px;}
.footer .container .clearfix > div	{text-align:center; min-width: 50%;}
.footer	.btn-prev			{
								text-align:center; color:#666666; font-weight: 700; font-size: 24px;
								background-color: #eeeeee; border: 3px solid #cccccc; border-radius: 30px;
								width:150px; height:54px; outline: none; 
							}
.footer	.btn-next			{
								text-align:center; color:#fff; font-weight: 700; font-size: 24px;
								background-color: #ff2d60; border-radius: 30px;
								width:150px; height:54px; border: none; outline: none; 
							}
							
.contents .imgDiv		{ width:100%; text-align:center; margin-bottom: 0px; }
.contents .imgDiv img	{ max-width:100%; }
.contents .guide, 
.contents .errMsgBox			{ 	background-color: #fff; padding: 25px; font-weight: 600; font-size: 18px; line-height: 32px;
								border: none; word-wrap: break-word; margin:0px; border-radius: 0px;
								color: #222; 
							}
.contents .agree-area 		{ border: 1px solid #cbcbcb;  margin: 15px; padding: 15px; margin-top: 0px; font-size: 14px;}
.contents .agree-area > p 	{ margin-top: 15px; text-align: right;border-top:1px solid #cbcbcb; padding-top: 15px; font-size: 16px;}
.contents .agree-area > p > label:first-child	{ margin-right: 10px; }
					
.errMsgBox	img				{ margin-right:10px; }

.auth-area							{ margin:0px; padding:0px 15px 15px 15px; position: relative; background-color: #fff; }
.auth-area input[type=button]		{ width: 100px; background-color:#2056AE; color:#ffffff; font-weight: 700}

.survey_ex_list						{ background-color: #fff; z-index:999; }
.survey_ex_list .imgDiv				{	padding: 10px 15px 0px 15px; }
.survey_ex_list .guide				{ 
										padding: 10px 15px 0px 15px; font-weight: 600; color: #666; font-size: 14px; line-height: 20px;
										border: none; word-wrap: break-word; margin:0px; 
									}
							
.survey_list						{ position:relative; margin:0; padding:0; }
.survey_list label					{ margin: 0px; font-weight: 500; font-size: 14px; }
.survey_sb_list						{ padding: 30px 15px; border-bottom: 16px solid #eeeeee; }
.survey_sb_list .text				{ width:100%; margin:0 0 4px 2px; border:1px solid #cdcdcd;}
.survey_sb_list img, .survey_ex_list img			{ max-width:100%;}
.survey_sb_list .quest				{ position: relative; padding-bottom: 10px; border-bottom: 1px solid #ededed; margin-bottom: 15px; }
.survey_sb_list	.quest .q			{ 	font-family:"Lato", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", "돋움", "돋움체", dotum, sans-serif;
										position: absolute; font-weight: 500; width:auto; color: #2155AD; font-size: 24px; line-height: 24px; padding:0px 5px;}
.survey_sb_list	.quest .cntn		{ margin-left:50px;}
.survey_sb_list	.quest .large-cntn	{ margin-left:60px;}
.survey_sb_list	.quest .large-large-cntn		{ margin-left:70px;}
.survey_sb_list .quest .cntn > pre,
.survey_sb_list	.quest .add_cntn > pre 	{ 
											border: none; font-size: 18px; word-wrap: break-word; margin:0px; padding:0px;
											line-height: 24px; background-color: transparent; font-weight: 700;
											font-family: "Noto Sans KR", "맑은 고딕", "Malgun Gothic", "돋움", "돋움체", dotum; 
											letter-spacing: -0.1em; color: #222; overflow:hidden; white-space: normal !important;
										}
.survey_sb_list .quest .required	{ color: #ff2d60; font-size: 12px; margin: 0px; font-weight: 500; letter-spacing: -0.1em;}
.survey_sb_list	.quest .add_q		{ position: absolute; font-weight: 700; width:auto; color: #2155AD; font-size: 18px; line-height: 24px; letter-spacing: 0px; }
.survey_sb_list	.quest .add_cntn	{ margin-left:95px;}
.survey_sb_list .imgDivQ			{ padding-bottom: 10px; }
.survey_sb_list .answer-area		{ }
.survey_sb_list .answer				{ position: relative; }
.survey_sb_list .choice				{ float:left; width: 100%; margin: 5px 0px; padding: 0px; margin-left: 5px; }
.survey_sb_list	.answer .q			{ position:absolute; top: 0px; }
.survey_sb_list	.answer .cntn		{ margin-left: 22px; line-height: 22px; }
.survey_sb_list .answerimg			{ min-height:68px; }
.survey_sb_list .answerimg table	{ width:100%; table-layout:fixed; border-spacing:0px; border:0px; border-collapse:collapse }
.survey_sb_list .answerimg td.input	input {padding:0px }
.survey_sb_list .answerimg td.input	{ width:17px; }
.survey_sb_list	.answerimg td.cntn	{ width:76px;padding:0px 0 0 8px;}
.survey_sb_list	.answerimg td.txt	{ word-wrap: break-word; vertical-align:middle; padding-left:5px;}
.survey_sb_list dd 					{float:left; min-height:68px; width:auto;border:1px solid }

.survey_sb_list .questType2			{ margin: 0px; }
.survey_sb_list .questType2 > div 	{line-height: 30px; font-size: 14px;}

.survey_sb_list .questType3			{ margin: 10px 0px; }
.survey_sb_list .questType3 .evalueType1 .iconStar { width: auto !important; margin-right: -2px; float: left;}
.survey_sb_list .questType3 .evalueType1 .exampleText { margin-left: 5px; vertical-align: middle; float:left; font-size: 15px; }

.survey_sb_list .score-area			{ text-align: center; }
.survey_sb_list .iconScoreDiv 		{ text-align: center; vertical-align: middle;}
.survey_sb_list .iconScoreDiv .q	{ display: none;}
.survey_sb_list .iconScoreTable		{ width: 100%; margin:0px 0px; table-layout: fixed;}
.survey_sb_list .questType3 .evalueType2 label { width: 100%; padding: 2px 0px;}
.survey_sb_list .questType3 .evalueType2 label > div.score {position: relative; height: 30px; z-index: 0;}
.survey_sb_list .questType3 .evalueType2 label > div.score > .line { position: absolute; width:100%; height: 4px; background-color:#dadada; top: 9px; z-index: -1; }
.survey_sb_list .questType3 .evalueType2 label > div.score > .line-first {width:50%; right:0px; }
.survey_sb_list .questType3 .evalueType2 label > div.score > .line-last {width:50%; left:0px; }
.survey_sb_list .questType3 .evalueType2 .exampleText { margin-left: 0px; font-size: 14px; font-weight: 500; color: #666666; white-space:nowrap;  }
.survey_sb_list .questType3 .evalueType2 label > div.score > .circle {
												margin:0 auto; width: 22px; height:22px; z-index:999;
												background-color: #fff; border-radius: 50%; border: 4px solid #dadada;
												-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;
											    transition: all 0.3s ease;}
.survey_sb_list .questType3 .evalueType2 label > div.score > .circle-on { background-color: #ff2d60; border-color: #ff2d60;}
.survey_sb_list .iconScoreTable.vertically label > div.score > .line {
	position: absolute;
	height: 100%;
	width: 4px;
	background-color: #dadada;
	left: 9px;
	z-index: -1;
}


.survey_sb_list .matrix { position:relative; background-color: #f7f7f7; }
.survey_sb_list .matrix .rowdata { position: absolute; left: 0px; top: 0px;	width: 40%; overflow-x: hidden; z-index: 998; }
.survey_sb_list .matrix table { background-color: #fff; table-layout: fixed; margin: 0px; }
.survey_sb_list .matrix .rowdata table tr td { font-weight: 500; }
.survey_sb_list .matrix .celldata { width: 100%; padding-left: 40%; overflow-x: auto; }
.survey_sb_list .matrix table tr th,
.survey_sb_list .matrix table tr td { font-weight: 500; font-size: 14px; height: 50px; border: none; line-height: inherit !important; vertical-align: middle; padding:0px 3px !important; }
.survey_sb_list .matrix table tr td input { display: inline-block; }
.survey_sb_list .matrix table tr td > label { width: 100%; text-align: center; padding: 0px 0px; }
.survey_sb_list .matrix table tr td > p,
.survey_sb_list .matrix table tr th > p { max-height: 40px;	overflow-y: hidden; margin: 0px !important; }
.survey_sb_list .matrix .celldata table tr th { width: 75px; text-align: center; }
.survey_sb_list .matrix .celldata table tr td { text-align: center; }
.survey_sb_list .matrix input[type="radio"] {width:18px; height:18px;}

.survey_sb_list .answer .input-group .add-none { border-left: none; border-right: none; }
.survey_sb_list .answer .email-group			{ max-width: 400px;}
.survey_sb_list .answer .email-group .email-domain-select {	width: 110px; border-left:none; }
.survey_sb_list .answer .date					{ max-width: 160px;}
.survey_sb_list .answer .date input[readonly] {	background-color: #fff; }
.survey_sb_list .answer .time-group			{ max-width: 210px; margin-top: 5px;}
.survey_sb_list .answer .time-group:first-child		{ margin-top: 0px;}
.survey_sb_list .answer .date-time			{max-width: 320px;}
.survey_sb_list .answer .date-time select	{min-width: 65px;}
.survey_sb_list .answer .input-group-addon-none { padding: 0px !important; border: none; width: 0px; }
.survey_sb_list .answer .address-group .input-group { width: 140px; }
.survey_sb_list .answer .address-group .input-group button { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.survey_sb_list .answer .address-group > input { margin-top: 10px; }
.survey_sb_list .answer .phone-group .phone1 { width: 80px !important;} 
.survey_sb_list .answer .phone-group > div:first-child { max-width: 280px; } 
.survey_sb_list .answer .ssno-group  { max-width: 220px; }

.survey_sb_list .answer-area .star-area { position: relative; margin: 0px auto; width: 36px; height: 34px; }
.survey_sb_list .answer-area .star { 	display:block; width:34px; height:32px; 
										background-color: #dadada; margin: 1px; 
										-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;
										-o-transition: all 0.3s ease; transition: all 0.3s ease;}
.survey_sb_list .answer-area .star-on { background-color: #ff2d60; }
.survey_sb_list .answer-area .star-bg { width:36px; height:34px; position: absolute; top: 0px;
										background: transparent url("../images/survey/iconStar.png") no-repeat 0px 0px;
										z-index: 1;
										}
.survey_sb_list .answer-area .score-star { margin-left: 5px;}
.survey_sb_list .answer-area .score-star .star-area {float: left; margin-right: 5px;} 
.survey_sb_list .answer-area .score-star input { display: none;}
.survey_sb_list .answer-area .score-star label { position: absolute; top: 1px; left: 0.10em; display:block; margin:0px;padding:0px; width: 1.25em; height: 2em; z-index: 0; }
.survey_sb_list .answer-area .score-star label.star2 { left: 1.25em; }
.survey_sb_list .answer-area .score-star label .star { width: 1.25em; margin: 0px;} 
.survey_sb_list .answer-area .score-star p {display:none;}
.survey_sb_list .answer-area .score-star .total-score { margin-left: 15px; float:left; display:block; height: 34px; line-height: 34px; font-weight: 700; color:#ff2d60; font-size:28px; }

.survey_sb_list .answer-area .number { width:36px; height:36px; padding: 5px; border-radius: 50%; margin: 0px auto;
										border: 3px solid #dadada; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;
										-o-transition: all 0.3s ease; transition: all 0.3s ease;}
.survey_sb_list .answer-area .number-on { border-color: #ff2d60; color: #ff2d60;}

.survey_sb_list .answer-area .score-text {  text-align:center; padding:0px 3px; }
.survey_sb_list .answer-area .score-text input { display: none;}  
.survey_sb_list .answer-area .score-text p { color: #666; margin:0px; margin-top: 8px; font-size: 14px; white-space:pre-wrap; letter-spacing: -0.1em;}

.survey_table				{ margin:0; }
.survey_table th			{ padding:5px 0 3px 0; text-align:center; }
.survey_table td			{ padding:5px 0 3px 0; }
.survey_table input			{ margin:0 5px 2px 0; vertical-align:middle; }

.disable *					{ color:#aaaaaa !important; }
.disable	input			{ color:#aaaaaa !important; }
.disable	.q				{ color:#aaaaaa !important; }
.disable	td				{ color:#aaaaaa !important; }

/* 주관식 입력창 */
.answerText					{ font-weight: 500; font-size: 13px; margin-top: 5px;}
.answerText:first-child		{ margin-top: 0px;}
.answerTextArea				{ resize: none; width:100%; height: 80px; border: none; font-weight: 500; font-size: 15px; padding: 0px 5px; }
.answerTextArea::-moz-placeholder {
  color: #999;
}
.answerTextArea:-ms-input-placeholder {
  color: #999;
}
.answerTextArea::-webkit-input-placeholder {
  color: #999;
}

.answer_etc					{ width: 212px; font-weight: 500; margin-top: -7px; font-size: 13px; display: inline; }
.choice-2 .answer_etc		{ width: 100%; margin-top: 5px; }
.survey_sb_list .format-text {
	border: 0px; border-bottom: 1px solid #ccc; min-width: 40px; max-width: 100%; width: 40px; height: 30px;
    margin: 3px; margin-top: -5px !important; padding: 5px 5px; font-size: 14px; text-align: center;
}
.survey_sb_list .format-text:disabled {
	background-color: #fff !important;
}
.survey_sb_list .dup-check { margin-top: 10px; }
#pageView					{ position:relative; margin:0 auto; padding:10px 15px; margin-top: 10px; padding-bottom: 5px; width:100%; }
#pageView .track			{ background:#eeeeee; height: 8px; border-radius: 5px; margin-right: 50px; }
#pageView #thumb			{ background:#ff2d60; width:0px; height:8px; border-radius: 5px;}
#pageView .text				{ position:absolute; top:0; right:10px; color: #ff2d60; font-weight: 500; margin-top: 3px;
								font-family:"Lato", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", "돋움", "돋움체", dotum;
							}
#pageView .text	> span		{ padding: 0px 2px;}

.exampleDesc {color: #666666; font-weight: 600; font-size: 14px; text-align: left; margin-bottom: 15px;}

#rewardPhoneLayer .modal-content	{ padding: 20px; text-align: center; }
#rewardPhoneLayer .guide 			{	font-weight: 600; }
#rewardPhoneLayer .input-group 		{	margin:0px auto; margin-top: 15px; max-width: 300px; }
#rewardPhoneLayer .input-group	input[type=button]	{ background-color:#2056AE; color:#ffffff; font-weight: 700; }

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.contents.loading {
    overflow: hidden;   
}

#loading 	{
				position:absolute; 
				z-index:99999; 
				left:0px; top:0px; width:100%; height:100%; 
				clip:rect(0px 100% 100% 0px); 
				background-color:#000;
				background-image:url(../images/common/loader.gif); 
				background-repeat: no-repeat; 
				background-position: center;
				opacity: 0.2;
			}
.warning { display: none !important;}

.survey_sb_list .vote				{ width: 100%; margin: 0px; padding: 0px; }
.survey_sb_list .vote .candidate	{ display: table; margin-top: 15px; width: 100%; max-width: 100%; cursor: pointer;}
.survey_sb_list .vote .candidate:first-child { margin-top: 0px;}
.survey_sb_list .vote .candidate > div		{ display: table-cell; max-height: 100px; vertical-align: middle; letter-spacing: -0.1em;}
.survey_sb_list .vote .cntn			{ width: 90px; padding-right: 10px; }
.survey_sb_list .vote .cntn > img	{ border-radius: 40%; max-height: 100px; }
.survey_sb_list .vote .txt		{ word-wrap: break-word; padding-right: 10px; }
.survey_sb_list .vote .txt h4	{ font-weight: 700; font-size: 18px; line-height: 24px;
											 color: #222; overflow:hidden; margin:0px; margin-bottom: 8px;}
.survey_sb_list .vote .txt p	{ margin:0px; word-break: break-all}
.survey_sb_list .vote .input	{ text-align: right; width: 36px; padding-right: 5px;}
.survey_sb_list .vote .input .check > input { display: none;}
.survey_sb_list .vote .input .check { 
				background-color:#dadada; border-radius: 50%; width: 28px; height: 28px;
				background-image:url(../images/survey/ic-check.png); 
				background-repeat: no-repeat; 
				background-position: center;
				background-size: 18px;
				-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;
				transition: all 0.3s ease;
}
.survey_sb_list .vote .input .check.on {
				background-color: #ff2d60;
}
.survey_sb_list .vote table tr:first-child td { padding-top: 0px;}

.survey_sb_list .vote .agree { border-radius: 5px; margin-top: 15px; width: 100%; max-width: 100%; border:1px solid #ededed; cursor: pointer;}
.survey_sb_list .vote div.agree { display: table; box-shadow: 5px 5px 10px #ededed;}
.survey_sb_list .vote .agree:first-child { margin-top: 0px;}
.survey_sb_list .vote .agree > div { display: table-cell; height: 90px; vertical-align: middle; letter-spacing: -0.1em;}
.survey_sb_list .vote .agree > div:first-child { 
						border-top-left-radius: 5px; 
						border-bottom-left-radius: 5px; 
						background-color: #606060; width: 80px; min-width: 80px; 
						background-image:url(../images/survey/ic-x.png); 
						background-repeat: no-repeat; 
						background-position: center;
						background-size: 40px;}
.survey_sb_list .vote .agree:first-child > div:first-child { background-color: #ff2d60; 
						background-image:url(../images/survey/ic-o.png);  
						background-size: 46px; }
.survey_sb_list .vote .agree .txt	{padding-left: 10px;}
.survey_sb_list .vote .agree .txt h4 {margin-bottom: 5px;}
.survey_sb_list .vote .agree .input {padding-right: 15px;}

.image-group { width: 100%; }
.image-group > div { border: 2px solid #ccc; background-color:#f8f8f8; width: 30%; height: 120px; margin-right: 10px; text-align: center; }
.image-group > div > div { height: 120px; line-height: 112px; }
.image-group > div > div:first-child { padding: 15px; padding-top:35px; position: relative; line-height: 20px;}
.image-group .imageUpload { opacity: 0; position: absolute; top:0px; left:0px;}
.image-group p { word-break: keep-all;}
.image-group .previewImg { max-width: 100%; max-height: 116px;}

.sign-group { width: 100%; display: flex; flex-direction: row; }
.sign-group > div { max-width: 250px; margin-left: 10px; text-align: center; flex-grow: 1; cursor: pointer; flex-basis: min-content; }
.sign-group > div:first-child { margin-left: 0px; }
.sign-group > div > div { border: 1px solid #ccc; background-color:#fff; border-radius: 8px; }
.sign-group > div > div:first-child { padding: 15px; position: relative; line-height: 20px;}
.sign-group p { word-break: keep-all;}
.sign-group .previewImg { max-width: 100%; max-height: 100%; border-radius: 8px;}

@media (min-width: 640px) {
	body { background-color: #999; }
	.contents {	margin:0px;	}
	#wrap { min-height: 100vh; }
	
	.survey_sb_list .choice	{ width: 100%; }
	.survey_sb_list	.quest .q			{ font-size: 28px; line-height: 30px; }
	.survey_sb_list	.quest .add_q		{ font-size: 22px; line-height: 30px; }
	.survey_sb_list	.quest .cntn		{ margin-left:60px;}
	.survey_sb_list	.quest .large-cntn		{ margin-left:80px;}
	.survey_sb_list	.quest .large-large-cntn		{ margin-left:100px;}
	.survey_sb_list	.quest .add_cntn	{ margin-left:120px;}
	.survey_sb_list .quest .cntn > pre,
	.survey_sb_list	.quest .add_cntn > pre { 
		font-size: 20px; line-height: 30px; 
	}
	
	.survey_sb_list .vote .check { 
				width: 32px; height: 32px;
				background-size: 20px;
	}
	
	.footer .btn-prev, .footer .btn-next { width: 180px;}
}

@media (min-width: 768px) {
	body { background-color: #999; }
	.container {
		width: 100%;
		max-width: 768px;
		padding: 0px;
	}
	#wrap { min-height: 100vh; }
	.contents {	margin:0px;	}
	
	.survey_sb_list .choice	{ float:left; width: 100%; padding: 0px; padding-right: 15px; }
	.survey_sb_list	.quest .q			{ font-size: 28px; line-height: 30px; }
	.survey_sb_list	.quest .add_q		{ font-size: 22px; line-height: 30px; }
	.survey_sb_list	.quest .cntn		{ margin-left:60px;}
	.survey_sb_list	.quest .large-cntn		{ margin-left:80px;}
	.survey_sb_list	.quest .large-large-cntn		{ margin-left:100px;}
	.survey_sb_list	.quest .add_cntn	{ margin-left:120px;}
	.survey_sb_list .quest .cntn > pre,
	.survey_sb_list	.quest .add_cntn > pre { 
		font-size: 20px; line-height: 30px; 
	}
	
	.survey_sb_list .vote .check { 
				width: 36px; height: 36px;
				background-size: 24px;
	}
	
	.footer .btn-prev, .footer .btn-next { width: 200px;}
}

.ui-loader {display: none;}
.form-control:focus {
	border-color: #ff2d60;
	outline: 0;
}

.survey_sb_list .choice-2			{ float:left; width: 48%; padding: 0px; padding-right: 10px; }
.survey_sb_list .choice-9			{ float:left; width: auto !important; padding: 0px; padding-right: 15px; }
.survey_sb_list .choice-3 			{ margin-left: 0px; }
.survey_sb_list .choice-3 > .q 		{ right: 0px; }
.survey_sb_list .choice-3 > .cntn 	{ margin-left: 0px !important; margin-right: 22px; }
.survey_sb_list .choice-block		{ float:left; width: 100%; }
.survey_sb_list .answer-area > div:last-child.choice-9 { padding-right: 0px;}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=text]:-moz-read-only { /* For Firefox */
	background-color: #fff !important;
}

input[type=text]:read-only {
	background-color: #fff !important;
}

.sub-quest {
	border-left: 14px solid #eeeeee;
	border-right: 14px solid #eeeeee;
	padding: 20px 10px;
}
.sub-quest	.quest .q			{ padding:0px;}
.sub-quest .quest .cntn		{ margin-left: 70px;}
.sub-quest .quest .large-cntn	{ margin-left: 83px;}
.sub-quest .quest .large-large-cntn		{ margin-left: 96px;}

.result-area {
	margin-top: 0px;
	border: 1px solid #ddd;
	border-radius: 10px;
}

.result-area h4 {
	font-weight: 700; text-align: center;
}
.result-area table { margin: 0px;}
.result-area table th {
	background-color: #f7f7f7;
}
.result-area table td {
	font-weight: 400 !important;
}

.result-area table th.center { text-align: center; background-color: #FFFF80; }

.refresh-btn {
	margin:0px auto; margin-top: 0px; text-align: center; padding: 15px 0px; border-top: 1px solid #DEDEDE;
	background-color: #F9F9F9; width: 100%; max-width: 768px;
}

.survey_sb_list .answer .sms-auth-area,
.survey_sb_list .answer .sms-init-area { margin-top: 10px; max-width: 280px; } 
.survey_sb_list .answer .sms-auth-area > div:first-child { width: 160px;}

.survey_sb_list .answer .phone-group .form-control[readonly] { background-color: #fff; }

.data-save { margin-top: 15px;}

.contents .qrcode-area		{ text-align: center;}
.contents .qrcode-area > div {margin: 0px auto; border: 1px solid #cbcbcb; padding: 15px; text-align: center;}
.contents .qrcode-area.warn > div { border-color: red; border-width: 2px;}

.contents .visit-area	{ text-align: center; }
.contents .visit-area > button	{ width: 100%; }

.contents .result-area.warn th.center {
	background-color: #bf0000;
	color: #fff;
}

.contents .result-area.warn th.warn {
	background-color: #bf0000;
	color: #fff;
}

.contents .result-samsung-area {
	border: 20px solid #F7FE2E;
	border-radius: 50px;
}

.contents .result-samsung-area.warn {
	border-color: #FF0000;
}

.contents .result-samsung-area div.t {
	background-color: #F7FE2E;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	text-align: center;
	padding-bottom: 10px;
}

.contents .result-samsung-area.warn div.t{
	color: #fff;
	background-color: #FF0000;
}

.contents .result-samsung-area div.t h4 {
	font-weight: 700;
	font-size: 30px;
	margin-top: 0px;
}

.contents .result-samsung-area div.t p {
	padding-top: 15px;
	font-size: 24px;
	line-height: 26px;
}

.contents .result-samsung-area div.b {
	background-color: #fff;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	padding: 25px 15px;
	text-align: center;
}
.contents .result-samsung-area div.b > p {
	font-size: 30px;
	line-height: 32px;
}

.contents .result-samsung-area.warn div.b > p {
	font-size: 20px;
	line-height: 22px;
}

.contents .result-samsung-area div.b > p > span {
	color: #FF0000;
}


.contents .result-samsung-area.warn div.b > p > span {
	color: #FF0000;
}

.contents .result-samsung-area div.b > p:first-child {
	font-size: 30px;
}

.fixed {position: fixed; top: 0; width: 100%; max-width: 768px; padding-bottom:10px; box-shadow: 0px 0px 10px 0px #ccc;}

.contents .qrcode-area		{ text-align: center; position: relative; margin: 0px auto; }
.contents .qrcode-area > div {margin: 0px auto; border: 1px solid #ccc; border-radius: 10px; position: relative;
							background-color: #F9F9F9; padding: 15px 0px; text-align: center; max-width: 320px; width: 100%;
						}
.contents .qrcode-area > div > .title-area { padding-bottom: 15px; border-bottom: 1px solid #ccc;}
.contents .qrcode-area > div > .date-area { padding-top: 15px; border-top: 1px solid #ccc;}
.contents .qrcode-area > div button { position: absolute; bottom: 8px; right: 10px; width: 35px; height: 35px; padding: 5px 9px;}
.contents .qrcode-area > div button::after { content:' '; 
	background : transparent url(../images/survey/icon_download.png) no-repeat center center;
	background-size: 16px 16px; display: block; width: 16px; height: 16px; 
}

.contents .visit-area	{ text-align: center; }
.contents .visit-area > button	{ width: 100%; background-color: #8B8C91; border-color: #8B8C91; max-width: 250px; color: #fff; font-weight: 700; line-height: 1.2; padding: 10px 16px; font-size: 16px; }
.contents .visit-area > button > span { color: #FFF257; font-size: 13px;}
.reset { width: 240px; }

.survey_sb_list .iconScoreTable.vertically		{ width: auto; margin-left: 10px;}
.survey_sb_list .iconScoreTable.vertically label > div.score > .line-first {
	height: 50%;
	bottom: 0px;
}
.survey_sb_list .iconScoreTable.vertically label > div.score > .line {
	position: absolute;
	height: 100%;
	width: 4px;
	background-color: #dadada;
	left: 9px;
	z-index: -1;
}

.survey_sb_list .iconScoreTable.vertically label > div.score {
	height: 25px; float:left;
}

.survey_sb_list .iconScoreTable.vertically label > div.exampleText {
	float:left; padding-left: 10px; padding-top: 1px;
}

.survey_sb_list .iconScoreTable.vertically label > div.score > .line-last {
	height: 50%;
	top: 0px;
}

.survey_sb_list .scoreTempBar {
	width: 100%;
	position: relative;
	cursor: pointer;
}
.survey_sb_list .scoreTempBar.hor {
	padding-top: 20px !important;
}

.survey_sb_list .scoreTempBar.hor > .bar {
	border: 5px #dadada solid;
	height: 22px;
	width: 100%;
	border-left: none;
	border-top-left-radius: 0px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	background-color: #f7f7f7;
	position: absolute;
	left: 5px;
	top: 20px;
}

.survey_sb_list .scoreTempBar.hor > .score {
	border: 5px #dadada solid;
	padding: 10px 2px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	position: absolute;
	left: 0px;
	top: 6px;
	background-color: #f7f7f7;
	color: #fff;
	font-weight: 700;
	font-size: 15px;
	text-align: center;
	z-index: 9;
}
.survey_sb_list .scoreTempBar.hor table {
	width: 100%; table-layout: fixed;
}
.survey_sb_list .scoreTempBar.hor table td {
	vertical-align: top;
	position: relative;
}
.survey_sb_list .scoreTempBar.hor table td label {
	width: 100%;
}
.survey_sb_list .scoreTempBar.hor table td .line {
	height: 22px;
	border-top:5px #dadada solid;
	border-bottom:5px #dadada solid;
	position: relative;
	margin-bottom: 10px;
	transition: all ease 0.5s 0s;
}
.survey_sb_list .scoreTempBar.hor table td.line-last .line {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.survey_sb_list .scoreTempBar.hor table td .line > span {
	height: 8px;
	border-right: 2px solid #ddd;
	position: absolute;
	right:2px;
}
.survey_sb_list .scoreTempBar.hor table td.on .line {
	background-color: #dd0612;
	transition: all ease 1s 0s;
}
.survey_sb_list .scoreTempBar.hor table td.line-first .exampleText {
	margin-top: 32px;
}
.survey_sb_list .scoreTempBar.hor table td.line-first .line {
	width: 6px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	position: absolute;
	z-index: 99;
	top: 0px;
	right: 0px;
	background-color: #f7f7f7;
}

.survey_sb_list .scoreTempBar table input {
	display: none;
}

.survey_sb_list .scoreTempBar.hor table .exampleText {
	text-align: right;
}
.survey_sb_list .scoreTempBar.ver {
	margin-left: 5px;
}
.survey_sb_list .scoreTempBar.ver > .score {
	border: 5px #dadada solid;
	padding: 10px 2px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-color: #f7f7f7;
	color: #fff;
	font-weight: 700;
	font-size: 15px;
	text-align: center;
	z-index: 9;
}
.survey_sb_list .scoreTempBar.ver > .bar {
	border: 5px #dadada solid;
	height: 100%;
	width: 22px;
	border-bottom: none;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #f7f7f7;
	position: absolute;
	left: 14px;
	bottom: 5px;
}
.survey_sb_list .scoreTempBar.ver table {
	width: auto;margin-left: 14px; table-layout: fixed;
}
.survey_sb_list .scoreTempBar.ver table td {
	vertical-align: top;
	position: relative;
	padding: 0px;
	display: flex;
	line-height: 24px;
}
.survey_sb_list .scoreTempBar.ver table td label {
	display: flex; clear: both;
}
.survey_sb_list .scoreTempBar.ver table td label > div {
	float: left;
}
.survey_sb_list .scoreTempBar.ver table td label > div.exampleText {
	margin-left: 20px;
	line-height: 24px;
}
.survey_sb_list .scoreTempBar.ver table td .line {
	width: 22px;
	border-left:5px #dadada solid;
	border-right:5px #dadada solid;
	position: relative;
	transition: all ease 0.5s 0s;
}
.survey_sb_list .scoreTempBar.ver table td.line-first {
	height: 51px;
}
.survey_sb_list .scoreTempBar.ver table td.line-first div.exampleText {
	margin-left: 43px;
}
.survey_sb_list .scoreTempBar.ver table td.line-first .line {
	height: 7px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	position: absolute;
	z-index: 99;
	top: 0px;
	left: 0px;
	background-color: #f7f7f7;
}
.survey_sb_list .scoreTempBar.ver table td.line-last .line {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.survey_sb_list .scoreTempBar.ver table td .line > span {
	width: 8px;
	border-top: 2px solid #ddd;
	position: absolute;
	right: 0px;
	top: 2px;
}
.survey_sb_list .scoreTempBar.ver table td.on .line {
	background-color: #dd0612;
	transition: all ease 1s 0s;
}
.survey_sb_list .scoreTempBar > .score.on {
	background-color: #dd0612;
	transition: all ease 1s 0s;
}
.survey_sb_list .scoreTempBar table td.line-first.on .line {
	background-color: #dd0612;
	transition: all ease 1s 0s;
}

.survey_sb_list .matrix-star-area {
	position: relative; margin: 0px auto; width: 37px; height: 34px; float: left;
}
.survey_sb_list .matrix-star-area p { display: none; }
.survey_sb_list .matrix-star-area .star {
	width: 36px; height: 34px; position: absolute; top: 0px;
	background: url("../images/survey/iconStar.png") no-repeat 0px 0px;
	z-index: 1; margin: 0px;
	display:block; background-color: #dadada;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.survey_sb_list .matrix-star-area .star-on { background-color: #2056AC; }


.rank-area .choice label > span { border:1px solid #ccc; border-radius: 15px; padding: 2.5px 8px; padding-bottom: 4px;}
.rank-area .choice label > span[data-rank="1"] { background-color: #F04C4D; color: #fff; border:none; }
.rank-area .choice label > span[data-rank="2"] { background-color: #FF9750; color: #fff; border:none; }
.rank-area .choice label > span[data-rank="3"] { background-color: #509C90; color: #fff; border:none; }
.rank-area .choice label > span[data-rank="4"] { background-color: #564475; color: #fff; border:none; }
.rank-area .choice label > span[data-rank="5"] { background-color: #AF8AB6; color: #fff; border:none; }

.rank-area .answer_etc { margin-top: 8px; display: block; }
.answerimg .answer_etc { margin-top: 8px; }

.etc-select {
	font-size: 14px;
	display: inline;
	width: auto !important;
	height: 30px !important;
	padding: 0px !important;
	margin-top: -7px !important;
}