@charset 'UTF-8';

/****************************************************/
/* 서브메뉴											*/
/* 메뉴 전체 */
.workRoad #ssaSubMenu .expanded { z-index: 18; /* ※ 색 선택 범례 z-index : 15 */ }	
.workRoad #ssaSubMenu #ssaSubMenuList { height:100%; }	
/* 타이틀 */
/* .workRoad #ssaSubMenu #ssaSubMenuList li:nth-of-type(1) a { cursor: default; }
.workRoad #ssaSubMenu #ssaSubMenuList li:nth-of-type(1) a:before { background: none; } */
/* End of - 서브메뉴									*/
/****************************************************/

/****************************************************/
/* 일자리 현황											*/
/* .workRoad #ssaJobStatus { display:none; width:1100px; height:700px; max-height:700px; } */
.workRoad #ssaJobStatus { display:none; width:1100px; height:430px; max-height:430px; }		/* 2019.05.22[한광희] 일자리 통계분석 > 화면 사이즈 고정으로 인한 height, max-height 570px → 430px로 변경 */
/* 토글버튼 (보이기/숨기기) */
 .workRoad #ssaJobStatus .wrmToggleBtn { top: 0px; left: 0px; height: 39px; width: 160px; }
.workRoad #ssaJobStatus .wrmToggleBtn span { font-family: 'Nanum Gothic Bold'; font-size: 15px; display: block; color: #fff; height: calc(100% - 5px); padding-top: 5px; }
.workRoad #ssaJobStatus .wrmToggleBtn span:after { background-image: none; }
.workRoad #ssaJobStatus #ssaJobStatusContents { left: 0px; top: 1px; width: calc(100% - 4px); height: calc(100% - 44px); }
.workRoad #ssaJobStatus .normalBox{ width: 1096px; height:calc(100% - 53px); }
.workRoad #ssaJobStatus .bottom{ background: white;}
.workRoad #ssaJobStatus .indicator{ width: 1048px;}
.workRoad #ssaJobStatus .data-right{width: 660px; margin-left: 2%}
.workRoad #ssaJobStatus .data-left{width: 350px;}
.workRoad #ssaJobStatus .jab-indicator-table span.up:before { content: attr(data-val); }
.workRoad #ssaJobStatus .jab-indicator-table span.down:before { content: attr(data-val); }
/* 컨텐츠 영역 */
.workRoad #ssaJobStatus #ssaJobStatusContents { top: 40px; }
/* 지표 테이블 */
.workRoad #ssaJobStatus .jab-indicator-table { border-top: 0; padding-bottom: 0px;/* 하위 table의 Row의 높이와 맞추기 위함 */ overflow: visible;	/* 아이콘 Value 모두 보이기 위함 */ }
/* 지표 테이블 - Row */
.workRoad #ssaJobStatus .jab-indicator-table table tr{ height: 42px;		/* 상위 Elment의 높이와 맞추기 위함 */ }
/* 2019-01-07 고용률, 실업률 클릭 가능여부 알수 없음(마우스 포인터없음) */
.workRoad #ssaJobStatus .jab-indicator-table table td{cursor: pointer;}
/* 지표 테이블 - 1th Row */
.workRoad #ssaJobStatus .jab-indicator-table:nth-of-type(1) { border-top: 1px solid #e0e0e0; }
/* 정보테이블 */
.workRoad #ssaJobStatus .indicator-tab { border-bottom: 1px solid #213967; padding-bottom: 10px; margin: 0; }
/* 정보테이블 > 타이틀 */
.workRoad #ssaJobStatus .indicator-tab h3 { text-align: left; }
/* 정보테이블 > Rows > 1th Column(Row Header 제외) */
.workRoad #ssaJobStatus .indicator .info-table tr td:nth-of-type(1) { text-align: left; }
/* 주요지표 - 2019-01-04 주요지표 화면창 : 아래에 빈여백이 필요 없을 듯함.*/
.workRoad #ssaJobStatus .indicator.bottom {min-height: 0 !important;}
/* End of - 일자리 현황									*/
/****************************************************/

