@charset "utf-8";

/*  프로그램 상태박스  ==================================================================================== */ 
.state_ing, .state_acc, .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; border:1px solid rgba(0,0,0,0.1); border-radius:2px; font-size:0.9rem !important; color:#fff;}  
.gbox_top .state_ing,
.gbox_top .state_acc,
.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:#4ec8ce;} /* 민트색 : 접수중 */
.state_acc							{background:#6b94e9;} /* 파란색 : 접수완료 */
.state_wait							{background:#88c01d;} /* 연두색 : 대기 */
.state_end							{background:#c3c2c2;} /* 회색 : 완료 */
.state_finish						{background:#e9ba6d;} /* 노란색 : 재승인대기 */
.state_return						{background:#e77987;} /* 적색 : 반려 */
.state_cancel						{background:#5a5a5a;} /* 짙은회색 : 취소 */  
.state_member					{border:1px solid #999;color:#444  ;}

 



/*  버튼 관련  ==================================================================================== */
.sb_group					{position:relative; text-align:center; margin-top:40px;}
.sb_group .rt				{position:absolute; right:0;}  /* 버튼 오른쪽 고정*/
.sb_b							{line-height:50px;  font-weight:600; font-family: 'Paperlogy';  color:#444;display:inline-block;    padding:0 18px; border:1px solid rgb(0,0,0,0.35); background:#fff; text-align:center; cursor:pointer; min-width:120px; vertical-align:middle; transition: all 0.3s ease; border-radius:3px;}
.sb_b:hover				{border-color:#000 !important; background:#444 !important; color:#fff !important;}
.sb_b i							{margin-right:6px;}
.sb_h							{opacity:0.6 !important;pointer-events:none;}

.sb_blue						{ border:1px solid rgb(0,0,0,0.1); background:var(--color1) !important; color:#fff;}
.sb_blueline				{border-color:var(--color1); color:var(--color1);}
.sb_red						{ border:1px solid rgb(0,0,0,0.1);background:#dc3545 !important; color:#fff;}
.sb_redline					{border-color:#e6092e; color:#e6092e;}
.sb_yellow					{ border:1px solid rgb(0,0,0,0.1);background:#f6c244 !important; color:#333 !important;}
.sb_green					{ border:1px solid rgb(0,0,0,0.1); background:#28a745 !important; color:#fff !important;}
.sb_gray						{border:1px solid rgb(0,0,0,0.1); background:#6d747c !important; color:#fff !important;}
.sb_black					{ border:1px solid rgb(0,0,0,0.1);background:#212529 !important; color:#fff !important;}

@media screen and (max-width:768px) {
	.sb_b						{padding:0 12px; min-width:70px; line-height:44px; font-size:0.95em;}
}
/*  버튼 관련  ==================================================================================== */




/*  상단 써머리 박스, 헬프 박스 스타일   ==================================================================================== */
.gbox_top							{position:relative;border:8px solid #eee; background:#fff;padding:30px  ; text-align:justify; margin-bottom:30px; }
.gbox_top::after					{position:absolute;content:''; top:-8px; left:-8px; width:30px; height:30px; border-left:10px solid var(--color1); border-top:10px solid var(--color1); }  
.gbox_top .tit						{position:relative; font-size: 1.6em; line-height:1.3;   font-weight: 700; color: #222;   margin-bottom: 20px;}		  /* 큰 글씨 제목 */
.gbox_top .tit	 .btn			{position:absolute; right:0;top:-2px; background:#fe7e00;font-size:0.95rem; color:#fff; line-height:40px; padding:0 13px; border-radius:3px; transition:all 0.3s ease;}
.gbox_top .tit	 .btn i			{font-size:0.85em;margin-left:5px;}
.gbox_top .tit	 .btn:hover		{background:#333;}
.gbox_top .inf					{position:relative; display: grid; grid-template-columns: repeat(2, 1fr); gap:3px  40px;   }       /* 접수기간 등 작은 글씨 정보 묶음  */
.gbox_top dl						{position:relative; font-size:0.95rem; line-height:1.3;padding:3px 0; display:grid;grid-template-columns:130px auto; }    /* 접수기간 등 작은 글씨 정보   */
.gbox_top dl dt					{position:relative;   font-weight:600; color:#444; padding:0 0 0 12px;}                        /* 접수기간 등 작은 글씨 정보   */
.gbox_top dl dt::before		{position:absolute; content:''; display:block; left:2px; top:8px; width:3px; height:3px; background:var(--color1); border-radius:50%;}    /* 접수기간 등 작은 글씨 정보   */
.gbox_top dl dt::after			{content:''; position:absolute; top:3px; right:10px;  width:1px; height:1em; margin:auto; background:#ddd; }     /* 접수기간 등 작은 글씨 정보   */
.gbox_top dl dd					{position:relative; } 
 
.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-block; 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_help							{position:relative; border:1px solid #ddd; background:#f9f9f9; padding:25px; line-height:1.4; font-size:0.95em;}
.gbox_help p						{position:relative; padding:3px 0 3px 12px; line-height:1.4;   z-index:2 ;}
.gbox_help p:after				{position:absolute; content:''; display:block; left:0; top:13px; width:3px; height:3px; background:#666; border-radius:50%;}
.gbox_help p strong			{position:relative;display:inline-block;font-weight:600;  color:#333;  box-shadow: inset 0 -10px 0 #ddecff; }
.gbox_help p strong:before		{position:absolute; content:''; left:-2px;top:12px;width:calc(100% + 4px); height:10px;background:#ddecff; z-index:-1; }
.gbox_help .anone:after	{display:none;}			/* p 태그에 앞에 점 없음 */

.gbox_help .tit					{ color:#333; font-size:1.1em;font-weight:bold;   padding:3px 0; }   /* 큰 글씨 */
.gbox_help .tit i					{color:#0061bb; font-size:1.2em;margin-right:10px;}
.gbox_help .tit.fred i			{color:#ec3838;}

.gbox_help2						{position:relative; border:2px solid #ddd;background:#fff; padding:20px 25px;  line-height:1.4;font-size:0.95em;}
.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:1200px) {
.gbox_top							{ padding:25px 30px  ; }
.gbox_top .inf					{ grid-template-columns: repeat(1, 1fr);   }  
}
  
@media screen and (max-width:820px) {
.gbox_top							{border-width:5px; padding:20px; margin-bottom:20px;  }
.gbox_top::after					{width:22px; height:22px;top:-5px; left:-5px;  border-left-width:7px ; border-top-width:7px; } 
.gbox_top .tit						{font-size: 1.25em;margin-bottom: 15px; } 
.gbox_top em					{top:-2px;min-width:70px;  line-height: 32px; font-size:0.85rem; margin-right:15px;}   /* 접수중을 표시하는 태그 */
.gbox_top .tit	 .btn			{position:relative; right:initial;display:inline-block;  font-size:0.9rem; line-height:32px; padding:0 10px; margin-left:5px;}
.gbox_top dl						{padding:2px 0; grid-template-columns:110px auto; }
.gbox_top dl dt					{ padding:0 0 0 10px;}   
.gbox_top dl dt::before		{top:6px;left:0; } 
}
 
.gwrap									{}				/* 뷰페이지 내용을 감싸주는 태그  - h4, h5 스타일 변경 용*/
.gwrap h4								{position:relative; display:block; font-size:1.2em; color:#306bc5;  font-weight:600; line-height:100%; padding:0 0 22px 3px; } 
.gwrap h4:after						{display:none;  }
.gwrap h4:before						{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 24px; color:#222;   } 
.gwrap h5:after						{position:absolute; top:5px; left:3px; content:''; width:8px; height:8px; border:4px solid #306bc5; border-radius:20px;   }


#guava_win_wrap h4			{position:relative; display:block; font-size:1.25em; color:#003e7e;  font-weight:600; line-height:100%; padding:10px 0 20px 3px; } 
#guava_win_wrap h4:after, #guava_win_wrap h4:before						{display:none;  }


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


/*  탭메뉴   ==================================================================================== */
.gtab1									{position:relative; display:table;  table-layout:fixed; width:100%; border-bottom:1px solid #ccc; margin-bottom:40px;  }
.gtab1 li								{position:relative;display:table-cell; text-align:center; cursor:pointer; transition:all 0.3s ease;}
.gtab1 li a							{position:relative;display:block; width:calc(100% - 3px);color:#fff; font-size:1em; font-weight:600;  background:#9e9fa1;padding:0 30px;  line-height:52px; height:54px; border:1px solid rgb(0,0,0,0.1); border-bottom:0;    border-radius:5px 5px 0 0;transition:all 0.3s ease;}

.gtab1 li.on a						{color:#fff; background:#306bc5; border-color:#306bc5; z-index:11;}

.gtab2 								{position:relative; border:1px solid #d5d5d5;border-top:0;  margin:-40px 0 40px 0;background:#fff;  }
.gtab2 li								{position:relative; display:inline-block; text-align:center;  }
.gtab2 li:after						{content:''; position:absolute; top:0; left:0; bottom:0; 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:0 25px; line-height:64px; font-size:1em;font-weight:600;  }
.gtab2 .on:before				{position:absolute; content:''; bottom:0; left:20px;width:calc(100% - 40px); height:3px; background:#306bc5; }
.gtab2 .on a,
.gtab2 a:hover					{color:#306bc5; font-weight:600;}

@media screen and (max-width:1200px) {  
	.gtab1 li a							{ padding:0 ; font-size:0.95em;  font-weight:600;  line-height:48px;height:50px; }
	.gtab1 li:last-child a			{width:100%;} 
	.gtab2 li a							{padding:0 15px;line-height:52px;font-size:0.95em; }
	.gtab2 .on:before				{ left:12px;width:calc(100% - 24px); height:2px;   }
}
@media screen and (max-width:800px) { 
	.gtab1									{ display: grid; grid-template-columns: repeat(3, 1fr);  }
	.gtab1 li a							{ width:initial; font-size:0.9em; line-height:44px;height:46px;border-radius: 0;border:1px solid rgb(0,0,0,0.15); border-right:0 ; margin-bottom:-1px; }
	.gtab1 li:nth-child(3n)  		{border-right:1px solid rgb(0,0,0,0.15);}
}

/*  탭메뉴   ==================================================================================== */

/*  게시글 리스트 검색 박스  ==================================================================================== */
.gsearch_box																			{position:relative; overflow:hidden; margin-bottom:20px; display: flex; flex-flow:wrap;justify-content: space-between; }
.gsearch_box .ginfo																{position:relative;  padding:15px 0 0 0; } 
.gsearch_box .gsearch															{ position:relative; overflow:hidden;display: flex; justify-content: right; }   
.gsearch_box .gsearch select												{  height:48px;padding:0 10px; vertical-align:top;border:1px solid #dfdfdf;cursor:pointer;  }
.gsearch_box .gsearch .search_input_box  						{position:relative;  display:inline-block;  padding-left:10px; }    
.gsearch_box .gsearch .search_input_box input[type="text"]{width:100%; height:48px; color:#666; vertical-align:top;border:1px solid #dfdfdf; padding:0 10px;  }
.gsearch_box .gsearch .search_input_box a						{position:absolute; right:5px;top:9px;}
.gsearch_box .gsearch .gbtn												{float:right; border:1px solid #0c284a; background:#0c284a; height:48px; line-height:40px; width:70px; text-align:center; color:#fff;  }
.gsearch_box .gsearch .gbtn:hover										{background:#333;}

 
/* screen 600px */
@media screen and (max-width:800px) {  
.gsearch_box .ginfo																{width:100%;padding:0 0 10px 0; } 
.gsearch_box .gsearch															{width:100%;justify-content: left;  } 
.gsearch_box .gsearch select												{width:40%;}
.gsearch_box .gsearch .search_input_box  						{width:60%;}
}
/*  게시글 리스트 검색 박스  ==================================================================================== */
 


/*  테이블 관련  ==================================================================================== */
.gtable_tit									{background:#909298; color:#fff; padding:0 0 0 20px; font-weight:600; line-height:50px;font-size:1.15em;  border-top:1px solid #58595f; }
.gtable										{border-collapse:collapse; width:100%; table-layout:fixed;  border-top:2px solid #222; background:#fff;}
.gtable thead th							{background:#f2f2f2; color:#111; font-weight:600;padding:18px 0;line-height:1.2em;  font-size:0.95em; border-left:1px solid #d5d5d5;  border-bottom:1px solid #d5d5d5; text-align:center;} 
.gtable thead th b						{font-weight:600;}
.gtable thead th[rowspan]		{line-height:30px;} 
.gtable thead th[colspan]			{} 
.gtable thead th:first-child		{border-left:0;} 
.gtable tbody th							{padding:15px 10px ; background:#fafafa;  color:#333;  line-height:1.25em;font-size:0.95em; font-weight:600; border-bottom:1px solid #ddd;border-right:1px solid #ddd; }
.gtable tbody th[rowspan]		{background:#fafafa;}
.gtable tbody th:first-child		{border-left:0;}
.gtable tbody th:last-child			{border-right:0;}
.gtable tbody th span				{font-size:0.85em;color:var(--point2);}
.gtable tbody td							{padding:15px 10px  ;  line-height:1.25em; font-size:0.95em;   word-break:break-all; border-bottom:1px solid #ddd;border-right:1px solid #ddd; }
.gtable tbody td:first-child		{border-left:0;} 
.gtable tbody td:last-child			{border-right:0;} 
/*.gtable tbody tr:hover td			{background:#fbf9f2;} */     /* 오버했을때 바탕색 변경 */
.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							{padding:15px 10px  ;  background:#efefef; color:#333; padding:0px 6px;  word-break:break-all; font-weight: normal; line-height:1.3em;   border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center;  }
.gtable tfoot th:last-child,
.gtable tfoot td:last-child			{border-right:0 !important;}
.gtable em									{background:none !important;} 
.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:#333; font-weight:700;padding:16px 0;line-height:1.1em;font-size:0.95em; text-align:center;  border-bottom:1px solid #ccc; }  
.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; border-bottom:1px solid #e3e3e3;  }   /* 게시판 형태로 세로방향 보더가 없어짐 */
 

.gtable .btit								{position:relative;padding-top:3px;padding-bottom:3px; font-size:1.05em;color:#333; font-weight:600;}  /* 게시판 형태에서 제목으로 쓰임 : 큰글씨 */  
.gtable .stit									{padding:2px 0; color:#888; font-size:0.95rem;}																		  /* 게시판 형태에서 작은글씨로 쓰임 : 신청기간 등 내용 */  
.gtable .stit strong						{display:inline-block; font-weight:300; font-size:0.9em;border:1px solid #ddd; padding:1px 5px 2px 5px;min-width:95px; text-align:center; margin-right:7px; }   /* 게시판 형태에서 작은글씨 박스 : 신청기간 등 표시 */  
.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:8px;left:0;width:3px;height:3px;background:#888; }



.gtable .mobile2						{display:none; }
.gtable .mobile							{display:none; }    /* 모바일 사이즈에서 나타남 */ 
.centertoleft								{text-align:center;}
.tableimg									{width:100%; border:1px solid #e5e5e5;}
.icon_link									{display:inline-block; margin-left:5px; width:18px; height:18px; background:url('../img/common/top_blank0.png') no-repeat center 50%;}

@media screen and (max-width:1024px) {
    .gtable .mobile2						{display:inline-block; }
    .gtable .mobile							{display:block; }    /* 모바일 사이즈에서 나타남 */
    .gtable .none								{display:none; }     /* 모바일 사이즈에서 없어짐 */  
    .centertoleft								{text-align:left;}

	.gtable thead th						{ padding:13px 5px;}
	.gtable tbody th						{ padding:12px 5px;}   
	.gtable tbody td						{ padding:12px 10px;}   
	.gtable tfoot th, .gtable tfoot td		{ padding:12px 5px;}   
  
    .gtable.list tbody td				    {padding:10px 8px;  }
    .gtable.list .btit						    { padding:6px 0 10px 0; }
    .mleft											{text-align:left;}			/* 센터정렬이던 내용을 모바일에서 왼쪽 정렬로 바꿔주는 태그 */
}
@media screen and (max-width:768px) {   
	.gtable									{font-size:0.95em;line-height:1.3;}
	.gtable.list								{font-size:1em;}
	.gtable tbody td						{ padding:12px 5px;}
	
	.gtable.nl2br tr					    { display:flex; flex-wrap: wrap;  }
    .gtable.nl2br th					    {padding: 10px; width:25%; }
    .gtable.nl2br td					    {padding:10px; width:75%; border-right-width: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[colspan]			{} 
.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:#ec0b0b;}
.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; letter-spacing:0; border-right:1px solid #ddd; border-bottom:1px solid #ddd; 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;}
 
 
/*  테이블 관련  ==================================================================================== */
 


.gtable_resp										{display: block;width: 100%;overflow-x: auto; padding-bottom: 20px; -webkit-overflow-scrolling: touch;}
.gtable_resp .gtable							{min-width:1000px;}





/*  서브 검색결과   ==================================================================================== */
.sub_search_wrap							{position:relative;padding:130px 0 0 0;}
.sub_search_top								{position:relative;padding:70px 0 60px 0; background:url('../img/common/svisual_search.jpg') no-repeat center 50% #22293d; background-size:cover; border-bottom:1px solid #ddd; text-align:center; margin:0 0 40px 0;}
.sub_search_top form					{position:relative; margin:auto; max-width:560px;width:80%;height:60px; border-bottom:3px solid #fff;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:2em; font-family: 'Paperlogy'; font-weight:600;text-align:center; padding:0 0 0 10px; color:#fff; 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:#fff; text-indent:2px; border-radius:50%; }
.sub_search_top .keyword			{padding:25px 0 0 0; }
.sub_search_top .keyword span     {position:relative; display:inline-block; background:var(--point1); color:#fff;  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:#fff;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:600; }
.sub_search_list	li .date .cate		{display:inline-block; color:#666; font-weight:0.95em; font-weight:600; 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:600; 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_nolist							{text-align:center;  width:95%;padding:170px 0 80px 0; font-weight:600;font-size:1.45em; color:#000;  background:url('../img/common/error_img.png') no-repeat center 70px; border:2px solid #eee; margin-top:80px;margin-bottom:120px; transition:all 0.3s ease;}

@media screen and (max-width:1024px) {
	.sub_search_nolist						{margin:30px 20px 100px 20px; font-size:1.35em;padding:155px 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; }
}



.sub_search_tab								{display:block; text-align:center; width:100%; margin-bottom:50px; display: grid;  grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)); gap:4px;}
.sub_search_tab li							{position:relative; display:inline-block;   text-align:center; background:#f2f2f2; line-height:1.2; border:1px solid #d0d0d0; border-radius:4px;  }
.sub_search_tab li a						{display:block;width:100%;padding:12px 5px;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:12px 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								{ margin-bottom:40px;  } 
}
@media screen and (max-width:1024px) {
	.sub_search_wrap						{padding:60px 0 0 0;}
	.sub_search_top							{padding:40px 0 50px 0; }
	.sub_search_top form span		{line-height:44px;font-size:1em; } 
    .sub_search_top input[type="text"]		{  font-size:1.8em; }
	.sub_search_top .btn					{height:46px; font-size:1.4em;}

    .sub_search_tab								{ margin-bottom:30px;  grid-template-columns:repeat(auto-fit, minmax(130px, 1fr)); }
    .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.5em;  }
	.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; } 
}

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