/* 공통 ================================================================================== */

.mentaltest_top									{width:100%;text-align:right;padding: 15px 12px;color:#fff; font-size:1em; background:#034387 ;  position:relative; display: flex; flex-flow:wrap;justify-content: space-between; }
.mentaltest_top	span						{color: #fff; font-weight:600;}
.mentaltest_top	i								{ font-size:0.95em;color: #034387; margin-left:6px; text-align:center;width:22px;height:22px;line-height:22px;background:#fff;border-radius:50%;}

.mentaltest_testlogo							{ }
.mentaltest_testlogo img					{height:23px;}

#mentaltest_membermod_box				{display:none;position:absolute;z-index:2;background:#fff;}
.mentaltest_membermod_fade				{position:absolute; top:0%; left:0%; width:100%; height:100%; background:transparent; z-index:1000 !important; }
.mentaltest_text_deco01							{text-decoration:line-through !important;}

.mentaltest_bg1										{background:#fff8df;}

.mentaltest_top_titbox								{position:relative; background:#fff;  padding:30px 0; text-align:center;  border-radius:20px 20px 0 0; }
.mentaltest_top_titbox .tit						{font-size: 1.7em; line-height:1.3;   font-weight: 700; color: #09459a; letter-spacing: -1px;  transition:all 0.3s ease;} 	  /* 큰 글씨 제목 */
.mentaltest_top_titbox .file						{background:#f7f7f7; padding:15px 20px; margin-top:15px; font-size:0.9em;}   /* 파일이 있을 때 */
.mentaltest_top_titbox .file li					{position:relative;font-size:0.9rem; color:#888;}
.mentaltest_top_titbox .file li span			{display: inline-block; padding:0 0 0 10px;font-size:0.85rem;color:#aaa;}

 @media screen and (max-width:800px) {  
	.mentaltest_top_titbox							{padding:20px  ;   } 
	.mentaltest_top_titbox .tit					{font-size: 1.5em; } 
  
}

.gtable tbody .danger						{position:relative; font-size:0.95em; color: red;font-weight:bold; border:1px solid rgb(255,0,0,0.5);width:29px;height:29px;line-height:26px; border-radius:50%;margin:0 auto;}
 


/* 관리자 - 학생검색 박스형 메뉴   ==================================================================================== */
.mentaltest_std_tabmenu01							{position:relative; margin-bottom:20px; border:1px solid #3e81ed;  padding:6px 10px  ; background:#fff;overflow:hidden;border-radius:4px;}
.mentaltest_std_tabmenu01 .box					{position:relative;padding:4px 0;overflow:hidden;border-bottom:1px solid #eee;}
.mentaltest_std_tabmenu01 .box:last-child	{border-bottom:0;}
.mentaltest_std_tabmenu01 .box .tits			{position:relative;float:left;background:#798291;width:110px;padding:6px 5px;text-align:center;color:#fff;font-weight:500;border-radius:3px; line-height:140%;}
.mentaltest_std_tabmenu01 .box .tits a			{color:#fff;}
.mentaltest_std_tabmenu01 .box .tits:after	{position:absolute; content:'';  right:-8px; top:4px; width:1px; height:24px; background:#e5e5e5;}
.mentaltest_std_tabmenu01 .box ul				{margin-left:122px;}
.mentaltest_std_tabmenu01 .box li				{float:left;}
.mentaltest_std_tabmenu01 .box li a				{display:block;text-align:center; padding:6px 5px; min-width:70px; color:#555;   background:#f0f0f0;margin:0 3px; border-radius:3px;line-height:140%;}
.mentaltest_std_tabmenu01 .box li a.on		{font-weight:500;color:#1170dc; background:#cde2fa;  }
.mentaltest_std_tabmenu01 .box select			{margin: 0px 3px;min-height:32px !important;}


/* 관리자 - 양식 ================================================================================== */
.mctype_number								{background-color:#4c5a69;color:#ffffff;width:30px;text-align:center;border:1px solid #4c5a69;}
.mcexam_number								{background-color:#999999;color:#ffffff;width:100%;text-align:center;border:0;line-height:30px;}
.mcother_number								{background-color:#999999;color:#ffffff;width:27px;height:27px;line-height:27px;text-align:center;border:1px solid #999999; border-radius:100%;}
.mcother_number2							{background-color:#e7e7e7;color:#333333;width:30px;text-align:center;border:1px solid #e7e7e7;}
.mcother_bg									{background-color:#e7e7e7;}

.mentaltest_open							{text-align:center;margin-bottom:10px;}
.mentaltest_openlists						{position:relative;padding:5px 12px;border-top:1px dashed #ddd;}
.mentaltest_openlists:after					{position:absolute;content:'';display:block;left:0;top:12px;width:3px;height:3px;border-radius:100%;background:#f89b6c;}


.mentaltest_content_sort					{border:2px dashed #000;height:100px;}

.mentaltest_preview_padding					{padding:0px 10px;}
.mentaltest_preview_bar						{height:100%;display:flex;justify-content:center;}
.mentaltest_preview_bar .bar_line			{width:1px;height:100%;background:#ddd;}


.mentaltest_admin_qbox						{position:relative; overflow:hidden;padding:5px;border :1px solid #a3b0d6;margin:8px 0;border-radius:5px;} 
.mentaltest_admin_qbox .qline				{position:relative; overflow:hidden;background:#eaeef9;padding:10px 5px; }
.mentaltest_admin_qbox .qline .no			{float:left;width:60px; text-align:center;}
.mentaltest_admin_qbox .qline .tit			{float:left;width:100px; padding:0 0 0 10px; line-height:30px;font-weight:400;}
.mentaltest_admin_qbox .qline .input		{float:left; width:80%;}
.mentaltest_admin_qbox .qline .btn_area		{float:right; padding:3px 10px 0 0; text-align:right;}
.mentaltest_admin_qbox .qline02				{position:relative; overflow:hidden;background:#fff;padding:10px 5px; border-bottom:1px dashed #a3b0d6; }
.mentaltest_admin_qbox .tit02				{float:left;width:100px;padding:0 0 0 10px; line-height:28px;margin:0 0 0 60px;font-weight:400;}
.mentaltest_admin_qbox .input02				{float:left; width:calc(100% - 160px);}
 
.mentaltest_admin_qbox .abox				{position:relative; overflow:hidden;background:#fff;padding:10px 5px;}
.mentaltest_admin_qbox .abox ul				{position:relative; }
.mentaltest_admin_qbox .abox ul li			{position:relative; overflow:hidden;padding:8px 0; } 
.mentaltest_admin_qbox .abox ul li .no		{float:left;width:50px;margin:1px 0 0 0;}
.mentaltest_admin_qbox .abox ul li .cont	{float:left;width:calc(100% - 160px);}
.mentaltest_admin_qbox .abox ul li .btn		{float:right;padding:0 10px 0 0;}


.mentaltest_admin_view_tbox01				{display:inline-block;background:#26abe3;border:1px solid #1999cf;color:#fff;line-height:27px;width:55px;text-align:center;margin:0 10px 0 0;}
.mentaltest_admin_view_tbox02				{display:inline-block;background:#3fc5ca;border:1px solid #38b8bd; color:#fff;line-height:27px;width:55px;text-align:center;margin:0 10px 0 0;}
.mentaltest_admin_view01					{position:relative;}
.mentaltest_admin_view01 dl					{position:relative; overflow:hidden;padding:5px 15px; } 
.mentaltest_admin_view01 dl	 dt				{float:left;width:50px;margin:1px 0 0 0;}
.mentaltest_admin_view01 dl	 dd				{float:left;width:calc(100% - 50px); line-height:29px; }


 





/* 사용자 검사그룹 리스트  ================================================================================== */
.mentaltest_listbox								{position:relative; display: grid; grid-template-columns: repeat(4, 1fr); gap:30px; } 
.mentaltest_listbox li								{position:relative;top:0;text-align:center;   padding:35px  30px;background:#5e93f3; border-radius:20px; display: flex; flex-direction: column; justify-content:center; align-items:center;cursor:pointer; transition:all 0.3s ease;}
.mentaltest_listbox li:nth-child(2)		{background:#f47a6d;}
.mentaltest_listbox li:nth-child(3)		{background:#00c2c4;}
.mentaltest_listbox li:nth-child(4)		{background:#1aa8e8;}
.mentaltest_listbox li:nth-child(5)		{background:#5544d8;}
.mentaltest_listbox li:nth-child(6)		{background:#9c54d9;}
.mentaltest_listbox li:nth-child(7)		{background:#df83d1;}
.mentaltest_listbox li > :is(a,div)			{cursor:pointer;}
.mentaltest_listbox .img						{ margin:5px 0 20px 0;transition:all 0.3s ease;}
.mentaltest_listbox .tit							{font-size:1.4em;letter-spacing:-1px; font-weight:500;color:#fff; padding-bottom:15px;  }
.mentaltest_listbox .txt							{font-size:0.95em; color:#fff;font-weight:300; letter-spacing:-1px; line-height:1.4;   }
 
.mentaltest_listbox .img span				{display:inline-block;width:120px; height:120px; border-radius:50%;background-color:#fff;  transition:all 0.3s ease;  background-size:120px auto;  }
.mentaltest_listbox .img .icon01			{background-image:url(../img/test_icon01.png); background-repeat:no-repeat;background-position: center 50%;}
.mentaltest_listbox .img .icon02			{background-image:url(../img/test_icon02.png); background-repeat:no-repeat;background-position: center 50%;}
.mentaltest_listbox .img .icon03			{background-image:url(../img/test_icon03.png); background-repeat:no-repeat;background-position: center 50%;}
.mentaltest_listbox .img .icon04			{background-image:url(../img/test_icon04.png); background-repeat:no-repeat;background-position: center 50%;}
.mentaltest_listbox li:hover .img span			{ background-color:#fff;} 
.mentaltest_listbox .btn  						{display:block; padding:0 60px 0 40px; line-height:50px; font-size:0.9em; color:#fff; background:url('../img/arrow01.png') no-repeat 88% 50% #000; letter-spacing:-1px;  border-radius:50px; margin-top:30px;}

.mentaltest_listbox li:hover					{top:-15px; box-shadow: 0 0 15px 0 rgba(0,0,0,0.25);}
 
.mentaltest_nolist									{text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:100px 0; color:#999;}


@media screen and (max-width:1200px) {
	.mentaltest_listbox							{grid-template-columns: repeat(2, 1fr); gap:30px  ;}
}

@media screen and (max-width:1100px) {
	.mentaltest_nolist									{padding:60px 0;}
	.mentaltest_listbox								{  gap:30px  20px;}
	.mentaltest_listbox li								{ padding:   30px 25px;}
	.mentaltest_listbox .img						{ margin:0 0 15px 0;}
	.mentaltest_listbox .img span				{ width:100px; height:100px; background-size:100px auto;  } 
	.mentaltest_listbox .tit							{font-size:1.3em;  padding-bottom:10px;  }
	.mentaltest_listbox .btn  						{ line-height:45px;margin-top:20px;}
}

@media screen and (max-width:600px) {
	.mentaltest_listbox							{grid-template-columns: repeat(1, 1fr);}
	.mentaltest_listbox .tit						{font-size:1.2em;  } 
	.mentaltest_listbox li							{padding:30px  ; }   
}




/* 검사결과 - 마이페이지  ================================================================================== */

.mentaltest_mysin_topbox										{position: relative; padding:20px; text-align:center;background:#f3f7ff; border:1px solid #d4ddef;border-radius:15px;margin-bottom:30px;  transition:all 0.3s ease;}
.mentaltest_mysin_topbox .txt01							{ font-size:1.35em; color:#034387;font-weight:600;letter-spacing:-1px; margin:25px 0 35px 0; transition:all 0.3s ease;}
.mentaltest_mysin_topbox .txt01 span					{ display:inline-block; font-family: 'GmarketSansBold';font-size:1.25em; color:#034387; box-shadow: inset 0 -8px 0 #ffe8b6; padding:0 1px; color:#ff6600;}
.mentaltest_mysin_topbox .graph							{position: relative;margin:auto; max-width:820px;display: grid; grid-template-columns: repeat(4, 1fr); gap:2px; }
.mentaltest_mysin_topbox .graph li						{position: relative; padding:15px 0; font-size:0.9em;font-weight:500;letter-spacing:-1px;color:#fff;border-right:2px solid #fff; z-index:11; transition:all 0.3s ease;}
.mentaltest_mysin_topbox .graph li:last-child		{border-right:0;}
.mentaltest_mysin_topbox .graph:before				{position:absolute;content:'';left:0;top:0;width:100%;height:100%;   background: linear-gradient(to right, #4ca520, #ffa800, #e32d82);border-radius:50px;  transition:all 0.3s ease;}
.mentaltest_mysin_topbox .graph li.on:after			{position:absolute;content:'';left:calc(50% - 5px); bottom:-10px; width:0px;height:0px;border-right:10px solid transparent;border-left:10px solid  transparent;border-bottom:15px solid #000;transition:all 0.3s ease;}   /* 그래프에서 현재 점수 표시 - 화살표 */
.mentaltest_mysin_topbox .graph_cont					{padding:30px; background:#fff;margin:40px 0 0 0;border-radius:10px;}  /* 현재 점수 설명 */

.mentaltest_mysin_resultbox									{position: relative;display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px 20px; margin-bottom:60px;}  /* 결과 전체 설명 */
.mentaltest_mysin_resultbox li								{border:1px solid #ddd;border-radius:15px; padding:30px; display: flex; flex-direction: column;  align-items:center; text-align:center;}
.mentaltest_mysin_resultbox li .check					{padding:0 0 15px 0;}
.mentaltest_mysin_resultbox li .tit							{font-size:1.1em;font-weight:600;padding:0 0 15px 0; letter-spacing:-1px;color:#111; text-align:center;}
.mentaltest_mysin_resultbox li .tit span					{ display:block;color:#ff6600;font-size:0.85em;}
.mentaltest_mysin_resultbox li .cont						{letter-spacing:-1px;} 


@media screen and (max-width:1200px) {
.mentaltest_mysin_resultbox									{  grid-template-columns: repeat(2, 1fr);  }
}
@media screen and (max-width:1100px) {
.mentaltest_mysin_resultbox li								{ padding:30px 20px; } 
.mentaltest_mysin_resultbox li .cont						{font-size:0.95em;}
.mentaltest_mysin_resultbox li .cont br					{display:none;}
}
@media screen and (max-width:800px) {
.mentaltest_mysin_topbox .txt01							{ font-size:1.25em; margin:20px 0 30px 0;}
.mentaltest_mysin_topbox .graph_cont					{padding:20px; }
.mentaltest_mysin_topbox .graph li						{padding:12px 5px;font-size:0.85em; }  
}
@media screen and (max-width:600px) {
.mentaltest_mysin_topbox										{ padding:15px;  }
.mentaltest_mysin_resultbox									{  grid-template-columns: repeat(1, 1fr);  }
.mentaltest_mysin_topbox .txt01							{ font-size:1.1em;margin:15px 0 20px 0;}
.mentaltest_mysin_topbox .graph_cont					{font-size:0.9em; margin:30px 0 0 0;}
.mentaltest_mysin_topbox .graph li						{   font-size:0.75em; line-height:1.2; font-weight:300;}   
.mentaltest_mysin_topbox .graph li.on:after			{ left:calc(50% - 4px); bottom:-7px;  border-right:8px solid transparent;border-left:8px solid  transparent;border-bottom:12px solid #000; }   /* 그래프에서 현재 점수 표시 - 화살표 */
}


/* 검사결과 - 마이페이지  ================================================================================== */





 
/* 사용자 검사그룹 폼  ================================================================================== */
.mentaltest_topbox														{position: relative;  background:url('../img/test_view_bg.png') no-repeat center 50% #d1e4fa; background-size:cover; letter-spacing:-1px; font-weight:600; border-radius:20px; overflow:hidden; margin-bottom:40px; transition:all 0.3s ease;}
.mentaltest_topbox .txt_box										{ position: relative;  padding:5.5% 0 5.5% 7%; transition:all 0.3s ease;  }
.mentaltest_topbox .txt_box .item								{ padding:0 44% 0 0; font-size:1.15em;  color:#222; letter-spacing:-1px;line-height:1.5;   transition:all 0.3s ease;}
.mentaltest_topbox .txt_box .item .txt01					{  font-family: 'GmarketSansBold';font-size:2.2em;  color:#09459a;padding:0 0 15px 0; transition:all 0.3s ease;}
.mentaltest_topbox .txt_box .item .txt02					{z-index:11;word-break:keep-all !important;}
.mentaltest_topbox .txt_box .item .txt03					{  font-size:0.85em;   padding:20px 0 0 0;  transition:all 0.3s ease; opacity:0.6;}

.mentaltest_topbox .img_box										{ position: absolute;content:'';right:0; top:0; width:44%;height:100%;max-height:520px;  transition:all 0.3s ease; background-size:contain; background-repeat:no-repeat; background-position:100% 50%; z-index:1;pointer-events: none;}
 
.mentaltest_viewbox02												{position: relative;  margin-bottom:40px; background:#f3f3f3;padding:40px; border-radius:30px;  }

.mentaltest_topbox .btn_wrap									{padding:40px 0 0 0; z-index:999; }


.mentaltest_formbox										{counter-reset: queCounter 0;  }   
.mentaltest_formbox .inner								{position: relative;  border:30px solid #f5f5f5;   overflow:hidden; transition: all 0.3s ease; }  /*  심리검사 폼 전체 박스 */
.mentaltest_formbox .tit_wrap						{position: relative;  background: #007fdf; padding: 35px 30px ;  transition: all 0.3s ease; border-radius: 15px 15px 0 0;   }
.mentaltest_formbox .tit_wrap .tit					{font-weight: 600; font-size: 1.4em; color: #fff; line-height:1.2;text-align:center; transition: all 0.3s ease;  }
.mentaltest_formbox .tit_wrap .page				{position: absolute; right: 30px; top:calc(50% - 18px); margin:2px 0px; background:#fff;border: 0 solid #ddd; border-radius: 5px; padding: 0 15px; height:32px;font-size:0.9em; transition: all 0.3s ease;  }
.mentaltest_formbox .tit_wrap .page span	{font-size: 1.2em; font-weight: 500; line-height:30px;} 

.mentaltest_formbox .info_wrap						{background: #f5f5f5;  font-weight:600;  font-size: 1.2em; color: #09459a;letter-spacing:-1px; text-align: center; padding:0 0 35px 0;  }
 
.mentaltest_formbox .check_wrap					{background-color: #fff;  padding:40px 0; margin: 0 30px; border-bottom:1px dashed #c5c5c5; }
.mentaltest_formbox .check_wrap:last-child		{border-bottom:0;}
.mentaltest_formbox .check_wrap .questions			{display: flex; font-size: 1.25em; font-weight: 500; color: #111; margin-bottom: 20px; align-items: center; line-height: 1.1; padding:0px 10px;  transition: all 0.3s ease;  }

.mentaltest_formbox .check_wrap .questions:before	{content: "";display: block;counter-increment: queCounter 1; content: counter(queCounter);width: 45px;height: 45px;line-height: 45px;text-align: center;font-weight: 500;color: #fff; background: #007fdf; border-radius:50%; margin-right: 18px; flex: 0 0 auto;  transition: all 0.3s ease;  }

.mentaltest_formbox .check_wrap .questions span		{color: #fe6600; font-size: 0.9rem; margin-left:20px;}

.mentaltest_formbox .check_wrap .answers1			{display: flex; flex-wrap: wrap; transition: all 0.3s ease;  }
.mentaltest_formbox .check_wrap .answers1 li			{width: 20%; padding: 10px; flex: 0 1 auto; transition: all 0.3s ease; } 
.mentaltest_formbox .check_wrap .answers1 li .examcons {position: relative; height: 100%; border: 1px solid #ddd; color:#333; border-radius:10px; min-height: 60px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; padding: 15px; background-color: #fff; word-break: keep-all;   }

.mentaltest_formbox .check_wrap .answers2 li .examcons {position: relative; height: 100%; border: 1px solid #ddd; border-radius: 5px; min-height: 60px; padding: 15px; background-color: #fff; word-break: keep-all;margin-bottom:5px;  }


.mentaltest_formbox .check_wrap :is(.answers1,.answers2) li label input[type="radio"],
.mentaltest_formbox .check_wrap :is(.answers1,.answers2) li label input[type="checkbox"] { border: 0; clip: rect(0, 0, 0, 0); height: auto;  margin: 0; overflow: hidden; padding: 0;  position: absolute;  width: 1px; white-space: nowrap;}

.mentaltest_formbox .check_wrap :is(.answers1,.answers2) li label input[type="radio"]:checked + .examcons,
.mentaltest_formbox .check_wrap :is(.answers1,.answers2) li label input[type="checkbox"]:checked + .examcons { border: 2px solid #007fdf; color: #007fdf; }

/* 검사완료 큰 버튼 */
.mentaltest_btn01							{font-weight:500;display:inline-block;text-align:center; font-size:1.2em; letter-spacing:-1px; border:1px solid #111; background:#111; color:#fff;  line-height:70px; cursor:pointer; min-width:270px;vertical-align:middle; transition: all 0.3s ease; border-radius:50px; margin:0 2px; } 
.mentaltest_btn02							{font-weight:500;display:inline-block;text-align:center; font-size:1.2em; letter-spacing:-1px; border:1px solid #999; background:#fff; color:#333;  line-height:70px; cursor:pointer; min-width:270px;vertical-align:middle; transition: all 0.3s ease; border-radius:50px; margin:0 2px; }

.mentaltest_btn01:hover, .mentaltest_btn02:hover				{border-color:#09459a; background:#09459a; color:#fff;}
 
.mentaltest_btn_wrap					{background:#f5f5f5; padding:10px 0 50px 0;text-align:center;}

 

@media screen and (max-width:1200px) { 
.mentaltest_topbox .img_box										{  background-position:120% 50%;  }
} 
@media screen and (max-width:1100px) { 
.mentaltest_topbox 														{border-radius:20px;  } 
.mentaltest_topbox .txt_box 										{padding:4.5% 0 4.5% 5.5%; } 
.mentaltest_topbox .txt_box .item								{  font-size:1.05em; } 
.mentaltest_topbox .txt_box .item .txt01					{ padding:0 0 10px 0; font-size:2.1em; } 

.mentaltest_viewbox02												{ padding:40px; border-radius:20px;  } 
.mentaltest_topbox .btn_wrap									{padding:35px 0 0 0; }
 
}
@media screen and (max-width:1024px) { 
.mentaltest_topbox .txt_box 										{padding:4.5% 0 4.5% 5%; } 
.mentaltest_topbox .txt_box .item								{  font-size:1em; } 
.mentaltest_topbox .txt_box .item br							{display:none;} 
 

.mentaltest_formbox .check_wrap .answers1			{display: grid; grid-template-columns: repeat(3, 1fr); gap:15px;  }
.mentaltest_formbox .check_wrap .answers1 li			{width: initial; padding:initial;} 

}
@media screen and (max-width: 800px) { 
	.mentaltest_topbox														{display: grid; grid-template-columns:1fr;padding-top:15px;   margin-bottom:30px;   }
	.mentaltest_topbox .txt_box 										{padding:4.5% 0 4.5% 0; } 
	.mentaltest_topbox .txt_box .item								{padding:0  30px   ;text-align:center; font-size:0.95em; line-height:1.4; } 
	.mentaltest_topbox .txt_box .item .txt01					{ padding:0 0 15px 0; font-size:2em; } 
	.mentaltest_topbox .txt_box .item .txt03					{font-size:0.9em;padding:10px 0 0 0; }
	.mentaltest_topbox .txt_box 										{order:2; } 
	.mentaltest_topbox .img_box										{order:1;position: relative; right:initial; bottom:initial; width:100%;height:200px;background-position:center 0; }
	.mentaltest_viewbox02												{ padding:30px; margin-bottom:30px;  } 
.mentaltest_topbox .btn_wrap										{padding:25px 0 20px 0; text-align:center; }

	.mentaltest_formbox .tit_wrap						{ padding:   20px   ;border-radius: 10px 10px 0 0;  }
	.mentaltest_formbox .tit_wrap .tit					{  font-size: 1.2em; }
	.mentaltest_formbox .tit_wrap .page				{ right: 20px; top:calc(50% - 16px);  padding: 0 10px; height:28px;font-size:0.8em; }
	.mentaltest_formbox .tit_wrap .page span	{line-height:26px;} 

	.mentaltest_formbox .info_wrap						{ font-size: 1.1em;font-weight:500; padding:0 0 20px 0  ;  }
	.mentaltest_formbox .inner								{ border:15px solid #f5f5f5; }
	.mentaltest_formbox .check_wrap					{ padding:30px 0; margin: 0 15px;  }
	.mentaltest_formbox .check_wrap .questions			{  font-size: 1.15em; margin-bottom: 20px;  padding:0px 10px;}
	.mentaltest_formbox .check_wrap .answers1			{display: grid; grid-template-columns: repeat(2, 1fr); gap:10px;  } 
	.mentaltest_formbox .check_wrap .answers1 li .examcons { min-height: 50px;  padding: 10px; font-size:0.9em; } 
	.mentaltest_formbox .check_wrap .answers2 li .examcons  { min-height: 50px;  padding: 10px; font-size:0.9em;  }
 
}
@media screen and (max-width: 600px) {   
	.mentaltest_topbox .txt_box .item .txt01					{  font-size:1.8em; }  

	.mentaltest_formbox .check_wrap .questions			{  font-size: 1.05em;  padding:0px 5px;}
	.mentaltest_formbox .check_wrap .questions:before	{ width:37px;height: 37px;line-height: 37px;margin-right: 13px; }

	.mentaltest_formbox .tit_wrap					{height: auto;}
	.mentaltest_formbox .tit_wrap .tit				{line-height: 1.4; max-width:80%; text-align:left;font-size: 1.1em;}

	.mentaltest_btn01, .mentaltest_btn02						{  font-size:1.1em;  line-height:60px;  min-width:initial; width:calc(100% - 30px);  border-radius:10px;   }  
}
/* 사용자 검사그룹 폼  ================================================================================== */



/* 사용자 검사그룹 폼  ================================================================================= 
.mentaltest_formbox									{counter-reset: queCounter 0;}
.mentaltest_formbox .tit_wrap						{position: relative; height: 36px; margin-bottom: 20px;}
.mentaltest_formbox .tit_wrap .tit					{font-weight: 500; font-size: 1.4em; color: #333; line-height: 36px;}
.mentaltest_formbox .tit_wrap .page					{position: absolute; right: 0; top: 0; margin:2px 0px; border: 1px solid #ddd; border-radius: 5px; padding: 0 15px; height:32px; }
.mentaltest_formbox .tit_wrap .page span			{font-size: 1.2em; font-weight: 500; line-height:30px;} 
.mentaltest_formbox .info_wrap						{background: #f7f7f7; border: 1px dashed #ddd; border-radius: 10px; font-size: 1.2em; color: #333; text-align: center; padding:20px; margin-bottom: 20px;}

 

.mentaltest_formbox .check_wrap						{background-color: #fafafa; padding: 40px; border-radius: 5px; margin-bottom: 20px; }
.mentaltest_formbox .check_wrap .questions			{display: flex; font-size: 1.3em; font-weight: 500; color: #333; margin-bottom: 20px; align-items: center; line-height: 1.1; padding:0px 10px;}

.mentaltest_formbox .check_wrap .questions:before	{content: "";display: block;counter-increment: queCounter 1; content: counter(queCounter);width: 40px;height: 40px;line-height: 40px;text-align: center;font-weight: 500;color: #fff; background: #0092d7; border-radius: 5px; margin-right: 18px; flex: 0 0 auto;}

.mentaltest_formbox .check_wrap .questions span		{color: #fe6600; font-size: 0.9rem; margin-left:20px;}

.mentaltest_formbox .check_wrap .answers1			{display: flex; flex-wrap: wrap; }
.mentaltest_formbox .check_wrap .answers1 li			{width: 20%; padding: 10px; flex: 0 1 auto;}

.mentaltest_formbox .check_wrap .answers1 li .examcons {position: relative; height: 100%; border: 1px solid #ddd; border-radius: 5px; min-height: 60px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; padding: 15px; background-color: #fff; word-break: keep-all;}

.mentaltest_formbox .check_wrap .answers2 li .examcons {position: relative; height: 100%; border: 1px solid #ddd; border-radius: 5px; min-height: 60px; padding: 15px; background-color: #fff; word-break: keep-all;margin-bottom:5px;}


.mentaltest_formbox .check_wrap :is(.answers1,.answers2) li label input[type="radio"],
.mentaltest_formbox .check_wrap :is(.answers1,.answers2) li label input[type="checkbox"] { border: 0; clip: rect(0, 0, 0, 0); height: auto;  margin: 0; overflow: hidden; padding: 0;  position: absolute;  width: 1px; white-space: nowrap;}

.mentaltest_formbox .check_wrap :is(.answers1,.answers2) li label input[type="radio"]:checked + .examcons,
.mentaltest_formbox .check_wrap :is(.answers1,.answers2) li label input[type="checkbox"]:checked + .examcons { border: 1px solid #0092d7; color: #0092d7; }


@media screen and (max-width: 580px) { 
	.mentaltest_formbox .check_wrap					{padding: 20px;} 
	.mentaltest_formbox .tit_wrap					{height: auto;}
	.mentaltest_formbox .tit_wrap .tit				{line-height: 1.4; max-width:80%;}
}
  사용자 검사그룹 폼  ================================================================================== */










/* 사용자 마이페이지 서치박스  ================================================================================== */
.mentaltest_searchbox								{position:relative;width:100%;padding:25px 30px;border:1px solid #ddd;margin-bottom:40px; border-top:2px solid #444;}
.mentaltest_searchbox_img							{position:relative; float:left;width:100px;height:100px;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Qjg2NjVFQjc1QzAxMTFFRDgzQ0E5REVCQTA0QTQyMzciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qjg2NjVFQjg1QzAxMTFFRDgzQ0E5REVCQTA0QTQyMzciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCODY2NUVCNTVDMDExMUVEODNDQTlERUJBMDRBNDIzNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCODY2NUVCNjVDMDExMUVEODNDQTlERUJBMDRBNDIzNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk1Wu9EAAApxSURBVHja7JsJXI1Z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') no-repeat center 50% #f5f5f5; border-radius:50%;}
.mentaltest_searchbox_cont							{position:relative; padding:15px 0 0 130px;}
.mentaltest_searchbox_tit							{position:relative; color:#222;font-size:1.5em;font-weight:500;letter-spacing:-1.5px; padding:0 0 20px 0;}
.mentaltest_searchbox_txt01							{position:relative; padding:0 0 25px 0;}
.mentaltest_searchbox_box							{position:relative; background:#f4f4f4;padding:20px; text-align:center; }
.mentaltest_searchbox_box div						{position:relative; display:inline;}
.mentaltest_searchbox_box input[type=text], 
.mentaltest_searchbox_box input[type=password]		{border:1px solid #ccc; line-height:34px;padding:0 8px;width:33%;margin:0 2px;}
.mentaltest_searchbox_box .btns						{display:inline-block; letter-spacing:-1px;border:0;background:#222; line-height:36px;padding:0 20px;color:#fff; border-radius:2px;}
.mentaltest_searchbox_box input::placeholder		{color:#bbb; font-size:0.9em;}
.mentaltest_searchbox_box i							{font-size:0.9em; color:#ccc; }
.mentaltest_searchbox_nolist						{width:100%; padding:215px 0 80px 0;text-align:center; margin:20px auto;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAABuCAYAAAD1TPu3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0RDNCMEYwRUE5NTlFRDExQThGRDhFNDE3MDYxMTIzQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2N0EyREMwMDY1NkIxMUVEOUY0Njk4ODU1MjA4NjAwRCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2N0EyREJGRjY1NkIxMUVEOUY0Njk4ODU1MjA4NjAwRCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjlDRUI2MjdGQTA2NEVEMTE4NTZBRTRBQTU4OUM3RjZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjREM0IwRjBFQTk1OUVEMTFBOEZEOEU0MTcwNjExMjNBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Wz+I8QAAEpRJREFUeNrsnXdwFVUbxk9MICEECFLCR0eKioKAoqioWEYdexuxt7H3sfc/HNvYex17G3svY5mxjUoRAZUmKIpAQugQevnOb3POcvbcvTdt9+Zucp6Zndvvtmff/r6bJyyUlZW1kA//k0snuRTLJV845Bo2yWW1XBbKZX5FRcWabK04zyJLd/nQx5EkceSZI5fZkjib415ZvkGW/vKht1y2cucgUeCiL5VLm5KSksqqqqpYV7aVIVm6uWOfaHSQS9/Y2alslhEhamitXMqVrnTILRRynSsb0wQqaZxUTaviWnGBMnBtslTKZapc8SZ3bnIT8kL/V0mU7tZHPeQyPU6V1ClEsjiy5DiUgTtTLsuVZNH2TMe4bRhbrJU7siSGNDzMt7zdFsrMiI0wtjpyNkuyEHa+WsbqJTk0SVfbEcah8eEI4+AI4+AI4+AI4+AI4+AI4+DgCOPgCOPgCOPgCOPgCOPgCOPg4Ajj4Ajj4Ajj4Ajj0JRQ4A5BtCgrK+OYFqullahuCclXCxco9dIb1ULB/Sq9VFRUbHSEafoEgQR0HrZXj23q+Veb5X+tkI9L5bKEx2y0vjrCZI8obeVDF1HdphNFlT51uG3V0lMu6+Q6FojqLo6VjjDJJAkPtKT2Uic2TlD5T5Nad7lepM6/kjiLHWGSQxZUDp2GJRm9iK22EoMGDRLbbrut6Nu3r+jdu7do3bq1KCkpEcXFxWLVqlVixYoVgqb52bNni5kzZ4rp06eL33//XWzenFYDoepK5TbQtDZLEmeZI0zuEqVQEaVzuu907txZHH300WKfffYRw4cPF23a1N2MWbp0qRg7dqz47rvvxHvvvScWLVoU9jWk2lC5TeWKOOuzfTxoxh9lvTdNbki5o4pHFnTQABEyLycvL08cccQR4sQTTxR77bWXyM+PbqTO+vXrxTfffCNee+018dlnn6X9mqjuod4glyHWZ+PjsnscYdJ7PgOUUZuickaPHi0uuugi0a9fv9Dfo3amTp3qqZxZs2aJJUuWeCqI91FLqKett95abLPNNt6C+mrVqlXof02ZMkU89thj4p133km3uZUitT/eESaLZMHYHBTmHu+6667irrvuEgMHDkz5HcT48MMPPZUybtw4sWHDhlqvs7Cw0FNle++9tzjyyCNFr169Ur4zYcIEce2114rffvutNn/pCJMlsnCZDxbVATcfRUVF4rbbbhMnnXSSJ2FM1YG98eKLL4pffvklsu0YMWKEOPPMM8Whhx4qCgq2mJmQ8LnnnhO33nprTYR0hMkSWbAFCs33BwwYIJ555hlPbWhs3LhRvP766+LBBx8U//33X2zbhLq64oorxDHHHBMg6qRJk8S5554r/vnnH0eYRlRDQ23JcvDBB4vHH3/csztM1XDdddeJyZMnZ/xP1Er//v1Ft27dRMeOHb3/QFoglbBlFi5c6JHtzz//FHPmzMn4X7vttpu48847A6pw2bJl4uyzzxbff/992E8mynO41BEmHrLkK7IE4iuon3vuucf3fpAqDz/8sPfepk2bQuMv2CG41kOGDBFt29Y+rodRPHHiRM8zgpBh8Ri24+abbxbnnXee56FplXjxxReLDz74wP460mVCHHN+HGHKygbaMZZTTjnFI4Y+MZzQc845R/zwww8pv8e+wdbAWMXzaSgqKys9uwh3GkLYOOigg8Sjjz7qx3ogMh7b+++/b391njyPMxxhoiVLV+U++zjssMPEU0895UuW+fPnixNOOMGLxto48MADxemnny7atWsX+bYRuMPA/fbbb1M+22mnnTwbShMUYkHykO9OkedygSNMdEbucGHUBO2www7i448/9mMic+fO9YJzPJrAJrnyyiu9FEDcQEXdf//9XiTYNog/+ugj0aFDB+/18uXLPenz999/m1/DlRorz+e6qLanORdQ9Tf3n3zP008/7ZMFNYRksckybNgwz5bJBlnM9UFmE3/99ZcXZSYvBbCZ8OZatAgkzvHJ+0W5PfklJSW9rfcWVlVVrWzi0oXIaCA69tBDD4k999wzIOJxX03st99+4pprrkkblY0LrI+gHt6U6cYzFHHatGniqKOO8uwtclqlpaXi66+/Nn/eWp7jZfKcrnGEqR9ZsGQHCSPxOmrUKM8D0SCaa4fiDzjgAHH55ZdHmjOqC3DJR44c6cVeTDccSYPhjeut7RtsmXnz5pk/Z6z8vCjGyjdHlURCsUi/QITffvvt/oc//vijeOSRRwI/wF3GfdVeU2MB1x3baccddwy8T4xGS0O+A+HNQB9SRkQ0v7dZEUZJl57mewS/qFsB69at84JyJhDznCQzRN+Y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') no-repeat center 70px;border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; font-size:1.8em; color:#888; letter-spacing:-3px; }


@media screen and (max-width: 820px) {
	.mentaltest_searchbox							{padding:20px}
	.mentaltest_searchbox_img						{display:none;}
	.mentaltest_searchbox_cont						{padding:0;}
	.mentaltest_searchbox_box input[type=text], 
	.mentaltest_searchbox_box input[type=password]	{width:calc(50% - 50px);margin:0;}
	.mentaltest_searchbox_box .btns					{padding:0 13px; }
}

@media screen and (max-width: 820px) {
	.mentaltest_searchbox_box input[type=text], 
	.mentaltest_searchbox_box input[type=password]	{width:100%;margin:0 0 5px 0; }
	.mentaltest_searchbox_box .btns					{padding:3px 0 ; width:100%; margin:5px 0 0 0 ; }
}




/* 사용자 마이페이지 소개페이지  ================================================================================== */ 
.mentaltest_viewbox									{  position:relative;}
.mentaltest_viewbox .cont						{border-bottom:1px solid #dfdfdf;padding-bottom:40px;margin-bottom:40px;}




/* 사용자 마이페이지 신청정보  ================================================================================== */ 
.mentaltest_myviewbox							{position:relative;  display:flex; gap:50px; margin:0 0 50px 0; }
.mentaltest_myviewbox .img						{width:480px;height:300px; overflow:hidden; border-radius:20px;}
.mentaltest_myviewbox .img img					{width:100%;height:100%;object-fit:cover; }
.mentaltest_myviewbox .inner					{flex:2;  border-top:1px solid #bbb; border-bottom:1px solid #bbb; padding:20px 0; }
.mentaltest_myviewbox .inner .tit				{position:relative; font-size:1.55em; font-weight:600; color:#000; letter-spacing:-1px;line-height:1.3;padding:0 0 25px 0;}
.mentaltest_myviewbox .inner .tit strong		{display:block;padding:10px 0 0 0;}
.mentaltest_myviewbox .inner .tit .state_not	{display:none;}
 
.mentaltest_myviewbox .inner dl					{position:relative;display:flex;font-size:0.95em;   padding:5px 0 ; color:#000;}
.mentaltest_myviewbox .inner dt					{position:relative;width:110px;letter-spacing:-1px; padding:0 0 0 15px;}
.mentaltest_myviewbox .inner dd					{flex:2;}
.mentaltest_myviewbox .inner dt:before			{position:absolute; content:''; display:block; left:3px; top:11px; width:3px; height:3px; background:#999;}
.mentaltest_myviewbox .inner dt:after			{position:absolute; content:''; display:block; right:20px; top:5px; width:1px; height:17px; background:rgb(0,0,0,0.15);}
  
.mentaltest_myviewbox .file li					{font-size:0.9em;color:#000;}
.mentaltest_myviewbox .fpilsu					{font-size:0.9em;color:#000 !important;}

@media screen and (max-width:1100px) {
	.mentaltest_myviewbox						{flex-flow:wrap; flex-direction: column; gap:20px;margin:0 0 40px 0;}
	.mentaltest_myviewbox .img					{max-width:400px;width:100%;height:240px;margin:auto; }
	.mentaltest_myviewbox .inner				{padding:20px 10px; }
	.mentaltest_myviewbox .inner .tit			{font-size:1.3em;padding: 0 0 20px 0; }
	.mentaltest_myviewbox .inner dl				{font-size:0.9em;padding:3px 0;}
	.mentaltest_myviewbox .inner dt				{width:80px;}
	.mentaltest_myviewbox .inner dt:after		{right:13px; }
}
@media screen and (max-width:600px) {
	.mentaltest_myviewbox						{padding:20px;}
	.mentaltest_myviewbox .inner .tit			{font-size:1.2em;  }
}



/* 마이페이지 검사내역 뷰 타이틀 =================== */
.mentaltest_myview_tit							{position:relative;text-align:center; letter-spacing: -1px; margin-bottom:60px;transition:all 0.3s ease; }
.mentaltest_myview_tit p							{position:relative;font-size: 1.7em; line-height:1.3; font-weight: 700; color: #09459a;}
.mentaltest_myview_tit p:before				{position:absolute;  bottom:-15px; left:calc(50% - 50px); content:''; width:100px; height:3px;  background:  #09459a; }





/* 검사 완료  ================================================================================== */ 

.mental_finish01										{position:relative; /* border:1px solid rgba(0,0,0,.1); background:#f6f6f9;*/ padding: 85px 10px  20px 10px; border-radius:10px; line-height:1.6;  color:#111; text-align:center; letter-spacing:-1px; background:url('../img/error_img3.png') no-repeat center 10px; background-size:60px auto;}
.mental_finish01 .txt01							{font-weight:600;font-size:1.1em;}
.mental_finish01 i										{font-size:2.5em;color:#09459a;padding-bottom:10px;}




/* 검사 완료  ================================================================================== */