@charset "utf-8";

/* common */
.df{display: flex; flex-wrap: wrap;}
.w100{width:100%;}

/* table style */
.tb_01 {width: calc(100% / 3 - 20px);border-spacing:0;transition:all 0.3s ease;}
.tb_01.grn{width: calc(100% / 2 - 10px);}
.tb_01 caption {font-size:0; text-indent:-9999px; height:0;}
.tb_01 thead th {font-size: 18px;background-color: #00d3e0;color: #ffff;text-align: center;border-right: 5px solid #fff;border-bottom:5px solid #fff;padding: 15px 15px;font-weight: 500;word-break: keep-all;height: 80px;}
.tb_01.grn thead th{background-color: #00d0a2;}
.tb_01 thead th:last-child {border-right:0;}
.tb_01 tbody th {background: #c7dce3;font-weight:700;color: #333;border-right: 5px solid #fff;padding: 10px;}
.tb_01 tbody td {font-size: 15px;text-align: left;color: #333;border-right:5px solid #fff;background: #fff;padding: 10px;font-weight: 500;word-break: keep-all;}
.tb_01 tr td:last-child {border: 2px solid #dfdfdf;}
.tb_01 tbody tr:nth-child(2n-1) td {background: #fff;}

.con_box01{overflow-x:scroll;}
.tb_02 {width: 100%;/* border-top:1px solid #000; */min-width:500px;border-spacing: 0px;padding: 10px 20px;}
.tb_02 th {padding:10px; margin:0; text-align:center; font-size:1em; color:#000; vertical-align:middle; font-weight:normal;background: #dedede; border-bottom:1px solid #bcbcbc;border-right: 1px solid #bcbcbc;}
.tb_02 td {text-align:center; font-size:1em;color: #000;padding: 10px; border-bottom:1px solid #bcbcbc;vertical-align: middle;border-right: 1px solid #bcbcbc;}
.tb_02 td:first-child{border-left:1px solid #bcbcbc;}
.tb_02 td li {text-align:left; font-size:1em; color:#888; vertical-align:top; padding: 5px 0;}

@media screen and (max-width:1400px){
	.tb_01 thead th, .tb_01 tbody th {font-size: 16px;padding:10px;}
	.tb_01 thead td, .tb_01 tbody td {font-size: 14px;padding: 6px;}
}

@media screen and (max-width:768px){
  .tb_01{width: calc(100% / 2 - 20px)}
  .tb_01 thead th, .tb_01 tbody th {font-size: 15px;height: 63px;padding:7px;}
  .tb_01 thead td, .tb_01 tbody td {font-size: 14px;height:40px;padding: 3px;}
}

@media screen and (max-width:500px){
  .tb_01{width: calc(100% - 40px);margin: 0 auto;}
  .tb_01.grn{width: calc(100% - 40px);margin: 0 auto;}
}

/* !############################################################################################ */
/* !##################################### 경영공시 페이지 ###################################### */
/* !############################################################################################ */
/* !manage_list.php */

.manage{}
.manage-list__wr{padding-top: 80px;}
.manage-ttl{background:#15253e;padding: 15px 20px;color: #FFF;font-weight: 500;font-size: 16px;}
.manage-form{display: flex;flex-wrap: wrap;}
.manage-item{width: calc(100% / 5);border-right: 1px solid #cccccc;}
.manage-item:first-child{border-left: 1px solid #cccccc;}

.manage-cont{padding: 10px 0;}
.manage-item__detail{padding: 0 10px;}
.manage-item__detail .ttl {background: #0e4c73;color: #FFF;font-size: 15px;padding: 5px 10px;margin: 10px 0;}
.manage-item__detail a{display:block;padding: 5px 15px;font-weight: 400;font-size: 14px;position:relative;}
.manage-item__detail a:hover{color:#01a0c5;}
/* .manage-item__detail a:after{display:block;content:'';width: 30%;height:1px;background: #a3d3e3;position:absolute;left: 10px;bottom:0px;} */
.manage-item__detail:nth-child(2n-1) > a{background:#f2f2f2}

@media screen and (max-width:1280px){
 .manage-item{width: calc(100% / 3);}
 .manage-ttl{font-size:15px;padding:10px 15px;}
}

@media screen and (max-width:768px){
 .manage-item{width: calc(100% / 2);}
 .manage-item__detail a{font-size:14px;}
}

/* manage_select.php */


/* manage_view.php */
.manage-view-head{display: block;width: 100%;overflow: hidden;background-color: #f4f4f4;position: fixed;}
.manage-view-logo{float: left;width: 100%;height: 90px;max-width: 250px;margin: 0 auto;}
.manage-view-logo>a{display: inline-block;padding:10px 30px;}
.manage-view-head__content{float: left;width:calc(100% - 250px);justify-content: space-between;height: 90px;align-items: center;padding: 0 100px;}
.manage-view-head__content .ttl{font-size:16px;font-weight:600;padding-right:20px}

.button{justify-content: center;align-items: center;flex-direction: row;grid-gap: 20px;}
.button > a{padding:10px 30px;min-width: 150px;line-height: 35px;text-align: center;}
.manage-view-down{}
.manage-view-down>ul{height:90px;display:table;/* margin: 0 auto; */}
.manage-view-down>ul>li{display: table-cell;vertical-align: middle;padding: 0 20px;}

.manage-view-down .ttl{display: inline-block;font-size: 18px;font-weight:600;color:#000;padding: 0 15px;vertical-align: middle;}
.manage-view-down input:disabled{padding:5px 10px;border:1px solid #dddddd;height: 45px;width: 370px;background: #FFF;}
.manage-view-down select{padding: 5px 10px;width: 400px;font-size: 16px;border: 1px solid #dddddd;height: 45px;}

.manage-view-down_btn--skyblu{background: #00a3c8;color:#FFF;border: 0;transition: all 0.2s;}
.manage-view-down_btn--blu{background: #005fa6;color:#FFF;border: 0;transition: all 0.2s;}

.manage-view-aside{position:fixed;top: 90px;left: 0;background: #15253e;color:#fff;padding: 20px;z-index: 999;transition: all 0.5s;height: calc(100vh - 90px);width: 100%;max-width: 300px;margin: 0 auto;}
.manage-view-aside.active{left: -300px;}
.manage-view-aside .ttl{color: #fff;font-size: 17px;font-weight: 500;padding: 10px;position: relative;}

.manage-view-aside .ttl:after{display:block;content:'';width:100%;height:2px;background:#fff;position: absolute;left: 0;bottom: 0;}

.manage-view-aside_list{padding: 15px 0px;overflow-y: scroll;height: calc(100vh - 195px);}

/*스크롤바 안보이게 chrome*/
.manage-view-aside_list::-webkit-scrollbar{display:none}
.manage-view-aside_list>li:nth-child(2n-1){background:#2c3a51}
.manage-view-aside_list>li>a{display:block;padding: 8px 15px;color:#FFF;font-size: 15px;word-break: keep-all;font-weight:500;}
.manage-view-aside_list>li>a:hover{color:#43dcff;font-weight:700;position:relative;}
.manage-view-aside_list>li>a.active{color:#43dcff;font-weight:700;position:relative;}


.manage-view-aside_form{display: inline-block;}
.manage-view-aside select{padding: 5px 10px;width: 100%;}

.manage-content{max-height: calc(100vh - 90px);padding-top: 150px;padding-left: 300px;}
.manage-content.active{padding-left: 0px;}
.manage-content_submit{justify-content:center;height: 100%;align-items:center;flex-direction: column;grid-gap: 50px;width: 100%;max-width: 1000px;margin: 0 auto;}
.manage-content__ttl{font-size:24px;font-weight:700;display:block;color: #0000ff;width: 100%;text-align: center;}
.manage-content__post_content{
    padding: 20px;
}
.manage-content__alert{font-size:20px;font-weight:500;}
.manage-content_submit iframe{width:calc(100vw - 250px);height: calc(100vh - 90px);transition: all 0.3s;}
.manage-content_submit iframe.active{width:calc(100vw);transition: all 0.3s;}

#if_Btn {width: 40px;height: 80px;line-height: 30px;background: rgba(0,0,0,0.3);border: 0;position: fixed;left: 300px;top: 50%;z-index: 1;border-radius: 0px 100px 100px 0px;transition: all 0.5s;}
#if_Btn.on {left: 0;}
#if_Btn span {display: block;background: url('../html/image/select_arrow.png') no-repeat center;width: 12px;height: 17px;padding: 0 17px;transition: all 0.5s;content: '';z-index: 99;}
#if_Btn span.on {transform:rotate(180deg);}

@media screen and (max-width:1500px){
	.manage-view-down .ttl{font-size:16px;}
	.manage-view-down input:disabled{width:280px;height:35px;}
	.manage-view-down_btn--skyblu{height:35px;}
	.manage-view-down select{width:280px;height:35px;}
	.manage-view-down_btn--blu{height:35px;}
}

@media screen and (max-width:1300px){
	.manage-view-logo{height: auto;max-width: 250px;margin: 0 auto;}
	.manage-view-logo>a{padding: 20px 30px;}
	.manage-view-aside{top: 110px;height: calc(100vh - 110px);}
	.manage-view-down>ul{width:100%;height: auto;padding: 10px 0;}
	.manage-view-down>ul>li{display: flex;width: 100%;max-width: 500px;padding: 5px 10px;margin: 0 auto;justify-content: center;align-items: center;}
	.manage-view-down input:disabled{width: 100%;max-width: 250px;margin: 0 auto;}
	.manage-view-down select{width: 100%;max-width: 250px;margin: 0 auto;}

	.manage-view-down_btn--skyblu{width:100%;max-width:100px;}
	.manage-view-down_btn--blu{width:100%;max-width:100px;}   

	.manage-view-aside_list{height: 620px;}
}

@media screen and (max-width: 768px){
    .manage-content{max-height: calc(100vh - 90px);padding-left: 220px;}
    .manage-content_submit iframe{width:calc(100vw - 220px);height: calc(100vh - 90px);}
 
	.manage-view-logo{max-width:200px;}
	.manage-view-head__content{width:calc(100% - 200px)}
	.manage-view-down .ttl{font-size:14px;}
	.manage-view-down>ul{display: block;}
	.manage-view-down>ul>li{max-width: 100%;}
	.manage-view-down input:disabled{max-width:200px;margin:0 10px;}
	.manage-view-down select{max-width: 200px;margin: 0 10px;}

	.manage-view-aside{max-width: 220px;}
	.manage-view-aside .ttl{font-size:16px;}
	.manage-view-aside_list>li>a{font-size:14px;font-weight:400;}
	.manage-view-aside_list>li>a.active{font-weight:500;}

	#if_Btn{left:220px;}
}

@media screen and (max-width:640px){
    .manage-content{max-height: 100vw;}
    .manage-content_submit iframe{width:100vw;height: calc(100vh - 90px);transition: all 0.3s;}
 
	.manage-view-logo>a{padding: 20px 10px;text-align: center;}
	.manage-view-logo>a img{width:70px}
	.manage-view-logo{max-width: 100px;}
	.manage-view-down .ttl{padding: 0 5px;min-width: 63px;}

	.manage-view-head__content{width: calc(100% - 100px);}
	.manage-view-down>ul{display: block;}
	.manage-view-down>ul>li{max-width: 100%;flex-wrap:wrap;}
	.manage-view-down input:disabled{max-width: 140px;margin:0 10px;font-size: 13px;}
	.manage-view-down select{max-width: 140px;margin: 0 10px;font-size: 13px;}
	.manage-view-down_btn--skyblu{width:100%;max-width:80px; font-size:12px;padding: 5px;}
	.manage-view-down_btn--blu{width:100%;max-width:80px; font-size:12px;padding: 5px;}   
}

@media screen and (max-width:500px){
 .manage-view-logo>a{padding:15px 0px 8px;}
 .manage-view-logo{max-width: unset;}
 .manage-view-head__content{width:100%;}
 .manage-view-aside{height: 100%;top: 0px;}
 .manage-view-down .ttl{padding: 0;}

  .manage-view-aside_list{height: calc(100vh - 95px);}
}

/* 경영전략체계 */
.company_07.ens_new .con_bx.con03 .con_wr .txt_bx .tb_01 thead th {font-size: 18px;background-color: #213b70;color: #ffff;text-align: center;border-right: 2px solid #fff;border-bottom:5px solid #fff;padding: 15px 15px;font-weight: 500;word-break: keep-all;height: 80px;}
.company_07.ens_new .con_bx.con03 .con_wr .txt_bx .tb_01 thead th strong{font-size: 18px; color: #ffc000;}
.company_07.ens_new .con_bx.con03 .con_wr .txt_bx .tb_01 tbody td {font-size: 16px;}

/* 경영공시 문서 테이블 */
.table-wr{width:100%;}
.table{width:100%;padding:30px 20px}
.table__ttl{font-size:20px;font-weight: 700;}

.post-table01{width:100%;border-spacing:0;}
.post-table01 thead{}
.post-table01 thead tr{}
.post-table01 thead tr th{background: #dcdcdc;padding: 5px;border-left: 1px solid #808080;border-top: 1px solid #808080;border-bottom:1px solid #808080;}
.post-table01 thead tr th:last-child{border-right: 1px solid #808080;}

.post-table01 tbody tr{}
.post-table01 tbody tr td{text-align: center;padding: 5px;border-left: 1px solid #808080;border-bottom:1px solid #808080;}
.post-table01 tbody tr td:last-child{border-right:1px solid #808080;}
.post-table01 tbody tr td:first-child{}

.post-table02{width:100%;border-spacing: 0;}
.post-table02 tbody{}
.post-table02 tbody tr{}
.post-table02 tbody tr:nth-child(2) td{border-top:0px;}
.post-table02 tbody tr td{text-align: center;padding: 5px;border-left: 1px solid #808080;border-bottom:1px solid #808080;border-top:1px solid #808080;}
.post-table02 tbody tr td:last-child{border-right:1px solid #808080;}
.post-table02 tbody tr td:first-child{}

.post-table02 tbody tr td > a{color:#00f}



/* !############################################################################################ */
/* !##################################### 안전보건 페이지 ###################################### */
/* !############################################################################################ */
/* !안전보건 경영방침 */
.health-cen01{width:100%;max-width: 550px;margin: 0 auto;padding: 50px 0;}
.health-cen{width: 100%;max-width: 1140px;margin: 0 auto;padding: 30px 0px;}

.health-wr{background: #2d4865;z-index: -1;padding:30px;width: 100%;max-width: 724px;margin: 0 auto;}
.health{background: #FFF;border-radius: 20px;text-align: center;padding: 0 10px;}
.health-logo{width:120px;height: 90px;background: url('../img/sub/sub3_1_logo.jpg') no-repeat center;background-size: contain;margin: 0 auto;}

.health-head{padding: 30px 0 15px;}
.health-head__ttl{font-size: 40px;padding: 10px 30px;color: #215b9a;position: relative;display: inline-block;font-weight: 700;}
.health-head__ttl::before{display: block;content: '';background: #a2daf5;width: 10px;height: 58px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.health-head__ttl::after{display: block;content: '';background: #a2daf5;width: 10px;height: 58px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.health-head__txt{font-size: 18px;font-weight: 700;padding: 10px 0;}
.health-head__txt > .red{color: #e32940;}
.health-head__txt > .skyblu{color: #63b9f4;}

.health-cont{}
.health-cont>li{position:relative;display: flex;justify-content: center;align-items: center;margin: 15px 0;}
.health-cont__num{position:absolute;font-size: 16px;left:0;top: 50%;transform: translateY(-50%);padding: 8px 10px;color: #1b654c;font-weight: 700;border-top: 4px solid #039f58;border-left: 4px solid #039f58;border-bottom: 4px solid #039f58;border-radius: 10px 0px 0px 10px;max-width: 47px;height: 50px;width: 100%;}
.health-cont__num:after{display:block;content:'';background:#fdd224;width:10px;height:10px;border-radius:100%;position:absolute;top:50%;transform:translateY(-50%);right: -4px;}
.health-cont__txt{text-align: left;padding: 0 0 0 43px;}
.health-cont__txt .in{font-size:16px;border-top:5px solid #039f58;border-left:5px solid #039f58;border-bottom:5px solid #039f58;padding:5px 0 5px 10px;border-radius:10px 0 0 10px;font-weight: 500;}
.health-cont__txt .in > .m-only{display:none;}
.health-cont__txt .in > .blu{color:#403778;}

.health-foot{}
.health-foot__date{font-size:20px;font-weight:600;padding:20px 0 10px}
.health-foot__ttl{font-size:30px;font-weight:900}

@media screen and (max-width:768px){
 .health-wr{padding:20px;}
 .health-cen01{padding:20px 0;}

 .health-logo{width:90px;height:70px;}
 .health-head{padding: 0px 0px 0px;}
 .health-head__ttl{font-size:26px;padding: 15px 20px;}
 .health-head__ttl::before{width:7px;height:35px;}
 .health-head__ttl::after{width:7px;height:35px;}
 .health-head__txt{font-size:16px;padding: 15px 0;}

 .health-foot__date{font-size:16px;}
 .health-foot__ttl{font-size:24px;}
 .health-cont__txt .in{font-size:14px;border: 3px solid #039f58;border-radius: 10px;}
}

@media screen and (max-width:500px){
 .health-logo{width:70px; height:50px;}

 .health-head__ttl{font-size:16px;}
 .health-head__ttl::before{width:5px;height:26px;}
 .health-head__ttl::after{width:5px;height:26px;}
 .health-head__txt{padding:10px 0;}
 
 .health-cont>li{margin:20px 0;}
 .health-cont__num{display:none;}
 .health-cont__txt{padding:0;}
 .health-cont__txt .in{padding: 5px;}
 .health-cont__txt .in > .m-only{display:inline-block;}
}

/* 안전보건 경영체계 */
.health-sys{}
.health-sys-wr{flex-direction:column;grid-gap:20px;}

.health-sys__item{display: table;}
.health-sys__item__ttl{display:table-cell;font-size:22px;font-weight:700;width:120px;text-align:center;vertical-align:middle;padding: 20px 0px 20px 20px;background: #3083d9;color: #FFF;position: relative;}

.health-sys__item__ttl:before{display:block;content:'';width:0;height:0;border-left: 20px solid #fff;border-top: 60px solid transparent;border-bottom: 60px solid transparent;position: absolute;left: 0;top: 0;}
.health-sys__item__ttl:after{display:block;content:'';width:0;height:0;border-left: 20px solid #3083d9;border-top: 57px solid transparent;border-bottom: 60px solid transparent;position: absolute;right: -20px;top: 0;}

.health-sys__item__ttl.blu2{background: #15a7de;}
.health-sys__item__ttl.blu3{background: #00d3e0;height: 500px;padding: 20px 0 20px 35px;}
.health-sys__item__ttl.grn{background: #00d0a2;padding: 20px 0 20px 35px;}

.health-sys__item__ttl.blu2:before{display:block;content:'';width:0;height:0;border-left: 20px solid #fff;border-top: 60px solid transparent;border-bottom: 60px solid transparent;position: absolute;left: 0;top: 0;}
.health-sys__item__ttl.blu2:after{display:block;content:'';width:0;height:0;border-left: 20px solid #15a7de;border-top: 57px solid transparent;border-bottom: 60px solid transparent;position: absolute;right: -20px;top: 0;}

.health-sys__item__ttl.blu3:before{display:block;content:'';width:0;height:0;border-left: 20px solid #fff;border-top: 250px solid transparent;border-bottom: 250px solid transparent;position: absolute;left: 0;top: 0;}
.health-sys__item__ttl.blu3:after{display:block;content:'';width:0;height:0;border-left: 20px solid #00d3e0;border-top: 250px solid transparent;border-bottom: 250px solid transparent;position: absolute;right: -20px;top: 0;}

.health-sys__item__ttl.grn:before{display:block;content:'';width:0;height:0;border-left: 20px solid #fff;border-top: 120px solid transparent;border-bottom: 120px solid transparent;position: absolute;left: 0;top: 0;}
.health-sys__item__ttl.grn:after{display:block;content:'';width:0;height:0;border-left: 20px solid #00d0a2;border-top: 120px solid transparent;border-bottom: 110px solid transparent;position: absolute;right: -20px;top: 0;}


.health-sys__item__txt{text-align: center;font-size: 24px;font-weight: 600;vertical-align: middle;padding: 20px;background: #f9f9f9;height: 116px;}
.health-sys__item__txt.blu3{height:500px}
.health-sys__item__txt.grn{height: 230px;}

.health-sys__item__txt > p{display: inline-block;background: rgba(0,0,0,0.05);padding: 10px;border-radius: 50px;font-size: 20px;font-weight: 700;}

.health-sys__tbwr{grid-gap:20px;justify-content: space-between;padding-left: 20px;padding-bottom: 20px;}
.health-sys__tbwr:nth-child(2){justify-content:center;}

.health-organ{}
.health-organ__bg{background:#f1f1f1;padding: 20px;}
.health-organ__img{background: url('../img/sub/health-org.png') no-repeat center;height: 600px;background-size: contain;}




@media screen and (max-width:1024px){
 .health-sys__item__ttl{padding: 10px 0 10px 20px;font-size: 18px;}
 .health-sys__item__txt{font-size:16px;height:90px;}

 .health-sys__item__ttl:before{border-left: 20px solid #fff;border-top: 45px solid transparent;border-bottom: 45px solid transparent;}
 .health-sys__item__ttl:after{border-left: 20px solid #3083d9;border-top: 45px solid transparent;border-bottom: 45px solid transparent;}

 .health-sys__item__ttl.blu2:before{border-left: 20px solid #fff;border-top: 45px solid transparent;border-bottom: 45px solid transparent;}
 .health-sys__item__ttl.blu2:after{border-left: 20px solid #15a7de;border-top: 45px solid transparent;border-bottom: 45px solid transparent;}
 .health-sys__item__txt > p{font-size:15px;font-weight: 500;}
}

@media screen and (max-width:960px){
 .health-sys__item__ttl{padding:0px !important;height:auto !important;}
 .health-sys__item__ttl:before{display:none !important;}
 .health-sys__item__ttl:after{display:none !important;}
 .health-sys__item__txt{height:auto !important;}
}

@media screen and (max-width:768px){
 .health-sys-wr{flex-direction:column;grid-gap: 25px;}

 .health-sys__tbwr{padding: 0 0 10px 0;justify-content:center;grid-gap: 10px;}
 
 .health-sys__item__ttl{display: block;width: 100%;padding:10px 0 !important;font-size:16px;}
 .health-sys__item__ttl > br{display:none;}
 .health-sys__item__txt{padding: 10px 0;font-size: 14px;font-weight: 500;}

 
 .health-organ__img{height:500px;}
}

@media screen and (max-width:500px){ 
 .health-organ__bg{padding:0 10px;overflow-x: scroll;}
 .health-organ__img{min-height:300px;min-width: 450px;}
}



/* 안전보건 경영체계 */
.health-sys{}
.ens_new .health-sys-wr{flex-direction:column;grid-gap:20px;}
.ens_new .health-sys__item{display: table;}
.ens_new .health-sys__item__ttl{display:table-cell;font-size:22px;font-weight:700;width:120px;text-align:center;vertical-align:middle;padding: 20px 0px 20px 20px;background: #3083d9;color: #FFF;position: relative;}

.ens_new .health-sys__item__ttl:before{display:block;content:'';width:0;height:0;border-left: 20px solid #fff;border-top: 60px solid transparent;border-bottom: 60px solid transparent;position: absolute;left: 0;top: 0;}
.ens_new .health-sys__item__ttl:after{display:block;content:'';width:0;height:0;border-left: 20px solid #3083d9;border-top: 57px solid transparent;border-bottom: 60px solid transparent;position: absolute;right: -20px;top: 0;}

.ens_new .health-sys__item__ttl.blu2{background: #15a7de;}
.ens_new .health-sys__item__ttl.blu3{background: #00d3e0;height: 400px;padding: 20px 0 20px 35px;}
.ens_new .health-sys__item__ttl.blu4{background: #15a7de;padding: 20px 0 20px 35px;}
.ens_new .health-sys__item__ttl.blu5{background: #00d3e0;padding: 20px 0 20px 35px;}
.ens_new .health-sys__item__ttl.grn{background: #00d0a2;padding: 20px 0 20px 35px;}
.ens_new .health-sys__item__ttl.grn.bule{background: #7ab6f3;padding: 20px 0 20px 35px;}

.ens_new .health-sys__item__txt.bule{}
.ens_new .health-sys__item__ttl.blu2:before{display:block;content:'';width:0;height:0;border-left: 20px solid #fff;border-top: 60px solid transparent;border-bottom: 60px solid transparent;position: absolute;left: 0;top: 0;}
.ens_new .health-sys__item__ttl.blu2:after{display:block;content:'';width:0;height:0;border-left: 20px solid #15a7de;border-top: 57px solid transparent;border-bottom: 60px solid transparent;position: absolute;right: -20px;top: 0;}

.ens_new .health-sys__item__ttl.blu3:before{display:block;content:'';width:0;height:0;border-left: 20px solid #fff;border-top: 200px solid transparent;border-bottom: 200px solid transparent;position: absolute;left: 0;top: 0;}
.ens_new .health-sys__item__ttl.blu3:after{display:block;content:'';width:0;height:0;border-left: 20px solid #00d3e0;border-top: 200px solid transparent;border-bottom: 200px solid transparent;position: absolute;right: -20px;top: 0;}

.ens_new .health-sys__item__ttl.blu4:before{display:block;content:'';width:0;height:0;border-left: 20px solid #fff;border-top: 60px solid transparent;border-bottom: 60px solid transparent;position: absolute;left: 0;top: 0;}
.ens_new .health-sys__item__ttl.blu4:after{display:block;content:'';width:0;height:0;border-left: 20px solid #15a7de;border-top: 57px solid transparent;border-bottom: 60px solid transparent;position: absolute;right: -20px;top: 0;}

.ens_new .health-sys__item__ttl.blu5:before{display:block;content:'';width:0;height:0;border-left: 20px solid #fff;border-top: 75px solid transparent;border-bottom: 75px solid transparent;position: absolute;left: 0;top: 0;}
.ens_new .health-sys__item__ttl.blu5:after{display:block;content:'';width:0;height:0;border-left: 20px solid #00d3e0;border-top: 75px solid transparent;border-bottom: 75px solid transparent;position: absolute;right: -20px;top: 0;}


.ens_new .health-sys__item__ttl.grn:before{display:block;content:'';width:0;height:0;border-left: 20px solid #fff;border-top: 120px solid transparent;border-bottom: 120px solid transparent;position: absolute;left: 0;top: 0;}
.ens_new .health-sys__item__ttl.grn:after{display:block;content:'';width:0;height:0;border-left: 20px solid #00d0a2;border-top: 120px solid transparent;border-bottom: 110px solid transparent;position: absolute;right: -20px;top: 0;}

.ens_new .health-sys__item__ttl.bule:before{display:block;content:'';width:0;height:0;border-left: 20px solid #fff;border-top: 120px solid transparent;border-bottom: 120px solid transparent;position: absolute;left: 0;top: 0;}
.ens_new .health-sys__item__ttl.bule:after{display:block;content:'';width:0;height:0;border-left: 20px solid #7ab6f3;border-top: 120px solid transparent;border-bottom: 110px solid transparent;position: absolute;right: -20px;top: 0;}

.ens_new .health-sys__item__txt{text-align: center;font-size: 24px;font-weight: 600;vertical-align: middle;padding: 20px;background: #f9f9f9;height: 116px;}
.ens_new .health-sys__item__txt.blu3{height:400px}
.ens_new .health-sys__item__txt.blu5{height:150px}
.ens_new .health-sys__item__txt.blu3 .tb_01{width: calc(100% /4 - 20px);}
.ens_new .health-sys__item__txt.blu4 .tb_01.blu4{width: calc(100% /4 - 20px);}
.ens_new .health-sys__item__txt.blu5 .tb_01.blu5{width: calc(100% /4 - 20px);}
.tb_01.blu4 thead th{background-color: #15a7de;}
.tb_01.blu5 thead th{background-color: #00d3e0;}
.tb_01.grn.bule thead th{background-color: #7ab6f3;}
.ens_new .health-sys__item__txt.blu3 .tb_01 tbody ul li {list-style: disc;list-style-position: inside;margin-left: 20px;text-indent: -20px;}
.ens_new .health-sys__item__txt.blu5 .tb_01 tbody ul li {list-style: disc;list-style-position: inside;margin-left: 20px;text-indent: -20px;}
.ens_new .health-sys__item__txt.grn{height: 230px;}

.ens_new .health-sys__item__txt > p{display: inline-block;background: rgba(0,0,0,0.05);padding: 10px;border-radius: 50px;font-size: 18px;font-weight: 700;}

.ens_new .health-sys__tbwr{grid-gap:20px;justify-content: space-between;padding-left: 20px;padding-bottom: 20px;}
.ens_new .health-sys__tbwr.sub--box01{padding-top: 20px;}
.ens_new .health-sys__tbwr:nth-child(2){justify-content:center;}

.ens_new .health-organ{}
.ens_new .health-organ__bg{background:#f1f1f1;padding: 20px;}
.ens_new .health-organ__img{background: url('../img/sub/health-org.png') no-repeat center;height: 600px;background-size: contain;}




@media screen and (max-width:1024px){
 .ens_new .health-sys__item__ttl{padding: 10px 0 10px 20px;font-size: 18px;}
 .ens_new .health-sys__item__txt{font-size:16px;height:90px;}

 .ens_new .health-sys__item__ttl:before{border-left: 20px solid #fff;border-top: 45px solid transparent;border-bottom: 45px solid transparent;}
 .ens_new .health-sys__item__ttl:after{border-left: 20px solid #3083d9;border-top: 45px solid transparent;border-bottom: 45px solid transparent;}

 .ens_new .health-sys__item__ttl.blu2:before{border-left: 20px solid #fff;border-top: 45px solid transparent;border-bottom: 45px solid transparent;}
 .ens_new .health-sys__item__ttl.blu2:after{border-left: 20px solid #15a7de;border-top: 45px solid transparent;border-bottom: 45px solid transparent;}
 .ens_new .health-sys__item__txt > p{font-size:15px;font-weight: 500;margin: 10px;}
}

@media screen and (max-width:960px){
	.ens_new .health-sys__item__txt.blu3 .tb_01{width: calc(100% /2 - 20px);margin: 0 auto;}
	.ens_new .health-sys__item__txt.blu4 .tb_01.blu4{width: calc(100% /2 - 20px);margin: 0 auto;}

 .ens_new .health-sys__item__ttl{padding:0px !important;height:auto !important;}
 .ens_new .health-sys__item__ttl:before{display:none !important;}
 .ens_new .health-sys__item__ttl:after{display:none !important;}
 .ens_new .health-sys__item__txt{height:auto !important;}
}

@media screen and (max-width:768px){

 .ens_new .health-sys-wr{flex-direction:column;grid-gap: 25px;}

 .ens_new .health-sys__tbwr{padding: 0 0 10px 0;justify-content:center;grid-gap: 10px;}
 
 .ens_new .health-sys__item__ttl{display: block;width: 100%;padding:10px 0 !important;font-size:16px;}
 .ens_new .health-sys__item__ttl > br{display:none;}
 .ens_new .health-sys__item__txt{padding: 10px 0;font-size: 14px;font-weight: 500;}

 
 .ens_new .health-organ__img{height:500px;}
}

@media screen and (max-width:500px){ 
	.ens_new .health-sys__item__txt.blu4 .tb_01.blu4{width: calc(100% - 40px);margin: 0 auto;}
 .ens_new .health-sys__item__txt.blu3 .tb_01{width: calc(100% - 40px);margin: 0 auto;}
 .ens_new .health-organ__bg{padding:0 10px;overflow-x: scroll;}
 .ens_new .health-organ__img{min-height:300px;min-width: 450px;}
}









/* 안전보건 경영시스템 */
.safety-health{text-align: center;}
.safety-health > img {max-width: 100%;}
.safety-health > img:nth-child(1){}
.safety-health > img:nth-child(2){display: none;}

@media screen and (max-width:768px) {
	.safety-health > img:nth-child(1){display: none;}
	.safety-health > img:nth-child(2){display: inline;}
}

/* 위험요소 건의 및 작업중지요청제도 */
.danger{}
.danger__box{background: #f5f5f5;padding: 10px 20px;}
.danger__box > ul{}
.danger__box > ul > li{padding:10px 0; border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
.danger__box__ttl{display: inline-block;padding:5px 20px;background: #15243f;color: #FFF;font-size: 19px;width: 110px;border-radius: 30px;text-align: center;}
.danger__box__txt{display: inline-block;font-size:17px;padding: 0 20px;word-break: keep-all;}

.danger__content{padding: 50px 0;}
.danger__ttl{font-size: 25px;color:#373737;padding-left: 30px;position: relative;}
.danger__ttl:after{display: block;content: '';width: 22px;height: 21px;background: url('../img/danger_ttl_ico.png') no-repeat center;background-size:contain;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.danger__process{justify-content: center;grid-gap: 20px 54px;padding: 30px 0;}
.danger__process > div {position:relative;width: 100%;max-width: 250px;height: 300px;}
.danger__process > div:after{display: block;content: '';width: 54px;height: 39px;background:url('../img/danger_arrow.png') no-repeat center;position:absolute;top: 50%;right: -54px;background-size:contain;transform: translateY(-50%);}
.danger__process > div:last-child:after{display:none;}

.danger__process--pro01{background: url('../img/danger_process01.png') no-repeat center;background-size:contain;}
.danger__process--pro02{background: url('../img/danger_process02.png') no-repeat center;background-size:contain;}
.danger__process--pro03{background: url('../img/danger_process03.png') no-repeat center;background-size:contain;}
.danger__process--pro04{background: url('../img/danger_process04.png') no-repeat center;background-size:contain;}

.danger__content__btn{justify-content:center;padding:50px 0}
.danger__content__btn > a{font-size:20px;color:#FFF;background:#00a0c4;padding: 14px 80px;}

@media screen and (max-width:1300px){
 .danger__box__ttl{display:block;border-radius:0;}
 .danger__box__txt{padding: 5px 0}
 .danger__process{grid-gap:40px}
 .danger__process > div {position:relative;width: 100%;max-width: 250px;height: 250px;}
}

@media screen and (max-width:1200px){
 .danger__process{grid-gap:60px}
 .danger__process > div {height: 250px;max-width: 200px;}
 .danger__process > div:after{right:-60px}
}

@media screen and (max-width:1024px){
 .danger__process{width: 100%;max-width: 600px;margin: 0 auto;padding: 10px;}
}

@media screen and (max-width: 768px){
 .danger__box{padding:10px;}
 .danger__box > ul > li{border: 0;padding: 5px 0;}
 .danger__box__ttl{font-size:16px;width:100%;margin:10px 0}
 .danger__box__txt{display:block;padding: 5px 0;font-size:15px; text-align:center;}

 .danger__ttl{font-size:20px;}
 .danger__process{width:100%;max-width: 600px; margin:0 auto;grid-gap:40px;}
 .danger__process > div{height:200px;}
 .danger__process > div:after{right:-50px}
 .danger__content__btn {padding: 10px;}
 .danger__content__btn > a{font-size: 15px;padding: 15px 40px;}
}

@media screen and (max-width: 500px){
 .danger__process{grid-gap:30px;}
 .danger__process > div{height:130px;width: 140px;}
 .danger__process > div:after{width:30px;right:-30px}

 .danger__content__btn > a{font-size:14px;padding:15px 30px;}
}

@media screen and (max-width: 450px){
 .danger__process > div{width:120px;}
}

/* 안전보건 폼 */
.w200{width: 200px !important;}

.health-report__form{background: #f4f4f4;}
.health-form__textarea{background:#FFF;padding:20px;margin-bottom: 30px;}
.health-form__ttl{font-size: 20px;font-weight: 700;padding: 5px 0 20px;position:relative;line-height: 25px;}
.health-form__ttl:after{display:block;content:'';background:#e4e4e4;height:1px;width:100%;position:absolute;bottom: 10px;}
.health-form__ttl > span{font-size: 14px;font-weight: 500;}
.health-form__txt{padding:5px 0}
.health-form__txt .tt{font-size: 15px;font-weight: 700;}
.health-form__txt .tx{font-size: 14px;font-weight: 500;color: #686868;padding-left: 18px;}

.health-form__agree{padding: 25px 0 0px;position:relative;text-align: center;}
.health-form__agree:after{display:block;content:'';background:#e4e4e4;height:1px;width:100%;position:absolute;top: 10px;}
.health-form__agree>label{font-size:17px;font-weight:700;padding-left: 5px;cursor: pointer;}
.health-form__agree > input[type="checkbox"]{width: 20px;height: 20px;border-radius: 50%;border: 2px solid #999;appearance: none;cursor: pointer;}
.health-form__agree > input[type="checkbox"]:checked{background: url(../img/sub/chk.png) no-repeat 50% 50% #09a0c6;border-color: #09a0c6;}

.health-form__input-wr{display: block;}
.health-form__input{width: 100%;padding: 10px;align-items: center;grid-gap:10px;}
.health-form__input__ttl{display:inline-block;max-width: 90px;width:100%;text-align: left;font-size: 20px;font-weight:500}

.health-form__input textarea{padding: 5px;font-size: 16px;width:calc(100% - 100px);color: #000;}
.health-form__input select{width: calc(100% - 100px);height: 45px;padding: 5px;font-size: 16px;font-weight: 300;color: #000;}
.health-form__input input{width: calc(50% - 100px);height: 45px;font-size: 20px;padding: 5px;}
.health-form__input input[type="file"]{width:calc(50% - 300px);font-size:16px;height: auto;}
.health-form__input input[type="text"]{font-size:16px;};
.health-form__input input:focus{}
.health-form__input--email{width: calc(100% - 100px);height:45px;border:0}


.textbox input[type="text"],
.textbox input[type="password"]{width:100%;height:auto;line-height:normal;padding:.8em .5em;font-family:inherit;border:1px solid #999;border-radius:0;outline-style:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}

.btn-submit{display:inline-block;background: #6c6c6c;border:0;color:#fff;font-weight: 500;font-size: 16px;height: 45px;}

@media screen and (max-width:1280px){
 .health-cen{padding:0;}
 .health-report__form{padding:30px;}
 .health-form__textarea{padding:15px}
}

@media screen and (max-width:768px) {
 .health-form__ttl{font-size:16px;}
 .health-form__ttl span{font-size:14px;}

 .health-report__form{padding:20px;}
 .health-form__input__ttl{font-size:16px;}
 .health-form__input input[type="text"] {width: calc(100% - 100px);height: 40px;}
}

@media screen and (max-width:500px){
 .health-form__input__ttl{max-width: unset;}
 .health-form__input input[type="text"]{width:100%;}
 .health-form__input select{width:100%;}
 .health-form__input textarea{width:100%;}

 .btn-submit{font-size:14px;padding:0 5px;}
}

@media screen and (max-width:350px){
 .health-form__input{padding:10px 0;}
 .health-form__input__ttl{text-align:center;}
 .health-report__form{padding:15px;}
}

.health-btn_wr{display: block;width:100%;text-align: center;padding: 40px 0 0 0;}
.health-btn{display:inline-block;background: #00a0c4;padding: 15px 100px;border:0;color:#fff;font-weight: 500;font-size: 16px;}

/* 안전보건 health.php 폼 */
.heal_file_view{background-color: #00d3e0;padding:2px;}

.sub_tabmenu ul{width: 100%;max-width: 1200px;margin: 50px auto 20px;align-items: center;flex-direction: row;grid-gap: 5px; justify-content: center;}
.sub_tabmenu ul li a{display:inline-block;width: 200px;line-height: 50px;border:1px solid #e3e3e3;text-align:center;margin-right:5px;transition:0.3s}
.sub_tabmenu ul li a:hover{background:#4166ab;color:#fff}
.sub_tabmenu ul li a.on{background:#4166ab;color:#fff}