/****************************************************/
/* 일자리 현황 - 상세										*/
.workRoad #ssaDetailPopup { display:none; width:935px; }
.workRoad #ssaDetailPopup #ssaSqlListBox { left: 200px; top: 0px; width: 1007px; }
.workRoad #ssaDetailPopup .data-left {float:left;}
.workRoad #ssaDetailPopup .jab-indicator-table{ width: 300px; }
.workRoad #ssaDetailPopup .jab-indicator-table span.up:before { content: attr(data-val); }
.workRoad #ssaDetailPopup .jab-indicator-table span.down:before { content: attr(data-val); }
.workRoad #ssaDetailPopup .sideQuick.xw{ top: 8px; }
.workRoad .sqListBox.sq03 .sqList ul li a .text{ width: 500px; }
.workRoad #ssaDetailPopup .sqListBox.sq03 .sqTabs{ width: 497px; }
.workRoad #ssaDetailPopup .sqListBox.sq03 .sqList{ height: 395px; }
/* End of - 일자리 현황 - 상세							*/
/****************************************************/

/****************************************************/
/* 일자리 증감											*/
.workRoad #ssaJobGrowth { display:none; width:1100px; height:430px; max-height:430px; }		/* 2019.05.22[한광희] 일자리 통계분석 > 화면 사이즈 고정으로 인한 height, max-height 570px → 430px로 변경 */
/* 토글버튼 (보이기/숨기기) */
 .workRoad #ssaJobGrowth .wrmToggleBtn { top: 0px; left: 0px; height: 39px; width: 160px; }
.workRoad #ssaJobGrowth .wrmToggleBtn span { font-family: 'Nanum Gothic Bold'; font-size: 15px; display: block; color: #fff; height: calc(100% - 5px); padding-top: 5px; }
.workRoad #ssaJobGrowth .wrmToggleBtn span:after { background-image: none; }
.workRoad #ssaJobGrowth #ssaJobGrowthContents { left: 0px; top: 1px; width: calc(100% - 4px); height: calc(100% - 44px); }
.workRoad #ssaJobGrowth .normalBox{ width: 1096px; height: calc(100% - 53px);}
.workRoad #ssaJobGrowth .bottom{ background: white; height: calc(100% - 96px);}
.workRoad #ssaJobGrowth .indicator{ width: 1048px;}
.workRoad #ssaJobGrowth .data-right{width: 660px; margin-left: 2%}
.workRoad #ssaJobGrowth .data-left{width: 350px;}
.workRoad #ssaJobGrowth .jab-indicator-table span.up:before { content: attr(data-val); }
.workRoad #ssaJobGrowth .jab-indicator-table span.down:before { content: attr(data-val); }
/* 컨텐츠 영역 */
.workRoad #ssaJobGrowth #ssaJobGrowthContents { top: 40px; }
/* 지표 테이블 */
.workRoad #ssaJobGrowth .jab-indicator-table { border-top: 0; padding-bottom: 0px;/* 하위 table의 Row의 높이와 맞추기 위함 */ overflow: visible;	/* 아이콘 Value 모두 보이기 위함 */ }
/* 지표 테이블 - Row */
.workRoad #ssaJobGrowth .jab-indicator-table table tr{ height: 42px;		/* 상위 Elment의 높이와 맞추기 위함 */ }
/* 2019-01-07 고용률, 실업률 클릭 가능여부 알수 없음(마우스 포인터없음) */
.workRoad #ssaJobGrowth .jab-indicator-table table td{cursor: pointer;}
/* 지표 테이블 - 1th Row */
.workRoad #ssaJobGrowth .jab-indicator-table:nth-of-type(1) { border-top: 1px solid #e0e0e0; }
/* 정보테이블 */
.workRoad #ssaJobGrowth .indicator-tab { border-bottom: 1px solid #213967; padding-bottom: 10px; margin: 0; }
/* 정보테이블 > 타이틀 */
.workRoad #ssaJobGrowth .indicator-tab h3 { text-align: left; }
/* 정보테이블 > Rows > 1th Column(Row Header 제외) */
.workRoad #ssaJobGrowth .indicator .info-table tr td:nth-of-type(1) { text-align: left; }
/* 주요지표 - 2019-01-04 주요지표 화면창 : 아래에 빈여백이 필요 없을 듯함.*/
.workRoad #ssaJobGrowth .indicator.bottom {min-height: 0 !important;}	
/* End of - 일자리 증감									*/
/****************************************************/

