/******************************************************************************************************************************************
*	Caution			: CORE 스크립트에는 URL 추적 코드가 압축되어 있으며, 파일 호출 시 해당 URL이 Google Analytics에 Referral 됩니다.
					  Referral에 기록된 IP와 URL은 철저하게 감시하여 저작권 침해시,"대한변리사회" (응용미술저작물) 침해로 처벌 될 수 있으니 유의하시기 바랍니다.
*	IE Hack			: @media screen\0 {}
*******************************************************************************************************************************************/
@charset "utf-8";


/* Survey Layout */
.layout_wrap {position: relative; max-width:var(--max-width); margin: 0px auto; overflow-x: auto; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;}
.layout_cont { overflow: hidden;}
.layout_head		{position:relative; height:80px;}
.layout_head .logo {position: absolute; top:20px; left: 20px;}
.layout_body {padding:0px;}
.layout_body>h2 {font-size: 30px; color: #000; text-align: center; font-weight: 500; margin-bottom: 30px;}
.layout_foot {background: #f5f5f5; padding: 30px; color: #999;}
.layout_foot > p+p {margin-top: 10px;}

/** 설문컨텐츠 **/
.step_gage				{position:absolute; top:10px; right:10px;}
.step_gage>div			{display:inline-block; width:250px; height:18px; background:#DDD; border-radius:9px; margin-right:60px;}
.step_gage>div>span		{display:block; height:18px; background:var(--IDTcolor); border-radius:9px;}
.step_gage .pertxt		{position:absolute; right:0px; top:-2px; width:60px; text-align:right; font-family:Roboto; font-weight:700; color:#000; font-size:16px;} 


.survey_wrap			{overflow-x:auto; overflow-y:hidden;}
.survey_Q				{position:relative; padding:0px 20px 30px 0px;} 
.survey_Q > p			{font-size:16px; color:#000; letter-spacing:-1px;}
.survey_Q strong		{font-weight:700;}


@media  (max-width:571px) {
	.layout_head		{height:40px;}
	.step_gage			{top:10px; right:5px; font-size:12px;}
	.step_gage>div		{width:120px; height:12px; border-radius:6px; margin-right:40px;}
	.step_gage>div>span {height:12px; border-radius:6px;}
	.step_gage .pertxt	{position:absolute; right:0px; top:-3px; width:40px; font-size:14px;} 

	.survey_Q			{padding:0px 15px 25px 0px;} 
	.survey_Q > p		{font-size: 14px;}
}


/* 진단결과 */
.survey_resultWRAP						{width:100%; text-align:center; position:relative;}
.survey_result_title					{position:relative; top:0; left:50%; color:#FFF; font-family:celmonHG; font-size:22px; font-weight:800; text-align:center; width:250px; padding:20px; -ms-transform:translate(-50%, 0%); -webkit-transform:translate(-50%, 0%); transform:translate(-50%, 0%); background:var(--IDTcolor); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.survey_result_title:after				{content:''; position:absolute; border-style:solid; border-width:15px 15px 0; border-color:var(--IDTcolor) transparent; display:block; width:0; z-index:1; bottom: -15px; left:110px;}

/* Survey View Box */
.surveyViewBox							{margin-top:30px; padding:0px 40px; background-color:#FFF; box-sizing:border-box; border:1px solid rgba(0,0,0,.1); -webkit-box-shadow:6px 4px 7px -4px rgba(0,0,0,0.2); box-shadow:6px 4px 7px -4px rgba(0,0,0,0.2);}
.surveyViewBox.txtBox					{margin-top:10px; padding:35px 25px; font-size:18px; font-weight:700;}

.surveyViewBox .vwtitleWrap				{display:inline-block; width:100%; margin:20px auto;}
.surveyViewBox .vwtitle					{font-family:GongGothic; font-size:20px; font-weight:900; color:var(--IDTcolor); letter-spacing:-1px;}

.surveyViewBox_Tabmenu					{display:flex; justify-content:space-between; padding-bottom:10px; border-bottom:1px solid #EDEDED;}
.surveyViewBox_Tabmenu ul				{display:flex; align-items:center;}
.surveyViewBox_Tabmenu ul li			{font-family:GongGothic; font-weight:500; font-size:16px; color:#504f4f; letter-spacing:-1px; margin-right:24px; cursor:pointer;}
.surveyViewBox_Tabmenu ul li.on			{font-size:20px; font-weight:900; color:var(--IDTcolor);}


@media screen and (max-width:997px) {
	.surveyViewBox					{padding:33px 0px; border:1px solid rgba(0,0,0,0); -webkit-box-shadow:none; box-shadow:none;}
}

#graphArea								{padding:30px 20px; background-color:#FFF}
#graphArea canvas						{margin:30px auto;}
#tableArea								{padding:30px 20px;}
.surveyTBLview							{width:100%}
.surveyTBLview .classtype				{font-family:celmonHG; font-weight:900; font-size:38px; color:#FFF;}