@charset "UTF-8"; /* 안전의식 수준향상 프로그램 */ .new_btn_box{margin-bottom:10px;} .new_btn{display:block; max-width:100px; padding:5px 40px 5px 15px} /* tab test*/ .tab-menu {width:100%;} .tab-menu tbody td {border:1px solid #ccc; text-align:center; height:40px;} .tab-menu tbody td.on {background-color:#0887c2; } .tab-menu tbody td.on a {color:#fff;} table{border-collapse:collapse;} /* 개인정보 수집 및 이용 재동의 안내 */ .reaagree {height:260px!important;} .reaagree p{padding-bottom:10px;} /* 안전문화홍보 - 산업안전보건 강조주간 - 행사사진 */ div.videoThumbWrap.eventphoto{min-height:unset;} div.videoThumbWrap.eventphoto > ul{margin-bottom:0;} div.videoThumbWrap.eventphoto > ul > li{padding: 20px;} div.videoThumbWrap.eventphoto ul li .videoThumbCont .videoThumbTit, div.videoThumbWrap.eventphoto ul li .videoThumbCont .writerList{width:calc(100% - 55px);} div.videoThumbWrap.eventphoto ul.writerList li:first-child{padding:0 10px 0 18px;} /* 스마트 환기관리 평가도구 */ .smartmanagementWrap tbody tr th {font-size:17px;} .smartmanagementWrap tbody tr th.sltVentilationAppData {padding:10px 0} .smartmanagementWrap tbody tr th .five-red {color:#FF5555; vertical-align:middle;} .smartmanagementWrap tbody tr td {font-size:15px; font-weight:300;} .smartmanagementWrap .joinSelect {margin:0 0 0 0;} .smartmanagementWrap .smartActivityIndex td {padding:20px; font-size:17px; font-weight:200;} .smartmanagementWrap .smartActivityIndex td ul li {width:49.5%; display:inline-block;} .smartmanagementWrap .smartActivityIndex td ul li.pad-bottom8 {padding-bottom:8px; vertical-align:top;} .smartmanagementWrap .smartmanagement {display:none;} .smartmanagementWrap .smartmanagement .sltVentilationAmountNot {display:none; width:280px;} .smartmanagementWrap .smartmanagement .sltventilationBuliding {width:200px;} .smart-content .cont-box .list-type01 {font-size:20px; background:url(/_res/kosha/img/sub/bullet_point_ul.gif) no-repeat left 9px;} .smart-content .cont-box .list-type02 {font-size:17px;} .smart-content .cont-box .list-type02 .smart-type02 {display:flex; font-size:14px; padding-top:7px;} .sub-content .smart-cont {text-align:right;} .sub-content .smart-cont .smart-workplace {display:flex; border:1px solid #dddddd;} .sub-content .smart-cont .smart-workplace div {min-width:140px; padding:10px 15px; display:inline-block; text-align:center; font-weight:400; background-color:#E9E9E9 !important;} .sub-content .smart-cont .smart-workplace .smart-incidence {background-color:#ffffff !important; min-width:170px; text-align:right; padding:10px 15px;} .sub-content .smart-cont .smart-workplace .smart-incidence span {font-size:17px;} .sub-content .smart-subtext {text-align:center;} .sub-content .smart-resultbox {background:#f9f9f9; -webkit-print-color-adjust:exact; display:flex; flex-flow:row wrap;} .sub-content .smart-resultbox .smart-lefttext .list-type02 {padding-left:0;} .sub-content .smart-resultbox .smart-lefttext .list-type02 li {padding:0 0 0 10px; font-weight:400; font-size:15px;} .sub-content .smart-resultbox .smart-leftbox {width:44%; width:-ms-calc(40%); padding:0 0px 0 25px; display:inline-block; border-right:1px solid #dddddd;} .sub-content .smart-resultbox .smart-leftbox div {display:inline-block;} .sub-content .smart-resultbox .smart-leftbox .smart-lefttext {padding-right:20px;} .sub-content .smart-resultbox .smart-rightbox {width:auto; padding:0 0px 0 25px; display:inline-block; } .sub-content .smart-resultbox .smart-rightbox div {display:inline-block;} .sub-content .smart-resultbox .smart-rightbox .smart-lefttext {padding-right:20px;} .sub-content .diagnose_levle {display:flex;} .sub-content .diagnose_levle .diagnose_leftbox {width:45%; text-align:center; padding:123px 20px;} .sub-content .diagnose_levle .diagnose_leftbox h2 {font-size:28px;} .sub-content .diagnose_levle .diagnose_leftbox p {font-size:18px;} .sub-content .diagnose_levle .diagnose_leftbox.bg_01 {background:url(/_res/kosha/img/sub/bg_01.png) no-repeat 50% 50%; -webkit-print-color-adjust:exact;} .sub-content .diagnose_levle .diagnose_leftbox.bg_01 h2 {color:#009fe8;} .sub-content .diagnose_levle .diagnose_leftbox.bg_02 {background:url(/_res/kosha/img/sub/bg_02.png) no-repeat 50% 50%; -webkit-print-color-adjust:exact;} .sub-content .diagnose_levle .diagnose_leftbox.bg_02 h2 {color:#18a542;} .sub-content .diagnose_levle .diagnose_leftbox.bg_03 {background:url(/_res/kosha/img/sub/bg_03.png) no-repeat 50% 50%; -webkit-print-color-adjust:exact;} .sub-content .diagnose_levle .diagnose_leftbox.bg_03 h2 {color:#ff9000;} .sub-content .diagnose_levle .diagnose_leftbox.bg_04 {background:url(/_res/kosha/img/sub/bg_04.png) no-repeat 50% 50%; -webkit-print-color-adjust:exact;} .sub-content .diagnose_levle .diagnose_leftbox.bg_04 h2 {color:#f37006;} .sub-content .diagnose_levle .diagnose_leftbox.bg_05 {background:url(/_res/kosha/img/sub/bg_05.png) no-repeat 50% 50%; -webkit-print-color-adjust:exact;} .sub-content .diagnose_levle .diagnose_leftbox.bg_05 h2 {color:#ef2c2c;} .sub-content .diagnose_levle .diagnose_rightbox {width:50%; text-align:center; background-color:#f9f9f9; border-radius:20px; padding:35px 0 65px 0; -webkit-print-color-adjust:exact;} .sub-content .diagnose_levle .diagnose_rightbox .ventilation_method {color:#000000; border:2px solid #dddddd; border-radius:20px; padding:8px 5px; margin:0 auto; max-width:200px;} .sub-content .diagnose_levle .diagnose_rightbox h2 {font-size:32px; padding:50px 0 40px 0;} .sub-content .diagnose_levle .diagnose_rightbox.bg_01 h2 {color:#009fe8;} .sub-content .diagnose_levle .diagnose_rightbox.bg_02 h2 {color:#18a542;} .sub-content .diagnose_levle .diagnose_rightbox.bg_03 h2 {color:#ff9000;} .sub-content .diagnose_levle .diagnose_rightbox.bg_04 h2 {color:#f37006;} .sub-content .diagnose_levle .diagnose_rightbox.bg_05 h2 {color:#ef2c2c;} .sub-content .diagnose_levle .diagnose_rightbox div p {font-size:22px; color:#000000; font-weight:400;} .sub-content .smart-magtext {display:flex;} .sub-content .smart-magtext p {background: url(/_res/kosha/img/sub/bullet_point_li.gif) no-repeat left 9px; word-break: break-all;} .sub-content .smart-down .btn-down {margin:0;} .smart-arrowbar.smart-datebar .smart-bar {height:48px;} .smart-arrowbar .smart-datebox {display:flex; justify-content:space-between; padding-bottom:10px;} .smart-arrowbar .smart-datebox .list-type01 {background:url(/_res/kosha/img/sub/bullet_point_ul.gif) no-repeat left 12px; padding:7px 0 7px 16px;} .smart-arrowbar .smart-bartitle {display:flex; justify-content:space-between; margin-bottom:10px;} .smart-arrowbar .smart-bartitle .list-type02 {padding-left:0;} .smart-arrowbar .smart-bartitle .list-type02 li {padding:0 0 0 10px;} .smart-arrowbar .smart-bartitle .title-ppm {font-size:12px; font-weight:200;} .smart-arrowbar .smart-bar {display:flex; flex-flow:row wrap; font-size:17px; width:100%; background:url(/_res/kosha/img/sub/bg_06.png) no-repeat 50% 50%; -webkit-print-color-adjust:exact; height:100%; background-size:100%;} .smart-arrowbar .smart-bar div {width:20%; text-align:center; padding:15px 0 25px 0; font-weight:500;} .smart-arrowbar .smart-count {display:flex;} .smart-arrowbar .smart-count div {width:20%; position:relative;} .smart-arrowbar .smart-count .smart-good:before{content:"400"; display:block; font-size:15px;} .smart-arrowbar .smart-count .smart-average:before{content:"800"; display:block; font-size:15px; position:absolute; left:-12px;} .smart-arrowbar .smart-count .smart-bad:before{content:"1000"; display:block; font-size:15px; position:absolute; left:-17px;} .smart-arrowbar .smart-count .smart-quitbad:before{content:"2000"; display:block; font-size:15px; position:absolute; left:-17px;} .smart-arrowbar .smart-count .smart-verybad:before{content:"3500"; display:inline-block; font-size:15px; position:absolute; left:-17px;} .smart-arrowbar .smart-count .smart-verybad:after{content:"5000"; display:inline-block; font-size:15px; float:right;} .smart-arrowbar .smart-arrow {display:flex;} .smart-arrowbar .smart-arrow .smart-admincnt {width:20%; text-align:right; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; padding:15px 15px 15px 0;} .smart-arrowbar .smart-arrow .smart-admincnt:first-child {border-left:1px solid #dddddd;} .smart-arrowbar .smart-arrow .smart-mybar {width:20%;} .smart-arrowbar .smart-arrow .smart-mybar .my-bar {display:none; width:0%; height:30px; text-align:right; position:relative;} .smart-arrowbar .smart-arrow .smart-mybar .my-bar.on {display:block;} .smart-arrowbar .smart-arrow .smart-mybar .my-bar p {position:absolute; right:-32px; font-size:17px; font-weight:500; white-space:nowrap;} .smart-arrowbar .smart-arrow .smart-mybar .my-bar p.smart-arrow {background:url(/_res/kosha/img/sub/ico_allow.png) no-repeat 100% 0%; -webkit-print-color-adjust:exact; width:17px; height:28px; right:-9px;} .smart-arrowbar .smart-arrow .smart-mybar .my-bar p.smart-text {top:28px;} .smart-arrowbar .smart-arrow .smart-mybar .my-bar p.smart-barppm {top:50px; color:#009fe8;} .smart-arrowbar .smart-arrow .smart-mybar .my-bar p.smart-barppm span {font-size:12px; font-weight:200;} .smart_print {text-align:right; padding-top:40px;} .smart_print .btn-link {background:#0887c2 url(/_res/kosha/img/sub/printer_btn_ico.png)no-repeat 85% 50%; color:#ffffff;} /* 위험성평가 컨설팅 및 인정 */ .btn-blanktype {display: flex; justify-content: flex-end; margin-bottom: 20px;} .btn-blanktype li {margin-left: 6px;} .btn-blanktype li a {display: block; transition: all 0.3s; color: #fff; background: url(/_res/kosha/img/sub/ico-blanktype.png)no-repeat 90% 50% #0887C2; padding: 12px 50px 12px 20px; border-radius: 30px; line-height: 1;} .btn-blanktype li:nth-child(2) a {background-color: #15658A;} .btn-blanktype li:nth-child(3) a {background-color: #004464;} .btn-blanktype li a:hover {background:#f38f00 url(/_res/kosha/img/sub/ico-blanktype.png)no-repeat 90% 50% ; transition: all 0.3s; } .tab-menu-rska {display: flex; justify-content: space-between; align-items: center;} .tab-menu-rska li {width: 25%; height: 105px; margin-right:20px; border:2px solid #004464; border-radius: 10px; transition: all 0.3s;} .tab-menu-rska li:last-child {margin-right:0px;} .tab-menu-rska li:hover {border:2px solid #0887C2; background:#0887C2;} .tab-menu-rska li:hover a {color:#fff; transition: all 0.3s;} .tab-menu-rska li.on {color:#fff; background-color: #004464;} .tab-menu-rska li.on a {coloR:#fff;} .tab-menu-rska li a {display: flex; align-items: center; font-size: 18px; font-weight: 600; justify-content: center; height: 100%;} .tab-menu-rska li a::before {content: ""; display: inline-block; width: 75px; height: 70px; margin-right: 10px;} .tab-menu-rska li a.ico1::before {background: url(/_res/kosha/img/sub/ico1.png)no-repeat center;} .tab-menu-rska li a.ico2::before {background: url(/_res/kosha/img/sub/ico2.png)no-repeat center;} .tab-menu-rska li a.ico3::before {background: url(/_res/kosha/img/sub/ico3.png)no-repeat center;} .tab-menu-rska li a.ico4::before {background: url(/_res/kosha/img/sub/ico4.png)no-repeat center;} /* 프린터 설정 */ @page { size : A4; } @media print { .header-wrap{display:none; } .sub-visual-wrap{display:none;} .sub-container{width:90%; max-width:1024px;} .sub-content-wrap {width:100%; max-width:1024px;} .lnb { display: none;} .satisfy-box {display: none;} footer{ display : none;} /* 스마트 환기관리 평가도구 */ .list-type01 {background: url(/_res/kosha/img/sub/bullet_point_ul.gif) no-repeat left 7px !important;} .blue_line {background: url(/_res/kosha/img/common/blue_line.png) no-repeat center !important;} .smart_print {display:none;} .content-wrap.smartprint {padding:30px 0 30px 0;} .sub-title-wrap.smartprint {display:none;} .smart-arrowbar .smart-bar {background:url(/_res/kosha/img/sub/bg_06.png) no-repeat 50% 50% !important; -webkit-print-color-adjust:exact;} .smart-arrowbar .smart-arrow .smart-mybar .my-bar p.smart-arrow {background:url(/_res/kosha/img/sub/ico_allow.png) no-repeat 100% 0% !important; -webkit-print-color-adjust:exact;} .smart-arrowbar .smart-arrow .smart-mybar .my-bar p.smart-barppm {color:#009fe8 !important;} .smart-arrowbar .smart-bar {height:45px;} .smart-arrowbar .smart-bar div {padding:10px 0 25px 0;} .sub-content .smart-resultbox {background:#f9f9f9 !important; -webkit-print-color-adjust:exact;} .sub-content .smart-resultbox .smart-leftbox {padding:0 0 0 10px; width:40%;} .sub-content .smart-resultbox .smart-rightbox {padding:0 0 0 10px; width:auto;} .sub-content .smart-resultbox .smart-leftbox .smart-lefttext {padding-right:5px;} .sub-content .smart-resultbox .smart-rightbox .smart-lefttext {padding-right:5px;} .sub-content .diagnose_levle .diagnose_rightbox {background:#f9f9f9 !important; -webkit-print-color-adjust:exact; width:45%;} .sub-content .diagnose_levle .diagnose_leftbox {width:55%; padding: 135px 50px;} .sub-content .diagnose_levle .diagnose_leftbox.bg_01 {background:url(/_res/kosha/img/sub/bg_01.png) no-repeat 50% 50% !important; -webkit-print-color-adjust:exact;} .sub-content .diagnose_levle .diagnose_leftbox.bg_02 {background:url(/_res/kosha/img/sub/bg_02.png) no-repeat 50% 50% !important; -webkit-print-color-adjust:exact;} .sub-content .diagnose_levle .diagnose_leftbox.bg_03 {background:url(/_res/kosha/img/sub/bg_03.png) no-repeat 50% 50% !important; -webkit-print-color-adjust:exact;} .sub-content .diagnose_levle .diagnose_leftbox.bg_04 {background:url(/_res/kosha/img/sub/bg_04.png) no-repeat 50% 50% !important; -webkit-print-color-adjust:exact;} .sub-content .diagnose_levle .diagnose_leftbox.bg_05 {background:url(/_res/kosha/img/sub/bg_05.png) no-repeat 50% 50% !important; -webkit-print-color-adjust:exact;} .sub-content .diagnose_levle .diagnose_leftbox.bg_01 h2 {color:#009fe8 !important;} .sub-content .diagnose_levle .diagnose_leftbox.bg_02 h2 {color:#18a542 !important;} .sub-content .diagnose_levle .diagnose_leftbox.bg_03 h2 {color:#ff9000 !important;} .sub-content .diagnose_levle .diagnose_leftbox.bg_04 h2 {color:#f37006 !important;} .sub-content .diagnose_levle .diagnose_leftbox.bg_05 h2 {color:#ef2c2c !important;} .sub-content .diagnose_levle .diagnose_rightbox.bg_01 h2 {color:#009fe8 !important;} .sub-content .diagnose_levle .diagnose_rightbox.bg_02 h2 {color:#18a542 !important;} .sub-content .diagnose_levle .diagnose_rightbox.bg_03 h2 {color:#ff9000 !important;} .sub-content .diagnose_levle .diagnose_rightbox.bg_04 h2 {color:#f37006 !important;} .sub-content .diagnose_levle .diagnose_rightbox.bg_05 h2 {color:#ef2c2c !important;} } /* 자료마당 - 법령/고시 */ .content-wrap.law-warp {padding:30px 0 0 0;} .law-box ul {display:flex;} .law-box ul li {width:32%; position:relative; margin:0px 30px 0 0;} .law-box ul li:last-child {margin-right:0;} .law-box ul li .law-list {font-size:24px; font-weight:500; border-radius:15px; border:1px solid #e9e9e9; text-align:center; display:block; padding:70px 15px 70px 15px; box-shadow:1px 5px 7px rgba(0, 0, 0, 0.1);} .law-box ul li .law-list:hover {background-color:#396d9d; color:#fff;} .law-box ul li .law-list .law-img {background-color:#f5f5f5; border-radius:125px; padding:10px; margin: 0 auto; display: flex; justify-content: center; align-items:center; width:130px; height:130px;} .law-box ul li .law-list:hover .law-img {background:#5383ab;} .law-box ul li .law-list .law-img div {position:relative; display:block; background-color:#f5f5f5; height:80px; width:80px; padding:20px; border-radius:90px; vertical-align: middle;} .law-box ul li .law-list .law-img div img {} .law-box ul li .law-list .law-text {padding-top:60px; min-width:181px;} /* 자료마당 - 법령/지침정보 - 산업안전보건 법규 - 산업안전보건법령 검색 */ .advance-info-law .advance-info .info-law-l{width:43%;} .advance-info-law .advance-info .info-law-r{width:56%;} .guide-search-list {padding-bottom:30px;} .guide-search-list .guide-search-icon {display:flex; flex-flow:row wrap;} .guide-search-list .guide-search-icon > li {width:18%; display: inline-block; margin:0 0 2% 2%; text-align:center; box-shadow:5px 6px 12px 1px rgba(0, 0, 0, 0.15); position:relative;} .guide-search-list .guide-search-icon > li:hover {background:#ffeeca; border:#fddaab;} .guide-search-list .guide-search-icon > li div.guide-icon {width:100%;} .guide-search-list .guide-search-icon > li div.guide-icon a {display:block; border:1px solid #e1e1e1; max-width:270px; height:40px; font-size:17px; text-align:center; transition:all 0.3s; padding:59% 5% 10% 5%; line-height:1.2;} .guide-search-list .guide-search-icon > li div.guide-icon a.guide01-boxA {background: url(/_res/kosha/img/sub/ico-guide-a.png)50% 30% no-repeat;} .guide-search-list .guide-search-icon > li div.guide-icon a.guide01-boxB {background: url(/_res/kosha/img/sub/ico-guide-b.png)50% 30% no-repeat;} .guide-search-list .guide-search-icon > li div.guide-icon a.guide01-boxC {background: url(/_res/kosha/img/sub/ico-guide-c.png)50% 30% no-repeat;} .guide-search-list .guide-search-icon > li div.guide-icon a.guide01-boxD {background: url(/_res/kosha/img/sub/ico-guide-d.png)50% 30% no-repeat;} .guide-search-list .guide-search-icon > li div.guide-icon a.guide01-boxE {background: url(/_res/kosha/img/sub/ico-guide-e.png)50% 30% no-repeat;} .guide-search-list .guide-search-icon > li div.guide-icon a.guide01-boxF {background: url(/_res/kosha/img/sub/ico-guide-f.png)50% 30% no-repeat;} .guide-search-list .guide-search-icon > li div.guide-icon a.guide01-boxG {background: url(/_res/kosha/img/sub/ico-guide-g.png)50% 30% no-repeat;} .guide-search-list .guide-search-icon > li div.guide-icon a.guide01-boxH {background: url(/_res/kosha/img/sub/ico-guide-h.png)50% 30% no-repeat;} .guide-search-list .guide-search-icon > li div.guide-icon a.guide01-boxK {background: url(/_res/kosha/img/sub/ico-guide-k.png)50% 30% no-repeat;} .guide-search-list .guide-search-icon > li div.guide-icon a.guide01-boxM {background: url(/_res/kosha/img/sub/ico-guide-m.png)50% 30% no-repeat;} .guide-search-list .guide-search-icon > li div.guide-icon a.guide01-boxO {background: url(/_res/kosha/img/sub/ico-guide-o.png)50% 30% no-repeat;} .guide-search-list .guide-search-icon > li div.guide-icon a.guide01-boxP {background: url(/_res/kosha/img/sub/ico-guide-p.png)50% 30% no-repeat;} .guide-search-list .guide-search-icon > li div.guide-icon a.guide01-boxT {background: url(/_res/kosha/img/sub/ico-guide-t.png)50% 30% no-repeat;} .guide-search-list .guide-search-icon > li div.guide-icon a.guide01-boxW {background: url(/_res/kosha/img/sub/ico-guide-w.png)50% 30% no-repeat;} .guide-search-list .guide-search-icon > li div.guide-icon a.guide01-boxX {background: url(/_res/kosha/img/sub/ico-guide-x.png)50% 30% no-repeat;} /* 안전보건자료실 */ .allmedia-select{margin-left:10px; height: 42px; vertical-align: bottom;} /* 건설안전 줄바꿈*/ .construction p, .construction span, .construction li, .construction td{word-break:keep-all;} /* 자료마당 | 안전보건자료실 | 월간 안전보건 | 월간지 보기 */ .month-magazine > li > a{display:block; min-height:170px;} /* 산업안전보건공단 | 자료마당 | 산업재해통계 | 산업동향조사 | 주요결과 */ .industry-trend-result{margin:0 auto; max-width:calc(190px * 4); word-break: keep-all; line-height: 18px;} .industry-trend-result .btn-bin {width: 165px;} /* 산업안전보건공단 | 사업소개 | 직업건강 | 근로자 건강증진 | 뇌·심혈관질환 발병위험도 | 진단결과 */ .cont-box .braindisease-result-title{font-size: 27px; padding-bottom:10px; color:#0a6db3; font-weight:500; margin-bottom:20px; margin-left: 10px;} .braindisease-result{width: 63%; border: 8px solid #f0f0f0; padding: 25px; word-break: keep-all;} .braindisease-result-btn{width:70%; margin-top:50px; text-align:center;} .braindisease-result-btn button{display:inline-block; width: 120px; height: 42px; cursor: pointer; margin:0 5px; font-size:17px;} /* 산업안전보건공단 | 사업소개 | 직업건강 | 근로자 건강증진 | 뇌·심혈관질환 발병위험도 */ .braindisease-table tbody tr td:first-child{text-align:left;} .braindisease-btn{margin-top:50px; text-align:center;} .braindisease-btn a{display:inline-block; width: 120px; height: 40px; line-height: 40px; margin:0 5px;} .braindisease-btn button{display:inline-block; width: 120px; height: 42px; cursor: pointer; margin:0 5px; font-size:17px;} .braindisease table tbody tr td input[type="radio"] + label{display:inline-block; position:relative; white-space:nowrap; margin-right:30px;} .braindisease table tbody tr td input[type="radio"] + label:before{content:''; display:inline-block; width:17px; height:17px; border:1px solid #7b7b7b; border-radius:17px; text-align:center; vertical-align:middle; margin-right:10px; position:relative; top:-2px;} .braindisease table tbody tr td input[type="radio"]:checked + label:before{background:url('/_res/kosha/img/common/radiobox-checked.png') no-repeat 50% 50%;} .braindisease table tbody tr td input[type="radio"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;} .braindisease-bmi {display: flex; flex-flow: row wrap; margin: 15px 0px;} .braindisease-bmi label{min-width: 50px; width: 45%;} .braindisease-bmi input{text-align:right; padding:0 5px; margin-right:3px; font-size: 17px; width:25%; height: 30px;} .diet-check-box{display:flex; flex-flow:row nowrap; padding-top:10px; justify-content: space-between;} .diet-check{display:flex; flex-flow:column nowrap; margin-right:1%; vertical-align: top; max-width:210px;} .diet-human-img img{width:100%;} .diet-check .btn-list02{display:block; line-height: 15px; padding: 10px 27px; text-align:center;} .braindisease .Board_list .list_box .diet-check a{float:none; display:inline-block; vertical-align:middle; text-align: center; width: 100%; height:39px; background-color:#464646; color:#fff; line-height:39px; max-width:210px; margin-bottom: 50px;} .braindisease .Board_list .list_box .diet-check a:hover{border:none; background:#464646;} .dietBmi p{font-weight:400;} .dietBmi p span input[type="text"]{width:30px; height: 30px; padding: 0 5px; text-align: center; border: none; font-size: 17px;} .dietBmi p span input[type="text"].number-s {width:25px!important;} .dietBmi p span input[type="text"].number-m {width:50px!important;} .diet-check > img{margin-left:40px;} .bmi-result{display:inline-block; max-width:600px; max-height:400px;} .bmi-result .diet-bmi span.red{float:none;} .bmi-iframe{width:590px; height:310px; vertical-align:bottom;} .diet-bmi h3{font-size:25px; font-weight:500; padding-bottom:15px;} .diet-bmi p{font-size:17px; font-weight:100; padding:10px 0 35px 0;} .braindisease .Board_list .diet-bmi .diet-bmi-img{position:relative;padding:0;} .braindisease .Board_list .diet-bmi .diet-bmi-img .cont-img100{padding:0;} .dietBmiImg {position:relative;} .diet-bmi-stick{position:absolute; left:0; bottom:22px; max-width: 620px;} /* chemistry_table 사업소개-직업건강-직업환경개선-화학물질유해성정보 */ .chemistry-box .searchbox{margin-top:10px;} .chemistry-box .searchbox .b-search-input{padding: 12px 10px; max-width:300px; height: 42px;} .chemistry-box .searchbox .board-search01{vertical-align:top;} /* 산업안전보건공단 | 사업소개 | 직업건강 | 작업환경개선 | 화학물질 등급대책정보(Control Banding) | 위험성평가및대책정보제공 */ .controlbanding-point{color: #3399cc; font-weight:300;} .controlbanding-table tbody tr td{text-align:left; padding-left:20px;} .controlbanding-table tbody tr td a{font-weight:100;} .controlbanding-table tbody tr td a:hover{font-weight:500;} /* 산업안전보건공단 | 사업소개 | 직업건강 | 작업환경개선 | 화학물질 등급대책정보(Control Banding) | 위험성평가및대책정보제공 | 사용정보입력*/ .controlbanding-table2 tbody tr td{text-align:left; padding-left:20px;} .Board_list .controlbanding-table2 tbody tr:last-child td input[type="text"]{padding-right:5px; width: 50px; font-size:15px; margin-right:5px; height:30px;} /* 산업안전보건공단 | 사업소개 | 직업건강 | 작업환경개선 | 화학물질 등급대책정보(Control Banding) | 위험성평가및대책정보제공 | 위험성평가 결과*/ .controlbanding-table3 tbody tr {text-align:left;} .controlbanding-table3 tbody tr td .btn-popup{max-width: 80px; height: 15px; line-height: 15px; padding-right: 50px; margin-left: 30px; display: inline;} .controlbanding-table3 tbody tr .red{color:#ff0000; font-weight:500;} .controlbanding-table3 tbody tr .blue{color:#0000ff; font-weight:500;} .controlbanding-down-right{width: max-content; margin-left:auto;} .controlbanding-grade-table tbody tr th{text-align:center;} .controlbanding-grade-table tbody tr td{text-align:left;} /* 사이트맵 */ .sitemap-wrap{min-height:650px; width:100%; padding:70px 0 100px 0;} .sitemap-title{text-align:center; font-size:35px; font-weight:500; padding:0 0 60px 0;} /* 서브 메인페이지 공용 */ .sub-main-shadow div a{box-shadow: 2px 4px 12px 1px rgba(0,0,0,0.15); margin:0 auto;} /* 산업안전보건공단 | 사업소개 | 서비스안전 | 서비스업 기초안전보건교육 | 사업목적 */ .servicebasis{width:100%; height:auto;} .servicebasis-box{border:1px solid #cccccc; display:flex; flex-flow:row nowrap; width:100%; max-width:100%; margin-bottom:20px; align-items: center;} .servicebasis-box-th{min-width:159px; height:140px; background-color:#07597f; text-align:center; display:flex; justify-content:center; align-items:center;} .servicebasis-box-th span{font-size:20px; color:#fff; font-weight:500; line-height:30px;} .servicebasis-box-th span p{font-size:16px;} .servicebasis-box-td{width:100%;} .servicebasis-box-td > ul{padding-left:40px;} .servicebasis-box-td ul li{font-size:17px; font-weight:300; line-height:25px;padding-bottom: 10px;} .servicebasis-box-td ul li span{color:#07597f; padding-left:5px;} /* 산업안전보건공단 | 사업소개 | 직업건강 | 석면안전관리 | 석면작업관리 | 석면함유 건축자재 및 제품DB */ .Board_list .list_box .asbestoscode tbody td a{display:inline; padding:0; white-space: normal; overflow: visible; text-overflow: clip;} .Board_list .list_box .asbestoscode tbody td a:hover{color:#167bc3;} .Board_list .list_box .asbestoscode tbody td:last-child{text-align:left; padding:13px 10px;} /* 산업안전보건공단 | 사업소개 | 산업안전 | 제조업 등 유해위험방지계획서 심사확인 | 심사, 확인절차 */ .manufacturinge .thumb.full img{width:100%;} /* 산업안전보건공단 | 공단소개 | 지역본부/지사 | 부서업부 연락처 (공통)*/ .area-list img{float:left;} .area-list .thumb.full img { width: 20%;} .area-head-right {float: left; width: 70%; margin: 0 5%;} .area-head-right p{line-height:25px;} .area-head-right h3{color:#167bc3; font-size:25px;} /* 산업안전보건공단 | 사업소개 | 직업건강 | 근골격계질환예방 | 인간공학적 개선원리 | 진동 (일러스트) */ .vibration .thumb.full{text-align:left;} /* 산업안전보건공단 | 사업소개 | 건설안전 | 건설업 유해위험방지계획서 심사확인 | 사망사고 감축 특별혜택 */ .risk-rating-table tbody tr:nth-child(1) td:first-child{background:#ffb5b5; border-bottom:0;} .risk-rating-table tbody tr:nth-child(2) td:first-child{background:#fff0b5; border-top:0; border-right:0;} .risk-rating-table tbody tr:nth-child(2) td:nth-child(2){border-left:0;} .risk-rating-table tbody tr:nth-child(3) td:first-child{background:#b5ebff;} .risk-rating-group-table tbody tr:nth-child(1) td:first-child{background:#ffb5b5; border-bottom:0;} .risk-rating-group-table tbody tr:nth-child(3) td:first-child{background:#fff0b5; border-top:0; border-right:0} .risk-rating-group-table tbody tr:nth-child(3) td:nth-child(2){border-left:0;} .risk-rating-group-table tbody tr:nth-child(n+4):nth-child(-n+6) td:first-child{border-left:0;} .risk-rating-group-table tbody tr:nth-child(5) td:first-child{background:#b5ebff;} /* 산업안전보건공단 | 자료마당 | 안전보건자료실 | 업종별 자료 메인 */ .busimedia-list-box{padding-bottom:60px; margin:0 auto; max-width:calc(194px * 4);} .busimedia-list{height:auto; width:100%; display:flex; flex-flow:row wrap;} .busimedia-list > div{padding: 0 15px 40px 15px; display: inline-block;} .busimedia-list a{width:164px; height:127px; display:block;} .busimedia-alljob{background:url('/_res/kosha/img/sub/busimedia-alljob.png') no-repeat;} .busimedia-product{background:url('/_res/kosha/img/sub/busimedia-product.png') no-repeat;} .busimedia-construct{background:url('/_res/kosha/img/sub/busimedia-construct.png') no-repeat;} .busimedia-service{background:url('/_res/kosha/img/sub/busimedia-service.png') no-repeat;} .busimedia-etc{background:url('/_res/kosha/img/sub/busimedia-etc.png') no-repeat;} .busimedia-alljob:hover{background:url('/_res/kosha/img/sub/busimedia-alljob-hover.png') no-repeat;} .busimedia-product:hover{background:url('/_res/kosha/img/sub/busimedia-product-hover.png') no-repeat;} .busimedia-construct:hover{background:url('/_res/kosha/img/sub/busimedia-construct-hover.png') no-repeat;} .busimedia-service:hover{background:url('/_res/kosha/img/sub/busimedia-service-hover.png') no-repeat;} .busimedia-etc:hover{background:url('/_res/kosha/img/sub/busimedia-etc-hover.png') no-repeat;} .busimedia-board-list{display:flex; justify-content:center;} .busimedia-board{display:flex; flex-flow:row wrap; justify-content:space-between; } .busimedia-board-box{display:flex; flex-flow:column nowrap; width:30%;} .busimedia-board-title{padding-bottom:20px; border-bottom:2px solid #2b2b2b; display:flex; justify-content:space-between;} .busimedia-board-title p{font-size:20px; font-weight:500;} .busimedia-board-title a{display:block; width:25px; height:25px; background:url('/_res/kosha/img/common/big-plus.png') no-repeat; align-self:flex-end;} .busimedia-board1{margin-right:20px;} .busimedia-board2{margin-right:20px;} .busimedia-board-box ul{padding-top:10px;} .busimedia-board-box ul li{font-size:15px; display:flex; white-space:nowrap;} .busimedia-board-box ul li a{text-overflow:ellipsis; overflow:hidden; font-weight:300;} .busimedia-board-box ul li:hover > a{color:#017295;} .busimedia-board-box ul li:hover > time{color:#017295;} .busimedia-board-box ul li time{color:#555555; padding-left:10px; margin-left:auto;} .busimedia-board-point li{position:relative;} .busimedia-board-point li a {padding-left: 20px;} .busimedia-board-point li:nth-child(1):before{content:'1'; width:15px; height:15px; background-color:#0987c2; color:#fff; position:absolute; top:25%; line-height:15px; text-align:center;} .busimedia-board-point li:nth-child(2):before{content:'2'; width:15px; height:15px; background-color:#0987c2; color:#fff; position:absolute; top:25%; line-height:15px; text-align:center;} .busimedia-board-point li:nth-child(3):before{content:'3'; width:15px; height:15px; background-color:#0987c2; color:#fff; position:absolute; top:25%; line-height:15px; text-align:center;} .busimedia-board-point li:nth-child(4):before{content:'4'; width:15px; height:15px; background-color:#0987c2; color:#fff; position:absolute; top:25%; line-height:15px; text-align:center;} .busimedia-board-point li:nth-child(5):before{content:'5'; width:15px; height:15px; background-color:#0987c2; color:#fff; position:absolute; top:25%; line-height:15px; text-align:center;} /* 산업안전보건공단 | 자료마당 | 안전보건자료실 | 직업건강 */ .jobhealth-list-box{padding-bottom:60px; margin:0 auto; max-width:calc(194px * 4);} .jobhealth-list{height:auto; width:100%; display:flex; flex-flow:row wrap;} .jobhealth-list > div{padding: 0 15px 40px 15px; display: inline-block;} .jobhealth-list a{width:164px; height:127px; display:block;} .jobhealth-suffocation{background:url('/_res/kosha/img/sub/jobhealth-suffocation.png') no-repeat 50% 50%;} .jobhealth-muscle{background:url('/_res/kosha/img/sub/jobhealth-muscle.png') no-repeat 50% 50%;} .jobhealth-environment{background:url('/_res/kosha/img/sub/jobhealth-environment.png') no-repeat 50% 50%;} .jobhealth-promotion{background:url('/_res/kosha/img/sub/jobhealth-promotion.png') no-repeat 50% 50%;} .jobhealth-stress{background:url('/_res/kosha/img/sub/jobhealth-stress.png') no-repeat 50% 50%;} .jobhealth-etc{background:url('/_res/kosha/img/sub/jobhealth-etc.png') no-repeat 50% 50%;} .jobhealth-suffocation:hover{background:url('/_res/kosha/img/sub/jobhealth-suffocation-hover.png') no-repeat 50% 50%;} .jobhealth-muscle:hover{background:url('/_res/kosha/img/sub/jobhealth-muscle-hover.png') no-repeat 50% 50%;} .jobhealth-environment:hover{background:url('/_res/kosha/img/sub/jobhealth-environment-hover.png') no-repeat 50% 50%;} .jobhealth-promotion:hover{background:url('/_res/kosha/img/sub/jobhealth-promotion-hover.png') no-repeat 50% 50%;} .jobhealth-stress:hover{background:url('/_res/kosha/img/sub/jobhealth-stress-hover.png') no-repeat 50% 50%;} .jobhealth-etc:hover{background:url('/_res/kosha/img/sub/jobhealth-etc-hover.png') no-repeat 50% 50%;} .jobhealth-board-list{display:flex; justify-content:center;} .jobhealth-board{display:flex; flex-flow:row wrap; justify-content:space-between; } .jobhealth-board-box{display:flex; flex-flow:column nowrap; width:30%;} .jobhealth-board-title{padding-bottom:20px; border-bottom:2px solid #2b2b2b; display:flex; justify-content:space-between;} .jobhealth-board-title p{font-size:20px; font-weight:500;} .jobhealth-board-title a{display:block; width:25px; height:25px; background:url('/_res/kosha/img/common/big-plus.png') no-repeat; align-self:flex-end;} .jobhealth-board1{margin-right:20px;} .jobhealth-board2{margin-right:20px;} .jobhealth-board-box ul{padding-top:10px;} .jobhealth-board-box ul li{font-size:15px; display:flex; white-space:nowrap;} .jobhealth-board-box ul li a{text-overflow:ellipsis; overflow:hidden; font-weight:300;} .jobhealth-board-box ul li:hover > a{color:#017295;} .jobhealth-board-box ul li:hover > time{color:#017295;} .jobhealth-board-box ul li time{color:#555555; padding-left:10px; margin-left:auto;} .jobhealth-board-point li{position:relative;} .jobhealth-board-point li a {padding-left: 20px;} .jobhealth-board-point li:nth-child(1):before{content:'1'; width:15px; height:15px; background-color:#0987c2; color:#fff; position:absolute; top:25%; line-height:15px; text-align:center;} .jobhealth-board-point li:nth-child(2):before{content:'2'; width:15px; height:15px; background-color:#0987c2; color:#fff; position:absolute; top:25%; line-height:15px; text-align:center;} .jobhealth-board-point li:nth-child(3):before{content:'3'; width:15px; height:15px; background-color:#0987c2; color:#fff; position:absolute; top:25%; line-height:15px; text-align:center;} .jobhealth-board-point li:nth-child(4):before{content:'4'; width:15px; height:15px; background-color:#0987c2; color:#fff; position:absolute; top:25%; line-height:15px; text-align:center;} .jobhealth-board-point li:nth-child(5):before{content:'5'; width:15px; height:15px; background-color:#0987c2; color:#fff; position:absolute; top:25%; line-height:15px; text-align:center;} /* 산업안전보건공단 | 자료마당 | 안전보건자료실 | 외국인 자료(Migrant Worker's) */ .foreigndata-searchbox form{text-align: center;} .foreigndata-search {display: flex; flex-flow: row nowrap; justify-content: center; width: 100%;} .foreigndata-search-input{display: inline-block; margin: 0 10px 0 0; padding: 11px 10px 12px; width: inherit; max-width: 651px; border: 1px solid #ccc; box-sizing: border-box; vertical-align: middle;} .foreigndata-searchbox button{display: inline-block; padding: 11px 20px; min-width: 100px; border: none; background-color: #0887c2; font-size: 15px; color: #fff; text-align: center; box-sizing: border-box; vertical-align: middle; cursor:pointer;} .foreigndata-recommend-search{display:flex; align-items:center; justify-content:center; padding-top:10px} .foreigndata-recommend-search span{padding-right:20px; font-weight:500;} .foreigndata-recommend-search ul{display:flex;} .foreigndata-recommend-search ul li{font-size:15px; padding:0 10px; font-weight:300;} .foreigndata-recommend-search ul li a{position:relative;} .foreigndata-recommend-search ul li a:after{content:''; width:100%; position:absolute; left:0; bottom:1px; border-width:0 0 1px; border-style:solid;} .foreigndata-list-box{padding-bottom:60px; margin:0 auto; max-width:calc(190px * 4);} .foreigndata-list{height:auto; width:100%; display:flex; flex-flow:row wrap;} .foreigndata-list > div{padding: 0 13px 40px 13px; display: inline-block;} .foreigndata-list a{width:164px; height:127px; display:block;} .foreigndata-english{background:url('/_res/kosha/img/sub/foreigndata-english.gif') no-repeat 50% 50%;} .foreigndata-bengalese{background:url('/_res/kosha/img/sub/foreigndata-bengalese.gif') no-repeat 50% 50%;} .foreigndata-chinese{background:url('/_res/kosha/img/sub/foreigndata-chinese.gif') no-repeat 50% 50%;} .foreigndata-indonesian{background:url('/_res/kosha/img/sub/foreigndata-indonesian.gif') no-repeat 50% 50%;} .foreigndata-mongolian{background:url('/_res/kosha/img/sub/foreigndata-mongolian.gif') no-repeat 50% 50%;} .foreigndata-parkistan{background:url('/_res/kosha/img/sub/foreigndata-parkistan.gif') no-repeat 50% 50%;} .foreigndata-sinhalese{background:url('/_res/kosha/img/sub/foreigndata-sinhalese.gif') no-repeat 50% 50%;} .foreigndata-thai{background:url('/_res/kosha/img/sub/foreigndata-thai.gif') no-repeat 50% 50%;} .foreigndata-uzbek{background:url('/_res/kosha/img/sub/foreigndata-uzbek.gif') no-repeat 50% 50%;} .foreigndata-vietnamese{background:url('/_res/kosha/img/sub/foreigndata-vietnamese.gif') no-repeat 50% 50%;} .foreigndata-cambodia{background:url('/_res/kosha/img/sub/foreigndata-cambodia.gif') no-repeat 50% 50%;} .foreigndata-myanmar{background:url('/_res/kosha/img/sub/foreigndata-myanmar.gif') no-repeat 50% 50%;} .foreigndata-nepal{background:url('/_res/kosha/img/sub/foreigndata-nepal.gif') no-repeat 50% 50%;} .foreigndata-easttimor{background:url('/_res/kosha/img/sub/foreigndata-easttimor.gif') no-repeat 50% 50%;} .foreigndata-kyrgystan{background:url('/_res/kosha/img/sub/foreigndata-kyrgystan.gif') no-repeat 50% 50%;} .foreigndata-laos{background:url('/_res/kosha/img/sub/foreigndata-laos.gif') no-repeat 50% 50%;} .foreigndata-english:hover{background:url('/_res/kosha/img/sub/foreigndata-english-hover.gif') no-repeat 50% 50%;} .foreigndata-bengalese:hover{background:url('/_res/kosha/img/sub/foreigndata-bengalese-hover.gif') no-repeat 50% 50%;} .foreigndata-chinese:hover{background:url('/_res/kosha/img/sub/foreigndata-chinese-hover.gif') no-repeat 50% 50%;} .foreigndata-indonesian:hover{background:url('/_res/kosha/img/sub/foreigndata-indonesian-hover.gif') no-repeat 50% 50%;} .foreigndata-mongolian:hover{background:url('/_res/kosha/img/sub/foreigndata-mongolian-hover.gif') no-repeat 50% 50%;} .foreigndata-parkistan:hover{background:url('/_res/kosha/img/sub/foreigndata-parkistan-hover.gif') no-repeat 50% 50%;} .foreigndata-sinhalese:hover{background:url('/_res/kosha/img/sub/foreigndata-sinhalese-hover.gif') no-repeat 50% 50%;} .foreigndata-thai:hover{background:url('/_res/kosha/img/sub/foreigndata-thai-hover.gif') no-repeat 50% 50%;} .foreigndata-uzbek:hover{background:url('/_res/kosha/img/sub/foreigndata-uzbek-hover.gif') no-repeat 50% 50%;} .foreigndata-vietnamese:hover{background:url('/_res/kosha/img/sub/foreigndata-vietnamese-hover.gif') no-repeat 50% 50%;} .foreigndata-cambodia:hover{background:url('/_res/kosha/img/sub/foreigndata-cambodia-hover.gif') no-repeat 50% 50%;} .foreigndata-myanmar:hover{background:url('/_res/kosha/img/sub/foreigndata-myanmar-hover.gif') no-repeat 50% 50%;} .foreigndata-nepal:hover{background:url('/_res/kosha/img/sub/foreigndata-nepal-hover.gif') no-repeat 50% 50%;} .foreigndata-easttimor:hover{background:url('/_res/kosha/img/sub/foreigndata-easttimor-hover.gif') no-repeat 50% 50%;} .foreigndata-kyrgystan:hover{background:url('/_res/kosha/img/sub/foreigndata-kyrgystan-hover.gif') no-repeat 50% 50%;} .foreigndata-laos:hover{background:url('/_res/kosha/img/sub/foreigndata-laos-hover.gif') no-repeat 50% 50%;} .foreigndata-board-list{display:flex; justify-content:center;} .foreigndata-board{display:flex; flex-flow:row wrap; justify-content:space-between; } .foreigndata-board-box{display:flex; flex-flow:column nowrap; width:30%;} .foreigndata-board-title{padding-bottom:20px; border-bottom:2px solid #2b2b2b; display:flex; justify-content:space-between;} .foreigndata-board-title p{font-size:20px; font-weight:500;} .foreigndata-board-title a{display:block; width:25px; height:25px; background:url('/_res/kosha/img/common/big-plus.png') no-repeat; align-self:flex-end;} .foreigndata-board1{margin-right:20px;} .foreigndata-board2{margin-right:20px;} .foreigndata-board-box ul{padding-top:10px;} .foreigndata-board-box ul li{font-size:15px; display:flex; white-space:nowrap; line-height: 30px;} .foreigndata-board-box ul li a{text-overflow:ellipsis; overflow:hidden; font-weight:300;} .foreigndata-board-box ul li:hover > a{color:#017295;} .foreigndata-board-box ul li:hover > time{color:#017295; font-weight:300;} .foreigndata-board-box ul li time{color:#555555; padding-left:10px; margin-left:auto;} .foreigndata-board-point li{position:relative;} .foreigndata-board-point li a {padding-left: 20px;} .foreigndata-board-point li:nth-child(1):before{content:'1'; width:15px; height:15px; background-color:#0987c2; color:#fff; position:absolute; top:25%; line-height:15px; text-align:center;} .foreigndata-board-point li:nth-child(2):before{content:'2'; width:15px; height:15px; background-color:#0987c2; color:#fff; position:absolute; top:25%; line-height:15px; text-align:center;} .foreigndata-board-point li:nth-child(3):before{content:'3'; width:15px; height:15px; background-color:#0987c2; color:#fff; position:absolute; top:25%; line-height:15px; text-align:center;} .foreigndata-board-point li:nth-child(4):before{content:'4'; width:15px; height:15px; background-color:#0987c2; color:#fff; position:absolute; top:25%; line-height:15px; text-align:center;} .foreigndata-board-point li:nth-child(5):before{content:'5'; width:15px; height:15px; background-color:#0987c2; color:#fff; position:absolute; top:25%; line-height:15px; text-align:center;} /* 산업안전보건공단 | 자료마당 | 안전보건자료실 */ .mediabank-title {display:none; border: 1px solid #ccc; padding: 20px;} .mediabank-title-p{color:#389a41; font-size:15px; width:99%; padding-top:10px;} .mediabank-title-r{color:#f74805; font-size:15px; width:99%; padding-top:10px;} .mediabank-searchbox form{text-align: center;} .mediabank-search {display: flex; flex-flow: row nowrap; justify-content: center; width: 100%;} .mediabank-search-input{display: inline-block; margin: 0 10px 0 0; padding: 11px 10px 12px; width: inherit; max-width: 651px; border: 1px solid #ccc; box-sizing: border-box; vertical-align: middle;} .mediabank-searchbox button{display: inline-block; padding: 11px 20px; min-width: 100px; border: none; background-color: #0887c2; font-size: 15px; color: #fff; text-align: center; box-sizing: border-box; vertical-align: middle; cursor:pointer;} .mediabank-recommend-search{display:flex; align-items:center; justify-content:center; padding:10px 0 45px 0;} .mediabank-recommend-search span{padding-right:20px; font-weight:500;} .mediabank-recommend-search ul{display:flex;} .mediabank-recommend-search ul li{font-size:15px; padding:0 10px; font-weight:300;} .mediabank-recommend-search ul li a{position:relative; line-height: 25px;} .mediabank-recommend-search ul li a:after{content:''; width:100%; position:absolute; left:0; bottom:1px; border-width:0 0 1px; border-style:solid;} .mediabank-list-box{padding-bottom:60px; margin:0 auto; max-width:calc(194px * 4);} .mediabank-list{height:auto; width:100%; display:flex; flex-flow:row wrap;} .mediabank-list > div{padding: 0 15px 40px 15px; display: inline-block;} .mediabank-list a{width:164px; height:127px; display:block;} .mediabank-alldata{background:url('/_res/kosha/img/sub/mediabank-alldata.png') no-repeat 50% 50%;} .mediabank-death{background:url('/_res/kosha/img/sub/mediabank-death_200204.png') no-repeat 50% 50%;} .mediabank-industrydata{background:url('/_res/kosha/img/sub/mediabank-industrydata.png') no-repeat 50% 50%;} .mediabank-health{background:url('/_res/kosha/img/sub/mediabank-health.png') no-repeat 50% 50%;} .mediabank-10minutes{background:url('/_res/kosha/img/sub/mediabank-10minutes.png') no-repeat 50% 50%;} .mediabank-special{background:url('/_res/kosha/img/sub/mediabank-special.png') no-repeat 50% 50%;} .mediabank-foreigndata{background:url('/_res/kosha/img/sub/mediabank-foreigndata.png') no-repeat 50% 50%;} .mediabank-monthly{background:url('/_res/kosha/img/sub/mediabank-monthly.png') no-repeat 50% 50%;} .mediabank-E-guide{background:url('/_res/kosha/img/sub/mediabank-E-guide.png') no-repeat 50% 50%; position:relative;} .mediabank-360vr{background:url('/_res/kosha/img/sub/mediabank-360vr.png') no-repeat 50% 50%; position:relative;} .mediabank-app{background:url('/_res/kosha/img/sub/mediabank-app.png') no-repeat 50% 50%; position:relative;} .mediabank-delivery{background:url('/_res/kosha/img/sub/mediabank-delivery.png') no-repeat 50% 50%; position:relative;} .mediabank-E-guide:after{content:""; width:15px; height:15px; position:absolute; background:url('/_res/kosha/img/common/ico_popup2.png') no-repeat; right:3px; top:3px;} .mediabank-360vr:after{content:""; width:15px; height:15px; position:absolute; background:url('/_res/kosha/img/common/ico_popup2.png') no-repeat; right:3px; top:3px;} .mediabank-app:after{content:""; width:15px; height:15px; position:absolute; background:url('/_res/kosha/img/common/ico_popup2.png') no-repeat; right:3px; top:3px;} .mediabank-delivery:after{content:""; width:15px; height:15px; position:absolute; background:url('/_res/kosha/img/common/ico_popup2.png') no-repeat; right:3px; top:3px;} .mediabank-alldata:hover{background:url('/_res/kosha/img/sub/mediabank-alldata-hover.png') no-repeat 50% 50%;} .mediabank-death:hover{background:url('/_res/kosha/img/sub/mediabank-death-hover_20200204.png') no-repeat 50% 50%;} .mediabank-industrydata:hover{background:url('/_res/kosha/img/sub/mediabank-industrydata-hover.png') no-repeat 50% 50%;} .mediabank-health:hover{background:url('/_res/kosha/img/sub/mediabank-health-hover.png') no-repeat 50% 50%;} .mediabank-10minutes:hover{background:url('/_res/kosha/img/sub/mediabank-10minutes-hover.png') no-repeat 50% 50%;} .mediabank-special:hover{background:url('/_res/kosha/img/sub/mediabank-special-hover.png') no-repeat 50% 50%;} .mediabank-foreigndata:hover{background:url('/_res/kosha/img/sub/mediabank-foreigndata-hover.png') no-repeat 50% 50%;} .mediabank-monthly:hover{background:url('/_res/kosha/img/sub/mediabank-monthly-hover.png') no-repeat 50% 50%;} .mediabank-E-guide:hover{background:url('/_res/kosha/img/sub/mediabank-E-guide-hover.png') no-repeat 50% 50%;} .mediabank-360vr:hover{background:url('/_res/kosha/img/sub/mediabank-360vr-hover.png') no-repeat 50% 50%;} .mediabank-app:hover{background:url('/_res/kosha/img/sub/mediabank-app-hover.png') no-repeat 50% 50%;} .mediabank-delivery:hover{background:url('/_res/kosha/img/sub/mediabank-delivery-hover.png') no-repeat 50% 50%;} .mediabank-E-guide:hover:after{background:url('/_res/kosha/img/common/ico_popup_hover.png') no-repeat;} .mediabank-360vr:hover:after{background:url('/_res/kosha/img/common/ico_popup_hover.png') no-repeat;} .mediabank-app:hover:after{background:url('/_res/kosha/img/common/ico_popup_hover.png') no-repeat;} .mediabank-delivery:hover:after{background:url('/_res/kosha/img/common/ico_popup_hover.png') no-repeat;} .mediabank-board-list{display:flex; justify-content:center;} .mediabank-board{display:flex; flex-flow:row wrap; justify-content:space-between; width:100%;} .mediabank-board-box{display:flex; flex-flow:column nowrap; width:30%;} .mediabank-board-title{padding-bottom:20px; border-bottom:2px solid #2b2b2b; display:flex; justify-content:space-between;} .mediabank-board-title p{font-size:20px; font-weight:500;} .mediabank-board-title a{display:block; width:25px; height:25px; background:url('/_res/kosha/img/common/big-plus.png') no-repeat; align-self:flex-end;} .mediabank-board1{margin-right:20px;} .mediabank-board2{margin-right:20px;} .mediabank-board-box ul{padding-top:10px;} .mediabank-board-box ul li{font-size:15px; display:flex; white-space:nowrap; line-height:30px;} .mediabank-board-box ul li a{text-overflow:ellipsis; overflow:hidden; font-weight:300;} .mediabank-board-box ul li:hover > a{color:#017295;} .mediabank-board-box ul li:hover > time{color:#017295;} .mediabank-board-box ul li time{color:#555555; padding-left:10px; margin-left:auto;} .mediabank-board-point li{position:relative;} .mediabank-board-point li a {padding-left: 20px;} .mediabank-board-point li:nth-child(1):before{content:'1'; width:15px; height:15px; background-color:#0987c2; color:#fff; position:absolute; top:25%; line-height:15px; text-align:center;} .mediabank-board-point li:nth-child(2):before{content:'2'; width:15px; height:15px; background-color:#0987c2; color:#fff; position:absolute; top:25%; line-height:15px; text-align:center;} .mediabank-board-point li:nth-child(3):before{content:'3'; width:15px; height:15px; background-color:#0987c2; color:#fff; position:absolute; top:25%; line-height:15px; text-align:center;} .mediabank-board-point li:nth-child(4):before{content:'4'; width:15px; height:15px; background-color:#0987c2; color:#fff; position:absolute; top:25%; line-height:15px; text-align:center;} .mediabank-board-point li:nth-child(5):before{content:'5'; width:15px; height:15px; background-color:#0987c2; color:#fff; position:absolute; top:25%; line-height:15px; text-align:center;} /* 20201012 산업안전보건공단 | 자료마당 | 안전보건자료실 */ .condition-wrap {position:relative; border:1px solid #ccc;} .condition-wrap:after{content:""; display:block; clear:both;} .condition-wrap .condition:first-child {border-left:0; width:25%} .condition-wrap .condition {float:left; width:calc(25% - 1px); border-left:1px solid #ccc;} .condition .title button {display:block; width:100%; height:50px; font-weight:600; text-align:center; background:#f2f2f2 color:#555; border:0;} .condition .condition-list{display:block; height:180px; padding-top:10px; overflow:hidden; overflow-y:scroll;} .condition .condition-list ul li {padding: 0 15px; line-height:24px; margin-bottom:5px; font-size:16px; font-weight:inherit;} .condition .condition-list ul li label {margin-left:5px} .condition .condition-list ul li span{color:#0887c2; font-size:13px;} .condition .condition-list.p14 ul li{font-size:14px} .condition-btn-gr {position:relative;} .condition-btn-gr:after{content:""; display:block; clear:both;} .condition-btn-gr a.btn-plus{display:inline-block; height:35px; line-height:35px; padding-right:15px; background:url('/_res/kosha/img/common/btn_plus.png') no-repeat 100% 50%; color:#0887c2; font-weight:500;} .condition-btn-gr a.btn-reset{display:inline-block; background:url('/_res/kosha/img/common/icon_reset.png') no-repeat left center; color:#555; height:35px; line-height:35px; padding:0 10px 0 20px; margin-right:20px} .condition-btn-gr a.btn-search {display:inline-block; background:#0887c2; color:#fff; height:35px; line-height:35px; padding:0 10px} .condition-btn-gr a.btn-search-on{display:inline-block; background:#0887c2; color:#fff; height:35px; line-height:35px; padding:0 10px} .condition-btn-gr a.btn-search-off{display:inline-block; background:#eee; color:#555; height:35px; line-height:35px; padding:0 10px} .condition-btn-gr a.btn-condition {display:inline-block; background:#555; color:#fff; height:35px; line-height:35px; padding:0 10px} .mediabank-searchbox02 {position:relative;} .mediabank-searchbox02 .mediabank-search01{position:relative} .mediabank-searchbox02 .mediabank-search01:after{content:""; display:block; clear:both;} .mediabank-searchbox02 .mediabank-search01 .title {font-weight:300} .mediabank-searchbox02 .mediabank-search01 > div input[type="radio"] {margin-left:10px} .mediabank-searchbox02 .mediabank-search01 .calendar-wrap {margin-left:20px} .mediabank-searchbox02 .mediabank-search01 input[type="text"] {display:inline-block; padding:12px 10px; width:150px; border:1px solid #ccc; box-sizing:border-box; vertical-align:middle} /*20201203*/ .mediabank-searchbox02 .mediabank-search02 {position:relative; margin-bottom:10px; background:linear-gradient(#0887c2,#71bf44); padding:4px;} .mediabank-searchbox02 .mediabank-search02 .mediabank-search {padding:5px 0; background:#fff;} .mediabank-searchbox02 .mediabank-search02 .mediabank-search select {width:90px; margin:0 10px 0 10px; font-size:14px; height:44px; box-sizing:border-box; background-color:transparent; border:0} .mediabank-searchbox02 .mediabank-search02 .mediabank-search .mediabank-search-input {border:0; font-size:17px; max-width:740px} .mediabank-searchbox02 .mediabank-search02 .mediabank-search button.btn-sch-img {content:""; display:inline-block; width:44px; height:44px; font-size:0; border:none; cursor:pointer; box-sizing: border-box; vertical-align:middle; background:url('/_res/kosha/img/common/icon_search_bl.png') no-repeat center center; margin-right:10px;} .mediabank-searchbox02 .mediabank-search03 {margin-bottom:10px} .mediabank-searchbox02 .mediabank-search03 a {position:relative; border:0; background:#fff; padding-left:15px} .mediabank-searchbox02 .mediabank-search03 a:before {position: absolute; content:""; display:inline-block; border:2px solid #71bf44; border-top:transparent; border-left:transparent; width:5px; height:5px; left:0; top:7px; transform:rotate(-45deg);} .mediabank-searchbox02 .mediabank-search03 a+a {margin-left:20px} .mediabank-searchbox02 .mediabank-search03 a:hover,.mediabank-searchbox02 .mediabank-search03 a.active {color:#71bf44; text-decoration:underline} .mediabank-title-btn .btn-intro i{font-size:12px; font-style:inherit} .icon-recomend{background-color:#0887c2; color:#fff; border-radius:5px; padding:3px 8px; margin-left:15px;} .icon-hit{background-color:#71bf44; color:#fff; border-radius:5px; padding:3px 8px; margin-left:15px;} input.total-num {width:60px; padding:8px 10px; margin:0 5px; text-align:right; border:1px solid #ccc; box-sizing:border-box; vertical-align: middle;} .mediabank-list-box02 {position:relative} .mediabank-list-box02:after{content:""; display:block; clear:both;} .mediabank-list-box02 ul li {position:relative; float:left; width:calc(25% - 20px); padding:10px; border-bottom:1px solid #ccc} .mediabank-list-box02 ul li .med-img {position:relative; overflow:hidden; height:300px} .mediabank-list-box02 ul li .med-img a {position:absolute; top:0; left:0; right:0; bottom:0; transform:translate(50%,50%)} .mediabank-list-box02 ul li .med-img a img {width:100%; height:auto; transform: translate(-50%, -50%);} .mediabank-list-box02 ul li .med-btn-gr {position:absolute; top:270px; right:10px} .mediabank-list-box02 ul li .med-btn-gr a {display:inline-block; font-size:0; width:40px; height:40px; margin-left:1px} .mediabank-list-box02 ul li .med-btn-gr a.btn-filldown {background:#555 url('/_res/kosha/img/common/btn_icon_file.png') no-repeat 50% 50%;} .mediabank-list-box02 ul li .med-btn-gr a.btn-delivery {background:#555 url('/_res/kosha/img/common/btn_icon_delivery.png') no-repeat 50% 50%;} .mediabank-list-box02 ul li .med-btn-gr a.btn-monthly {background:#555 url('/_res/kosha/img/common/btn_icon_monthly.png') no-repeat 50% 50%;} .mediabank-list-box02 ul li .med-cont {margin-top:20px} .mediabank-list-box02 ul li .med-cont a {display:-webkit-box ;display:-ms-flexbox; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:48px; line-height: 24px; font-weight:300} .mediabank-list-box02 ul li .med-cont .med-cont-day {margin-top:10px; color:#777; font-size:13px} .mediabank-list-box02 ul li .med-cont .med-cont-day em {font-style:initial;} .mediabank-list-box02 ul li:nth-child(1), .mediabank-list-box02 ul li:nth-child(5), .mediabank-list-box02 ul li:nth-child(9), .mediabank-list-box02 ul li:nth-child(13) {margin-left:0;} .b-searchbox .b-allchkbox {margin-right:10px} .b-searchbox .b-allchkbox label{display:inline-block; margin-left:5px; height:35px; line-height:35px} .mediabank-list-box02 ul li .med-top {position:absolute; top:10px; left:10px; z-index:10} .mediabank-list-box02 ul li .med-top input[type="checkbox"] {width:18px; height:18px;} .mediabank-list-box02 ul .mediaFileList li {padding:0px; border:0px;} .Board-view table .view-body .view-wrap {position:relative} .Board-view table .view-body .view-wrap:after{content:""; display:block; clear:both;} .Board-view table .view-body .view-wrap .view-img {width:298px; float:left; margin-bottom:20px; border:1px solid #ccc} .Board-view table .view-body .view-wrap .view-cont {width:calc(100% - 320px); float:left; margin:0 0 20px 20px} .Board-view table .view-body .view-wrap .view-cont dl {position:relative; width:100%; margin-bottom:5px;} .Board-view table .view-body .view-wrap .view-cont dl:after{content:""; display:block; clear:both;} .Board-view table .view-body .view-wrap .view-cont dl dt {display:table-cell; width:120px; font-size:15px; font-weight:300; border:1px solid #d8d8d8; background-color:#f9f9f9; text-align:center; padding:5px 0} .Board-view table .view-body .view-wrap .view-cont dl dd {display:table-cell; width:calc(100% - 120px); font-size:15px; padding:0 10px;} .Board-view table .view-body .view-wrap .view-cont dl dd a {display:inline-block; margin-bottom:10px;} .Board-view table .view-body .view-wrap .view-cont .view-cont-det dt{display:inherit; float:left; height:138px} .Board-view table .view-body .view-wrap .view-cont .view-cont-det dd{display:inherit; width:calc(100% - 142px); float:left; height:150px; overflow-y:auto;} .Board-view table .view-body .view-wrap .view-cont .view-cont-det pre{font-size:15px;} .Board-view table .view-body .view-wrap .view-cont .view-cont-cnt {font-size:15px; height:150px; overflow-y:auto;} /* 20201126 */ .Board-view-type02 .view-top td {border:0} .Board-view-type02 .view-top td.view-down {border-left:0; text-align:right} .Board-view-type02 .view-top td.view-down span{color:#0a6db3; padding-left:5px} .Board-view-type02 .view-downbox ul li a.btn-down{display:inline-block; margin:10px 0 0} .mediabank-title-btn .btn-intro{padding:11px 20px; font-size:15px; border:1px solid #333; background-color:#fff} .mediabank-title-btn .btn-intro1{padding:11px 20px; font-size:15px; border:1px solid #333; background-color:yellow;} .d_block{display:block} /* 20201019 */ .list-type{position:relative; border-top:2px solid #2b2b2b; border-bottom:1px solid #d8d8d8} .list-type:after{content:""; display:block; clear:both;} .list-type > li {float:left; width:calc(20% - 1px); border-left:1px solid #d8d8d8;} .list-type > li:first-child {border-left:0} .list-type > li > span {font-weight:500; font-size:15px; padding:20px; display:inline-block} .list-type ul{height:240px; overflow: auto;} .list-type ul li {padding:8px 15px} .list-type ul li:last-child {margin-bottom:20px;} .list-type ul li input[type="checkbox"] {margin-right:4px} /* 산업안전보건공단 | 일자리 메인 */ .submain-list-box{margin:0 auto; max-width:calc(194px * 4);} .submain-list{height:auto; width:100%; display:flex; flex-flow:row wrap;} .submain-list > div{padding: 0 15px 40px 15px; display: inline-block;} .submain-list > div:last-child{padding-bottom:0;} .submain-list a{width:164px; height:127px; display:block;} .submain-job-info{background:url('/_res/kosha/img/sub/submain-job-info.png') no-repeat;} .submain-job-idea{background:url('/_res/kosha/img/sub/submain-job-idea.png') no-repeat;} .submain-job-activity{background:url('/_res/kosha/img/sub/submain-job-activity.png') no-repeat;} .submain-job-make{background:url('/_res/kosha/img/sub/submain-job-make.png') no-repeat;} .submain-job-loadmap{background:url('/_res/kosha/img/sub/submain-job-loadmap.png') no-repeat;} .submain-job-info:hover{background:url('/_res/kosha/img/sub/submain-job-info-hover.png') no-repeat;} .submain-job-idea:hover{background:url('/_res/kosha/img/sub/submain-job-idea-hover.png') no-repeat;} .submain-job-activity:hover{background:url('/_res/kosha/img/sub/submain-job-activity-hover.png') no-repeat;} .submain-job-make:hover{background:url('/_res/kosha/img/sub/submain-job-make-hover.png') no-repeat;} .submain-job-loadmap:hover{background:url('/_res/kosha/img/sub/submain-job-loadmap-hover.png') no-repeat;} .jobmain-board-list{display:flex; justify-content:center;} .jobmain-board{display:flex; flex-flow:row wrap; justify-content:space-between; width:100%;} .jobmain-board-box{display:flex; flex-flow:column nowrap; width:30%;} .jobmain-board-title{padding-bottom:20px; border-bottom:2px solid #2b2b2b; display:flex; justify-content:space-between;} .jobmain-board-title p{font-size:20px; font-weight:500;} .jobmain-board-title a{display:block; width:25px; height:25px; background:url('/_res/kosha/img/common/big-plus.png') no-repeat; align-self:flex-end;} .jobmain-board1{margin-right:20px;} .jobmain-board2{margin-right:20px;} .jobmain-board-box ul{padding-top:10px;} .jobmain-board-box ul li{font-size:15px; display:flex; white-space:nowrap; line-height:30px;} .jobmain-board-box ul li a{text-overflow:ellipsis; overflow:hidden; font-weight:300;} .jobmain-board-box ul li:hover > a{color:#017295;} .jobmain-board-box ul li:hover > time{color:#017295;} .jobmain-board-box ul li time{color:#555555; padding-left:10px; margin-left:auto;} .jobmain-board-point li{position:relative;} .jobmain-board-point li a {padding-left: 20px;} .jobmain-board-point li:nth-child(1):before{content:'1'; width:15px; height:15px; background-color:#0987c2; color:#fff; position:absolute; top:25%; line-height:15px; text-align:center;} .jobmain-board-point li:nth-child(2):before{content:'2'; width:15px; height:15px; background-color:#0987c2; color:#fff; position:absolute; top:25%; line-height:15px; text-align:center;} .jobmain-board-point li:nth-child(3):before{content:'3'; width:15px; height:15px; background-color:#0987c2; color:#fff; position:absolute; top:25%; line-height:15px; text-align:center;} .jobmain-board-point li:nth-child(4):before{content:'4'; width:15px; height:15px; background-color:#0987c2; color:#fff; position:absolute; top:25%; line-height:15px; text-align:center;} .jobmain-board-point li:nth-child(5):before{content:'5'; width:15px; height:15px; background-color:#0987c2; color:#fff; position:absolute; top:25%; line-height:15px; text-align:center;} /* 산업안전보건공단 | 일자리 | 아이디어 제안 | 아이디어 제안방법 */ .workidea-suggestion-method{background:url('/_res/kosha/img/sub/workidea_a_01.jpg') no-repeat; height:650px; background-position:100% 4%; background-size: contain;} .workidea-suggestion-method h3{padding-top:8.7%;} .workidea-suggestion-method ul{padding-top:2.2%;} .workidea-suggestion-method ul li:first-child{padding-bottom:5px;} .workidea-suggestion-method a{display:block; width:290px; height:60px; background-color:#0887c2; color:#fff; margin:0 auto; margin-top:4.5%; line-height:60px; font-size:16px; max-width:100%;} /* 산업안전보건공단 | 사업소개 | 산업안전 | 위험성평가 컨설팅 및 인정 | 산재예방요율제 */ .scre-img{margin:auto 15px;} /* 산업안전보건공단 | 사업소개 | 산업안전 | 위험성평가 컨설팅 및 인정 | 산재예방요율제 */ .kras{display:flex; flex-flow:row nowrap;} .kras-img{margin-right:20px; min-width: 145px;} .kras-semi p{padding-bottom:15px; margin-top: 22px;} /* 산업안전보건공단 | 사업소개 | 직업건강 | 작업환경개선 | 건강관리수첩 발급 및 관리 */ .healthnote{padding-left:20px; margin-top:15px;} .healthnote .btn-down {margin-right:7px;} /* 산업안전보건공단 | 공단소개 | CI 및 슬로건 | 심벌 및 캐릭터 | 캐릭터안젤이 | 안젤이 응용 예제(A),(B) */ .character-apply-box{border:1px solid #d7d7d7; height:auto; padding-bottom:50px;} .character-apply{display:flex; flex-flow:row wrap; justify-content:center;} .character-apply li{display:flex; flex-flow:column nowrap; width:33%; text-align:center; min-height:280px;} .charcter-apply-img{height:210px;} .char-apply-img{height:205px; display:flex; flex-flow:row nowrap; align-items:center; justify-content:center;} .charcter-apply-img .char-apply-img .cont-img100{align-self: flex-end;} .charcter-apply-a{margin-top:35px;} .character-apply li a{width:159px; height:39px;} /* 산업안전보건공단 | 공단소개 | CI 및 슬로건 | 안전문화캠페인슬로건 | 술로건 소개 */ .koshalogo-box1 .koshalogo-semi1{width:50%;} .koshalogo-box1 .koshalogo-semi2{width:50%;} .koshalogo-box1 .koshalogo-semi1 .koshalogo-img1{width:calc(100% - 35px);} .koshalogo-box1 .koshalogo-semi2 .koshalogo-img2{width:calc(100% - 35px);} .koshalogo-100 .thumb.full img{width:100%;} .Slogan_div{display: flex;} .Slogan_main{border: 1px solid #d7d7d7;padding: 0;} .Slogan_div .Slogan_semi1{width: 49%; padding-bottom: 40px; float: left;} .Slogan_div .Slogan_semi2{width: 49%; padding-bottom: 40px; float: left;} .Slogan_div .Slogan_semi1 .koshalogo-img1{width:calc(100% - 35px);} .Slogan_div .Slogan_semi2 .koshalogo-img2{width:calc(100% - 35px);} .Slogan_div .logo-down{height:40px; text-align:center; padding-left:20px;} .Slogan_div .Slogan_semi1 .koshalogo-img1{text-align:center; padding:0 10px 30px 30px;} .Slogan_div .Slogan_semi2 .koshalogo-img2{text-align:center; padding:0 10px 30px 30px;} /* 산업안전보건공단 | 공단소개 | CI 및 슬로건 | 심벌 및 캐릭터 | 공단로고 | 로고타입 */ .koshalogo{display:flex; flex-flow:column nowrap;} .koshalogo .logo-down a{width:77px;} .koshalogo-box1{display:flex; flex-flow:row nowrap; height:100%;} .koshalogo-semi1{display:flex; flex-flow:column nowrap; padding-bottom:40px; height:100%;} .koshalogo-semi1 ul{align-self:flex-start;} .koshalogo-semi1 .koshalogo-img1{text-align:center; padding:0 10px 30px 30px;} .koshalogo-semi1 .koshalogo-img1 .thumb.full {margin-top:0;} .koshalogo-semi1 .logo-down{height:40px; text-align:center; padding-left:20px;} .koshalogo-semi1 .logo-down a{text-align:center; margin:0 5px 40px 5px;} .koshalogo-semi2{display:flex; flex-flow:column nowrap; padding-bottom:40px; height:100%;} .koshalogo-semi2 ul{align-self:flex-start;} .koshalogo-semi2 .koshalogo-img2{text-align:center; padding:0 0 30px 30px;} .koshalogo-semi2 .koshalogo-img2 .thumb.full {margin-top:0;} .koshalogo-semi2 .logo-down{height:40px; text-align:center; padding-left:20px;} .koshalogo-semi2 .logo-down a{text-align:center; margin:0 5px 40px 5px;} div.koshalogo-box2:nth-of-type(3) .koshalogo-semi1 .koshalogo-img3{width:100%;} .koshalogo-box2{display:flex; flex-flow:column nowrap; height:100%;} .koshalogo-box2 ul{align-self:flex-start;} .koshalogo-box2 .koshalogo-img3{align-self:center; padding-bottom:30px; width:100%; /*height:100%;*/} .koshalogo-box2 .koshalogo-img3 .thumb.full {margin-top:0;} .koshalogo-box2 .logo-down{height:40px; align-self:center;} .koshalogo-box2 .logo-down a{margin:0 5px 40px 5px;} div.koshalogo-box2:nth-of-type(3) .koshalogo-semi1 .koshalogo-img3{width:100%;} .koshalogo ul li{text-align:left;} /* 산업안전보건공단 | 공단소개 | CI 및 슬로건 | 안전문화 캠페인 슬로건 | 컬러바레이션 */ .barulation{display:flex; flex-flow:column nowrap;} .barulation1{display:flex; flex-flow:row nowrap; border:1px solid #d7d7d7; justify-content:center;} .barulation .barulation1 .barulation1-img1{padding:35px 20px;} .barulation .barulation1 .barulation1-img2{padding:35px 20px;} .barulation2{text-align:center;} /* 산업안전보건공단 | 공단소개 | CI 및 슬로건 | 심벌 및 캐릭터 | 공단로고 | 심볼마크 */ .symbolmark-p{color:#047ca1; font-weight:300;} .symbolmark{display:flex; flex-flow:row nowrap; justify-content:space-between; padding-bottom:30px;} .symbolmark-box{display:flex; flex-flow:row nowrap; margin-bottom:10px; height:100%;} .symbolmark-semi{display:flex; flex-flow:column nowrap; justify-content:center; width:48%;} .symbolmark .symbolmark-img1{margin-right:15px;} .symbolmark .symbolmark-img2{margin-right:25px;} .symbolmark .symbolmark-img1 img{max-width:195px;} .symbolmark .symbolmark-img2 img{max-width:195px;} /* 산업안전보건공단 | 사업소개 | 직업건강 | 직업병 중재지원 시스템(일터건강지킴이) | 처리절차 */ .workhealth-p{color:#ffa426; border-bottom:1px solid #ffa426;} /* smartkosha 열린경영-윤리경영-윤리경영정의 */ .ethics_smartkosha{height:auto; display:flex; flex-flow:row nowrap; align-items:center; font-size:17px;} .smartkosha_title{font-weight:500;} .smartkosha_body{margin-left:20px;} .smartkosha_first_letter{font-weight:500; padding-right:3px;} .smartkosha_first_letter strong{color:#f2ab00;} .smartkosha_explain{margin-right: 7px;} /*사업소개-직업건강-직업병중재지원시스템-일터건강지킴이란*/ .QA .lnb-dep1 {width: 100%;border-top: 2px solid;} .QA .lnb-dep1 a {cursor: pointer; display:block; width:35%; max-width:100%;} .QA .lnb-dep1 .QA_1deps {border-bottom: 1px solid #DDDDDD;} .QA .lnb-dep1 .QA_1deps .QA_img{padding:0 30px;width: 30px;height: 30px;} .QA .lnb-dep1 .QA_1deps.on .QA_Q {background: url(/_res/kosha/img/sub/cont-business-hea-a_05.png)no-repeat 96% 50%;} /*.QA .lnb-dep1 .QA_1deps.on{background: #f9f9f9 url(/_res/kosha/img/sub/cont-business-hea-a_05.png)no-repeat 96% 50%;}*/ .QA .lnb-dep1 .QA_1deps .QA_Q {font-size: 16px;line-height: 30px;font-weight:500;padding: 16px 0;width: 100%; display: inline-flex;background: url(/_res/kosha/img/sub/cont-business-hea-a_04.png)no-repeat 96% 50%;} .QA .lnb-dep1 .QA_1deps .QA_2deps {border-top: 1px solid #DDDDDD;padding: 16px 0;font-size: 17px;line-height: 30px;display: block;display: inline-flex;width: 100%; background-color:#f9f9f9;} .QA .lnb-dep1 .QA_1deps .QA_2deps > div{width:80%;} /*질의응답*/ .QA .lnb-dep1 .QA_1deps .QA_Q > span{width:75%;} /*산업안전보건공단 | 사업소개 | 직업건강 | 근로자 건강센터 | 근로자 건강센터 소개*/ /*.QA .lnb-dep1 .QA_2deps a{ display: initial; width: auto; max-width: inherit;}*/ .QA .lnb-dep1 .QA_2deps a{ display: inline; width: auto; max-width: inherit;} /* 서브 퀵 메뉴 */ .quick_top{position:fixed; right:13px; z-index:999; /*bottom:275px;*/ bottom:95px; opacity:0.7;} /* photogallery 알림마당-포토갤러리 */ .gallery_table{display:table; width:100%; border-top:2px solid #000; border-collapse:collapse; border-left:0; border-right:0;} .gallery_row{display:table-row;} .gallery_cell{display:table-cell; border:1px solid #d8d8d8; border-collapse:collapse;} .gallery_col{width:33%; padding:25px;} .gallery_box1{max-width:255px; height:227px; display:flex; flex-flow:column nowrap; justify-content:space-between;} .gallery_box1_a{margin-bottom:10px;} .gallery_box2{display:flex; max-width:100%; height:47px; flex-flow:row nowrap; justify-content:space-between;} .gallery_box2 ul{text-align:center; border:1px solid #d8d8d8; padding:0 4px;} .gallery_box2 ul li{font-size:15px; line-height:1.5;} .gallery_box3{max-width:75%; display:flex; flex-flow:column nowrap; justify-content:space-between;} .gallery_box3_p{overflow:hidden; text-overflow:ellipsis; font-weight:500;white-space: nowrap;} .gallery_box4{max-width:100%; display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center;} .gallery_box4 i{width:14px; position:relative; bottom:1px;} .gallery_box4 p{padding-left:7px; position:relative; font-weight:300;} .gallery_box4 p:after{content:""; position:absolute; width:1px; height:13px; top:6px; right:-10px; border-right:1px solid #a4a4a4;} .gallery_box4 time{padding-left:20px; font-weight:300;} /* 알림마당-홍보자료-동영상-TV방송캠페인 */ .broadcastingCampaign{display:table; width:100%; height:225px; border-top:2px solid #000; border-collapse:collapse; border-left:0; border-right:0;} .broadcastingCampaign tr{display:table-row;} .broadcastingCampaign td{display:table-cell; border:1px solid #d8d8d8; border-collapse:collapse; width:33%; padding:25px;} .broadcastingCampaign_box1{display:flex; flex-flow:column nowrap; max-width:255px; justify-content:space-between; align-items:flex-start;} .broadcastingCampaign_box1 a:nth-of-type(1){padding-bottom:15px;} .broadcastingCampaign_box1 a:nth-of-type(2){overflow:hidden; text-overflow:ellipsis; font-weight:500;white-space: nowrap; max-width:100%; padding-bottom:3px;} .broadcastingCampaign_box2{display:flex; flex-flow:row nowrap; max-width:100%; justify-content:flex-start; font-size:13px;} .broadcastingCampaign_box2 span{position:relative; padding-right:10px;} .broadcastingCampaign_box2 span:after{content:""; position:absolute; width:1px; height:11px; top:5px; right:-1px; border-right:1.5px solid #a4a4a4;} .broadcastingCampaign_box2 p{padding-left:10px;} /* 알림마당-홍보자료-음원-안전동요 */ .childsong-table thead th{font-weight:300;} .childsong_col1{text-align:left; padding-left:30px !important;} /* 사업소개-직업건강-근골격계질환예방-동영상자료 */ .videodata_table{display:table; width:100%; border-top:2px solid #000; border-collapse:collapse; border-left:0; border-right:0;} .videodata_row{display:table-row;} .videodata_cell{display:table-cell; border:1px solid #d8d8d8; border-collapse:collapse;} .videodata_col{width:33%; padding:25px;} .videodata_box1{max-width:255px; height:227px; display:flex; flex-flow:column nowrap; justify-content:space-between;} .videodata_box1_a{margin-bottom:10px;} .videodata_box2{display:flex; max-width:100%; height:47px; flex-flow:row nowrap; justify-content:space-between;} .videodata_box3{max-width:75%; max-height:45px; display:flex; flex-flow:column nowrap; justify-content:space-between;} .videodata_box3_p{font-weight:500; overflow:hidden; text-overflow:ellipsis;white-space: nowrap; font-size:15px;} .videodata_box3 span{font-weight:300; overflow:hidden; text-overflow:ellipsis;white-space: nowrap; font-size:13px;} .video_down{display:block; width:45px; background:url('/_res/kosha/img/common/video_down.png') no-repeat;} .video_down:hover{background:url('/_res/kosha/img/common/video_down_hover.png') no-repeat;} .go_site{display:block; width:45px; background:url('/_res/kosha/img/common/go_site.png') no-repeat;} .go_site:hover{background:url('/_res/kosha/img/common/go_site_hover.png') no-repeat;} /* 사업소개-산업안전-위험성평가체계구축-사재예방요율제 */ .prevention_table{border:1px solid #959595;} .prevention_table tr td{padding:10px 40px} .prevention_rate_raw{font-size:18px; font-weight:bold;} .prevention_rate p{padding-left:20px;} /* 사업소개-산업안전-안전보건공생협력프로그램-등급관리 */ .grade-table tbody tr td{padding:15px 13px;} .grade-table tfoot tr td{padding:15px 0;} /* 사업소개-직업안전-석면안전관리-석면작업관리 */ .asbestos-vedio ul {display: flex; flex-flow: row wrap; justify-content: space-between;} .asbestos-vedio ul li {display: flex; flex-flow: column nowrap;margin: 0 auto; align-items:center;} .asbestos-vedio ul li video {padding-bottom: 10px; margin:0 1px;} .asbestos-vedio ul li strong {text-align:center; padding-bottom:40px; word-break:keep-all;} /* 사업소개-국제협력-국제기구및유관기관과의협력강화-일반 */ .globaljoin-box{display:flex; flex-flow:row wrap; justify-content:space-between;} .globaljoin-box1{/*display:flex; flex-flow:column nowrap;*/ max-width:435px;margin:0 auto;} /*.globaljoin-box1 img{max-width:435px; max-height:255px; padding-bottom:15px;}*/ .globaljoin-box1-1{display:flex; flex-flow:column nowrap; align-items:center;} .globaljoin-box1-1 p{font-size:17px; color:#919191; font-weight:300; display:inline-table;} .globaljoin-box1-1 span{font-size:23px; color:#333333; font-weight:500; display:inline-table;} .globaljoin-ul > li{position:relative;} .globaljoin-ul .li01::before {content:"주최 : "; width:auto; height:auto; position:absolute; left:0;top: 0px; font-weight: 500;} .globaljoin-ul .li01{padding-left:40px;} .globaljoin-ul .li02::before {content:"일정 : "; width:auto; height:auto; position:absolute; left:0;top: 0px; font-weight: 500} .globaljoin-ul .li02{padding-left:40px;} .globaljoin-ul .li03::before {content:"참석자 : "; width:auto; height:auto; position:absolute; left:0;top: 0px; font-weight: 500} .globaljoin-ul .li03{padding-left:52px;} .globaljoin-ul .li04::before {content:"주요성과 : "; width:auto; height:auto; position:absolute; left:0;top: 0px; font-weight: 500} .globaljoin-ul .li04{padding-left:70px;} .internationalCooperation-ul > li{position:relative; padding-left:70px;} .internationalCooperation-ul .li01::before{content:"사업기간 : "; width:auto; height:auto; position:absolute; left:0;top: 0px; font-weight: 500} .internationalCooperation-ul .li02::before{content:"사업목적 : "; width:auto; height:auto; position:absolute; left:0;top: 0px; font-weight: 500} .internationalCooperation-ul .li03::before{content:"사업내용 : "; width:auto; height:auto; position:absolute; left:0;top: 0px; font-weight: 500} /* .globaljoin-box1-2 ul li{font-size:14px;} .globaljoin-box1-2 ul li strong{vertical-align:top;} .globaljoin-box1-2-p{display:inline-block;} .globaljoin-box1-2-p p{line-height:14px;} .globaljoin-box2{display:flex; flex-flow:column nowrap; justify-content:center; max-width:435px;} .globaljoin-box2 img{max-width:435px; max-height:255px; padding-bottom:15px;} .globaljoin-box2-1{display:flex; flex-flow:column nowrap; align-items:center;} .globaljoin-box2-1 p{font-size:17px; color:#919191; font-weight:300;} .globaljoin-box2-1 span{font-size:25px; color:#333333; font-weight:500;} .globaljoin-box2-2 ul li{font-size:14px;} .globaljoin-box2-2 ul li strong{vertical-align:top;} .globaljoin-box2-2-p{display:inline-block;} .globaljoin-box2-2-p p{line-height:14px;} */ .globaljoin-p-line{line-height:0.7;} /* 사업소개-안전문화홍보-안전심리검사프로그램 */ .cul_exp .btn-down{float: right;} /*버튼 통합으로인한 삭제 .cul_exp{display:flex; justify-content:flex-end;} .cul_exp a{border:1px solid #333; background:url('/_res/kosha/img/common/icon-down.png') no-repeat 90% 50%; width:140px; font-weight:300; padding:10px 20px;} .cul_exp a:hover{background:#0887c2 url('/_res/kosha/img/common/icon-down-hover.png') no-repeat 90% 50%; color:#fff; border-color:#0887c2;} .cul_check a{display:block; border:1px solid #333; background:url('/_res/kosha/img/common/ico_popup.png') no-repeat 85% 50%; width:140px; font-weight:500; padding:10px 20px;} .cul_check a:hover{background:#0887c2 url('/_res/kosha/img/common/ico_popup_hover.png') no-repeat 85% 50%; color:#fff; border-color:#0887c2;} */ /* 정보공개-정보공개제도안내-정보공개제도안내-관련서식 공단소개-지역본부/지사-지역-관할구역 찾아오는길*/ .infosys{margin-left:15px;} /* 정보공개-사전정보공표-공표목록 */ .hover-a a:hover{color:#000;} /* 공단소개-찾아오는 길-본부/연구원/교육원, */ .Map-box {position: relative;margin: 0 0 30px 0;} .Map-box iframe{width:100%;} .Map-box a {position: absolute;right: 0;bottom: -8px;} /*Login*/ .login-center {text-align: center;font-size:35px;line-height:28px;font-weight: 500; padding-bottom:15px;} .login-t{font-size: 17px; text-align: center; line-height: 25px; padding-bottom: 50px;} .userid {float: left;width: 400px;height: 50px;border: 1px solid #ccc;padding-left: 25px;margin-bottom:10px;font-size:15px;color:#999999;} .userid:focus {outline: none;border: 1px solid #ff9c00;} .userpw {float: left;width: 400px;height: 50px;border: 1px solid #ccc;padding-left: 25px;margin-bottom:10px;font-size:15px;color:#999999;} .userpw:focus {outline: none;border: 1px solid #ff9c00;} .btn-login {float: left;width: 135px;height: 114px;margin-left: 20px;background-color: #0887c2;color: #fff;font-size: 20px;border: none;cursor: pointer;position: absolute;} .login-cont {width:600px;margin:0 auto;position: relative;} .login-cont .login-text {color: #ff9c00;font-size: 15px;line-height: 28px;} .login-cont .login-line{border-bottom: 1px solid #e1e1e1;margin: 35px 0;} .btn-link{border: 1px solid;margin-right:10px;padding: 9px 85px 9px 20px;background: #ffffff url(/_res/kosha/img/common/icon-btn_normal.png)no-repeat 85% 50%; font-size: 15px; font-weight: 500;} .btn-link:hover{color:#ffffff;border: 1px solid #ffffff;background: #0887c2 url(/_res/kosha/img/common/icon-btn_normal-hover.png) no-repeat 85% 50%;} .btn-login-group {display: flex; flex-flow: row nowrap; width: 100%; justify-content: flex-start;} .btn-login-group .btn-link{margin-bottom:10px;} /* 공단소개/조직도/조직도 */ .manage-plan{display:flex; flex-flow:row nowrap; justify-content:space-between;} .manage-plan_box{display:flex; flex-flow:column nowrap; justify-content:center; padding-left:40px; width:100%; word-break:keep-all;} .manage-plan_box span:first-child {color:#7b7b7b; font-weight:300; padding:8px 0;} .manage-plan_box strong{font-size:25px; padding-bottom:15px;} .manage-plan_box p{font-size:17px;} .orgContent .intro-ps li{font-size:15px; font-weight:300;} /*공단소개/공단의발자취/공단의30년사*/ .IntroFooA a{margin-right: 30px;} /*정보공개/사전정보공표/즐겨찾기목록*/ .weight500{font-weight:500;} /*산업안전보건공단 | 자료마당 | 볍령지침정보 | 안전보건기술지침 | 분야별안전보건기술지침 | 조선항만하역지침(B)*/ .contDataLegA .searchType {width:140px;margin-left: 10px;} .contDataLegA .searchKeyword {width:300px;} /*산업안전보건공단 > 자료마당 > 법령/지침정보 > 안전보건기술지침(GUIDE) > 안전보건기술지침 검색*/ .guide-search-tb .b-search-input{margin:0;} /*산업안전보건공단 | 자료마당 | 안전보건자료실 | 월간 안전보건 | 구독신청*/ .DataRefA-place-name {width:37%; min-width:250px;} .DataRefA-field-name {width:37%; min-width:250px;} .DataRefA-address-box1 {padding-bottom:10px;} .DataRefA-post{width: 15%; min-width:50px;} .DataRefA-address {width:46%; margin-bottom:10px; min-width:320px;} .DataRefA-address:first-child {margin-right:5px;} .subscribe-table input{background-color:#ebebeb; padding:0 10px;} .subscribe-table th{padding:5px 10px;} .subscribe_end{padding-bottom:0 !important;} /* 공단소개-직업건강-직업건강정보 */ /*버튼 통합으로인한 삭제 .heainfo a{display:inline-block; border:1px solid #333; padding:10px 19px; margin-bottom:10px;} .heainfo_a1{background:url('/_res/kosha/img/common/ico_home.png') no-repeat 88% 50%; margin-right:28px; width:103px; font-weight:300;} .heainfo_a2{background:url('/_res/kosha/img/common/ico_popup.png') no-repeat 92% 50%; margin-right:28px; width:165px; font-weight:300;} .heainfo_a3{background:url('/_res/kosha/img/common/ico_popup.png') no-repeat 87% 50%; width:131px; font-weight:300;} .heainfo_a4{background:url('/_res/kosha/img/common/icon-down.png') no-repeat 85% 50%; margin-right:28px; width:131px; font-weight:300;} .heainfo_a1:hover{background:#0887c2 url('/_res/kosha/img/common/ico_home_hover.png') no-repeat 88% 50%; color:#fff; border-color:#0887c2;} .heainfo_a2:hover{background:#0887c2 url('/_res/kosha/img/common/ico_popup_hover.png') no-repeat 92% 50%; color:#fff; border-color:#0887c2;} .heainfo_a3:hover{background:#0887c2 url('/_res/kosha/img/common/ico_popup_hover.png') no-repeat 87% 50%; color:#fff; border-color:#0887c2;} .heainfo_a4:hover{background:#0887c2 url('/_res/kosha/img/common/icon-down-hover.png') no-repeat 85% 50%; color:#fff; border-color:#0887c2;}*/ /*산업안전보건공단 | 사업소개 | 소규모 사업장 건강 디딤돌*/ .border1px{border:1px solid;padding: 15px; margin-top:10px;} /* 사업소개 | 산업안전 | 제조업 등 유해위험방지계획서 심사확인 | 제출대상 사업장 */ .danger-table tbody tr td{text-align:left;} /*----------------- 안전보건관리체계 자가진단표 main-----------------*/ .main-survey-container {max-width: 1200px; margin: 40px auto;} .main-survey-warp {padding: 0 20px; border: 1px solid #333; font-weight: 400;} .main-survey-warp .m-tit {display: none;} .main-survey-warp h2 {padding: 20px; background: #fff5e2; font-size: 30px; font-weight: 600; text-align: center; margin: 40px 0; line-height: 1.3;} .main-survey-warp .bold-blue {color: #0e46d1;} .main-survey-warp .bold-orange {color: #ff7b00;} .main-survey-warp .button-warp {display: flex; justify-content: center; padding: 15px 0 40px 0;} .main-survey-warp button {color: #fff; padding: 10px 20px; border: 0; font-size: 18px; font-weight: 600; background: #ff7600; border-radius: 10px; margin-top: 10px;} .main-survey-txt {padding-top: 30px;} .main-survey-txt .orange {color: #ff7600;} .main-survey-txt h3 {line-height: 1.5; color: #3562a5; font-size: 21px; font-weight: 500; background: url(/_res/kosha/img/sub/bullet_point_ul.gif) no-repeat left 7px; padding: 0 0 10px 15px; border-bottom: 1px solid #3562a5;} .main-survey-txt ul {margin-top: 10px;} .main-survey-txt ul li {line-height: 1.5; text-indent: -9px; padding-left: 15px;} .main-survey-txt ul li span {font-weight: 500;} .survey-board {display: flex; justify-content: center; margin-top: 20px;} .survey-board a {font-size: 18px; border: 1px solid #8d8d8d; font-weight: 600; width: 200px; height: 80px; border-radius: 10px; display: flex; justify-content: center; align-items: center;} .survey-board .survey-media {background: #b0e1c6;} .survey-board .survey-library {background: #b0e1c6;} .survey-board > div {text-align: center; font-weight: 500;} .survey-board > div:nth-child(1) {margin-right: 40px;} /*----------------- 안전보건관리체계 자가진단표 cont -----------------*/ .survey-container {width: 100%; max-width: 1200px; height: auto; min-height: 650px; margin: 0 auto;} .survey-warp {padding: 0 15px;} .survey-warp .m-tit {display: none;} .survey-tit {display: flex; justify-content: center; align-items: center; padding: 60px 0;} .survey-tit h2 {font-size: 36px; font-weight: 700;} .survey-tit2 {text-align: center; display: flex; justify-content: center; align-items: center; line-height: 1.2; margin: 50px 0;} .survey-tit2 h2 {font-size: 36px; font-weight: 700;} .survey-tit .mobile-h2 {display: none;} .survey-sub-tit {font-size: 20px; font-weight: 700;} .page {text-align: right; font-size: 14px; margin-bottom: 10px;} .survey-warp .m-tit {display: none;} .survey-txt {border: 1px solid #333; margin-bottom: 40px;} .survey-txt ul {padding: 20px;} .survey-txt ul li {font-weight: 400; font-size: 16px; padding: 0 0 0 10px !important;} .survey-txt2 {border: 1px solid #333; margin-bottom: 20px;} .survey-txt2 ul {padding: 20px;} .survey-txt2 ul li {font-weight: 400; font-size: 16px;} .survey-txt2 ul li:nth-child(2) {padding: 0 0 0 10px !important;} .survey-table {width: 100% !important; letter-spacing: -0.3px;} .survey-table tr th {line-height: 1.5; padding: 10px 0; height: 0; font-size: 16px; color: #000;} .survey-table tr:nth-child(1) th {text-align: left; padding-left: 10px; background-color: #f2faff;} .survey-table tr:nth-child(2) th {background-color: #fff; font-weight: 400;} .survey-table2 {width: 100% !important;} .survey-table2 th {border-bottom: 1px solid #d8d8d8 !important;} .survey-table2 td {position: relative; border-bottom: 1px solid #d8d8d8 !important; border-top: 0 !important; border-left: 0 !important;} .sv-btn-search {width: 130px; background: #444; color: #fff; padding: 8px 0px; border: 0; margin:0 10px 10px 0; border-radius: 5px; /* position: absolute; top: 6px; right: 6px; */} .sv-btn-addr {width: 100px; background: #444; color: #fff; padding: 8px 0px; border: 0; border-radius: 5px; margin-bottom: 10px; /* position: absolute; top: 3px; right: 6px; */} /* 진단결과 */ .survey-result .btn-print-warp {display: flex; justify-content: flex-end;} .survey-result .btn-attend-event {display: block; background: #0887c2; padding: 8px 26px; color: #fff; font-size: 16px; margin-right: 5px;} .survey-result .btn-attend-event:hover {background: #1e749d; color: #fff;} .survey-result .btn-print {display: block; background: #6c6c6c; padding: 8px 26px; color: #fff; font-size: 16px;} .survey-result .btn-print:hover {background: #444; color: #fff;} .survey-result .result-tit {padding: 60px 0;} .survey-result .result-tit h2 {font-size: 36px; font-weight: 600; color: #1e5bae; text-align: center;} .survey-result .result-sub-tit {margin-bottom: 10px; font-weight: 600; font-size: 18px;} .btn-bottom {display: flex; justify-content: center;} .btn-bottom button {border: 0; color: #fff; display: flex; justify-content: center; align-items: center;} .btn-bottom button div {width: 80px; padding: 10px 10px; font-size: 16px;} .btn-before {background: #444; margin-right: 10px;} .btn-after {background: #0887c2;} .btn-result {background: #ff8700;} .btn-appraisal {background: #0887c2;} .btn-appraisal div {width: 140px !important;} .btn-application {background: #ff8700;} .btn-agree {background: #ff8700;} .btn-agree div {width: 100px !important;} .btn-search {width: 100px; background: #444; color: #fff; padding: 8px 0px; border: 0; margin-bottom: 10px;} .sv-btn-business {width: 130px; background: #0987c2; color: #fff; padding: 8px 0px; border: 0; margin-bottom: 10px; border-radius: 5px;} .bottom-txt {border: 1px solid #8d8d8d; padding: 20px; font-size: 16px; margin-top: 40px;} .bottom-txt h3 {color: #1e5bae; font-weight: 600; font-size: 20px;} .bottom-txt ul {padding-left: 0 !important;} .bottom-txt ul li:last-child {padding-bottom: 0 !important;} .btn-wrap {display: flex ;justify-content: flex-end;} .mobile-tit {display: none;} .resultTable td p {text-align: left; line-height: 1.5; padding-left: 12px; text-indent: -8px;} .m-table {display: none;} .bold-red {color: red; margin-right: 3px;} .agree-bold-red {color: red; font-weight: 600; font-size: 18px; padding-top: 2px; display: block;} /*----------------- 안전보건관리체계 구축이행 관련 정보 -----------------*/ .referenceTable thead tr th {text-align: center !important;} .referenceTable tbody td {text-align: left !important;} .referenceTable tbody td a {display: inline-block; padding-left: 14px; text-indent: -14px;} .referenceTable ul li {line-height: 1.5; font-size: 16px;} .referenceTable .reference-list {display: flex; flex-direction: column; margin: 10px 0;} .referenceTable .reference-list p {margin-bottom: 3px; font-weight: 600;} .referenceTable .reference-list a {text-indent: 0;} /* 개인정보 수집 및 이용 동의 안내 */ .survey-tit3 {text-align: center; display: flex; justify-content: center; align-items: center; line-height: 1.2; margin: 50px 0; text-decoration: underline;} .survey-tit3 h2 {font-size: 28px; font-weight: 700;} .survey-txt3 {border: 1px solid #333; margin-top: 40px;} .survey-txt3 ul {padding: 0 20px 40px 20px;} .survey-txt3 ul li {font-weight: 400; font-size: 16px; margin-bottom: 10px;} .survey-txt3 ul li p {text-indent: 10px;} /*----------------- 정부지원사업 신청 -----------------*/ .survey-table2 tr th {background-color: #f2faff; text-align: center;} .survey-table2 td label {position: relative;} .survey-table2 .checkbox {text-align: left;} .survey-table2 .checkbox label {margin-right: 20px;} .survey-table2 .checkbox input {margin: 0 4px 2px 0px; width: 16px; height: 16px;} .table01 td input {width: 100%; border: 0; outline: none; font-size: 14px;} .circle-1:before {content: ' \2780'} .circle-2:before {content: ' \2781'} @media screen and (max-width: 800px) { .main-survey-container {margin: 0 auto;} .main-survey-warp h2 {margin: 40px 0 0 0; font-size: 24px;} .main-survey-txt h3 {font-size: 16px;} .main-survey-txt ul li {font-size: 14px;} .main-survey-warp button {font-size: 16px; padding: 8px 15px;} .survey-board a {width:140px; font-size: 14px;} .survey-warp .survey-tit h2 {font-size: 28px;} .survey-warp .table-scroll-box {overflow: inherit;} .survey-warp .m-tit h2 {font-size: 28px; line-height: 1.3;} .survey-sub-tit {font-size: 18px;} .survey-table {width: 100% !important;} .survey-table tr th {font-size: 15px;} .survey-table tr:nth-child(1) th {padding-left: 0;} .sv-btn-search {width: 130px;} .sub-main-btn {display: none;} .mobile-tit {display: block; padding: 30px 0; height: 60px; line-height: 1.3;} .mobile-none {display: none;} .mobile-border {border-left: none !important;} .w-table {display: none;} .m-table {display: block;} .m-table tr th {background: #f2faff !important; text-align: center !important; font-weight: 600 !important;} .survey-txt3 ul li {margin-top: 20px;} /* 안전대진단 팝업창 */ /* .sv-popup-tit .h2 {font-size: 22px;} .surveyform .board-list-table01 {font-size: 14px !important;} .surveyform .board-list-table01 table {padding: 8px 4px;} .surveyform .board-list-table01 tr th {height: 35px !important;} .surveyform .board-list-table01 tr th span {font-size: 14px !important;} .surveyform .ico-scroll {top: 0 !important;} */ } @media screen and (max-width: 640px) { .main-survey-warp h2 {font-size: 20px;} .survey-warp .w-tit {display: none;} .survey-warp .m-tit {display: block; text-align: center;} .survey-warp .survey-tit {padding: 30px 0;} .survey-warp .survey-tit .web-h2 {display: none;} .survey-warp .survey-txt {display: none} .survey-warp .survey-tit2 {margin: 30px 0;} .survey-warp .survey-tit2 h2 {font-size: 24px;} .survey-warp .survey-txt2 ul {padding: 10px;} .survey-warp .survey-txt2 ul li {font-size: 14px;} .survey-tit3 {margin: 35px 0;} .survey-tit3 h2 {font-size: 22px;} .survey-txt3 ul li {font-size: 14px;} .result-tit h2 {font-size: 22px; line-height: 1.3;} .bottom-txt {font-size: 14px; margin-top: 20px; padding: 15px;} .bottom-txt h3 {font-size: 16px;} .none {display: none} .page {font-size: 12px;} .btn-search {font-size: 14px; padding: 5px 0px;} .survey-table2 .checkbox input {width: 12px; height: 12px;} .survey-table2 th {height: 0 !important;} .sv-btn-search {top: 4px;} } @media screen and (max-width: 480px) { .surveyform {width: 100%;} .main-survey-warp .w-tit {display: none;} .main-survey-warp .m-tit {display: block; margin: 20px 0 0 0;} .main-survey-warp h2 {font-size: 18px;} .survey-warp .m-tit h2 {font-size: 22px;} .survey-sub-tit {font-size: 16px; padding: 0;} .survey-result .result-tit {padding: 30px 0;} .survey-result .result-tit h2 {font-size: 22px;} .survey-result .result-sub-tit {font-size: 16px;} .survey-table {font-size: 13px;} .survey-table tr th {white-space: inherit !important; font-size: 13px;} .survey-table li {font-size: 13px;} .survey-table li a {font-size: 13px;} .survey-table li p {font-size: 13px;} .survey-table2 {width: 100% !important; font-size: 13px;} .sv-btn-addr {font-size: 12px;} .sv-btn-search {width: 120px; font-size: 12px;} .sv-btn-business {width: 130px; padding: 6px 0; font-size: 12px;} /* .survey-table2 .checkbox {display: block;} */ .survey-table2 .checkbox label {margin-right: 0;} .survey-board a {width: 115px;} .survey-board > div:nth-child(1) {margin-right: 15px;} .table01 td input {font-size: 12px; letter-spacing: -0.6px;} .btn-bottom button div {width: 80px; padding: 6px 8px; font-size: 13px;} .survey-tit3 h2 {font-size: 19px;} .agree-bold-red {font-size: 16px;} } /*팝업*/ /* .surveyform .btn_normal {padding: 4px 20px 4px 10px;} */ /* .popupTitle {padding:60px 30px 30px 30px;border-top:#ffb400 5px solid; } */ .sv-popup-tit {max-width: 1200px; padding: 30px 30px 10px 30px;} .sv-popup-tit h2 {padding: 0 0 0 15px; background: url(/_res/kosha/img/sub/bullet_point_ul.gif) no-repeat left 7px;} .popupTitle .title {font-size:30px; font-weight: 600;} .surveyform {max-width:1200px; padding:30px;} .surveyform .popup-top .list-type01{float:left;font-size:20px; font-weight: 500;} .surveyform .list-type01 th{font-size:15px;;line-height: 20px;} .surveyform .page-table-type01 th{font-size:15px; line-height: 20px;} .surveyform .popup-textright{float: right;} .surveyform .btn-link {padding: 9px 45px 9px 20px; margin-bottom: 10px;} .surveyform .input_c {width: 50px;border: 1px solid #ccc;color:#999999;} .surveyform .input_c:focus {outline: none;border: 1px solid #ff9c00;} .surveyform .input_no_r {width: 50px;border: 1px solid #ccc;color:#999999;} .surveyform .input_no_r:focus {outline: none;border: 1px solid #ff9c00;} .surveyform .popup-table02 .page-table-type01 .tr02 th{height:60px;} .surveyform .page-table-type01 label {margin-right:10px;} .surveyform .page-table-type01 label:last-child {margin-right:0;} .surveyform .page-table-type01 .radio{margin-right:5px;} .surveyform .p17{line-height:30px;} .surveyform .graph {float: left;width:100%;} .surveyform .graph_score {float: left; margin-bottom: 15px; width: 45%;} .surveyform .graph_pic_print {float: right; border: 1px solid #cccccc; width: 460px; height: 240px; margin: 70px 69px;} .surveyform .graph_pic {float: right; border: 1px solid #cccccc; width: 460px; height: 240px; margin: 70px 69px;} .surveyform .popup-table03 .page-table-type01 input.input_c{width:75%;} /* 검사하기 -> 팝업 */ .survey-wrap{max-width:1050px; padding:30px;} .survey-wrap .surveyform{padding:0;} .survey-wrap .table-scroll-box{position: inherit;} .ehp-survey-popup1 .table-scroll-box{width:100%;} .ehp-survey-popup1 input[type="text"]{text-align:center;} .ehp-survey-popup1 .popup-table02 .page-table-type01 th{padding:0 3px;} .ehp-survey-popup1 .popup-table02 .page-table-type01 td{padding:5px 3px;} .ehp-survey-popup1 .page-table-type01 td{padding:6px;} .ehp-survey-popup1 .page-table-type01 label{margin-right:3px;} .ehp-survey-popup1 .page-table-type01 .radio{margin-right:2px;} .ehp-survey-popup1 .popup-table03 .page-table-type01 input[type="text"]{height:26px;} .survey-wrap table:not(.type-off){width:1050px;} .survey-wrap .table-scroll-box,.survey-wrap .table-scroll-box-semi {width:100%;} .survey-wrap input[type="text"]{text-align:center;} .survey-wrap .page-table-type01 td{padding:6px;} .survey-wrap .page-table-type01 label{margin-right:3px;} .survey-wrap .page-table-type01 .radio{margin-right:2px;} .survey-wrap .page-table-type01 th{height:27px;} .ehpreport table:first-of-type thead th{padding:0 3px;} .ehpreport table:first-of-type tbody td{padding:5px 3px;} .ehpreport table:nth-of-type(2) thead th{padding:0 3px;} .ehpreport table:nth-of-type(2) tbody td{padding:5px 3px;} .ehpresult table.page-table-type01 thead th{padding:0 3px;} .ehpresult table.page-table-type01 tbody td{padding:1px 3px;} .ehpresult .graph_score table:last-of-type tbody tr{white-space:normal;} .ehpresult .graph_score table:last-of-type tbody td{white-space:normal;} /* ehp */ .ehpresult .popup-top .list-type01{font-size:20px; font-weight: 500;} .ehpresult .popup-top .list-type01.type-on{float:left;} .ehpresult .list-type01 th{font-size:15px;;line-height: 20px;} .ehpresult .page-table-type01 th{font-size:15px; line-height: 20px;} .ehpresult .popup-textright{float: right;} .ehpresult .btn-link {padding: 9px 45px 9px 20px; margin-bottom: 10px;} .ehpresult .input_c {width: 50px;border: 1px solid #ccc;color:#999999;} .ehpresult .input_c:focus {outline: none;border: 1px solid #ff9c00;} .ehpresult .input_no_r {width: 50px;border: 1px solid #ccc;color:#999999;} .ehpresult .input_no_r:focus {outline: none;border: 1px solid #ff9c00;} .ehpresult .popup-table02 .page-table-type01 .tr02 th{height:60px;} .ehpresult .page-table-type01 label {margin-right:10px;} .ehpresult .page-table-type01 label:last-child {margin-right:0;} .ehpresult .page-table-type01 .radio{margin-right:5px;} .ehpresult .p17{line-height:30px;} .ehpresult .graph {} .ehpresult .graph_score {float: left; margin-bottom: 15px; width: 44%;} .ehpresult .graph_pic_print {float: left; border: 1px solid #cccccc; width: 460px; height: 360px; padding: 0 10px 0 10px; position:relative; margin:0 0 0 15px;} .ehpresult .graph_pic {float: right; border: 1px solid #cccccc; width: 460px; height: 240px; margin: 70px 69px;} .ehpresult .popup-table03 .page-table-type01 input.input_c{width:75%;} .survey-canvas1{position:absolute; top: 20%;} .ehpreport .popup-top .list-type01{float:left;font-size:20px; font-weight: 500; padding-bottom:15px;} .ehpreport .list-type01 th{font-size:15px;;line-height: 20px;} .ehpreport .page-table-type01 th{font-size:15px; line-height: 20px;} .ehpreport .popup-textright{float: right;} .ehpreport .btn-link {padding: 9px 45px 9px 20px; margin-bottom: 10px;} .ehpreport .input_c {width: 50px;border: 1px solid #ccc;color:#999999;} .ehpreport .input_c:focus {outline: none;border: 1px solid #ff9c00;} .ehpreport .input_no_r {width: 50px;border: 1px solid #ccc;color:#999999;} .ehpreport .input_no_r:focus {outline: none;border: 1px solid #ff9c00;} .ehpreport .popup-table02 .page-table-type01 .tr02 th{height:60px;} .ehpreport .page-table-type01 label {margin-right:10px;} .ehpreport .page-table-type01 label:last-child {margin-right:0;} .ehpreport .page-table-type01 .radio{margin-right:5px;} .ehpreport .p17{line-height:30px;} .ehpreport .graph {float: left;width:100%;} .ehpreport .graph_score {float: left; margin-bottom: 15px; width:45%;} .survey-wrap .ehpreport .graph_pic_print {float: left; border: 1px solid #cccccc; width: 460px; height: 240px; margin: 40px 0 0 30px; padding: 20px 10px 0 10px; position:relative;} .ehpreport .graph_pic_print {float: right; border: 1px solid #cccccc; width: 460px; height: 240px;} .ehpreport .graph_pic {float: right; border: 1px solid #cccccc; width: 460px; height: 240px;} .ehpreport .popup-table03 .page-table-type01 input.input_c{width:75%;} .bizsearch {width:980px; padding:30px;} .bizsearch .page-table-type01 th{font-size:15px; line-height: 30px;} /* 기업건강지수(ehp) */ .ehp-intro-title{font-size:17px; font-weight:500; padding-left:7%;} .ehp-fd{display:contents;} .ehp-table1{width:100% !important;} .ehp-table1 th, .ehp-table2 th{padding:0 13px;} .ehp-radio{text-align:left; height:55px; border-left:none !important;} .ehp-radio label{padding-left:35px; cursor:pointer;} .ehp-radio input[type=radio]{margin-right:10px;} .ehp-search{text-align:left;} .ehp-search p{word-break:keep-all; margin-left:20px;} .ehp-search a{width:100px; height:37px; text-align: center; vertical-align: middle; line-height: 35px; margin-right: 10px; margin-left: -4px; cursor:pointer;} .ehp-search a.btn-list{height: 17px; margin-top: 10px; line-height: 17px; padding: 8.5px 20px; margin-left: 30px; float:none;} .ehp-search input{width:200px; height:33px; margin:10px 0 10px 20px; padding:2px; border:1px solid #c9c9c9;} .ehp_input{height:29px; margin:10px 20px; padding:2px; border:1px solid #c9c9c9;} .ehp_address{min-width:510px;} .ehp-final {display: flex; justify-content: center; cursor:pointer;} .ehp-final-a{width:138px; height:40px; text-align: center; vertical-align: middle; line-height: 40px; font-weight:500;} .ehp-fd .write-table tbody th{white-space:nowrap; font-weight:bold; width:25.2%;} .ehp-fd .write-table tbody td input{height:auto;} .ehp-fd .page-table-type02 tbody td{text-align:left;} .ehp-fd .page-table-type02 tbody td .ehp_input{width:75%;} /*산업안전보건공단 | 공단소개 | CI 및 슬로건 | 심벌 및 캐릭터 | 공단로고 | 색상체계*/ .cont-color {text-align: center;} .cont-color-box01 {float: left; margin:0 10px;} .cont-color-box01 p{margin:10px 0;} .cont-color-box02 {text-align: center;} .cont-color-box02 p{margin:10px 0;} /*산업안전보건공단 | 공단소개 | CI 및 슬로건 | 심벌 및 캐릭터 | 캐릭터안젤이 | 안젤이 소개*/ .cont-character img{float:left;} .cont-character-right .p17{width:100%;} .cont-character-right {float: left; width: 60%; margin: 0 5%;} .cont-character .thumb.full img { width: 30%;} .cont-character-btn{text-align: center;} /*산업안전보건공단 | 공단소개 | CI 및 슬로건 | 심벌 및 캐릭터 | 관련마크*/ .relative-mark img{float:left; padding-bottom:10px;} .relative-mark-right h3{padding-top:10px;} .relative-mark-right .p17{width:100%;} .relative-mark-right {float: left; width: 60%; margin: 0 5%;} .relative-mark .thumb.full img { width: 29%;} .mark-down{text-align: left; margin-top: 15px;} /*산업안전보건공단 | 사업소개 | 건설안전 | 건설업 클린사업장 조성지원 | 지원대상*/ .red-font {font-size:17px; font-weight:500; color:#EE0000;} /*산업안전보건공단 | 사업소개 | 안전문화홍보 | 자료실*/ .cont-promoteSafetyCultureData{border:#ccc 1px solid;} .cont-promoteSafetyCultureData img{float:left; margin: 35px 40px;} .cont-promoteSafetyCultureData p{padding: 35px; font-size:15px; line-height:25px; font-weight:500;} .promoteSafetyCultureData-down{text-align:right; } .promoteSafetyCultureData-down a:first-child{margin-right:5px;} /*산업안전보건공단 | 사업소개 | 직업건강 | 근골격계질환예방 | 근골격계질환이란? | 질병, 질환 및 상해*/ .QA_btn .btn-down {font-size: 15px; padding: 9px 62px 9px 15px;} .QA .lnb-dep1 .QA_2deps .list-type02{display:block !important;} .QA .lnb-dep1 .QA_2deps .list-type03{display:block !important;} /*산업안전보건공단 | 열린경영 | 동반성장 | CEO인사말*/ .cont-ceo h1{font-weight:500; padding: 50px 0;line-height: 38px;} .cont-ceo .cont-ceosign p{float: right;padding-bottom:0;} .cont-ceo .cont-ceosign img{float: right; margin:0 28px;} .cont-ceo .ceo-img{float: right; margin-bottom:28px;} .cont-ceo p{font-size:16px; padding-bottom:30px; line-height:28px;} /*산업안전보건공단 | 열린경영 | 윤리경영 | 신고제도 | 공익신고안내*/ .cont-publicinterest{text-align:center;} /*산업안전보건공단 | 사업소개 | 직업건강 | 근골격계질환예방 | 근골격계질환 유해요인조사 | 인간공학적 정밀평가 도구*/ .QA .btn-down{padding-right:65px;} /*산업안전보건공단 | 사업소개 | 국제협력 | 최신 국외 안전보건정보 보급 및 교류 활성화*/ .cont-internationalCooperation_a .btn-popup{padding-right: 54px; background: url(/_res/kosha/img/common/ico_popup.png) no-repeat 90% 50%;} .cont-internationalCooperation_a .btn-popup:hover {background: #0887c2 url(/_res/kosha/img/common/ico_popup_hover.png) no-repeat 90% 50%;} /**/ .cont-establishmentMain {width:980px;} .cont-establishmentMain .b-searchbox {padding: 20px 10px; width: 70%;} /*산업안전보건공단 | 사업소개 | 직업건강 | 직업병 중재지원 시스템(일터건강지킴이) | 일터건가지킴이 지원 신청 | 팩스 및 우편요청*/ .Board_list .no-a-padding tr td a{padding:0;} /**/ .select-wrap .b-selectbox {float: right; margin: 20px 0;} /*산업안전보건공단 | 알림소식 | 교육안내*/ .cont-guideeducation{float: right; margin-top: 10px; white-space: nowrap;} /*산업안전보건공단 > 자료마당 > 법령/지침정보 > 산업안전보건 법규 > 산업안전보건법령 검색*/ .padding-radiobox{padding-right: 30px;} .advance-info-law .tab-type03 .tab a{display: block; background: url(/_res/kosha/img/common/icon-btn-normal-gray.png) no-repeat 97.5% 50%; font-size: 15px; padding: 10px 0px; padding-right: 19px; margin-top: -2px;} .advance-info-law .tab-type03 .tab:hover a{background: #0887c2 url(/_res/kosha/img/common/icon-btn-normal-hover.png) no-repeat 97.5% 50%; color: #ffffff;} .law-table-jo label[for="jo_lawname"]{vertical-align:middle;} .law-table-jo .jo_lawname{max-width:100px; margin:5px 5px 0 5px;} .jo_joname{margin:5px 0} .law-table-jo .b-selectbox{margin:5px 10px 0 0;} .law-table-jo .b-selectbox .select_jop12{min-width:120px;} .law-table-jo label[for="law_number22"]{vertical-align:middle;} .law-table-jo .law_number22{width: auto; margin: 10px 0; min-width: 82%;} /*산업안전보건공단 > 열린경영 > 경영공시*/ .box-sty02 {border-top: 4px solid #0887c2; border-bottom: 1px solid #d8d8d8; width: 100%; white-space:normal; overflow:visible;} .box-sty03 { display: table; border-top: 2px solid #2b2b2b; border-bottom: 1px solid #d8d8d8; width: 100%;} .box-sty03 dl{width:100%; float:left;} .box-sty03 dt{ background: #f9f9f9;border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8;font-size: 15px; font-weight: 500; text-align: center;padding: 11px;} .box-sty03 dd { padding:30px; } .businesspromotion ul li {line-height:30px;} .busi-promotion-wrap {padding:30px 20px;max-width: 874px;display:flex;flex-flow: row nowrap;justify-content:space-around;overflow: hidden; position: relative; z-index: 0;} .logo-box{border:1px solid #ccc;padding:25px;height: 134px;} .logo-box img{top: 22%; position: relative;} .promotion-box {width:70%;word-break: normal;max-width:570px; padding-left:10px;} .promotion-box dl dt {font-size:20px; font-weight:500; padding-bottom:20px;} .promotion-box dl dd {font-size:15px;} .promotion-box dl dd ul {padding-bottom:20px;} .promotion-box dl dd span{font-weight:300; padding-right:12px;} .part_report .part_area {width:33%;float:left;border-right:1px solid #ccc;height: 1300px;} .part_report .part_area:last-child {border-right:0;} .part_report .part_area a{font-size:15px;} .Manage-btn-box div {padding:20px 0 ;} /*산업안전보건공단 > 열린경영 > ESG경영*/ .esgOperationManifesto {display:flex; flex-flow:row nowrap;} .esgOperationManifesto-img{margin-right:10px;} .esgOperationManifesto-semi p{padding-bottom:15px; margin-top: 19px;} .esgOperationManifesto-logo {display:flex; flex-flow:row nowrap; justify-content: center;} .esgOperationManifesto-sign {display:flex; flex-flow:row nowrap; flex-direction : column; justify-content: center; text-align:center; padding:30px;} .esgOperationManifesto-picture {display:flex; justify-content: center;} /*산업안전보건공단 | 자료마당 | 산업재해통계 | 산업동향조사 | 주요결과 | 안전보건관리 조직 구성*/ .table-background-color{background-color: #f9f9f9;} /*산업안전보건공단 | 자료마당 | 산업재해통계 | 산업동향조사 | 주요결과 | 기술변화로 인한 업무 변화*/ .cont-keyresult_p-50 { width: 48%; padding: 1%; float: left;} /*산업안전보건공단 | 기타 | 개인정보처리방침*/ .individual-box p{padding:10px;} .individual-box table p{padding:0;} /**/ .OnelineTwoimg{float: left; width: 50%;} /*산업안전보건공단 | 사업소개 | 안전문화홍보 | 안전문화란? | 안전문화의 개념*/ .middle_title_line .title_line{top:0;} /*산업안전보건공단 / 기타 / 특별단속 */ .special_title {display:flex; justify-content: space-between; margin-bottom:10px;} .special_logo {display:block;} .special_cra {width:1128px;} .special_cra .special_btn {display:block; text-align:right; padding:20px 0;} .special_cra .special_content {display:block; width:100%; height:1000px;} .special_cra .special_content img {width:100%;} .loading-img{ width:100%; height:100%; -webkit-animation:loading 3s linear infinite; } @-webkit-keyframes loading { 0%{ -webkit-transform:rotate(0deg); } 100%{ -webkit-transform:rotate(360deg); } } /*공표목록*/ .iframe_border5{border: 5px solid #c9c9c9; padding: 5px; margin-bottom: 50px;} @media screen and (max-width:1200px) { /* 스마트 환기관리 평가도구 */ .sub-content .smart-resultbox .smart-leftbox {padding:0 0 0 15px;} .sub-content .smart-resultbox .smart-rightbox {width:46%; padding:0 0 0 15px;} .law-box ul li .law-list {padding:50px 15px 50px 15px;} .law-box ul li .law-list .law-text {padding-top:30px;} } @media screen and (max-width:1024px) { /* 20201012 산업안전보건공단 | 자료마당 | 안전보건자료실 */ .condition-wrap .condition:first-child {width:100%} .condition-wrap .condition {float:none; width:100%; border-left:0} .condition {border-top:1px solid #ccc;} .condition-btn-gr a.btn-condition {display:none} .condition-btn-gr a.btn-reset {margin-right:0} .mediabank-searchbox02 .mediabank-search01 .float-left {float: inherit;} .mediabank-searchbox02 .mediabank-search01 .float-right {float: inherit;} /* 20201019 */ .list-type > li {width:calc(33.33% - 1px)} .list-type > li:nth-child(4) {border-left:0} .list-type > li:nth-child(5) {border-right:1px solid #d8d8d8} .list-type > li:nth-child(1), .list-type > li:nth-child(2), .list-type > li:nth-child(3) {border-bottom:1px solid #d8d8d8} /*특별단속 페이지*/ .special_cra {width:100%;} /* 스마트 환기관리 평가도구*/ .smart_print .btn-link {display:none;} .law-box ul li .law-list .law-text {font-size: 22px;} .law-box ul li .law-list .law-img {width:100px; height:100px;} .law-box ul li .law-list .law-img div {width:60px; height:60px;} .law-box ul li .law-list .law-img div img {width:100%;} } @media screen and (max-width:800px) { .businesspromotion {flex-flow: column nowrap;} .promotion-box {width:100%;padding-top:20px;} .logo-box{width:160px;height:61px;} .logo-box img {top:0;} /* 20201012 산업안전보건공단 | 자료마당 | 안전보건자료실 */ .mediabank-title {display:none} .Board-view table .view-body .view-wrap .view-img {width:100%; float: inherit;} .Board-view table .view-body .view-wrap .view-cont {float:inherit; width:100%; margin:0 0 20px 0;} /* 20201126 */ .Board-view table .view-body .view-wrap .view-cont {width:100%; margin:0 0 20px 0;} .mediabank-title-btn{display:block} .special_title {display:block; margin-bottom:0;} .special_cra .special_title .special_btn {text-align:left;} .special_cra .special_title .special_btn a {width:auto; display:block; margin:10px 0;} .special_cra .special_content {height:auto;} .special_logo {text-align:center;} /* 스마트 환기관리 평가도구 */ .sub-content .smart-resultbox .smart-leftbox {width:100%;display:block; border-right:none;} .sub-content .smart-resultbox .smart-rightbox {width:100%;display:block;} .sub-content .smart-resultbox .smart-leftbox .smart-lefttext {width:50%; padding-right:0px;} .sub-content .smart-resultbox .smart-rightbox .smart-lefttext {width:50%; padding-right:0px;} .smart-arrowbar.smart-datebar .smart-bar {height:38px;} .smart-arrowbar.smart-datebar .smart-bar div {padding:10px 0 0 0;} } @media screen and (max-width:782px) { /* 20201012 산업안전보건공단 | 자료마당 | 안전보건자료실 */ .mediabank-list-box02 ul li{width: calc(33.33% - 20px)} .mediabank-list-box02 ul li .med-img {height:325px} .mediabank-list-box02 ul li .med-btn-gr {top:293px} } @media screen and (max-width:768px) { /* 스마트 환기관리 평가도구 */ .smartmanagementWrap .joinInput.w94 {width:94%;} .smartmanagementWrap .joinInput.w97 {width:97%;} .smartmanagementWrap .joinSelect.w100 {width:100%} .smartmanagementWrap .smart-volume {display:none;} .smartmanagementWrap tbody tr:last-child td .joinSelect.w100 {width:100% !important; max-width:100%;} .smartmanagementWrap tbody tr th p {display:inline-block; padding-left:3px;} .smartmanagementWrap .smartActivityIndex td div.pad-bottom8 {padding-bottom:0px;} .smartmanagementWrap .smartmanagement .sltVentilationAmountNot {margin-top:5px;} /* 산업안전보건공단 | 자료마당 | 법령/지침정보 | 안전보건기술지침 검색*/ .guide-search-list .guide-search-icon > li {width:31%;} .guide-search-list .guide-search-icon > li div.guide-icon a {padding:50% 5% 10% 5%;} .law-box ul {flex-flow: column wrap;} .law-box ul li {width:100%; margin-right:0; margin-bottom:20px; } .law-box ul li .law-list {display:flex; justify-content:space-around; align-items:center; padding:15px; } .law-box ul li .law-list .law-img {margin:0 10px; padding:0; background:none; width:60px; height:60px; min-width:50px;} .law-box ul li .law-list .law-img div {width:auto; height:auto; padding:0; background:none;} .law-box ul li .law-list .law-text {padding-top:0; text-align:right; font-size:20px; min-width: auto;} .law-box ul li .law-list:hover .law-img {background:none;} /* 위험성평가 컨설팅 및 인정 */ .btn-blanktype {flex-flow: row wrap;} .btn-blanktype li {margin: 3px 6px;} .tab-menu-rska {flex-flow: row wrap;} .tab-menu-rska li {width: calc(50% - 15px); margin: 5px 5px; height: 80px;} .tab-menu-rska li:last-child {margin:5px;} .tab-menu-rska li a::before {width: 60px; background-size: 100% !important;} .tab-menu-rska li a.ico2::before {background-size: 80% !important;} } @media screen and (max-width:700px) { /* 스마트 환기관리 평가도구 */ .sub-content .diagnose_levle .diagnose_leftbox.bg_01 {background-size:100%;} .sub-content .diagnose_levle .diagnose_leftbox.bg_02 {background-size:100%;} .sub-content .diagnose_levle .diagnose_leftbox.bg_03 {background-size:100%;} .sub-content .diagnose_levle .diagnose_leftbox.bg_04 {background-size:100%;} .sub-content .diagnose_levle .diagnose_leftbox.bg_05 {background-size:100%;} .sub-content .diagnose_levle .diagnose_rightbox {height:100%;} .sub-content .smart-cont .smart-workplace div {min-width:auto;} .sub-content .smart-cont .smart-workplace .smart-incidence {min-width:140px;} .smart-arrowbar .smart-bar {font-size:14px;} .smart-arrowbar.smart-datebar .smart-bar {background-size:cover;} .smart-arrowbar.smart-datebar .smart-bar div {padding:7px 0 0 0;} .smartmanagementWrap .smartActivityIndex td div{font-size:15px;} } @media screen and (max-width:640px) { /* 20201012 산업안전보건공단 | 자료마당 | 안전보건자료실 */ .mediabank-searchbox02 .mediabank-search01 .float-right {width:100%; float:inherit;} .mediabank-searchbox02 .mediabank-search01 button {width:calc(50% - 5px); padding:5px 10px 6px} .mediabank-searchbox02 .mediabank-search02 .mediabank-search {display:inherit} .mediabank-searchbox02 .mediabank-search02 .mediabank-search .mediabank-search-input {width:calc(100% - 175px)} .mediabank-searchbox02 .mediabank-search02 .mediabank-search button {padding: 5px 10px 6px; width: 100%; font-size: 14px; line-height: 19px;} .mediabank-searchbox02 .mediabank-search02 .mediabank-search button.btn-reset {margin-left:0; margin-top:10px} .mediabank-searchbox02 .mediabank-search01 .float-left {float:inherit} .mediabank-searchbox02 .mediabank-search01 .calendar-wrap {width:100%; display:block; margin-left:0; margin:10px 0;} .mediabank-list-box02 ul li .med-img {height:256px} .mediabank-list-box02 ul li .med-btn-gr {top:226px} .b-searchbox {margin-top:10px;} /*20201126*/ .mediabank-title-btn .btn-intro{width:100%} .mediabank-search-btng button {width:100%; padding:5px 10px 6px; font-size:14px} } @media screen and (max-width:598px) { /* 20201012 산업안전보건공단 | 자료마당 | 안전보건자료실 */ .mediabank-searchbox02 .mediabank-search01 input[type="text"] {width:45%; margin:0} .mediabank-list-box02 ul li{width: calc(50% - 20px)} .mediabank-list-box02 ul li .med-img {height:364px} .mediabank-list-box02 ul li .med-btn-gr {top:334px} /* 20201019 */ .list-type > li {width:100%; border-left:0} .list-type > li:nth-child(4) {border-bottom:1px solid #d8d8d8} .list-type > li:nth-child(5) {border-right:0} /* 20201126 */ .Board-view table .view-body .view-wrap .view-cont dl dt {display:inherit; width:100%} .Board-view table .view-body .view-wrap .view-cont dl dd {width:calc(100% - 18px)} .Board-view table .view-body .view-wrap .view-cont .view-cont-det dt {height: auto} .Board-view table .view-body .view-wrap .view-cont .view-cont-det dd {width: calc(100% - 18px); padding:10px;} /* 산업안전보건공단 | 자료마당 | 법령/지침정보 | 안전보건기술지침 검색*/ .guide-search-list .guide-search-icon > li div.guide-icon a {font-size:15px; padding:60% 5% 10% 5%;} } @media screen and (max-width:480px) { /* 스마트 환기관리 평가도구 */ .smartmanagementWrap .smartActivityIndex td ul li {display:block; width:100%;} .sub-content .smart-resultbox .smart-leftbox .br {display:block; padding-bottom:0px;} .sub-content .smart-resultbox .smart-leftbox .smart-lefttext .br {padding-bottom:21px;} .sub-content .smart-resultbox .smart-rightbox .br {display:block; padding-bottom:21px;} .sub-content .smart-resultbox .smart-rightbox .smart-lefttext .br {padding-bottom:0px;} .sub-content .smart-cont {} .smart-arrowbar .smart-datebox {display:block;} /* 산업안전보건공단 | 자료마당 | 법령/지침정보 | 안전보건기술지침 검색*/ .guide-search-list .guide-search-icon > li div.guide-icon a {font-size:14px; padding:80% 5% 5% 5%;} /* 위험성평가 컨설팅 및 인정 */ .btn-blanktype {display:block;} .tab-menu-rska li {width:100%;} } @media screen and (max-width:420px) { /* 20201012 산업안전보건공단 | 자료마당 | 안전보건자료실 */ .mediabank-list-box02 ul li .med-img {height:240px} .mediabank-list-box02 ul li .med-btn-gr {top:210px} .Board-view table .view-body .view-wrap .view-cont dl dt {min-width:70px; font-size:12px} .Board-view table .view-body .view-wrap .view-cont dl dd {font-size:12px} /* 스마트 환기관리 평가도구 */ .smart-arrowbar .smart-bar {font-size:13px;} } @media screen and (max-width:375px) { /* 20201012 산업안전보건공단 | 자료마당 | 안전보건자료실 */ .mediabank-list-box02 ul li .med-img {height:207px} .mediabank-list-box02 ul li .med-btn-gr {top:177px} .mediabank-searchbox02 .mediabank-search02 .mediabank-search select {width:100%; margin-right:0} .mediabank-searchbox02 .mediabank-search02 .mediabank-search .mediabank-search-input {width:calc(100% - 60px)} /* 스마트 환기관리 평가도구 */ .smart-arrowbar .smart-bar {font-size:11px;} }