/****************************************************/
/* 일자리 증감 - 상세										*/
.workRoad #ssaJobGrowthDetailPopup { display:none; width:960px; }
.workRoad #ssaJobGrowthDetailPopup #ssaSqlListBox { left: 200px; top: 0px; width: 1007px; }
.workRoad #ssaJobGrowthDetailPopup .jab-indicator-table{ width: 300px; }	
.workRoad #ssaJobGrowthDetailPopup .jab-indicator-table span.up:before { content: attr(data-val); }
.workRoad #ssaJobGrowthDetailPopup .jab-indicator-table span.down:before { content: attr(data-val); }
.workRoad #ssaJobGrowthDetailPopup .sideQuick.xw{ top: 8px; }
.workRoad #ssaJobGrowthDetailPopup .data-right{width: 600px; margin-left: 2%; float:right;}
.workRoad #ssaJobGrowthDetailPopup .data-left{width: 305px; float:left;}
	.workRoad .sqListBox.sq03 .sqList ul li a .text{ width: 500px; }
.workRoad #ssaJobGrowthDetailPopup .sqListBox.sq03 .sqTabs{ width: 497px; }
.workRoad #ssaJobGrowthDetailPopup .sqListBox.sq03 .sqList{ height: 395px; }
/* End of - 일자리 증감 - 상세							*/
/****************************************************/

/****************************************************/
/* 일자리 질											*/
.workRoad #ssaJobQuality { display:none; width:1100px; height:430px; max-height:430px; }		/* 2019.05.22[한광희] 일자리 통계분석 > 화면 사이즈 고정으로 인한 height, max-height 570px → 430px로 변경 */
/* 토글버튼 (보이기/숨기기) */
 .workRoad #ssaJobQuality .wrmToggleBtn { top: 0px; left: 0px; height: 39px; width: 160px; }
.workRoad #ssaJobQuality .wrmToggleBtn span { font-family: 'Nanum Gothic Bold'; font-size: 15px; display: block; color: #fff; height: calc(100% - 5px); padding-top: 5px; }
.workRoad #ssaJobQuality .wrmToggleBtn span:after { background-image: none; }	
.workRoad #ssaJobQuality #ssaJobQualityContents { left: 0px; top: 1px; width: calc(100% - 4px); height: calc(100% - 44px); }
.workRoad #ssaJobQuality .normalBox{ width: 1096px; height: calc(100% - 53px); }
.workRoad #ssaJobQuality .bottom{ background: white; height: calc(100% - 96px);}
.workRoad #ssaJobQuality .indicator{ width: 1048px;}
.workRoad #ssaJobQuality .data-right{width: 660px; margin-left: 2%}
.workRoad #ssaJobQuality .data-left{width: 350px;}
.workRoad #ssaJobQuality .jab-indicator-table span.up:before { content: attr(data-val); }
.workRoad #ssaJobQuality .jab-indicator-table span.down:before { content: attr(data-val); }
/* 컨텐츠 영역 */
.workRoad #ssaJobQuality #ssaJobQualityContents { top: 40px; }
/* 지표 테이블 */
.workRoad #ssaJobQuality .jab-indicator-table { border-top: 0; padding-bottom: 0px;/* 하위 table의 Row의 높이와 맞추기 위함 */ overflow: visible;	/* 아이콘 Value 모두 보이기 위함 */ }
/* 지표 테이블 - Row */
.workRoad #ssaJobQuality .jab-indicator-table table tr{ height: 42px;		/* 상위 Elment의 높이와 맞추기 위함 */ }
/* 2019-01-07 고용률, 실업률 클릭 가능여부 알수 없음(마우스 포인터없음) */
.workRoad #ssaJobQuality .jab-indicator-table table td{cursor: pointer;}
/* 지표 테이블 - 1th Row */
.workRoad #ssaJobQuality .jab-indicator-table:nth-of-type(1) { border-top: 1px solid #e0e0e0; }
/* 정보테이블 */
.workRoad #ssaJobQuality .indicator-tab { border-bottom: 1px solid #213967; padding-bottom: 10px; margin: 0; }
/* 정보테이블 > 타이틀 */
.workRoad #ssaJobQuality .indicator-tab h3 { text-align: left; }
/* 정보테이블 > Rows > 1th Column(Row Header 제외) */
.workRoad #ssaJobQuality .indicator .info-table tr td:nth-of-type(1) { text-align: left; }	
/* 주요지표 - 2019-01-04 주요지표 화면창 : 아래에 빈여백이 필요 없을 듯함.*/
.workRoad #ssaJobQuality .indicator.bottom {min-height: 0 !important;}	
/* End of - 일자리 질									*/
/****************************************************/

