@charset "utf-8";

/*  프로그램 관련 ==================================================================================== */ 
.state_ing, .state_acc,	.state_wait, .state_write, .state_finish,
.state_end, .state_return, .state_cancel	{
	position:relative; font-weight:500; display: inline-block; text-align:center; font-style:normal; vertical-align:middle; min-width:80px; padding:0 4px; line-height:32px;letter-spacing:-0.5px;
	border:1px solid rgba(0,0,0,0.1); font-size:15px; color:#fff; border-radius:50px; font-weight:500;}  

.state_ing					{background:#00a0c6;} /* 접수: 민트 */
.state_acc					{background:#fff; border-color:#00a0c6; color:#00a0c6;}/* 접수완료: 민트라인 */
.state_wait					{background:#fff; border-color:#c7c7c7; color:#999;}/* 대기:회색라인 */
.state_write					{background:#F79433;} /* 작성중:주황색*/
.state_end					{background:#999;} /* 종료:회색*/
.state_finish				{background:#e9ba6d;} /* 노랑 : 재승인대기 */
.state_return				{background:#fff; color:#e77987; border-color:#e77987;} /* 반려:적색라인 */ 
.state_cancel				{background:#e77987;} /* 취소:적색 */  
.state_member				{color:#444;}
.state.s					{min-width:60px; color:#666;}
.state_acc.s				{border-color:var(--sub); color:var(--sub);}
.state_ing.s				{border-color:var(--sub); background:var(--sub); color:#fff;}


@media screen and (max-width:1024px) {
	.state_ing, .state_acc,	.state_wait, .state_write, .state_finish,
	.state_end, .state_return, .state_cancel	{line-height:24px; min-width:70px; font-size:12px;}
}


/*  버튼 관련  ==================================================================================== */
.sb_group					{position:relative; text-align:center; margin-top:40px;}
.sb_group .rt				{position:absolute; right:0;}  /* 버튼 오른쪽 고정*/
.sb_b						{font-weight:700; display:inline-block; font-size:1.05em; letter-spacing:-0.75px; padding:0 15px; border:1px solid #aaa; background:#fff; color:#666; text-align:center; line-height:52px; cursor:pointer; min-width:130px; 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:.6 !important;}

.sb_blue					{border-color:#337cf6; background:#337cf6; color:#fff;}
.sb_blueline				{border-color:#337cf6; color:#337cf6;}
.sb_red						{border-color:#cb444a; background:#dc3545; color:#fff;}
.sb_redline					{border-color:#e6092e; color:#e6092e;}
.sb_yellow					{border-color:#f6c244 !important; background:#f6c244 !important; color:#333 !important;}
.sb_green					{border-color:#28a745 !important; background:#28a745 !important; color:#fff !important;}
.sb_gray					{border-color:#6d747c !important; background:#6d747c !important; color:#fff !important;}
.sb_black					{border-color:#212529 !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:all 0.3s ease; 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;}
}



/*  검색 박스  ==================================================================================== */
.gsearch_box									{overflow:hidden; margin-bottom:20px;}
.gsearch_box .ginfo								{float:left; padding:20px 0 0 0; } 
.gsearch_box .search_inner						{float:right; width:50%; overflow:hidden; font-size:0.95em;}
.gsearch_box .search_select_box					{display:inline-block;width:26%; }
.gsearch_box .search_select_box + .search_select_box{ margin-left:10px;}
.gsearch_box .search_inner > *					{float:left}
.gsearch_box .search_inner select				{width:100%; height:48px; vertical-align:top;border-color:#dfdfdf;cursor:pointer; border-radius:5px; }
.gsearch_box .search_input_box  				{ width:74%;padding-left:5px;}
.gsearch_box .search_input_box > *				{float:left;}
.gsearch_box .search_input_box:after			{content:'';display:block;clear:both}
.gsearch_box .search_inner input[type="text"]	{width:calc(100% - 55px); height:48px; border-color:#dfdfdf; border-radius:5px;}
.gsearch_box .search_btn						{float:right; width:50px; height:48px; border-radius:3px; font-size:1.1em; line-height:45px; text-align:center;display:block; background:#3b414d; color:#fff; cursor:pointer;}
.gsearch_box .search_btn:hover					{background:#000; border-color:#000; color:#fff;} 


@media screen and (max-width:1024px) {
	.gsearch_box .ginfo				{float:none; padding:0 0 10px 0; font-size:0.95em;}
	.gsearch_box .search_inner			{float:none; width:100%; } 
	.gsearch_box .search_inner select,	
	.gsearch_box .search_inner input[type="text"]	{height:42px;}
	.gsearch_box .search_inner .search_btn			{height:42px; line-height:39px;}
} 

@media screen and (max-width:768px) {  
	.gsearch_box .search_select_box	{float:none; width:100%; margin-bottom:5px;}
	.gsearch_box .search_input_box		{float:none; width:100%;padding-left:0;} 
}


/*  테이블 관련  ==================================================================================== */ 
.gtable							{border-collapse:collapse; width:100%; table-layout:fixed; border-top:1px solid #5d636c; letter-spacing:-0.75px;}
.gtable thead th				{font-weight:500; position:relative; background:#798291; color:#fff; height:52px; line-height:1.2;} 
.gtable thead th:first-child	{border-right:0;}
.gtable thead th:after				{content:''; position:absolute; top:0; right:0; bottom:0; width:1px; height:1em; margin:auto; background:rgba(256, 256, 256, .3);}
.gtable thead th:last-child:after	{display:none;}
.gtable thead th[rowspan]		{height:42px; } 
.gtable thead th[colspan]		{height:42px; background:#686f7c;} 
.gtable thead th a				{color:#fffe8b;}
.gtable tbody th				{font-weight:500; padding:15px; background:#f5f7fa; border-left:1px solid #dfdfe1; border-bottom:1px solid #dfdfe1; color:#000;}
.gtable tbody th[rowspan]		{background:#f5f7fa; border-right:1px solid #dfdfe1;}
.gtable tbody th:first-child	{border-left:0;}
.gtable tbody th:last-child		{border-right:0;}
.gtable tbody th span			{display:block;font-size:0.85em;color:#ec0b0b;}
.gtable tbody td				{padding:15px;  word-break:break-all; border:1px solid #dfdfe1; border-top:0; } 
.gtable tbody td:first-child	{border-left:0;}
.gtable tbody td:last-child		{border-right:0;}
.gtable tbody tr:hover td		{background:#fbfbfc;}
.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:#c1c4ca; 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;}
.gtable tfoot th:last-child,
.gtable tfoot td:last-child		{border-right:0;}
.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 tbody td>.gtable		{border-color:#ccc;} 
.gtable tbody td>.gtable tbody th	{background:#e7e7e7; border-color:#ccc; padding:10px 5px;}
.gtable tbody td>.gtable tbody td	{padding:10px 5px;}


/* 게시판 형태로 세로방향 보더가 없어짐 */
.gtable.list th					{border-left:none;}   
.gtable.list td					{border:none; border-bottom:1px solid #dfdfdf;} 
.gtable .tit					{font-family: 'GmarketSansMedium'; color:#333; font-size:1.05em; letter-spacing:-0.5px;}
.gtable .btit					{position:relative; padding:3px 0; font-size:1.05em;color:#333; font-weight:500;}  /* 게시판 형태에서 제목으로 쓰임 : 큰글씨 */  
.gtable .stit					{padding:2px 0; color:#797979; font-size:0.95rem;}																		  /* 게시판 형태에서 작은글씨로 쓰임 : 신청기간 등 내용 */  
.gtable .stit strong			{display:inline-block; font-weight:300 !important; font-size:0.95em;border:1px solid #ddd; padding:1px 5px 2px 5px;min-width:75px; text-align:center; margin-right:10px;letter-spacing:-1px;}   /* 게시판 형태에서 작은글씨 박스 : 신청기간 등 표시 */  
.gtable .stit2					{position:relative; padding:0 6px 0 10px;font-size:0.95em;line-height:1.4;color:#888; }  /* 게시판 형태에서 작은글씨로 쓰임 : 앞에 점이 붙음  */  
.gtable .stit2 strong			{font-weight:500;}
.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.list td					{border-left:none;padding:12px 5px;}   /* 게시판 형태로 세로방향 보더가 없어짐 */
	.gtable .stit strong			{min-width:70px;}
	.gtable .sub_list01				{padding:0 0 0 8px; color:#797979;}
	.gtable .sub_list01:after		{top:9px; width:3px; height:3px;}
	.gtable .tit					{font-size:1em;}
	.gtable .tit span				{margin-right:7px;}
}


/*  상단 써머리 박스, 헬프 박스 스타일   ==================================================================================== */
.gbox_top						{position:relative;border:7px solid #e6e7ec; background:#fff;padding:35px 40px; text-align:justify; margin-bottom:40px; border-radius:0 0 40px 0; }
.gbox_top:after					{position:absolute;content:''; top:-8px; left:-8px; width:30px; height:30px; border-left:10px solid #26539c; border-top:10px solid #26539c;}  
.gbox_top .tit					{font-family: 'GmarketSansMedium'; font-size:1.5em; line-height:1.3; color: #222; letter-spacing: -1px; margin-bottom: 15px;}		  /* 큰 글씨 제목 */
.gbox_top .tit span,
.gbox_top .tit em				{margin-right:10px;}
.gbox_top .inf					{position: relative; overflow:hidden;  }       /* 접수기간 등 작은 글씨 정보 묶음  */
.gbox_top dl					{position:relative; padding:3px 0; display:grid;grid-template-columns:130px auto; }    /* 접수기간 등 작은 글씨 정보   */
.gbox_top dl dt					{position:relative; letter-spacing: -1px;font-weight:500; color:#194895; padding:0 0 0 12px;}                        /* 접수기간 등 작은 글씨 정보   */
.gbox_top dl dt:before			{position:absolute; content:''; display:block; left:2px; top:11px; width:3px; height:3px; background:#194895; border-radius:50%;}    /* 접수기간 등 작은 글씨 정보   */
.gbox_top dl dt:after			{content:''; position:absolute; top:5px; right:15px; bottom:0; width:1px; height:0.9em; 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_top .btn_wrap				{border-top:1px solid #e5e5e5;padding:20px 0 0 0;text-align:center;margin-top:20px;}
.gbox_top .btn_wrap span		{display:inline-block;text-align:center; font-weight:500; letter-spacing:-1px; padding:0 20px;border:1px solid #082a58; background:#082a58; color:#fff;  line-height:45px; cursor:pointer; min-width:120px;vertical-align:middle; transition: all 0.3s ease; border-radius:2px;}

.gbox_help						{position:relative; border:1px solid rgba(0,0,0,.1); background:#f6f6f9; padding:15px 20px; border-radius:10px; line-height:1.4; font-size:0.95em;}
.gbox_help p					{position:relative; padding:3px 0 3px 12px; line-height:1.4; letter-spacing: -1px; z-index:1 ;}
.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; 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:#0039a3; font-size:1.1em; font-weight:500; letter-spacing: -0.75px;padding:3px 0; }   /* 큰 글씨 */
.gbox_help .tit i				{color:#0039a3; font-size:1.1em; margin-right:7px;}
.gbox_help .tit.fred i			{color:#ec3838;}

.gbox_help2						{position:relative; border:3px solid #e6e7ec; border-radius:10px; background:#fff; padding:15px 20px;  line-height:1.4;font-size:0.95em;}
.gbox_help2 p					{position:relative; padding:3px 0 3px 10px; line-height:1.4; letter-spacing: -1px;}
.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:22px; 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: 10px; } 
	.gbox_top dl					{display:block; font-size:0.95em;}
	.gbox_top dl dt:after			{display:none;}
	.gbox_top em					{top:-2px;min-width:70px; line-height:26px; font-size:0.85rem;}   /* 접수중을 표시하는 태그 */
}
 
.gwrap									{}				/* 뷰페이지 내용을 감싸주는 태그  - h4, h5 스타일 변경 용*/
.gwrap h4								{position:relative; display:block; font-size:1.2em; color:#306bc5; letter-spacing:-1.5px;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; letter-spacing:-1.5px; } 
.gwrap h5:after						{position:absolute; top:5px; left:3px; content:''; width:8px; height:8px; border:4px solid #306bc5; border-radius:20px;   }


/*  탭메뉴   ==================================================================================== */
.gtab1								{position:relative;  width:100%; border-bottom:1px solid #d5d5d5; margin-bottom:40px;display:flex;gap:3px; }
.gtab1 li							{position:relative; text-align:center; cursor:pointer; }
.gtab1 li a							{position:relative;display:block; color:#fff; font-size:1.05em; font-weight:500; letter-spacing:-1px; background:#9e9fa1;padding:0 30px;min-width:180px; line-height:58px; height:58px; border:1px solid #909093; border-bottom:0;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-radius:5px 5px 0 0; }
.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:500; letter-spacing:-1px;}
.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:500;}

@media screen and (max-width:1200px) {
.gtab1 li a							{min-width:initial; }
}
@media screen and (max-width:1024px) {
.gtab1								{display:table;  table-layout:fixed; }
.gtab1 li							{display:table-cell; } 
.gtab1 li a							{padding:0; font-size:1em; width:calc(100% - 3px); font-weight:500;   }
.gtab1 li:last-child a				{width:100%;} 
.gtab2 li a							{padding:0 15px;line-height:56px;font-size:0.95em; }
.gtab2 .on:before					{ left:12px;width:calc(100% - 24px); height:2px;   }
}


/*  서브 검색결과   ==================================================================================== */
.sub_search_wrap							{position:relative;padding:160px 0 0 0;}
.sub_search_top								{position:relative;padding:70px 0 55px 0; background:#f3f3f3; border-bottom:1px solid #ddd;text-align:center;  margin:0 0 40px 0;}
.sub_search_top form					{position:relative; margin:auto; max-width:600px;width:90%;height:56px; border:3px solid #004e97;background:#fff ;  display: grid; grid-template-columns:90px auto 56px;  }
.sub_search_top form span			{position:relative; line-height:50px;font-size:1.05em;font-weight:500;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.05em;font-weight:500;padding:0 0 0 15px;color:#004e97;letter-spacing:-1px; border:0;  }  
.sub_search_top input[type="text"]:focus					{background:#fff;  color:#000;} 
.sub_search_top .btn									{position:relative;border:0; width:100%; height:50px;line-height:44px;font-size:1.4em; background:#004e97;color:#fff; text-indent:2px;}  
.sub_search_top .keyword						{padding:25px 0 0 0; }
.sub_search_top .keyword a						{display:inline-block;color:#004e97;font-weight:300;  padding:0 10px; font-size:1em;}
  
.sub_search_cont										{padding:0 0 70px 0;}
.sub_search_cont .txtline4					{box-shadow:initial !important;padding:0 !important; color:#256fdf !important;text-decoration:underline;} 

.sub_search_list									{position:relative;   padding:15px 0 0 0; border-top: 2px solid #222;display: grid;grid-template-columns::1fr; align-items:center; row-gap:20px;}
.sub_search_list	li								{padding:0 0 20px 0;border-bottom:1px dashed #ddd;}
.sub_search_list	li .route					{  padding:0 0 10px 0; font-size:1.05rem; font-weight:500; color:#222;text-decoration:underline;}
.sub_search_list	li .route .cate			{color:#777; font-weight:500; }
.sub_search_list	li .txt						{padding: 0 0 7px 0; }
.sub_search_list	li .date						{color:#999; font-size:0.9rem;}

.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:#004e97;}
.sub_search_result	 strong				{font-size:1.1em;color:#004e97;text-decoration:underline;}
/*
.sub_search_tab								{display:table; table-layout:fixed; text-align:center; width:100%; border-top:2px solid #306bc5;margin-bottom:40px;}
.sub_search_tab li							{position:relative; display:table-cell;   text-align:center; cursor:pointer;  }
.sub_search_tab li a						{display:block; color:#333; font-size:0.95em;  font-weight:500; letter-spacing:-1px; padding:0 5px;background:#fff; line-height:50px; height:50px; border:1px solid #89a7d4; border-right:0; border-top:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  }
.sub_search_tab li:last-child a		{border-right:1px solid #89a7d4;}
.sub_search_tab .on a					{color:#fff; background:#306bc5; border-color:#306bc5; }
*/
.sub_search_tab								{display:block; text-align:center; width:100%; margin-bottom:50px; display: flex;flex-flow:wrap;justify-content: center; gap:3px;}
.sub_search_tab li							{position:relative; display:inline-block;   text-align:center; background:#eaeaea; line-height:1.2; border:1px solid #d0d0d0; border-radius:4px;  }
.sub_search_tab li a						{display:block;width:100%;padding:12px 10px;color:#333; font-size:0.9rem;  min-width:50px; }
.sub_search_tab .on 						{color:#fff; background:#306bc5; border-color:#306bc5; }
.sub_search_tab .on a					{color:#fff;  }
.sub_search_tab .none					{color:#a0a0a0;padding:12px 10px;font-size:0.9rem; }

.sub_search_tit								{position:relative;  display: flex; flex-flow:wrap;justify-content: space-between;  }
.sub_search_tit p 							{position:relative;font-size:1.3em;line-height:1.3; font-weight:600; padding:0 0 15px 0; color:#004e97; letter-spacing:-1.5px; }  
.sub_search_tit p span					{display:inline-block;padding:0 0 0 6px;color:#777; font-size:1.05rem;}
.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(8, 1fr);}
.sub_search_tab li a						{padding:10px;}
.sub_search_tab .none					{padding:10px;  }
}
@media screen and (max-width:1024px) {
.sub_search_wrap							{padding:60px 0 0 0;}
.sub_search_top								{padding:50px 0 50px 0; }
 .sub_search_top form					{ height:50px;  border:2px solid #004e97;  display: grid; grid-template-columns:80px auto 50px;  }
.sub_search_top form span			{  line-height:44px;font-size:1em; }
.sub_search_top input[type="text"]			{ line-height:35px;font-size:1em; padding:0 0 0 10px;   }  
.sub_search_top .btn						{  height:46px;  } 
  
.sub_search_tab								{ margin-bottom:40px;  grid-template-columns: repeat(5, 1fr);} 
.sub_search_tab li a						{padding:8px 0; font-size:0.85rem;  }
.sub_search_tab .none					{padding:8px 0;font-size:0.85rem;  } 
}
@media screen and (max-width:560px) {
.sub_search_tab								{ margin-bottom:30px; display: grid; grid-template-columns: repeat(3, 1fr);}
.sub_search_tab li a 						{ padding:6px 0;  } 
.sub_search_tab .none					{ padding:6px 0;  } 
}