.state							{position:relative; display: inline-block; text-align:center; vertical-align:middle; min-width:65px; padding:0 3px; line-height:26px; border:1px solid rgba(0,0,0,0.1); font-size:0.9em; color:#fff;}
.state_ing						{background:#64c9ce;} /* 민트색 : 접수중 */
.state_acc						{background:#2a89e1;} /* 파란색 : 접수완료 */
.state_wait						{background:#c3cb0f;} /* 연두색 : 대기 */
.state_end						{background:#c3c2c2;} /* 회색 : 완료 */
.state_finish					{background:#e9ba6d;} /* 재승인대기 */
.state_return					{background:#e77987;} /* 적색 : 반려 */


.cmembership					{position:relative; display: inline-block; text-align:center; vertical-align:middle; min-width:65px; padding:0 3px; line-height:26px; border:1px solid rgba(0,0,0,0.1); font-size:0.9em; color:#333;}
.cmembership_50					{background:#ffffff; color:#73767a;} /* 흰색 : basic */
.cmembership_60					{background:#dfdfde; color:#73767a;} /* 실버색 : silver */
.cmembership_70					{background:#ffe57a; color:#73767a;} /* 골드색 : gold */
.cmembership_80					{background:#ecf5ff; color:#73767a;} /* 푸른색 : diamond */


/*  안내 박스  ==================================================================================== */
.company_infobox						{position:relative; text-align:center;width:80%;margin:auto;  padding:240px 40px 80px 40px;background:url('../img/help_img01.png') no-repeat center 65px #f9f9f9; border:1px solid #dfdfdf;  color:#333;font-size:1.6em;font-weight:500;letter-spacing:-1px; line-height:1.2; }


/*  변경사항 박스  ==================================================================================== */
.company_modify_dls						{margin:4px 0px;}
.company_modify_dls	dt					{float:left; width:100px; border:1px solid #ccc;}
.company_modify_dls	dd					{padding-left:110px;text-align:left;}
.company_modify_dls	dd i				{margin-right:10px;}



/*  상단 박스  ==================================================================================== */
.company_info_top h2					{letter-spacing:-1px; font-weight:700; color:#333; font-size:1.4em; line-height:150%; }
.company_info_top .wrap					{overflow:hidden; padding:10px 0 0 0;}
.company_info_top dl					{overflow:hidden; letter-spacing:-0.75px; float:left; width:50%;}
.company_info_top dl dt					{position:relative; float:left; width:100px; font-weight:500; color:#333;}
.company_info_top dl dt:after			{content:''; position:absolute; top:2px; right:12px; bottom:0; width:1px; height:0.9em; margin:auto; background:#d1d1d2;}
.company_info_top dl dd					{padding-left:110px; color:#777;}

@media screen and (max-width:768px) {
	.company_info_top h2			{font-size:1.25em;}
	.company_info_top dl			{float:none; width:100%; padding:0;}
}



/*  검색  ==================================================================================== */
.company_search							{overflow:hidden; margin-bottom:20px;}
.company_search .ginfo					{float:left; padding:20px 0 0 0; }
.company_search dl						{float:right; width:45%; overflow:hidden;}
.company_search dl dt					{float:left; width:23%; position:relative;}
.company_search select					{width:100%; padding:0 10px; height:48px; vertical-align:top;border:1px solid #dfdfdf;cursor:pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none;}
.company_search dl dt:after				{position: absolute; content: ''; display: block; z-index:1; top:17px; right:10px; width: 5px; height: 5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-bottom: 2px solid #7d7d7d; border-right: 2px solid #7d7d7d;}
.company_search dl dd					{float:right; width:calc(77% - 5px);height:50px;color:#333;line-height:50px;vertical-align:top;}
.company_search .input_form				{box-sizing:border-box; width:calc(100% - 70px); height:48px;color:#666; vertical-align:top;border:1px solid #dfdfdf; padding:0 10px; letter-spacing:-0.75px;}
.company_search .btn					{float:right; border:1px solid #0c284a; background:#0c284a; height:48px; line-height:40px; width:70px; text-align:center; color:#fff; letter-spacing:-1px;}
.company_search .btn:hover				{background:#333;}


@media screen and (max-width:768px) {
	.company_search .ginfo				{float:none; padding:0 0 10px 0;}
	.company_search dl					{float:none; width:100%;}
}

@media screen and (max-width:580px) {
	.company_search dl dt				{float:none; width:100%; margin-bottom:5px;}
	.company_search dl dd				{float:none; width:100%;}
}




/* checkbox 간격조정용 */
.company_checkbox_width3				{float:left; width:33%;}
.company_checkbox_width4				{float:left; width:25%;}


@media screen and (max-width:1024px) { 
	.company_checkbox_width4			{width:33.3%;}
}

@media screen and (max-width:820px) { 
	.company_checkbox_width3			{width:50%;}
	.company_checkbox_width4			{width:50%;}
}

@media screen and (max-width:540px) { 
	.company_checkbox_width3			{float:none; width:100%;}
	.company_checkbox_width4			{float:none; width:100%;}
}