/****************************************************/
/* 일자리 질 - 상세										*/
.workRoad #ssaJobQualityDetailPopup { display:none; width:960px; }
.workRoad #ssaJobQualityDetailPopup #ssaSqlListBox { left: 200px; top: 0px; width: 1007px; }
.workRoad #ssaJobQualityDetailPopup .jab-indicator-table{ width: 300px; }	
.workRoad #ssaJobQualityDetailPopup .jab-indicator-table span.up:before { content: attr(data-val); }
.workRoad #ssaJobQualityDetailPopup .jab-indicator-table span.down:before { content: attr(data-val); }
.workRoad #ssaJobQualityDetailPopup .sideQuick.xw{ top: 8px; }
.workRoad #ssaJobQualityDetailPopup .data-right{width: 600px; margin-left: 2%; float:right;}
.workRoad #ssaJobQualityDetailPopup .data-left{width: 305px; float:left;}
.workRoad .sqListBox.sq03 .sqList ul li a .text{ width: 500px; }
.workRoad #ssaJobQualityDetailPopup .sqListBox.sq03 .sqTabs{ width: 497px; }
.workRoad #ssaJobQualityDetailPopup .sqListBox.sq03 .sqList{ height: 395px; }
/* End of - 일자리 질 - 상세								*/
/****************************************************/

/****************************************************/
/* 경제상황											*/
.workRoad #ssaEconomicSituation { display:none; width:1100px; height:430px; max-height:430px; }		/* 2019.05.22[한광희] 일자리 통계분석 > 화면 사이즈 고정으로 인한 height, max-height 570px → 430px로 변경 */
/* 토글버튼 (보이기/숨기기) */
 .workRoad #ssaEconomicSituation .wrmToggleBtn { top: 0px; left: 0px; height: 39px; width: 160px; }
