@charset 'UTF-8';

/****************************************************/
/* 메인												*/
/* 2019-01-08 그래프 아래 범례 글자 짤림 */
.workRoad #tsMain { display:none; width: 600px; }
/* 토글버튼 (보이기/숨기기) */
.workRoad #tsMain .wrmToggleBtn { top: 0px; left: 0px; height: 39px; width: 123px; }
.workRoad #tsMain .wrmToggleBtn span { font-family: 'Nanum Gothic Bold'; font-size: 15px; display: block; color: #fff; height: calc(100% - 5px); padding-top: 5px; }
.workRoad #tsMain .wrmToggleBtn span:after { background-image: none; }	
/* 오늘의 전국 구인 현황 테이블의 업/다운 아이콘 */
.workRoad #tsMain span.job-arrow:before { content: attr(data-val); }
/* 오늘의 전국 구인 현황 테이블의 첫번째 Row */	
.workRoad #tsMain #tsTable tbody tr:nth-of-type(1) td { color: #fff; background: #28425b; font-weight: bold; }
/* 오늘의 전국 구인 현황 테이블의 1th-Row의 업/다운 아이콘 */
.workRoad #tsMain #tsTable tbody tr:nth-of-type(1) td span.job-arrow:before { color:#fff; }
/* 오늘의 전국 구인 현황 테이블의 1th,2th Column */
.workRoad #tsMain #tsTable tbody td:nth-of-type(2),
.workRoad #tsMain #tsTable tbody td:nth-of-type(3) { padding-right: 30px; } 
/* End of - 메인										*/
/****************************************************/

/****************************************************/
/* 상세												*/
.workRoad #tsSub { display:none; width:970px; }
/* 컨텐츠 영역 */
.workRoad #tsSub .cont-box { padding-bottom: 0px; }	
/* 좌측 영역 */
.workRoad #tsSub .cont-box article:nth-of-type(1) { float: left; padding-right: 0px; width: calc(47% - 15px);/* 30px: 영역 좌우 padding */ }
/* 구인현황 테이블 영역 */
.workRoad #tsSub .cont-box article:nth-of-type(1) .job-offer.view{ padding-bottom: 0px; }
/* 구인현황 테이블의 제목 */
.workRoad #tsSub .cont-box article:nth-of-type(1) h3 { padding-bottom: 18px }
/* 구인현황 테이블의 작성일 */
.workRoad #tsSub .cont-box article:nth-of-type(1) .citation { top: -23px; }
/* 구인현황 테이블 */
.workRoad #tsSub #tsTable tbody { padding-bottom: 0px; }
/* 구인현황 테이블의 1th,2th Column */
.workRoad #tsSub #tsTable tbody td:nth-of-type(2),
.workRoad #tsSub #tsTable tbody td:nth-of-type(3) { padding-right: 30px; } 
/* 우측 영역 */
.workRoad #tsSub .cont-box article:nth-of-type(2) { float: left; width: calc(53% - 30px);/* 30px: 영역 좌우 padding */ height: 146px; }
/* 우측 영역 - 챠트영역 */
.workRoad #tsSub .cont-box article:nth-of-type(2) .job-offer-graph{ height: calc(100% - 50px); min-height: 0px; margin-bottom: 5px; padding: 0px; }
/* 우측 영역 - 기능 버튼 영역 */
.workRoad #tsSub .cont-box article:nth-of-type(2) .date-list li { width: 90px; }
/* 오늘의 전국 구인 현황 테이블의 업/다운 아이콘 */
.workRoad #tsSub span.job-arrow:before { content: attr(data-val); }

/* End of - 상세										*/
/****************************************************/

/****************************************************/
/* 데이터 보드											*/
.workRoad .popBox.today-data-popup-view{width:660px;}
.workRoad .today-data.view{position:relative;display:table;overflow:hidden;box-sizing:border-box;margin-bottom:20px;border-top:1px solid #213967;border-bottom:1px solid #e0e0e0;}
.workRoad .today-data.view dl dd span{font-size: 12px;display:inline-block;margin-left:5px;border-radius:2px;}
.workRoad .today-data.view dt{font-family:'Nanum Gothic Bold';box-sizing:border-box;width:100px;padding:9px 0;text-align:center;color:#777;border-right:1px solid #e0e0e0;background:#f6f7f8;}
.workRoad .today-data.view dd{font-size:13px;width:402px;padding:9px 9px;text-align:left;}
.workRoad .today-data.view dt,
.workRoad .today-data.view dd{display:table-cell;vertical-align:top;color:#333;border-bottom:1px solid #e0e0e0;}
/* End of - 데이터 보드									*/
/****************************************************/