.gsearch_box3							{margin-bottom:20px; border:5px solid #e5e5e5;   padding:20px 25px; background:#fff; }
.gsearch_box3 .field					{position:relative; display: grid; grid-template-columns:55% auto; gap: 10px  ;}
.gsearch_box3 dl						{ display: grid; grid-template-columns:140px auto;  }
.gsearch_box3 dl dt					{  position:relative; font-weight:500; padding-left:8px; line-height:32px; color:#1d5bba;}
.gsearch_box3 dl dt:after			{position:absolute; content:''; display:block; left:0; top:15px; width:2px; height:2px; background:#425ad4;}
.gsearch_box3 dl dd					{  }
.gsearch_box3 .fnone				{display:block;   margin:10px 0 0 0;display: grid; grid-template-columns:140px auto;  }
.gsearch_box3 .fnone dt			{ }
.gsearch_box3 .fnone dd			{font-size:0.95em; }
.gsearch_box3 .label_list			{display: flex; flex-flow:wrap; gap:0 25px  ;  }
.gsearch_box3 .label_list li		{width:280px ;  line-height:28px;}
.gsearch_box3 .input_form		{width:250px; }
.gsearch_box3 select					{min-height:34px; min-width:150px;}
.gsearch_box3 .btn_wrap			{position:relative; text-align:center; border-top:1px solid #ddd; padding:20px 0 0 0; margin-top:15px;} 
.gsearch_box3 .btns					{display:inline-block; vertical-align:middle; } 
 
.gsearch_box3 .search_btn01				{  display:inline-block;text-align:center; min-width:100px; font-size:1em; margin:0 2px; padding:0 10px; line-height:35px;color:#fff;  border-radius:2px; background:#4b5265;  border:1px solid #4b5265; cursor:pointer; vertical-align:top; transition:all 0.2s ease;}
.gsearch_box3 .search_btn02				{ display:inline-block;text-align:center; min-width:100px; font-size:1em; margin:0 2px; padding:0 10px; line-height:35px;color:#333;  border-radius:2px; background:#fff;  border:1px solid #aaa; cursor:pointer; vertical-align:top; transition:all 0.2s ease;}

.gsearch_box3 .search_btn01:hover,
.gsearch_box3 .search_btn02:hover				{background:#427ee2; border-color:#427ee2; color:#fff;}

 
@media screen and (max-width:1200px) {  
.gsearch_box3 .field					{ grid-template-columns:1fr; gap: 10px  ;}
}
@media screen and (max-width:1024px) {  
.gsearch_box3							{ border:4px solid #e5e5e5; padding:20px  ;  }
}
@media screen and (max-width:800px) {  
.gsearch_box3 .btns					{display:block; vertical-align:middle;padding:10px 0 0 0; } 
}
@media screen and (max-width:600px) {  
.gsearch_box3 .field					{ gap: 15px  ;}
.gsearch_box3 dl						{  grid-template-columns:1fr;   }
.gsearch_box3 .fnone				{  grid-template-columns:1fr;  }
.gsearch_box3 dl dt					{ padding:0 0 8px 0; line-height:initial;  }
.gsearch_box3 dl dt:after			{display:none;}
.gsearch_box3 .input_form		{width:160px; }
}



/*  안내 박스  ==================================================================================== */
.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.2em;font-weight:500;letter-spacing:-1px; line-height:1.7; }





/*  변경사항 박스  ==================================================================================== */
.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							{position:relative; margin-bottom:20px; border:1px solid #3e81ed;  padding:25px ; background:#fff;overflow:hidden;border-radius:4px;}
.company_info_top h2						{letter-spacing:-1px; font-weight:600; color:#2971e4; font-size:1.45em; padding: 0 0 12px 5px;line-height:150%; }
.company_info_top .wrap				{position:relative; overflow:hidden;padding:10px 0 0 0;border-top:1px solid #ddd; display: grid; grid-template-columns:40% auto; gap: 5px  10px ; }
.company_info_top dl						{overflow:hidden;  letter-spacing:-1px;display: grid; grid-template-columns: 110px auto; gap:15px;}
.company_info_top dl dt					{position:relative;    font-weight:500;font-size:0.95em;  color:#222; border:1px solid #ddd; text-align:center; padding:2px 0; display: flex; flex-direction: column; justify-content:center; }
.company_info_top dl dd					{padding:2px 0 0  ; color:#777; display: flex; flex-direction: column; justify-content:center;  }

@media screen and (max-width:1024px) {
.company_info_top							{ padding:15px ;}
.company_info_top .wrap				{  grid-template-columns:1fr; gap: 5px   ; }
.company_info_top dl						{ grid-template-columns: 100px auto; gap:10px;}
.company_info_top dl dt					{font-size:0.9em;}
.company_info_top dl dd					{font-size:0.9em;}
}



/*  검색  ==================================================================================== */
.company_search							{overflow:hidden; margin-bottom:20px;}
.company_search .ginfo					{float:left; padding:20px 0 0 0; }
.company_search dl						{float:right; max-width:500px; width:100%; overflow:hidden;}
.company_search dl dt					{float:left; width:30%; position:relative;}
.company_search select					{width:100%; padding:0 10px; height:48px; vertical-align:top;border:1px solid #dfdfdf;cursor:pointer;  }  
.company_search dl dd					{float:right; width:calc(70% - 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; max-width:initial;}

}

@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%;}
}

/* 이용동의 박스 및 체크부분 */
.company_agree_box				{margin-top:30px;}
.company_agree_box h5			{margin-bottom:10px;}
.company_agree_box .box			{border:1px solid #eaeaea; padding:20px; background:#fff;}
.company_agree_box .textarea_form		{border-color:#fff; font-size:0.9em; padding:0; height:150px;}
.company_agree_box .bottom				{background:#f5f5f5; text-align:center; font-size:0.9em; padding:10px; margin-top:20px;}

/*  프로그램 테이블 리스트  ==================================================================================== */
.grade							{position:relative; display: inline-block; text-align:center; vertical-align:middle; min-width:65px; padding:0 3px; line-height:24px; border:1px solid rgba(0,0,0,0.1); font-size:0.9em; color:#fff;}
.grade_1						{background:#64c9ce;} /* 브론즈 */
.grade_2					{background:#6b94e9;} /* 실버 */
.grade_3					{background:#c3cb0f;} /* 골드 */





/*  가족회사 리스트  ==================================================================================== */
.company_table							{border-collapse:collapse; width:100%; table-layout:fixed; border-top:2px solid #313131;} 
.company_table thead th					{padding:15px 8px; font-weight:500; border-bottom:1px solid #b0b0b1; border-right:1px solid #dadada ; color:#333;  text-align:center; background-color:#f9f9fb;  }
.company_table thead th:last-child		{border-right:1px solid #fff;  }
.company_table tbody th					{color:#333; font-weight:500; line-height:150%; padding:15px 8px; border-bottom:1px solid #dadada ; border-right:1px solid #dadada ; background:#fbfbfc; text-align:center; }
.company_table tbody td					{line-height:150%; padding:15px 8px; border-bottom:1px solid #dadada ; border-right:1px solid #dadada ; border-left:1px solid #dadada ; background-color:#ffffff; letter-spacing:-1px;}
.company_table tbody td:first-child		{border-left:1px solid #fff; }
.company_table tbody td:last-child		{border-right:1px solid #fff; }
.company_table .td_no,
.company_table .td_rank, 
.company_table .td_sector						{text-align:center;}
.company_table .td_name p					{ color:#003e7e;font-weight:500;}
 .company_table .pc_rank, .company_table .pc_group						{display:none;}

@media screen and (max-width:800px) { 
	.company_table thead th							{display:none;}
	.company_table tbody td							{border-left:0;border-right:0;}
	.company_table .col_no,  
	.company_table .col_rank, 
	.company_table .col_sector,
	.company_table .col_team,
	.company_table .col_icc,
	.company_table .td_no,
	.company_table .td_rank,
	.company_table .td_sector,
	.company_table .td_team,
	.company_table .td_icc								{display:none;} 
	.company_table .td_name p					{font-size:1.1em;}
	.company_table .pc_rank							{display:inline-block; font-weight:300;color:#8cb0d6; border:1px solid #8cb0d6;font-size:0.85em;line-height:23px; letter-spacing:0;padding:0 8px;margin:0 0 5px 0;}
	.company_table .pc_group						{display:block;padding:10px 0 0 0;}
	.company_table .pc_group li					{position:relative;font-size:0.95em;}
	.company_table .pc_group li br				{display:none;} 
	.company_table .pc_group li span			{position:relative;display:inline-block;padding:0 20px 0 10px;width:95px;}
	.company_table .pc_group li span:before			{position:absolute; content:''; display:block; left:0; top:10px; width:3px; height:3px; background:#666 ;border-radius:5px;}
	.company_table .pc_group li span:after				{position:absolute; content:''; display:block; right:10px; top:4px; width:1px; height:14px; background:#ddd;}
}








/* 마이마일리지 상단 박스    ===================================================================*/
.commileage_summary					{border:2px solid #ced8ea; background:#eef2f8; padding:25px 10px; position:relative; display: grid; grid-template-columns: repeat(5, 1fr); margin-bottom:30px; transition:all 0.3s ease;}
.commileage_summary li					{text-align:center;padding:5px 0; color:#333;  letter-spacing:-1px;font-weight:600; border-right:1px dashed #ced8ea; transition:all 0.3s ease;}
.commileage_summary li:last-child			{ border-right:0 ; }
.commileage_summary li	p				{ color:#1d5bba;font-weight:500; padding:10px 0 0 0;transition:all 0.3s ease;}
.commileage_summary li	span		{ color:#1d5bba; font-size:1.25em; font-family: 'S-CoreDream-7ExtraBold';transition:all 0.3s ease;}

@media screen and (max-width:800px) { 
.commileage_summary					{ padding:20px 0; margin-bottom:20px; }
.commileage_summary li					{ font-size:0.95em; }
.commileage_summary li	p				{ padding:5px 0 0 0;}
.commileage_summary li	span		{ font-size:1.2em; }
}
@media screen and (max-width:600px) { 
.commileage_summary li					{ font-size:0.9em; }
.commileage_summary li	span		{ font-size:1.15em; }
}


/* 마이마일리지 상단 박스    ===================================================================*/