.workRoad #ssaEconomicSituation .wrmToggleBtn span { font-family: 'Nanum Gothic Bold'; font-size: 15px; display: block; color: #fff; height: calc(100% - 5px); padding-top: 5px; }
.workRoad #ssaEconomicSituation .wrmToggleBtn span:after { background-image: none; }
.workRoad #ssaEconomicSituation #ssaEconomicSituationContents { left: 0px; top: 1px; width: calc(100% - 4px); height: calc(100% - 44px); }
.workRoad #ssaEconomicSituation .normalBox{ width: 1096px; height: calc(100% - 53px); }
.workRoad #ssaEconomicSituation .bottom{ background: white; height: calc(100% - 96px);}
.workRoad #ssaEconomicSituation .indicator{ width: 1048px;}
.workRoad #ssaEconomicSituation .data-right{width: 660px; margin-left: 2%}
.workRoad #ssaEconomicSituation .data-left{width: 350px;}
.workRoad #ssaEconomicSituation .jab-indicator-table span.up:before { content: attr(data-val); }
.workRoad #ssaEconomicSituation .jab-indicator-table span.down:before { content: attr(data-val); }
/* 컨텐츠 영역 */
.workRoad #ssaEconomicSituation #ssaEconomicSituationContents { top: 40px; }
/* 지표 테이블 */
.workRoad #ssaEconomicSituation .jab-indicator-table { border-top: 0; padding-bottom: 0px;/* 하위 table의 Row의 높이와 맞추기 위함 */ overflow: visible;	/* 아이콘 Value 모두 보이기 위함 */ }
/* 지표 테이블 - Row */
.workRoad #ssaEconomicSituation .jab-indicator-table table tr{ height: 42px;		/* 상위 Elment의 높이와 맞추기 위함 */ }
/* 2019-01-07 고용률, 실업률 클릭 가능여부 알수 없음(마우스 포인터없음) */
.workRoad #ssaEconomicSituation .jab-indicator-table table td{cursor: pointer;}
/* 지표 테이블 - 1th Row */
.workRoad #ssaEconomicSituation .jab-indicator-table:nth-of-type(1) { border-top: 1px solid #e0e0e0; }
/* 정보테이블 */
.workRoad #ssaEconomicSituation .indicator-tab { border-bottom: 1px solid #213967; padding-bottom: 10px; margin: 0; }
/* 정보테이블 > 타이틀 */
.workRoad #ssaEconomicSituation .indicator-tab h3 { text-align: left; }
/* 정보테이블 > Rows > 1th Column(Row Header 제외) */
.workRoad #ssaEconomicSituation .indicator .info-table tr td:nth-of-type(1) { text-align: left; }
/* 주요지표 - 2019-01-04 주요지표 화면창 : 아래에 빈여백이 필요 없을 듯함.*/
.workRoad #ssaEconomicSituation .indicator.bottom {min-height: 0 !important;}	
/* End of - 경제상황									*/
/****************************************************/

/****************************************************/
/* 경제상황 - 상세										*/
.workRoad #ssaEconomicSituationDetailPopup { display:none; width:960px; }
.workRoad #ssaEconomicSituationDetailPopup #ssaSqlListBox { left: 200px; top: 0px; width: 1007px; }
.workRoad #ssaEconomicSituationDetailPopup .jab-indicator-table{ width: 300px; }	
.workRoad #ssaEconomicSituationDetailPopup .jab-indicator-table span.up:before { content: attr(data-val); }
.workRoad #ssaEconomicSituationDetailPopup .jab-indicator-table span.down:before { content: attr(data-val); }
.workRoad #ssaEconomicSituationDetailPopup .sideQuick.xw{ top: 8px; }
.workRoad #ssaEconomicSituationDetailPopup .data-right{width: 600px; margin-left: 2%; float:right;}
.workRoad #ssaEconomicSituationDetailPopup .data-left{width: 305px; float:left;}
	.workRoad .sqListBox.sq03 .sqList ul li a .text{ width: 500px; }
.workRoad #ssaEconomicSituationDetailPopup .sqListBox.sq03 .sqTabs{ width: 497px; }
.workRoad #ssaEconomicSituationDetailPopup .sqListBox.sq03 .sqList{ height: 395px; }
/* End of - 경제상황 - 상세								*/
/****************************************************/

/****************************************************/
/* 삶의 질												*/
.workRoad #ssaLifeQuality { display:none; width:1100px; height:430px; max-height:430px; }		/* 2019.05.22[한광희] 일자리 통계분석 > 화면 사이즈 고정으로 인한 height, max-height 570px → 430px로 변경 */
/* 토글버튼 (보이기/숨기기) */
 .workRoad #ssaLifeQuality .wrmToggleBtn { top: 0px; left: 0px; height: 39px; width: 160px; }
