@charset "utf-8";
/* CSS Document */


/*가로스크롤 테이블*/
.hscroll_table td {text-align:center;}
.popup_table_wrap.hscroll {position:relative; overflow:hidden;}
.popup_table_wrap.hscroll div {float:left;}
.hscroll_left {width:80px; border-right:1px solid #ddd;}
.hscroll_right {width:879px; overflow-x:auto; overflow-y:none;}
.hscroll_right table td {padding:5px 35px;}

<!--리로드 버튼-->
.btn_reload {position:absolute; top:0; left:0; font-size:12px;}




/*안전점검 왼쪽메뉴*/
.check_calendar_wrap {min-hiehgt:200px; margin-bottom:5px;}
.check_calendar_icon_wrap {border:1px solid #dadada; background:#fcfcfc; margin-bottom:5px;}
.check_calendar_icon_wrap .check_calendar_icon {padding:8px 0; border-bottom:1px solid #dadada; text-align:center;}
.check_calendar_icon_wrap p {padding:10px; text-align:center; line-height:1.4;}
.check_graph_wrap {border:1px solid #dadada; padding:3px;}

/*안전점검 컨텐츠*/
.desc_box_blue {height:37px; margin-bottom:30px; background:#143253; font-weight:bold; color:#fff; overflow:hidden;}
.check_method_text {float:left; background:#143253; padding:13px 30px; color:#FFF; font-weight:bold;}
.check_btn {float:left; padding:8px 20px 6px 20px; border:1px solid; border-color:#216aa4 #12456e #12456e #216aa4; color:#fff; margin-top:5px; background:#07538f; font-weight:bold;}
.check_btn.rybg {border-color:#ff9446 #cf5800 #cf5800 #ff9446; background:#ff6c00;}
.check_btn.gbg {border-color:#31b959 #085f22 #085f22 #31b959; background:#1e9d44;}
.check_btn:hover {color:#fff000;}
.check_btn.in_img {padding:6px 20px 4px 20px; }
.check_btn img {vertical-align:middle; margin:0; margin-right:5px;}
.attach_check_sheet img {max-width:820px;}
.only_scroll {overflow-x:auto;}
.height500 {height:500px;}



/*안전점검 정기점검 레이아웃*/
#contents_area_wrap .layout_3_wrap {position:relative; margin:30px 0; overflow:hidden;}
#contents_area_wrap .layout_3_wrap>div {float:left;}
#contents_area_wrap .layout_3_wrap .layout_3_first {width:470px;}
#contents_area_wrap .layout_3_wrap .layout_3_second {width:376px; border:1px solid #dadada; margin-left:20px; margin-top:28px;  min-height:410px;}
#contents_area_wrap .layout_3_wrap .layout_3_third {width:310px; border:1px solid #dadada; margin-left:20px; margin-top:28px;  min-height:410px;}
#contents_area_wrap .layout_3_wrap .column_title {margin-top:50px; text-align:center;}
#contents_area_wrap .layout_3_wrap .layout_3_second .graph_wrap {margin:115px auto 15px auto; width:346px; height:205px;}
#contents_area_wrap .layout_3_wrap .layout_3_third .graph_wrap {margin:115px auto 15px auto; width:280px; height:205px;}
#contents_area_wrap .layout_3_wrap .layout_3_fourth {width:708px; border:1px solid #dadada; margin-left:20px; margin-top:28px;  min-height:205px;}
#contents_area_wrap .layout_3_wrap .layout_3_fourth .column_title {float:left; width:291px; padding:90px 0; margin-top:0; text-align:center; vertical-align:middle;}
#contents_area_wrap .layout_3_wrap .layout_3_fourth .graph_wrap {padding:15px; text-align:center;}



/*화학물질*/
.option_layer {position:absolute; top:0px; right:23px; min-width:210px; min-height:150px; background:#555555; display:none;}
.option_layer h3 {color:#ffffff; border-bottom:1px solid #777; padding:12px 10px 8px 10px;}
.option_layer_close {position:absolute; top:10px; right:10px;}
.option_layer_conwrap {padding:10px; text-align:center;}
.option_layer_conbox {padding:8px; border:1px solid #777; text-align:left; background:#fff; line-height:1.5; margin-bottom:10px;}
.option_layer.view {display:block;}

.chem_con_triple_wrap div {float:left; width:398px; height:33px;margin-bottom:30px;}
.chem_con_triple1 {background:#2c9f75;}
.chem_con_triple2 {background:#23968a;}
.chem_con_triple3 {background:#2c909f;}
.chem_con_triple3.over_num {background:#ff6c00;}
.chem_con_triple3 .chem_con_text img {vertical-align:text-top; margin-right:5px;}
.chem_con_triple_wrap .chem_con_title {float:left; width:69px; padding:11px 0; text-align:center; font-weight:bold; color:#fff;}
.chem_con_triple_wrap .chem_con_text {float:left; width:324px; height:23px; line-height:24px; margin:5px 5px 5px 0; text-align:center; font-weight:bold; background:#fff;}




/*종합현황*/
.layout_850 {float:left; width:850px; overflow:hidden;}
.layout_330 {float:right; width:330px; height:891px; }
.devide_table,.devide_table2 {float:left; width:417px;}
.devide_table2 {margin-left:16px;}
.total_ghs_wrap {position:relative; width:850px; height:150px; margin-top:5px; clear:both; border-top:2px solid #07538f;border-bottom:1px solid #ddd;}
.total_ghs_wrap .total_left_arrow {position:absolute; top:55px; left:20px;}
.total_ghs_wrap .total_right_arrow {position:absolute; top:55px; right:20px;}
.total_ghs_wrap .total_ghs {position:absolute; top:17px; left:74px; width:700px; height:125px; text-align:center; overflow:hidden;}
.total_ghs_wrap .total_ghs ul {position:absolute; top:0; left:0; width:690px;}
.total_ghs_wrap .total_ghs ul li {float:left; width:90px; margin:0 4px;}

.total_safety_step_diagram {position:relative; width:328px; height:216px; border:1px solid #dadada; margin-top:5px; margin-bottom:24px;}
.safety_guide {position:absolute; right:10px; top:10px;}
.total_safety_step_graph {position:absolute; top:30px; left:55px; width:219px; padding:0;}
.total_safety_step_graph p {margin-top:7px; text-align:center;}
.total_safety_step_point_wrap {width:175px; height:28px; margin:8px auto 0 auto; border:2px solid #555; background:#555;}
.total_safety_step_point_wrap img {float:left;}
.total_safety_step_point {float:right; width:87px; height:28px; font-size:16px; font-weight:bold; text-align:center; line-height:28px; color:#333; }
.total_safety_step_point.level1 {background:#8cc63f;}
.total_safety_step_point.level2 {background:#d2de26;}
.total_safety_step_point.level3 {background:#f3ec19;}
.total_safety_step_point.level4 {background:#f89b1d;}
.total_safety_step_point.level5 {background:#ed1d24; color:#ffffff;}
/*마우스 오버 안전등급*/
.total_safety_step_description {position:absolute; top:0; right:0; width:400px; padding:0; padding-bottom:10px; border:1px solid #759945; background:#f4f8ee;  z-index:20;display:none; }
.total_safety_step_description_title {display:block; color:#fff; font-weight:bold; padding:8px 10px; font-size:14px; background:#759945;}
.total_safety_step_description_text {padding:0 15px; line-height:1.5;}
.total_safety_step_description.view {display:block;}
/*팝업 마우스 오버 안전등급*/
.total_safety_step_description.popup_in_step {position:absolute; width:550px; top:0px; left:20px; padding:0px; padding-bottom:10px; border:1px solid #00387a; background:#fff; z-index:20;}
.total_safety_step_description.popup_in_step .total_safety_step_description_title {display:block; color:#fff; font-weight:bold; padding:10px; font-size:14px; background:#00387a;}
.total_safety_step_description.popup_in_step .total_safety_step_description_contents {padding:10px 15px;}
.total_safety_step_description.popup_in_step .math_p {border:1px solid #dadada; text-align:center; padding:7px;}

.total_safety_edu_pass {width:328px; height:211px; border:1px solid #dadada; margin-top:5px; margin-bottom:24px; text-align:center; }
.total_safety_edu_pass_graph {width:176px; height:176px; margin:29px auto;}

.total_safety_evacu_diagram {width:328px;height:240px; border:1px solid #dadada; margin-top:5px; margin-bottom:34px; text-align:center;}
.total_safety_evacu_diagram_img {width:318px; height:273px; margin:5px;}

/*개인정보취급방침*/
.private_title {padding-bottom:15px; border-bottom:1px solid #333; margin-bottom:30px;}
.private_contents {padding:0 10px;}
.private_contents p {margin-bottom:20px;}
.private_contents .private_info {padding:25px;background:#f4f4f4; margin-bottom:30px;}
.private_contents .private_info li {margin-top:15px; padding:0 20px 0 25px; line-height:1.5; background:url(../images/ua/common/bullet_sub.png) no-repeat 10px 4px;}
.private_contents .private_info li:first-child {margin-top:0;}
.private_contents h4 {font-weight:normal; margin-left:10px;}
.private_contents .private_text {margin-top:15px; margin-left:10px; line-height:1.5; clear:both;padding-top:20px;}
.private_contents .private_list {margin-top:15px; margin-bottom:30px;}
.private_contents .private_list li {margin-bottom:15px;}
.private_contents .private_list h4 {margin-bottom:5px}
.private_contents .private_list_text {margin-left:30px; line-height:1.5; padding-right:10px; margin-bottom:0px; }
.private_contents .private_list .private_list_in_list {margin-left:45px; margin-top:5px; list-style:disc;}
.private_contents .private_list .private_list_in_list li {margin-bottom:8px;}



/*홈페이지 사용되는 부분*/
.wasteTable .wasteTableTop {border-top:2px solid #07538f}
.msdsGhsTableTop {border-top:2px solid #07538f}
.msdsSearchTableTop {border-top:2px solid #07538f}
.eduLabTable .eduLabTableTop {border-top:2px solid #07538f}
.edufireTable .edufireTableTop {border-top:2px solid #07538f}
.LabEduTable .LabEduTableTop {border-top:2px solid #07538f}
.LabEduMovTable .LabEduMovTableTop {border-top:2px solid #07538f}
.Pds_Table .Pds_TableTop {border-top:2px solid #07538f}