@charset "utf-8";


/*  프로그램 상태박스  ==================================================================================== */ 
.state_ing,
.state_acc,
.state_not,
.state_wait,
.state_end,
.state_finish,
.state_return,
.state_member,
.state_cancel				            {position:relative; display: inline-block; text-align:center; vertical-align:middle; min-width:70px; padding:0 4px; line-height:30px; font-size:0.9rem !important; color:#fff; border:1px solid rgba(0,0,0,0.1); border-radius:3px;font-weight:500;  } 

.gbox_top .state_ing,
.gbox_top .state_acc,
.gbox_top .state_not,
.gbox_top .state_wait,
.gbox_top .state_end,
.gbox_top .state_finish,
.gbox_top .state_return,
.gbox_top .state_cancel,
.gbox_top .state_member	{top:-3px;margin-right:10px;}

.state_ing								{background:#27c6cd;} /* 민트색 : 접수중 */
.state_acc								{background:#38a7ff;} /* 파랑 : 접수완료 */
.state_not								{background:#ffffff;color:#777;} /* 하얀색 : 신청불가 */
.state_wait								{background:#efb14a;} /* 노랑 : 대기 */
.state_end								{background:#c3c2c2;} /* 회색 : 완료 */
.state_finish							{background:#7eba0b;} /* 연두 : 재승인대기 */
.state_not, .state_return							{background:#ff576b;} /* 적색 : 반려 */
.state_cancel							{background:#5a5a5a;} /* 짙은회색 : 취소 */  
.state_member						{color:#444;}
  

@media screen and (max-width:1024px) {
	.state_ing, .state_acc, .state_not, .state_wait, .state_end, .state_finish, .state_return, .state_member, .state_cancel	{min-width:65px; line-height:26px; font-weight:400;}
}


/*  버튼 관련  ==================================================================================== */
.sb_group					{position:relative; text-align:center; margin-top:40px;}
.sb_group .rt				{position:absolute; right:0;}  /* 버튼 오른쪽 고정*/
.sb_b							{font-weight:600; display:inline-block; font-size:1em;  padding:0 15px; border:1px solid #aaa; background:#fff; color:#444; text-align:center; line-height:52px; cursor:pointer; min-width:120px; vertical-align:middle; transition:var(--transition1); border-radius:5px;}
.sb_b:hover				{border-color:#000 !important; background:#444 !important; color:#fff !important;}
.sb_b i							{margin-right:6px;}
.sb_h							{opacity:.6 !important;}

.sb_blue						{border-color:rgb(0,0,0,0.1); background:#337cf6; color:#fff;}
.sb_blueline				{border-color:#337cf6; color:#337cf6;}
.sb_red						{border-color:rgb(0,0,0,0.15); background:#ff5c5c; color:#fff;}
.sb_redline					{border-color:#ee4242; color:#ff5c5c;}
.sb_yellow					{border-color:rgb(0,0,0,0.1) !important; background:#f6c244 !important; color:#333 !important;}
.sb_green					{border-color:rgb(0,0,0,0.1) !important; background:#28a745 !important; color:#fff !important;}
.sb_gray						{border-color:rgb(0,0,0,0.1) !important; background:#6d747c !important; color:#fff !important;}
.sb_black					{border-color:rgb(0,0,0,0.1) !important; background:#212529 !important; color:#fff !important;}
/*  버튼 관련  ==================================================================================== */
 
/* 임시저장 고정버튼 =============================================================== */
.sub_fixbtn					{position:fixed; right:-10px; bottom:20%;}
.sub_fixbtn .sb_b		{background:rgba(0,57,163,.7); border-radius:5px 0 0 5px; min-width:150px; line-height:60px; transition:var(--transition1); border:0; color:#fff;}
.sub_fixbtn i				{margin-right:7px;}
.sub_fixbtn:hover .sb_b		{transform: translateX(-10px); background:#1053C8 !important;}

@media screen and (max-width:768px) {
	.sb_b						{padding:0 10px; min-width:60px; line-height:42px; font-size:0.95em;}
}
/* 임시저장 고정버튼 =============================================================== */


 
/*  상단 써머리 박스, 헬프 박스 스타일   ==================================================================================== */
.gbox_top                           {position:relative;border:7px solid #eee; background:#fff;padding:35px  ;  margin-bottom:30px; border-radius:0 0 1.5em 0; transition:var(--transition1);}
.gbox_top::after                    {position:absolute;content:''; top:-7px; left:-7px; width:30px; height:30px; border-left:8px solid var(--color1); border-top:8px solid var(--color1); transition:var(--transition1);}
.gbox_top .tit                      { font-size: 1.4em;   line-height:1.3; font-weight:700; color: #2e3234; padding-bottom:1rem; /* margin-bottom:1rem; border-bottom:1px solid #dfdfdf; */ }		  /* 큰 글씨 제목 */
.gbox_top .tit .cate				{font-size:0.9em;color:var(--color1);}
.gbox_top .inf						{position: relative; overflow:hidden;  display: flex; flex-direction: column; gap:5px;  }       /* 접수기간 등 작은 글씨 정보 묶음  */
.gbox_top dl                        {position:relative; font-size:0.95rem;   display:grid;grid-template-columns:100px auto; gap:12px; }    /* 접수기간 등 작은 글씨 정보   */
.gbox_top dl dt						{font-weight:600; position:relative; color:#333;  padding-left:15px;}                        /* 접수기간 등 작은 글씨 정보   */
.gbox_top dl dt::before		{position:absolute; content:'';  left:2px; top:9px; width:4px; height:4px; background:var(--color1); border-radius:50%;}    /* 접수기간 등 작은 글씨 정보   */
.gbox_top dl dt::after			    {position:absolute; content:''; top:5px; right:0;width:1px; height:1em; margin:auto; background:#dfdfdf; }     /* 접수기간 등 작은 글씨 정보   */
.gbox_top dl dd						{position:relative; color:#777; } 
 
.gbox_top .file						{background:#f7f7f7; padding:15px 20px; margin-top:15px; font-size:0.9em;}   /* 파일이 있을 때 */
.gbox_top .file li					{position:relative;font-size:0.9rem; color:#888;}
.gbox_top .file li span			{display: inline; padding:0 0 0 10px;font-size:0.85rem;color:#aaa;}

.gbox_top .content				{position: relative; border-top:1px solid #e9e9e9;padding:15px 0 0 0;margin:20px 0 0 0;color:#777; line-height:1.4; }    /* 제목 아래에 설명글 - 설문조사 참여   */

.gbox_top .btn_wrap			{border-top:1px solid #e5e5e5;padding-top:20px ;text-align:center;margin-top:20px;}
.gbox_top .btn_wrap span	{display:inline-block;text-align:center; font-weight:500;  padding:0 16px;border:1px solid rgb(0,0,0,0.1); background:#555; color:#fff;line-height:45px; cursor:pointer; min-width:120px;vertical-align:middle; transition:var(--transition1); border-radius:5px; transition:var(--transition1);}
.gbox_top .btn_wrap span i    {margin-right:10px;}
.gbox_top .btn_wrap span:hover   {background:#181e2e; }


.gbox_help								{position:relative; border:2px solid var(--border-color1); background:#fbf7ee; padding:1.3em;  font-size:0.95em; color:#333; border-radius:0.5em; }
.gbox_help p							{position:relative; padding:3px 0 3px 13px; line-height:1.4;   z-index:1 ;}
.gbox_help p::after				{position:absolute; content:'';  left:2px; top:10px; width:3px; height:3px; background:#666; border-radius:50%;}
.gbox_help p strong				{position:relative;display:inline;font-weight:600;color:#333;box-shadow: inset 0 -10px 0 #fdd8b4; }
.gbox_help .anone::after		{display:none;}			/* p 태그에 앞에 점 없음 */

.gbox_help .tit						{color:#111; font-size:1.1em;font-weight:bold; padding-bottom:8px;  display: flex;  align-items:center; }   /* 큰 글씨 */
.gbox_help .tit i						{color:var(--color1); font-size:1.2em;margin-right:8px;}
.gbox_help .tit.fred i				{color:var(--point2);}

.gbox_help2							{position:relative; border:2px solid #dce4ed; padding:20px  ;line-height:1.4;font-size:0.95em; border-radius:0.5em; background:var(--bbs-bgcolor2); }
.gbox_help2 .tit						{color:#111; font-size:1.1em;font-weight:bold; padding-bottom:8px;  display: flex;  align-items:center; }   /* 큰 글씨 */
.gbox_help2 p						{position:relative; padding:3px 0 3px 10px; line-height:1.4;  }
.gbox_help2 p::after				{position:absolute; content:''; display:block; left:0; top:12px; width:2px; height:2px; background:#999; border-radius:50%;}
.gbox_help2 p strong			{position:relative;display:inline-block;font-weight:600; color:#333; text-decoration:underline;}

  
@media screen and (max-width:768px) {
	.gbox_top							{border-width:5px; padding:25px;border-radius:0 0 1.3em 0;  }
	.gbox_top::after				{width:25px; height:25px;top:-5px; left:-5px;border-width:6px; } 
	.gbox_top .tit						{font-size: 1.25em; } 
	.gbox_top em					{top:-2px;min-width:70px;line-height: 32px; font-size:0.85rem; margin-right:15px;}   /* 접수중을 표시하는 태그 */
}
@media screen and (max-width:480px) {
    .gbox_top .inf						{  gap:10px;  }       /* 접수기간 등 작은 글씨 정보 묶음  */
    .gbox_top dl                        { font-size:0.9rem; grid-template-columns:1fr; gap:2px; }    /* 접수기간 등 작은 글씨 정보   */
    .gbox_top dl dt						{ padding-left:0;}       
    .gbox_top dl dt::before,
    .gbox_top dl dt::after			    {display:none; }     /* 접수기간 등 작은 글씨 정보   */
}

 
/*.gwrap								{}*/				/* 뷰페이지 내용을 감싸주는 태그  - h4, h5 스타일 변경 용*/
.gwrap h4								{position:relative; font-size:1.2em;line-height:1.3;   font-weight:600;  color:#222; padding-left:22px;    } 
.gwrap h4::before					{position:absolute; content:'';   top:5px; left:0; width:16px; height:16px; border-radius:30px; border:4px solid var(--color1); background:transparent;}
.gwrap h4::after					{display:none;}
.gwrap h4 span.fred				{position:relative;display:inline-block;margin-left:10px; font-size:0.9rem;}
.gwrap h5								{position:relative;font-size:1.1em;line-height:1.3; font-weight:600; padding:0 0 18px 0; color: var(--color1);  } 
.gwrap h5::before					{position:absolute; top:4px; left:3px; content:''; width:4px; height:12px;background: var(--color1); border-radius:20px; display:none;}
 
  
/*
#guava_win_wrap h4			{position:relative; display:block; font-size:1.25em; color:#000;  font-weight:600; line-height:100%; padding:0; } 
#guava_win_wrap h4::after,
#guava_win_wrap h4::before	{display:none;}
*/

/*  상단 써머리 박스, 헬프 박스 스타일   ==================================================================================== */



/*  프로그램 탭메뉴   ==================================================================================== */
.gtab1									{position:relative;width:100%; border-bottom:1px solid #c5c5c5; margin-bottom:30px;display:flex;flex-flow:wrap;  gap:4px; }
.gtab1 li								{position:relative;  text-align:center; cursor:pointer; min-width:100px;  line-height:1.1; height:52px;  background:#9e9fa1; border:1px solid rgb(0,0,0,0.12); border-bottom:0;  border-radius:7px 7px 0 0; overflow:hidden;  }
.gtab1 li a							{position:relative;display:block;width:100%;height:100%;color:#fff;  font-weight:600;  transition:var(--transition1);  /* text-overflow:ellipsis; white-space:nowrap; */ display: flex; flex-direction: column; justify-content:center; align-items:center;padding:5px  20px;   font-size:1em; }
.gtab1 li.on 						{  background:var(--color1); border-color:var(--color1); z-index:11;}
.gtab1 li.on a						{  }

.gtab2 								{position:relative; border-bottom:1px solid #ddd;border-top:0;margin:-40px 0 40px 0; background:#f9f9f9; }
.gtab2 li								{position:relative; display:inline-block; text-align:center;}
.gtab2 li::after					{content:''; position:absolute; top:0; left:0; bottom:2px; width:1px; height:15px; margin:auto; background:#ccc;}
.gtab2 li:first-child::after	{display:none;}
.gtab2 li a							{position:relative; display:block; color:#555;padding:15px 12px; line-height:1.3; font-size:1em;font-weight:600; }
.gtab2 .on::before				{position:absolute; content:''; bottom:-1px; left:0;width:100%; height:3px; background:var(--color1);  }
.gtab2 .on a,
.gtab2 a:focus,
.gtab2 a:hover					{color:var(--color1); font-weight:700; }

@media screen and (max-width:1200px) {
	.gtab1 li   						{ min-width:initial;   }
	.gtab1 li a						{  padding:5px 25px;   }
}
@media screen and (max-width:1024px) { 
    .gwrap h4						{font-size:1.1em; padding-left:20px; }
    .gwrap h4::before			{ top:4px; width:14px; height:14px; border-width:3px; } 
    .gwrap h5						{ font-size:1.05em; } 
 
	.gtab1								{flex-flow:wrap;  border-bottom:0; margin-bottom:20px;}
	.gtab1 li  						{  flex:initial;   border-radius:5px; line-height:1.2;height:initial;   }
	.gtab1 li a						{  padding:11px 20px;   }

    .gtab2 								{ margin:-30px 0 30px 0; }
	.gtab2 li a						{padding:13px  10px; font-size:0.95em;} 
}
@media screen and (max-width:768px) {  
    .gtab2 							{ margin:-20px 0 25px 0; }
}

 




/*  프로그램 탭메뉴   ==================================================================================== */



/*  프로그램 리스트 검색 박스  ==================================================================================== */
.gsearch_box																		{overflow:hidden; margin-bottom:30px;}
.gsearch_box .ginfo															{float:left; padding:20px 0 0 0; } 
.gsearch_box .gsearch														{float:right; width:50%; overflow:hidden; }  
.gsearch_box .gsearch .search_select_box						{float:left;width:30%; }
.gsearch_box .gsearch .search_select_box + .search_select_box	{margin-left:10px;} 
.gsearch_box .gsearch .search_select_box select			{width:100%; height:48px; vertical-align:top;border:1px solid #ccc;cursor:pointer;}
.gsearch_box .gsearch .search_input_box  					{float:right; width:70%;padding-left:10px;} 
.gsearch_box .gsearch .search_input_box span				{display:inline-block;width:calc(100% - 55px);}
.gsearch_box .gsearch .search_input_box::after			{content:'';display:block;clear:both}
.gsearch_box .gsearch .search_input_box input[type="text"]		{width:100%; height:48px;}
.gsearch_box .gsearch .search_input_box .gbtn			{float:right;width:55px;height:55px;font-size:1.2rem; text-align:center;display:block;border:1px solid #333; background:#333; height:48px; line-height:45px;color:#fff; }
 
/* screen 1024px */
@media screen and (max-width:1024px) {
	.gsearch_box .ginfo														{float:none; padding:0 0 10px 0;}
	.gsearch_box .gsearch													{float:none; width:100%;} 
}
/* screen 600px */
@media screen and (max-width:768px) {
	.gsearch_box .gsearch .search_select_box					{float:none; width:100%; margin-bottom:5px;}
	.gsearch_box .gsearch .search_input_box					{float:none; width:100%;padding-left:0;} 
}
/*  프로그램 리스트 검색 박스  ==================================================================================== */



  
/*  테이블 관련  ==================================================================================== */ 
.gtable_resp					{display:block; width:100%; overflow-x:auto; padding-top:5px; padding-bottom:20px; -webkit-overflow-scrolling: touch; }  /* 테이블 가로 스크롤  */
.gtable_resp .gtable			{min-width:800px; } 
  
.gtable										{border-collapse:collapse; font-size:0.95em; width:100%; table-layout:fixed; background:#fff; border-top:1px solid #555;line-height:1.25; transition:var(--transition1); }
.gtable thead th							{background:#f2f2f2; color:#111;font-size:0.95em;  font-weight:600;padding:17px 5px; line-height:1.1em; border:1px solid #d3d3d3; border-top:1px solid #888;  text-align:center; } 
.gtable tbody tr:first-child         {border-top:2px solid var(--bbs-border-color1);}
.gtable tbody th							{padding:14px 10px; background:#f8f8f8; border-bottom:1px solid var(--border-color1);border-right:1px solid var(--border-color1); color:#333; font-weight:500; text-align:center; } 
.gtable tbody th span				{font-size:0.85em;color:var(--point2);}
.gtable tbody td							{padding:14px 10px;word-break:break-all;  border-bottom:1px solid var(--border-color1);border-right:1px solid var(--border-color1); }
.gtable tbody td.editor				{border:0; padding:0;}
.gtable tbody td.bw_close,
.gtable tbody td.bw_close a		{text-decoration: line-through;color:#ff3300 !important;}
.gtable tfoot th,
.gtable tfoot td							{background:#edf1f6; color:#333; padding:15px 10px;word-break:break-all; font-weight: normal;  letter-spacing:0; border-right:1px solid var(--border-color1); border-bottom:1px solid var(--border-color1); text-align:center;  font-weight:600; }
.gtable thead tr:first-child th:first-child		{border-left-width:0;}   
.gtable thead th:first-child,
.gtable tfoot th:first-child,
.gtable tbody td:first-child       {border-left: none;}
.gtable thead th:last-child,
.gtable tfoot td:last-child,
.gtable tbody td:last-child        {border-right: none;}
.gtable tbody td:not(:first-child) { border-left: 1px solid var(--border-color1); }
.gtable a:focus, 
.gtable a:hover                          {  text-decoration: underline;}

.gtable .tsum					{background:#e3e4e9 !important; color:#333; word-break:break-all; font-weight: 500;padding:8px 6px;border:1px solid #ccc; border-left:0; } /* 합계 등을 표시하는 백그라운드 컬러가 있는 td */
  
 
.gtable.list thead th					{background:#fff; color:#444; font-weight:700;padding:18px 0;line-height:1.1em;font-size:0.95em; text-align:center;  border-bottom:2px solid #555; border-left-width:0; border-right-width:0;  }  
.gtable.list tbody tr:focus, 
.gtable.list tbody tr:hover 		{background:#f9f9f9; }
.gtable.list th								{border-left:none;}   /* 게시판 형태로 세로방향 보더가 없어짐 */
.gtable.list td								{border-left:none;  border-right:none;  line-height:1.3; word-break:break-all;    }   /* 게시판 형태로 세로방향 보더가 없어짐 */
.gtable.list tbody td:not(:first-child) { border-left: none; }

 .gtable.list .return                         {position:relative;background:rgb(0,0,0,0.05); padding:10px 10px 10px 28px; display: block;  margin-top:0.7em; font-size:0.95em; color:#e71d1d; font-weight:400;border-radius:4px;  } 
.gtable.list .return::before        {position:absolute; content:''; left:12px; top:12px; width:8px; height:8px; border-left:1px solid #999; border-bottom:1px solid #999; } 
 

.gtable .gcont p					{ color:#003c97; font-weight:600; }
.gtable .gcont div					{padding:10px 0 0 0;  color:#666; line-height:1.3; font-size:0.9em;}

.gtable .btit						{ font-weight:600; margin-bottom:5px; color:#333;}  /* 게시판 형태에서 제목으로 쓰임 : 큰글씨 */  
.gtable .stit						    {padding:2px 0; color:#888; font-size:0.95em;}																		  /* 게시판 형태에서 작은글씨로 쓰임 : 신청기간 등 내용 */  
.gtable .stit strong				{display:inline-block; font-weight:400; font-size:0.95em;border:1px solid #ddd; padding:1px 5px 2px 5px;min-width:80px; text-align:center; margin-right:8px;}   /* 게시판 형태에서 작은글씨 박스 : 신청기간 등 표시 */  
.gtable .stit2						{position:relative; padding:0 6px 0 10px;font-size:0.95em;line-height:1.4;color:#888; }  /* 게시판 형태에서 작은글씨로 쓰임 : 앞에 점이 붙음  */  
.gtable .stit2 strong				{font-weight:600;}
.gtable .stit2::after				{position:absolute; content:''; top:10px;left:0;width:2px;height:2px;background:#999; }

.gtable .newwindow			{position:relative; top:5px;display:inline-block;width:20px;height:20px;background:url('../img/common/top_blank.png') no-repeat center 0;}
.gtable .mobile						{display:none; }    /* 모바일 사이즈에서 나타남 */ 


@media screen and (max-width:1024px) {
	.gtable .mobile					{display:block; }   
	.gtable .none					{display:none; } 
 
	.gtable thead th				{padding:10px 5px;}
	.gtable tbody th				{padding:10px 5px; height:46px;}
	.gtable tbody td				{padding:10px; height:auto;}
	.gtable .btit					{margin:3px 0;}
	.gtable .stit strong			{min-width:70px;}
	.mleft							{text-align:left;}	



    .gtable.list										{ border-top:0 ; } 
	.gtable.list tbody, 
	.gtable.list th, 
	.gtable.list td, 
	.gtable.list tr                    { display: block;  } 
    .gtable.list tbody tr:first-child         { }
    .gtable.list tr                    {  border: 1px solid #ccc !important; padding: 10px;  border-radius:0.7em; }
    .gtable.list tr + tr             {margin-top:1em;} 
    .gtable.list tbody tr:hover 		{background:#fff;border-color:var(--color1); }           
    .gtable.list td                   { position: relative; padding:3px; text-align: left; border-bottom-width:0 ; display:flex; align-items:flex-start ; line-height:1.8;  }
    .gtable.list td::before      { flex:0 0 5rem; content: attr(data-label); font-size:0.9em;  font-weight: 600; color: #333; display: inline-flex; width: 5rem ;  text-align: center; margin-right: 0.7rem;  background-color:#ededed; padding:7px 3px; line-height:1.1em;  align-items: center;   justify-content: center;flex-shrink: 0; }
 
	.gtable.list .tag              {position: relative; float:right;  max-width:70px ; text-align:left; padding-left:0;margin-left:5px; }
	.gtable.list .tag::before{display: none;} 
    .gtable.list .before_none::before{display: none;} 
    .gtable.list .none           { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
	.gtable.list .none::before{display: none;} 
    .gtable.list .date				{ color:#999; padding-top:5px; font-size:0.95em; }
    .gtable.list .btit				{  font-weight:bold; }
	.gtable.list .btn              { justify-content: center;text-align:center; border-top:1px dashed #ddd; padding-top:10px  ; margin-top:4px; padding-left:0;}
	.gtable.list .btn::before{display: none;} 

    .gtable.list .return                         { background:#fcf9f0; padding:10px 10px 10px 22px;  border-top:1px dashed #d5d5d5;border-bottom:1px dashed #d5d5d5; } 
    .gtable.list .return::before        {  left:10px;   } 





	.chartTable .btit span			{margin-left:7px; color:#777; font-size:15px;}
	.chartTable .stit				{padding:0; display:grid; grid-template-columns:20px auto; line-height:1.4; padding:2px 0;}
	.chartTable .stit i				{color:#111; width:20px; margin-top:6px;}
	.chartTable tbody td			{border-left:none; border-right:none; border-top:0;}
}



/*  테이블 관련  ==================================================================================== */

/*
.gtable02											{border-collapse:collapse; width:100%; table-layout:fixed;border-top:2px solid #4b5267; }
.gtable02 thead th								{background:#fcfcfc; color:#5e6372; font-weight:400; line-height:55px;font-size:0.95em;  border-bottom:1px solid #a3a6ad; } 
.gtable02 thead th[rowspan]			{line-height:30px;}  
.gtable02 thead th:first-child			{border-left:0;}
.gtable02 thead th:last-child			{border-right:0;}
.gtable02 thead th a							{color:#f9f9f9;}
.gtable02 tbody th								{padding:20px 10px; background:#f9f9f9; border-bottom:1px solid #dddee0;font-size:0.95em; }
.gtable02 tbody th[rowspan]			{background:#f9f9f9;}
.gtable02 tbody th:first-child			{border-left:0;}
.gtable02 tbody th:last-child			{border-right:0;}
.gtable02 tbody th span					{display:block;font-size:0.85em;color:var(--point2);}
.gtable02 tbody td								{padding:20px 10px; color:#777; font-size:0.95em;word-break:break-all; border-bottom:1px solid #dddee0;} 
.gtable02 tbody td:first-child			{border-left:0;}
.gtable02 tbody td:last-child			{border-right:0;}
.gtable02 tbody tr:hover td				{background:#f1f4f7;} 
.gtable02 tbody td.editor					{border:0;padding:0;}
.gtable02 tbody td.bw_close,
.gtable02 tbody td.bw_close a		{text-decoration: line-through;color:#ff3300 !important;}
.gtable02 tfoot th,
.gtable02 tfoot td								{background:#f9f9f9; color:#333; padding:0px 6px;word-break:break-all; font-weight: normal; height:48px; line-height:48px;   border-right:1px solid var(--border-color1); border-bottom:1px solid var(--border-color1); text-align:center;font-size:0.95em; }
.gtable02 tfoot th:last-child,
.gtable02 tfoot td:last-child				{border-right:0;}
.gtable02 em										{background:none !important;}

*/
 
 



.txtline				{display:inline-block; box-shadow: inset 0 -10px 0 #ddecff; font-weight:500; padding:0 3px; color:#111;}
.txtline1				{display:inline-block; box-shadow: inset 0 -10px 0 #fbe3cd; font-weight:500; padding:0 3px; color:#111;}
.txtline2				{display:inline-block; box-shadow: inset 0 -10px 0 #d7edd7; font-weight:500; padding:0 3px; color:#111;}
.txtline3				{display:inline-block; box-shadow: inset 0 -10px 0 #ecdff0; font-weight:500; padding:0 3px; color:#111;}
.txtline4				{display:inline-block; box-shadow: inset 0 -10px 0 #a1f9fe; font-weight:500; padding:0 3px; color:#002759;}


 
/*  서브 검색결과   ==================================================================================== */
.sub_search_wrap							        {position:relative;padding:0;}
.sub_search_top								        {position:relative;padding:140px 0 50px 0;  background:url('../img/common/svisual_search.jpg') no-repeat center 50% #22293d; background-size:cover; border-bottom:1px solid var(--border-color1); text-align:center; margin:0 0 40px 0;}
.sub_search_top form					        {position:relative; margin:auto; max-width:550px;width:80%;height:60px; border-bottom:3px solid var(--white1);background:transparent ;display: grid; grid-template-columns:  auto 50px; gap:10px; }
.sub_search_top form span			        {position:relative;display:none;  line-height:50px;font-size:1em;  font-family: 'Paperlogy'; font-weight:600;color:#333; }
.sub_search_top form span::after		{position:absolute; content:''; display:block; right:3px; top:15px; width:1px; height:20px; background:#bbb;}
.sub_search_top input[type="text"]		{width:99%;line-height:50px;font-size:1.9em; font-family: 'Paperlogy'; font-weight:500; padding:0 0 0 10px; color:var(--white1); background:transparent ; border:0;}
.sub_search_top input[type="text"]:focus  {  } 
.sub_search_top input[type="text"]::placeholder  { font-size:0.8em; } 
.sub_search_top .btn						        {position:relative;  border:0; width:50px; height:50px;line-height:50px;font-size:1.5em; background:transparent;color:var(--white1); text-indent:2px; border-radius:50%; cursor:pointer; }
.sub_search_top .keyword			        {padding:25px 0 0 0; }
.sub_search_top .keyword span          {position:relative; display:inline-block; background:var(--point1); color:var(--white1);  font-size:0.9em; padding:7px 17px; border-radius:50px; margin-right:10px; }
.sub_search_top .keyword span i        {margin-right:4px; }
.sub_search_top .keyword a			        {display:inline-block;color:var(--white1);font-weight:400;padding:0 10px; font-size:0.95em;}

.sub_search_cont							        {padding:0 0 70px 0;}
.sub_search_cont .txtline4			        {box-shadow:initial !important;padding:0 !important; color:var(--point1) !important; font-weight:700;  text-decoration:underline;} 

.sub_search_list								        {position:relative; padding:  0 0 0; border-top: 2px solid #222;display: grid;grid-template-columns:1fr; align-items:center;  }
.sub_search_list	li							        {padding:  25px 0;border-bottom:1px solid #eee;}
.sub_search_list	li .route				        {padding:0 0 10px 0; font-size:1.1rem; font-weight:700; color:#000; }
.sub_search_list	li .txt					        {padding: 0 0 7px 0;  color:#666; }
.sub_search_list	li .date					        {margin-top:4px; color:#888; font-size:0.9em;font-weight:500; }
.sub_search_list	li .date .cate		        {display:inline-block; color:#666; font-weight:0.95em; font-weight:500; background:#f0f0f0; border-radius:3px; padding:2px 10px; margin-right:12px;  }

.sub_search_list	li:hover .route,
.sub_search_list	li:hover .txt               {text-decoration:underline;} 

.sub_search_result							        {font-size:1.15em; font-weight:500; padding:0 0 40px 0; color:#333; text-align:center;}
.sub_search_result	 b						        {font-size:1.1em;color:var(--point1);}
.sub_search_result	 strong				        {font-size:1.1em;color:var(--point1);text-decoration:underline;}


 
.sub_search_tab								{display:block; text-align:center; width:100%; margin-bottom:50px; display: flex;flex-flow:wrap;justify-content: center; gap:4px;}
.sub_search_tab li							{position:relative; flex:1 1 130px;display:inline-block; text-align:center; background:#f3f3f3; line-height:1.2; border:1px solid #d0d0d0; border-radius:4px;}
.sub_search_tab li a						{display:block;width:100%;padding:13px 10px;color:#333; font-size:0.9rem;min-width:50px; }
.sub_search_tab .on 						{color:#fff; background:var(--color1); border-color:var(--color1); }
.sub_search_tab .on a					{color:#fff;}
.sub_search_tab .none					{color:#a0a0a0;padding:13px 10px;font-size:0.9rem; background:#fff; }


.sub_search_tit								{position:relative;display: flex; flex-flow:wrap;justify-content: space-between;}
.sub_search_tit p 							{position:relative;font-size:1.4em;line-height:1.3;  font-family: 'Paperlogy'; font-weight:700; padding:0 0 15px 0; color:#000;  } 
.sub_search_tit p span					{display:inline-block;padding:0 0 0 6px;color:#666; font-size:0.8em; font-weight:600; }
.sub_search_tit p span b               {color:var(--point1); }
.sub_search_tit .more a					{display:inline-block;border:1px solid #ccc; color:#888;padding:4px 10px; line-height:1.6;font-size:0.8rem; border-radius:2px; }
 

@media screen and (max-width:1400px) {
	.sub_search_cont						{padding:0 15px 70px 15px;}
	.sub_search_tab							{display: grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));}
}
@media screen and (max-width:1024px) {
	.sub_search_wrap						{padding:60px 0 0 0;}
	.sub_search_top							{padding:40px 0 40px 0; }
	.sub_search_top form span		{line-height:44px;font-size:1em; } 
    .sub_search_top input[type="text"]		{  font-size:1.6em; }
	.sub_search_top .btn					{height:46px; font-size:1.4em;}

	.sub_search_tab							{margin-bottom:30px; } 
    .sub_search_tab li a					{padding:10px 4px; font-size:0.85rem;  }
    .sub_search_tab .none				{padding:10px 4px;font-size:0.85rem;  } 
}
@media screen and (max-width:580px) {
	.sub_search_top							{padding:30px 0 40px 0; } 
    .sub_search_top form				{ border-bottom-width:2px ; height:55px; }    
    .sub_search_top input[type="text"]		{  font-size:1.3em;  }
	.sub_search_top .btn					{  font-size:1.3em;}
    .sub_search_top .keyword span {display:none; }

    .sub_search_tab							{ grid-template-columns:repeat(auto-fit, minmax(120px, 1fr)); }
    .sub_search_tab li a 					{ padding:8px 3px ;  font-size:0.8rem; } 
    .sub_search_tab .none				{ padding:8px 3px ;  font-size:0.8rem; } 
}




.sub_search_nolist							        {text-align:center; padding:200px 0 80px 0; font-weight:600;font-size:1.4em; color:#000;  background:url('../img/common/error_img.png') no-repeat center 70px; border:1px solid var(--border-color1); margin-top:80px;margin-bottom:120px; border-radius:0.7em; transition:var(--transition1);}

@media screen and (max-width:1024px) { 
	.sub_search_nolist						        {margin:30px 20px 100px 20px; font-size:1.35em;padding:180px 0 60px 0; background-position:center 60px; }
}
@media screen and (max-width:800px) {
	.sub_search_nolist						        {font-size:1.25em;padding:145px 0 60px 0; background-position:center 55px; background-size:65px auto; }
}
@media screen and (max-width:600px) {
	.sub_search_nolist						        {font-size:1.15em;padding:135px 0 60px 0; background-position:center 45px; }
}
@media screen and (max-width:500px) {
	.sub_search_nolist						        {font-size:1.05em;padding:120px 0 50px 0; background-position:center 40px;background-size:60px auto; }
}



/*  서브 검색결과   ==================================================================================== */