@charset "UTF-8";

@media screen and (max-width:1277px;){
	
}

@media screen and (max-width:1200px){
	/* 문의처 */
	
	.box2_semi form img{max-width:100%; width:auto;}
	
	/* 산업안전보건공단 | 공단소개 | CI 및 슬로건 | 안전문화 캠페인 슬로건 | 컬러바레이션 */

	.barulation1{flex-flow:column nowrap;}
	.barulation .barulation1 .barulation1-img1{padding:35px 20px 11px 20px;}
	.barulation .barulation1 .barulation1-img2{padding:11px 20px 35px 20px;}
	.barulation .barulation1 .thumb.full{margin-top:0; margin-bottom:0;}
	
	/*산업안전보건공단 > 자료마당 > 산업재해통계 > 근로환경조사 > 주요결과 */
	.sta_list_content .sta_selectWrap ul.industry_list li{width:51%;}
	
	/*산업안전보건공단 > 자료마당 > 산업재해통계 > 근로환경조사 > 주요결과 > 근로환경조사 상세분석 결과*/
	.keyFindings-box02 .keyFindings-block:first-child dl{width:65%;}
	.keyFindings-box03 .keyFindings-block dl{width:65%;}
	
	/* 산업안전보건공단 | 사업소개 | 직업건강 | 근로자 건강증진 | 뇌·심혈관질환 발병위험도 */ 
	.diet-check-box{flex-flow:column nowrap;}
	.diet-human-img {padding-left:30px;}
	.braindisease .diet-check{flex-flow:row nowrap; width:100%; max-width:600px; margin-right:0;margin-bottom: 20px;}
	.braindisease .diet-check div:first-child{max-width: max-content;}
	.braindisease .diet-check div:last-child{max-width: 200px;}*/ 
}

@media screen and (max-width:1100px){
	/*산업안전보건공단 | 사업소개 | 직업건강 | 근로자 건강증진 | 기업건강증진지수(EHP) | 온라인 평가*/
	.graph{float:none;}
	.ehpresult .graph_score{float:none; width:100%;}
	.ehpreport .graph_score{float:none; width:100%;}
	.ehpreport .graph_pic{float:none; margin: 0 auto;}
	.ehpresult .graph_pic_print{float:none; margin:0 auto;}
	.survey-wrap .ehpreport .graph_pic_print{float:none; margin:0 auto;}
	.survey-wrap .table-scroll-box{overflow:auto; position: relative;}
	.survey-wrap .table-scroll-box table{width:1050px;}
	.survey-wrap .table-scroll-box div{width:1050px;}
	.survey-wrap .graph_pic .table-scroll-box{overflow:unset; position:inherit;}
	.survey-wrap .graph_pic .table-scroll-box .popup-scroll{width:460px;}
	.survey-wrap .table-scroll-box div.thumb.full{width:100%;}
	.survey-wrap .ico-scroll{position:absolute;width:100px;height:100px;background:url(/_res/kosha/img/board/table_touch.png) no-repeat;background-size:100%;left:50%;top:20%;z-index:10;margin-left:-50px;}
	.survey-wrap .graph_pic .ico-scroll{display:none;}

}

@media screen and (max-width:1044px){
	.submain-list-box{max-width: calc(194px * 3);}
	.foreigndata-list-box{max-width: calc(194px * 3);}
	.jobhealth-list-box{max-width: calc(194px * 3);}
	.busimedia-list-box{max-width: calc(194px * 3);}
	.mediabank-list-box{max-width: calc(194px * 3);}
}

@media screen and (max-width:1024px){
	/*body{overflow-x:hidden;}*/ 
	
	.submain-list-box{max-width: calc(184px * 4);}
	.foreigndata-list-box{max-width: calc(184px * 4);}
	.jobhealth-list-box{max-width: calc(184px * 4);}
	.busimedia-list-box{max-width: calc(184px * 4);}
	.mediabank-list-box{max-width: calc(184px * 4);}
	
	/* 사이트맵 */
	.sitemap-snb .table-scroll-box{overflow:auto;}
	.sitemap-snb .table-scroll-box table{width:1024px;}
	.sitemap-snb .table-scroll-box div{width:1024px;}
	.sitemap-snb .ico-scroll{position:absolute;width:100px;height:100px;background:url(/_res/kosha/img/board/table_touch.png) no-repeat;background-size:100%;left:50%;top:20%;z-index:10;margin-left:-50px;}
	
	/*산업안전보건공단 | 공단소개 | CI 및 슬로건 | 심벌 및 캐릭터 | 공단로고 | 시그니처*/
	.koshalogo {text-align: center;}
	.koshalogo-semi1 {display: block;}
	.koshalogo-semi2 {display: block;}
	.koshalogo-semi3 {display: block;}
	
	.koshalogo-box2{display:block;}
	
	/* 만족도(문의처) */
	.satisfaction-box{max-width:905px; margin: 0 auto;}
	
	.box2_semi form{justify-content:flex-start;}
	.box2_radio{margin-right:2.5%;}
	
	/* 산업안전보건공단 | 자료마당 | 안전보건자료실 | 일자리 메인 */
	.jobmain-board{width:89%;}
	.jobmain-board-box{width:43%; margin:20px !important;}
	.jobmain-board-box.jobmain-board3{margin-right: auto !important;}
	.submain-list > div{padding: 0 10px 30px 10px;}
	.submain-list-box{max-width: calc(184px * 4);}
	
	/* 산업안전보건공단 | 자료마당 | 안전보건자료실 | 업종별 자료 메인 */
	.busimedia-board{width:89%;}
	.busimedia-board-box{width:43%; margin:20px !important;}
	.busimedia-board-box.busimedia-board3{margin-right: auto !important;}
	.busimedia-list > div{padding: 0 10px 30px 10px;}
	.busimedia-list-box{max-width: calc(184px * 4);}
	
	/* 산업안전보건공단 | 자료마당 | 안전보건자료실 | 외국인 자료(Migrant Worker's) */
	.foreigndata-board{width:89%;}
	.foreigndata-board-box{width:43%; margin:20px !important;}
	.foreigndata-board-box.foreigndata-board3{margin-right: auto !important;}
	.foreigndata-list > div{padding: 0 10px 30px 10px;}
	.foreigndata-list-box{max-width: calc(184px * 4);}
	
	/* 산업안전보건공단 | 자료마당 | 안전보건자료실  */
	.mediabank-board{width:89%;} 
	.mediabank-board-box{width:43%; margin:20px !important;}
	.mediabank-board-box.mediabank-board3{margin-right: auto !important;}
	.mediabank-list > div{padding: 0 10px 30px 10px;}
	.mediabank-list-box{max-width: calc(184px * 4);}
	
	/* 산업안전보건공단 | 자료마당 | 안전보건자료실 | 직업건강 메인 */
	.jobhealth-board{width:89%;}
	.jobhealth-board-box{width:43%; margin:20px !important;}
	.jobhealth-board-box.jobhealth-board3{margin-right: auto !important;}
	.jobhealth-list > div{padding: 0 10px 30px 10px;}
	.jobhealth-list-box{max-width: calc(184px * 4);}
	
	/* 산업안전보건공단 | 공단소개 | CI 및 슬로건 | 안전문화캠페인슬로건 | 술로건 소개 */
	.koshalogo-100 .thumb.full img{width:100%;}
}