.workRoad #ssaLifeQuality .wrmToggleBtn span { font-family: 'Nanum Gothic Bold'; font-size: 15px; display: block; color: #fff; height: calc(100% - 5px); padding-top: 5px; }
.workRoad #ssaLifeQuality .wrmToggleBtn span:after { background-image: none; }	
.workRoad #ssaLifeQuality #ssaLifeQualityContents { left: 0px; top: 1px; width: calc(100% - 4px); height: calc(100% - 44px); }
.workRoad #ssaLifeQuality .normalBox{ width: 1096px; height: calc(100% - 53px); }
.workRoad #ssaLifeQuality .bottom{ background: white; height: calc(100% - 96px);}
.workRoad #ssaLifeQuality .indicator{ width: 1048px;}
.workRoad #ssaLifeQuality .data-right{width: 660px; margin-left: 2%}
.workRoad #ssaLifeQuality .data-left{width: 350px;}
.workRoad #ssaLifeQuality .jab-indicator-table span.up:before { content: attr(data-val); }
.workRoad #ssaLifeQuality .jab-indicator-table span.down:before { content: attr(data-val); }
/* 컨텐츠 영역 */
.workRoad #ssaLifeQuality #ssaLifeQualityContents { top: 40px; }
/* 지표 테이블 */
.workRoad #ssaLifeQuality .jab-indicator-table { border-top: 0; padding-bottom: 0px;/* 하위 table의 Row의 높이와 맞추기 위함 */ overflow: visible;	/* 아이콘 Value 모두 보이기 위함 */ }
/* 지표 테이블 - Row */
.workRoad #ssaLifeQuality .jab-indicator-table table tr{ height: 42px;		/* 상위 Elment의 높이와 맞추기 위함 */ }
/* 2019-01-07 고용률, 실업률 클릭 가능여부 알수 없음(마우스 포인터없음) */
.workRoad #ssaLifeQuality .jab-indicator-table table td{cursor: pointer;}
/* 지표 테이블 - 1th Row */
.workRoad #ssaLifeQuality .jab-indicator-table:nth-of-type(1) { border-top: 1px solid #e0e0e0; }
/* 정보테이블 */
.workRoad #ssaLifeQuality .indicator-tab { border-bottom: 1px solid #213967; padding-bottom: 10px; margin: 0; }
/* 정보테이블 > 타이틀 */
.workRoad #ssaLifeQuality .indicator-tab h3 { text-align: left; }
/* 정보테이블 > Rows > 1th Column(Row Header 제외) */
.workRoad #ssaLifeQuality .indicator .info-table tr td:nth-of-type(1) { text-align: left; }
/* 주요지표 - 2019-01-04 주요지표 화면창 : 아래에 빈여백이 필요 없을 듯함.*/
.workRoad #ssaLifeQuality .indicator.bottom {min-height: 0 !important;}	
/* End of - 삶의 질									*/
/****************************************************/

/****************************************************/
/* 삶의 질 - 상세										*/
.workRoad #ssaLifeQualityDetailPopup { display:none; width:960px; }
.workRoad #ssaLifeQualityDetailPopup #ssaSqlListBox { left: 200px; top: 0px; width: 1007px; }
.workRoad #ssaLifeQualityDetailPopup .jab-indicator-table{ width: 300px; }	
.workRoad #ssaLifeQualityDetailPopup .jab-indicator-table span.up:before { content: attr(data-val); }
.workRoad #ssaLifeQualityDetailPopup .jab-indicator-table span.down:before { content: attr(data-val); }
.workRoad #ssaLifeQualityDetailPopup .sideQuick.xw{ top: 8px; }
.workRoad #ssaLifeQualityDetailPopup .data-right{width: 600px; margin-left: 2%; float:right;}
.workRoad #ssaLifeQualityDetailPopup .data-left{width: 305px; float:left;}
.workRoad .sqListBox.sq03 .sqList ul li a .text{ width: 500px; }
.workRoad #ssaLifeQualityDetailPopup .sqListBox.sq03 .sqTabs{ width: 497px; }
.workRoad #ssaLifeQualityDetailPopup .sqListBox.sq03 .sqList{ height: 395px; }
/* End of - 삶의 질 - 상세								*/
/****************************************************/