@media screen and (max-width:855px){
	.industry-trend-result{max-width: calc(190px * 3);}
}

@media screen and (max-width:800px){
	/* 산업안전보건공단 | 사업소개 | 직업건강 | 근로자 건강증진 | 뇌·심혈관질환 발병위험도 */
	.diet-check-box{flex-direction:column;}
	.table-scroll-box div.diet-check-box div{width:auto;}
	
	/* 경영공시 */
	.table-scroll-box div.part_report{max-width:768px;}
	
	/* ehp - 지수개요 */
	.ehp-intro-title{padding-left:0;}
	
	/* 산업안전보건공단 | 공단소개 | CI 및 슬로건 | 안전문화캠페인슬로건 | 술로건 소개 */
	.koshalogo-100 .thumb.full img{width:auto;}
	.koshalogo-box1 .koshalogo-semi1{width:100%;}
	.koshalogo-box1 .koshalogo-semi2{width:100%;}
	.Slogan_div {display:inline;}
	.Slogan_div .Slogan_100{margin-bottom:90px;}
	.Slogan_div .Slogan_semi1{width:100%; padding-bottom: 100px; float: none; margin: 0 auto;}
	.Slogan_div .Slogan_semi2{width:100%; padding-bottom: 100px; float: none; margin: 0 auto;}
	.Slogan_div .Slogan_semi1 .koshalogo-img1{width:80%; margin: 0 auto;}
	.Slogan_div .Slogan_semi2 .koshalogo-img2{width:80%; margin: 0 auto;}
	/* 산업안전보건공단 | 공단소개 | CI 및 슬로건 | 심벌 및 캐릭터 | 관련마크 */
	.symbolmark .symbolmark-img2{margin-right:0;}
	
	/* 산업안전보건공단 | 사업소개 | 직업건강 | 근로자 건강증진 | 뇌·심혈관질환 발병위험도 | 진단결과 */ 
	.braindisease-result{width: auto; padding: 15px;}
	.braindisease-result-btn{width:100%;}
	
	/* 산업안전보건공단 | 사업소개 | 직업건강 | 근로자 건강증진 | 뇌·심혈관질환 발병위험도 */ 
	.braindisease table:last-child tr td:nth-child(n+2){padding-left:25px;}
	
	/* 산업안전보건공단 | 자료마당 | 산업재해통계 | 근로환경조사 | 주요결과 */
	.sta_list li .sta_list_content:first-child{border-bottom:1px solid #cacaca; padding-bottom:25px;}
	/*.sta_list li:last-child .sta_list_content:first-child{border-bottom:none;}*/
	.sta_list > li > div:first-child{margin:0 0 25px 0;}
	/*.sta_list li:last-child .sta_list_content{padding-bottom:0;}*/
	
	/*산업안전보건공단 > 열린경영 > 경영공시*/
	.busi-promotion-wrap{flex-flow:column nowrap;}
	.promotion-box{padding-left:0;}
	
	/* 산업안전보건공단 | 자료마당 | 안전보건자료실 | 일자리 메인 */
	.jobmain-board-list .jobmain-board{width:100%;}
	
	/* 산업안전보건공단 | 자료마당 | 안전보건자료실 | 업종별 자료 메인 */
	.busimedia-board-list .busimedia-board{width:100%;}
	
	/* 산업안전보건공단 | 자료마당 | 안전보건자료실 | 직업건강 메인 */
	.jobhealth-board-list .jobhealth-board{width:100%;}
	
	/* 산업안전보건공단 | 자료마당 | 안전보건자료실 | 외국인 자료(Migrant Worker's) */
	.foreigndata-board-list .foreigndata-board{width:100%;}
	
	/* 산업안전보건공단 | 자료마당 | 안전보건자료실 메인*/
	.mediabank-board-list .mediabank-board{width:100%;}
	
	
	/* 정보공개-사전정보공표-즐겨찾기목록 */
	.tab-type03 .tab {float:none; width:100%;}
	.advance-info li:nth-child(2){margin-top:-1px;}
	
	/* 산업안전보건공단 | 공단소개 | CI 및 슬로건 | 심벌 및 캐릭터 | 공단로고 | 심볼마크 */
	.symbolmark{flex-flow:column nowrap; justify-content:flex-start;}
	.symbolmark-semi{width:100%;}
	
	/* 산업안전보건공단 | 공단소개 | CI 및 슬로건 | 심벌 및 캐릭터 | 공단로고 | 로고타입 */
	.koshalogo-box1{flex-flow:column nowrap;}
	.koshalogo-semi1 .koshalogo-img1{align-self: flex-start; padding-left:10px;}
	.koshalogo-semi1 .logo-down{align-self: flex-start; padding-left:5px;}
	
	.koshalogo-semi2 .koshalogo-img2{align-self: flex-start;padding-left:10px;}
	.koshalogo-semi2 .logo-down{align-self: flex-start; padding-left:5px;}
	
	.koshalogo-box2 .logo-down{align-self: flex-start; padding-left:5px;}
	
	/*산업안전보건공단 | 공단소개 | CI 및 슬로건 | 심벌 및 캐릭터 | 공단로고 | 색상체계*/
	.cont-color-box01 {float: none;}
	
	/* 산업안전보건공단 | 사업소개 | 직업건강 | 작업환경개선 | 건강관리수첩 발급 및 관리 */
	.healthnote .btn-down {display: flex; flex-flow: column nowrap; justify-content: center; align-self: center; margin: 15px 0 0 0; padding: 5px 75px 5px 35px;}
	
	/* 사업소개/직업건강/직업병 중재지원 시스템(일터건강지킴이)/일터건강지킴이란? */
	.QA .lnb-dep1 .QA_1deps .QA_Q > span{width:70%;}
	
	/*산업안전보건공단 > 자료마당 > 법령/지침정보 > 산업안전보건 법규 > 산업안전보건법령 검색*/
	.padding-radiobox{padding-right: 9px;}
	.width-99{width:99%; margin-top:7px;}
	.advance-info-law .advance-info .info-law-l, .advance-info-law .advance-info .info-law-r{width:100%;}
	.advance-info-law ul.advance-info li.tab a{font-size:14px;}
}

@media screen and (max-width:782px){
	.submain-list-box{max-width: calc(184px * 3);}
	.foreigndata-list-box{max-width: calc(184px * 3);}
	.jobhealth-list-box{max-width: calc(184px * 3);}
	.busimedia-list-box{max-width: calc(184px * 3);}
	.mediabank-list-box{max-width: calc(184px * 3);}
}

@media screen and (max-width:664px){
	.industry-trend-result{max-width: calc(190px * 2);}
}


@media screen and (max-width:640px) {
	
	.law-table-jo .b-selectbox{margin:9px 10px 0 0;}
	
	/* chemistry_table 사업소개-직업건강-직업환경개선-화학물질유해성정보 */
	.chemistry-box{padding-left:0;}
	.chemistry-box .searchbox .b-search-input{margin:0; width:calc(100% - 105px); padding: 12px 10px;}
	
	/* 검사하기 -> 팝업*/
	.survey-wrap .tab-wrap{display:block;}
	.survey-wrap .tab-wrap ul.tab-type01 li{width:50%; height:inherit; display:flex;}
	.survey-wrap ul.tab-type01{height:54px;}
	.survey-wrap ul.tab-type01 li a{align-self:center;}
	
	/* ehp */
	.ehp-fd .write-table tbody th{white-space:normal; word-break:keep-all;}
	.ehp-fd .write-table tbody .ehp-radio{line-height:32px;}
	.ehp-radio label{padding-left:20px;}
	
	/* 바레이션 */
	.barulation .barulation1 {display:inline-block;}
	.barulation .barulation1 .barulation1-img1{display:inline-block; width:100%; padding:20px 0 10px 0;}
	.barulation .barulation1 .barulation1-img2{display:inline-block; width:100%; padding:10px 0 20px 0;}
	
	/* 테이블 공용 */
	.page-table-type01 th{white-space:pre-wrap; text-overflow:clip; line-height:normal; padding:0 5px; word-break:keep-all;}
	.page-table-type01 tr{text-overflow:clip; white-space:normal;}
	.page-table-type01 td{text-overflow:clip; white-space:normal;}
	
	/*.page-table-type03 th{font-size:15px;}
	.page-table-type03 td{font-size:15px;}*/
	
	.padding12 td{padding: 7px 5px;}
	
	/* 산업안전보건공단 | 사업소개 | 서비스안전 | 서비스업 기초안전보건교육 | 사업목적 */
	.servicebasis-box{flex-flow:column nowrap; }
	.servicebasis-box-th{width:inherit; height:auto; padding: 10px 0;}
	.servicebasis-box-th span{line-height:20px;}
	.servicebasis-box-th span br{display:none;}
	.servicebasis-box:nth-child(3) .servicebasis-box-th span{display:flex; flex-wrap: wrap; justify-content: center;}
	.servicebasis-box-td > ul{padding:5px 0 5px 20px;}
	
	/* 산업안전보건공단 | 일자리 | 아이디어 제안 | 아이디어 제안방법 */
	.workidea-suggestion-method{height:540px;}
	
	/*산업안전보건공단 > 자료마당 > 산업재해통계 > 근로환경조사 > 주요결과 */
	.statistics_wrap div.sta_btnWrap ul li a{width:100%;}
	
	/*산업안전보건공단 > 자료마당 > 산업재해통계 > 근로환경조사 > 주요결과 > 근로환경조사 상세분석 결과*/
	.keyFindings-box{padding:20px;}
	.keyFindings-box01, .keyFindings-box02{border-bottom:none;}
	.keyFindings-box01 .keyFindings-block{padding-bottom:45px;}
	.keyFindings-box .keyFindings-block{width:100% !important; padding:25px 0 !important; border-bottom:1px solid #ccc;}
	.keyFindings-box03 .keyFindings-block{border-bottom:none;}
	.keyFindings-box01{padding-bottom:0;}
	.keyFindings-box02{padding:0;}
	.keyFindings-box03{padding:0;}
	.keyFindings-btn{margin-top:20px;}
	.keyFindings-btn2{margin-top:15px;}
	
	/* 산업안전보건공단 | 공단소개 | 지역본부/지사  | 부서업부 연락처 (공통) */
	.area-list .thumb.full{float:left; margin:0 30px;}
	.area-list .thumb.full img{width:100%;}
	.area-list > .thumb.full > button{left:0;}
	.area-head-right{float:none; width:auto;}
	
	/* 산업안전보건공단 | 자료마당 | 안전보건자료실 | 업종별 자료 메인 */
	.busimedia-board-list > .busimedia-board{justify-content:center;}
	.busimedia-board-list > .busimedia-board > .busimedia-board-box{width:100% !important; margin:20px 10px !important;}
	.busimedia-board-list > .busimedia-board > .busimedia-board3{margin-right:20px !important;}
	
	/* 산업안전보건공단 | 자료마당 | 안전보건자료실 | 외국인 자료(Migrant Worker's) */
	
	.foreigndata-board-list > .foreigndata-board{justify-content:center;}
	.foreigndata-board-list > .foreigndata-board > .foreigndata-board-box{width:100% !important; margin:20px 10px !important;}
	.foreigndata-board-list > .foreigndata-board > .foreigndata-board3{margin-right:20px !important;}
	
	/* 산업안전보건공단 | 자료마당 | 안전보건자료실 | 직업건강 메인 */
	.jobhealth-board-list > .jobhealth-board{justify-content:center;}
	.jobhealth-board-list > .jobhealth-board > .jobhealth-board-box{width:100% !important; margin:20px 10px !important;}
	.jobhealth-board-list > .jobhealth-board > .jobhealth-board3{margin-right:20px !important;}
	
	/* 산업안전보건공단 | 자료마당 | 안전보건자료실 */
	.mediabank-title-p{width:100%;}
	.mediabank-search-input{margin:0;}
	.mediabank-searchbox button{min-width:70px;}
	.mediabank-recommend-search span{white-space:nowrap;}
	.mediabank-recommend-search ul{flex-wrap:wrap;}
	
	.mediabank-board-list > .mediabank-board{justify-content:center;}
	.mediabank-board-list > .mediabank-board > .mediabank-board-box{width:100% !important; margin:20px 10px !important;}
	.mediabank-board-list > .mediabank-board > .mediabank-board3{margin-right:20px !important;}
	
	/* 산업안전보건공단 | 일자리 메인  */
	.jobmain-board-list > .jobmain-board{justify-content:center;}
	.jobmain-board-list > .jobmain-board > .jobmain-board-box{width:100% !important; margin:20px 10px !important;}
	.jobmain-board-list > .jobmain-board > .jobmain-board3{margin-right:20px !important;}
	
	/* 산업안전보건공단 | 사업소개 | 산업안전 | 위험성평가 컨설팅 및 인정 | 산재예방요율제 */
	.kras{flex-flow:column nowrap;}
	.kras .kras-img{max-width:145px;margin: 0 auto;}
	.kras .kras-img .thumb.full {text-align:left;}
	
	/* 산업안전보건공단 | 공단소개 | CI 및 슬로건 | 심벌 및 캐릭터 | 캐릭터안젤이 | 안젤이 응용 예제(A),(B) */
	.character-apply li{width:50%;}
	
	/* 사업소개/국제협력/국제기구및유관기관과의협력강화/일반 */
	.globaljoin-box{flex-flow: column nowrap;}
	/*
	.globaljoin-box1{padding-bottom:50px; max-width:570px;}
	.globaljoin-box2{max-width:570px;}
	.globaljoin-box1 img{max-width:570px; max-height:335px; width:570px; }
	.globaljoin-box2 img{max-width:570px; max-height:335px; width:570px; }
	.globaljoin-box1-2 ul li{font-size:15px;}
	.globaljoin-box2-2 ul li{font-size:15px;}*/
	
	/*로그인*/
	.login-cont{width:100%}
	.userid {width:95%;padding-left: 5%;}
	.userpw {width:95%;padding-left: 5%;}
	.btn-login{width: 100%;margin: 0 auto;height: 50px;position: inherit;}
	.btn-login-group {width:100%;flex-flow: column nowrap;}
	.btn-login-group .btn-link{ padding: 9px 20px; text-align: center;}
	.login-cont .btn-down{margin-bottom:5px;margin-right: 0;}
	
	/*산업안전보건공단 | 자료마당 | 안전보건자료실 | 월간 안전보건 | 구독신청*/
	.DataRefA-place-name {width:70%; min-width:180px;}
	.DataRefA-field-name {width:70%; min-width:180px;}
	.DataRefA-address {width:90%; min-width:180px;}
	
	/* 사업소개-직업건강-직업건강정보 */
	.heainfo{display:flex; flex-flow:column nowrap; align-items:center;}
	.heainfo a{margin:0 0 10px 0; width:225px; text-align:center;}
	.heainfo_a1{background-position-x:79%;} /* 빨간부분 적용 잘됨*/
	.heainfo_a2{background-position-x:90%;}
	.heainfo_a3{background-position-x:82%;}
	.heainfo_a1:hover{background-position-x:79%;}
	.heainfo_a2:hover{background-position-x:90%;}
	.heainfo_a3:hover{background-position-x:82%;}
	
	/*산업안전보건공단 | 사업소개 | 직업건강 | 직업병 중재지원 시스템(일터건강지킴이) | 일터건강지킴이란?*/
	.QA .lnb-dep1 .QA_1deps .QA_img {padding: 0 5px; transform:scale(0.8);}
	
	/* 사업소개 | 국제협력센터 | 국제기구 및 유관기관과의 협력강화 | 일반 */
	/*.globaljoin-box{flex-wrap:wrap; align-items:center;}
	.globaljoin-box1{padding-bottom:30px; width:100%; max-width:570px;}
	.globaljoin-box1 .globaljoin-box1-2{margin:0 auto;}
	.globaljoin-box2{width:100%; max-width:570px;}
	.globaljoin-box1 img, .globaljoin-box2 img{width:100%; max-width:570px; max-height:335px;}*/
	
	/* 열린경영-윤리경영-윤리경영정의 */
	.ethics_smartkosha{flex-flow:column nowrap;}
	.smartkosha_body{margin-left:0; padding-top:10px; width:100%;}

	/* 산업안전보건공단 | 공단소개 | CI 및 슬로건 | 안전문화 캠페인 슬로건 | 슬로건 소개 */
	.Slogan_div .Slogan_semi1 .koshalogo-img1{width:80%;}
	.Slogan_div .Slogan_semi2 .koshalogo-img2{width:80%;}
	.relative-mark .thumb.full .Slogan_main{width:60%;}
	
	/* 산업안전보건공단 | 공단소개 | CI 및 슬로건 | 심벌 및 캐릭터 | 공단로고 | 심볼마크 */
	.symbolmark .symbolmark-img1 img{max-width:100%;} 
	.symbolmark .symbolmark-img2 img{max-width:100%;}

	/*산업안전보건공단 | 공단소개 | CI 및 슬로건 | 심벌 및 캐릭터 | 캐릭터안젤이 | 안젤이 소개*/
	.cont-character .thumb.full img {width: 100%; float:none;}
	.cont-character-right {float: none; width: 100%; margin: 0;}
	
	
	/*산업안전보건공단 | 공단소개 | CI 및 슬로건 | 심벌 및 캐릭터 | 관련마크 */
	.relative-mark .thumb.full img {width: 100%; float:none;}
	.relative-mark-right {float: none; width: 100%; margin: 0;}
	.mark-down .btn-down{display:block; padding: 9px 75px 9px 35px; margin:10px 5px;}
	.mark-down .btn-popup{display:block; padding: 9px 75px 9px 35px; margin:10px 5px;}
	
	/*산업안전보건공단 | 공단소개 | CI 및 슬로건 | 안전문화 캠페인 슬로건 | 슬로건 소개 */
	.Slogan_div .logo-down .btn-down{display:block; padding: 9px 75px 9px 35px; margin:10px 5px; text-align: left;}
	.Slogan_div .Slogan_semi1 .koshalogo-img1{padding: 0 10px; width:95%;}
	.Slogan_div .Slogan_semi2 .koshalogo-img2{padding: 0 10px; width:95%;}
	.Slogan_div .logo-down{padding-left: 0;}
	
	/*산업안전보건공단 | 정보공개 | 산업재해율 확인 | 산업재해율확인서발급(개별기업체용)*/
	.cont-individual .btn-popup {background: #0887c2 url(/_res/kosha/img/common/ico_popup_hover.png) no-repeat 90% 50%; padding: 9px 50px 9px 15px;}
	.cont-individual .btn-popup:hover{border: 1px solid #ffffff; background: #f38f00 url(/_res/kosha/img/common/ico_popup_hover.png) no-repeat 90% 50%; color:#ffffff;}
	
	/*산업안전보건공단 | 공단소개 | 조직도 | 조직도*/
	.manage-plan_box {padding-left: 0;}
	.manage-plan {display: block;}

	/*산업안전보건공단 | 사업소개 | 안전문화홍보 | 자료실*/
	.cont-promoteSafetyCultureData img {display: block; margin: 35px auto 0; float: none;}
	
	
	.map_wrap .fl_right{display:none;}
	
	/*산업안전보건공단 | 열린경영 | 동반성장 | CEO인사말*/
	.cont-ceo .ceo-img{float: none;}
	
	/* 사업소개/직업건강/직업병 중재지원 시스템(일터건강지킴이)/일터건강지킴이란? */
	.QA .lnb-dep1 .QA_1deps .QA_Q{font-size:15px;}
	.QA .lnb-dep1 .QA_1deps .QA_Q > span{font-size:15px;}
	.QA .lnb-dep1 .QA_1deps .QA_2deps > span{font-size:15px;}
	
	/*산업안전보건공단 > 자료마당 > 법령/지침정보 > 산업안전보건 법규 > 산업안전보건법령 검색*/
	.law-table-cell {display: table-row; border-right: none; text-align: center; line-height:45px; white-space: normal;}
	.law-textbox02{margin-top:0px;}
	
	/*산업안전보건공단 | 알림소식 | 교육안내*/
	.cont-guideeducation .btn-popup{line-height: 50px;}
	.cont-guideeducation{float: none;}
	
	/**/
	.select-wrap .b-selectbox{ float: none; margin: 30px 0 0 0;}
	
	/*산업안전보건공단 | 자료마당 | 산업재해통계 | 산업동향조사 | 주요결과 | 심리사회적 위험 대응 현황/*/
	.btn-bin{width: 27%;}
	
	/*산업안전보건공단 | 자료마당 | 산업재해통계 | 산업동향조사 | 주요결과 | 기술변화로 인한 업무 변화*/
	.cont-keyresult_p-50 { width: 100%; float: none;}
	
	/*산업안전보건공단 > 사업소개 > 산업안전 > 사고대응 종합상황실 운영*/
	.OnelineTwoimg{float: none; width: 100%;}
}



@media screen and (max-width:598px){
	.submain-list-box{max-width: calc(184px * 2);}
	.foreigndata-list-box {max-width: calc(184px * 2);}
	.jobhealth-list-box{max-width: calc(184px * 2);}
	.busimedia-list-box{max-width: calc(184px * 2);}
	.mediabank-list-box{max-width: calc(184px * 2);}
	
	div.board_type_43 .videoThumbCont .videoDownBtn{width:65%;}
}

@media screen and (max-width:560px){
	/* 안전문화홍보 - 산업안전보건 강조주간 - 행사사진 */
	div.videoThumbWrap.eventphoto ul.writerList li{font-size:13px;}
}

@media screen and (max-width:520px){
	/* 안전문화홍보 - 산업안전보건 강조주간 - 행사사진 */
	div.videoThumbWrap.eventphoto > ul > li{min-height:0;}
	div.videoThumbWrap.eventphoto ul.writerList li:first-child{background:none; padding:0 8px 0 0; margin-right:8px;}
}



@media screen and (max-width:540px){
	.ehpreport .graph_pic{width:100%;}
	.survey-wrap .graph_pic .ico-scroll{display:block;}
	.survey-wrap .graph_pic .table-scroll-box{overflow: auto; position: relative;}
	.survey-wrap .graph_pic .table-scroll-box .popup-scroll{width:460px;}
}

@media screen and (max-width:480px){
	/* 사업소개-직업안전-석면안전관리-석면작업관리 */
	.asbestos-vedio ul li video{max-width:375px;}
	
	/* ehp - 지수개요 */
	.ehp-intro-title{font-size:15px;}
	.ehp-radio label{padding-left:10px;}
	.ehp-fd .write-table tbody .ehp-radio{padding:5px; line-height:45px;}
	
	/* 산업안전보건공단 | 공단소개 | CI 및 슬로건 | 심벌 및 캐릭터 | 공단로고 | 심볼마크 */
	.symbolmark-box .thumb.full img{width:100%;}
	.symbolmark .symbolmark-img1{margin-right:5px;}
	.symbolmark .symbolmark-img2{margin-left:5px;}
	
	/* 산업안전보건공단 | 사업소개 | 직업건강 | 근로자 건강증진 | 뇌·심혈관질환 발병위험도 | 진단결과 */
	.cont-box .braindisease-result-title{margin-left:0;}
	.braindisease-result{border-width: 5px; padding: 10px;}
	.braindisease-result .p17{font-size:15px;}
	
	
	/* 산업안전보건공단 | 일자리 | 아이디어 제안 | 아이디어 제안방법 */
	.workidea-suggestion-method{background:none; height:340px;}
	
	/* 산업안전보건공단 | 자료마당 | 안전보건자료실 | 업종별 자료 메인 */
	.busimedia-list-box{padding-bottom:10px;}
	.busimedia-list > div{padding: 0 10px 20px 10px;}
	
	/* 산업안전보건공단 | 자료마당 | 안전보건자료실 | 직업건강 메인 */
	.jobhealth-list-box{padding-bottom:10px;}
	.jobhealth-list > div{padding: 0 10px 20px 10px;}
	
	/* 산업안전보건공단 | 자료마당 | 안전보건자료실 | 외국인 자료(Migrant Worker's) */
	.foreigndata-list-box{padding-bottom:10px;}
	.foreigndata-list > div{padding: 0 10px 20px 10px;}
	
	/* 산업안전보건공단 | 자료마당 | 안전보건자료실 */
	.mediabank-list-box{padding-bottom:10px;}
	.mediabank-list > div{padding: 0 10px 20px 10px;}
	
	
	/* 산업안전보건공단 | 일자리 메인  */
	.submain-list-box{padding-bottom:10px;}
	
	/* 사업소개/국제협력/국제기구및유관기관과의협력강화/일반 */
	.globaljoin-p-line{line-height:2;}
	
	/* 사업소개/직업건강/직업병 중재지원 시스템(일터건강지킴이)/일터건강지킴이란? */
	.QA .lnb-dep1 .QA_1deps .QA_Q{/*text-overflow:ellipsis; overflow:hidden; white-space:nowrap;*/}
	/*.QA .lnb-dep1 .QA_1deps.on .QA_Q{background:none;}*/

	/* 산업안전보건공단 | 공단소개 | CI 및 슬로건 | 심벌 및 캐릭터 | 공단로고 | 로고타입 */
	.koshalogo .koshalogo-semi2{margin-top:50px;}
	.koshalogo .koshalogo-box2{margin-top:50px; padding-bottom: 50px;}
	
	.koshalogo .koshalogo-semi1 .logo-down{display:flex; justify-content:center; align-self:center; margin:15px 0 0 0;}
	.koshalogo .koshalogo-semi2 .logo-down{display:flex; justify-content:center; align-self:center; margin:15px 0 0 0;}
	.koshalogo .koshalogo-box2 .logo-down{display:flex; justify-content:center; align-self:center; margin:15px 0 0 0;}
	 
	 
	/*산업안전보건공단 | 공단소개 | CI 및 슬로건 | 심벌 및 캐릭터 | 공단로고 | 색상체계*/
	.cont-color-box02 .logo-down{display:flex; flex-flow:column nowrap; justify-content:center; align-self:center; margin:15px 0 0 0;}
	.cont-color-box02 .logo-down a{margin:15px 0 0 0;}
	
	/* 산업안전보건공단 | 공단소개 | CI 및 슬로건 | 심벌 및 캐릭터 | 캐릭터안젤이 | 안젤이 응용 예제(A),(B) */
	.character-apply-box .character-apply li{width:75%;}
	
	/* 산업안전보건공단 | 자료마당 | 안전보건자료실 | 외국인 자료(Migrant Worker's) */
	.foreigndata-board-list .foreigndata-board-box{width:100% !important; margin:20px 10px !important;}
	
	/*산업안전보건공단 | 자료마당 | 산업재해통계 | 산업동향조사 | 주요결과 | 심리사회적 위험 대응에 대한 인식*/
	.btn-list {padding: 9px 21px; }
	
	/* 산업안전보건공단 | 자료마당 | 산업재해통계 | 산업동향조사 | 주요결과 */
	.industry-trend-result{max-width: calc(136px * 2);}
	.industry-trend-result .btn-bin{width:125px; margin:3px;}
	.btn-bin{width: 41%;}
}


@media screen and (max-width:420px){
	
	/* 사업소개-직업안전-석면안전관리-석면작업관리 */
	.asbestos-vedio ul li video{max-width:275px;}
	
	/*산업안전보건공단 | 공단소개 | CI 및 슬로건 | 심벌 및 캐릭터 | 공단로고 | 로고타입*/
	.koshalogo-box2 .koshalogo-img3{padding-bottom:0;}
	
	/**/
	.cont-promoteSafetyCultureData img{margin: 20px auto 0; }
	.cont-promoteSafetyCultureData p{padding: 10px;}
	
	/* chemistry_table 사업소개-직업건강-직업환경개선-화학물질유해성정보 */
	.chemistry-box .searchbox .b-search-input{width:calc(100% - 75px);}
	.chemistry-box .searchbox .board-search01{min-width:50px;}
	
	/* 산업안전보건공단 | 사업소개 | 서비스안전 | 서비스업 기초안전보건교육 | 사업목적 */
	.servicebasis-box-th{padding:5px 0;}
	.servicebasis-box-th span{font-size:18px;}
	.servicebasis-box-td > ul{padding:5px;}
	.servicebasis-box-td ul li{font-size:15px; line-height: 20px; padding-bottom: 5px;}
	/* ehp */
	.ehp-fd .write-table tbody td{text-align:center;}
	.ehp-radio input[type=radio]{margin-right:7px;}
	.ehp-fd .write-table tbody th{width:100%;}
	
	/*산업안전보건공단 > 자료마당 > 산업재해통계 > 근로환경조사 > 주요결과 */
	.statistics_wrap div.sta_btnWrap ul li a{width:100%;}
	.statistics_wrap div.sta_btnWrap ul{display:flex; flex-flow:column nowrap; align-items:center;}
	.statistics_wrap div.sta_btnWrap ul li:last-child{margin-top:15px;}
	
	/* 산업안전보건공단 | 공단소개 | CI 및 슬로건 | 안전문화 캠페인 슬로건 | 슬로건 소개 */
	.koshalogo .logo-down{height:120px;}
	.koshalogo-semi1,.koshalogo-semi2{padding-bottom:0;}
	.koshalogo > div:nth-of-type(2){margin-bottom:50px;}
	
	/* 산업안전보건공단 | 공단소개 | CI 및 슬로건 | 심벌 및 캐릭터 | 캐릭터안젤이 | 안젤이 응용 예제(B) */
	.charcter-apply-a .btn-down{display:inline;}
	
	/* 산업안전보건공단 | 공단소개 | CI 및 슬로건 | 심벌 및 캐릭터 | 공단로고 | 로고타입 */
	.koshalogo .koshalogo-semi1 .logo-down{flex-flow:column nowrap;}
	.koshalogo .koshalogo-semi2 .logo-down{flex-flow:column nowrap;}
	.koshalogo .koshalogo-box2 .logo-down{flex-flow:column nowrap;}
	.koshalogo-semi1 .logo-down a, .koshalogo-semi2 .logo-down a{margin:5px;}
	.koshalogo-semi1 .koshalogo-img1{padding:0 10px;}
	.koshalogo-semi2 .koshalogo-img2{padding:0 10px;}
	
	/*산업안전보건공단 > 열린경영 > 경영공시*/
	.promotion-box dl dd ul{padding-bottom:10px;}
	.promotion-box dl dd:last-child a{margin:10px 0;}
	/* button */
	.btn-down{display:block; margin:10px 5px;}
	.btn-home{display:block; margin:10px 5px;}
	.btn-popup{display:block; margin:10px 5px;}
	
	/* 서브 퀵 메뉴 */
	.quick_top{transform:scale(0.7);}
	
	/* 테이블 공용 */
	.page-table-type01 td{padding:10px 6px;}
	
	/* 공통 */
	.padding-right30 {padding-right:10px;}
	
	/*산업안전보건공단 > 자료마당 > 산업재해통계 > 근로환경조사 > 주요결과 > 근로환경조사 상세분석 결과*/
	.keyFindings-box dl{display:initial;}
	.key-Findings-num{padding-bottom:10px;}
	.keyFindings-box dl dd{padding-top:25px;}
	
	/* 산업안전보건공단 | 공단소개 | CI 및 슬로건 | 안전문화 캠페인 슬로건 | 컬러바레이션 */
	.barulation .barulation1 .barulation1-img1{padding:22px 0 11px 0;}
	.barulation .barulation1 .barulation1-img2{padding:11px 0 22px 0;}
	
	/* 산업안전보건공단 | 공단소개 | 지역본부/지사  | 부서업부 연락처 (공통) */
	.area-list > .thumb.full > button{left:-5px;}
	.area-list .thumb.full{margin:0 20px;}
	.area-head-right{float:left; margin-top:10px;}
	
	/* 산업안전보건공단 | 사업소개 | 직업건강 | 작업환경개선 | 건강관리수첩 발급 및 관리 */
	.healthnote{padding-left:0 !important;}
	.healthnote .btn-down{padding-left:20px !important;}
	
	/* 산업안전보건공단 | 자료마당 | 안전보건자료실 | 업종별 자료 메인 */
	.busimedia-list-box{padding-bottom:10px;}
	.busimedia-board-list .busimedia-board-box{margin:20px 0 !important;}
	
	/* 산업안전보건공단 | 자료마당 | 안전보건자료실 | 직업건강 메인 */
	.jobhealth-list-box{padding-bottom:10px;}
	.jobhealth-board-list .jobhealth-board-box{margin:20px 0 !important;}
	.jobhealth-list > div{max-width: calc(50% - 10px); padding: 0 5px 10px 5px;}
	
	/* 산업안전보건공단 | 자료마당 | 안전보건자료실 | 외국인 자료(Migrant Worker's) */
	.foreigndata-board-list .foreigndata-board-box{margin:20px 0 !important;}
	.foreigndata-list-box{padding-bottom:10px;}
	.foreigndata-list > div{max-width: calc(50% - 5px); padding:0; padding-bottom: 5px; transform: scaleY(0.9);}
	.foreigndata-list > div:nth-child(odd){padding-right:5px;}
	.foreigndata-list > div:nth-child(even){padding-left:5px;}
	.foreigndata-list-box .foreigndata-list a{ background-size: 100% 100%; max-width: 100%;}
	.foreigndata-list-box .foreigndata-list a:hover{background-size: 100% 100%;}
	
	/* 산업안전보건공단 | 자료마당 | 안전보건자료실 */
	.mediabank-recommend-search ul li{padding: 0 8px;}
	.mediabank-list-box{padding-bottom:10px;}
	.mediabank-board-list .mediabank-board-box{margin:20px 0 !important;}
	.mediabank-list > div{max-width: calc(50% - 10px); padding:0 5px 10px 5px;}
	.sub-main-shadow > div:not(:last-child){margin:0 auto;}
	.sub-main-shadow div a{background-size: cover; max-width: 100%;}
	.sub-main-shadow div a:hover{background-size: cover;}
	
	
	/* 산업안전보건공단 | 일자리 메인 */
	.submain-list-box{padding-bottom:10px;}
	.jobmain-board-list .jobmain-board-box{margin:20px 0 !important;}
	
	/*산업안전보건공단 | 사업소개 | 안전문화홍보 | 자료실*/
	.promoteSafetyCultureData-down .btn-down{display: block; margin: 10px 0; text-align: left;}
	.promoteSafetyCultureData-down a:first-child{margin-right:0;}
	
	/* 산업안전보건공단 | 사업소개 | 직업건강 | 작업환경개선 | 화학물질 등급대책정보(Control Banding) | 위험성평가및대책정보제공 | 위험성평가 결과*/
	.controlbanding-table3 tbody tr td{text-align:center;}
	.controlbanding-table3 tbody tr td .center{display: block; margin: 10px 5px; max-width: none; padding: 13px; height: unset;}
	.controlbanding-table2 tbody tr td .w-select {width: 100%;}
	.controlbanding-table2 tbody tr td{text-align:center;}
	.controlbanding-table2 tbody tr td .temperatureNum{width:50px !important;}
	.controlbanding .t-align-right{text-align:center;}
	.controlbanding .t-align-right a{padding:9px;}
	
	/* qna */
	.QA .lnb-dep1 .QA_2deps a{display: block; background-position: 90% 50%; padding: 9px 40px 9px 15px;}
	
	
}

@media screen and (max-width:414px){
	.submain-list-box{max-width:184px;}
	.busimedia-list-box{max-width:184px;}
	
}