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

/*안전등급표*/
.safety_step_diagram {position:relative; margin:0 auto; width:289px; width:289px;}
.safety_num {position:absolute; top:189px; left:146px; width:86px; height:38px; font-size:16px; font-weight:bold;text-align:center; line-height:38px;}
.safety_step_info {position:absolute; top:240px; left:92px; width:105px; height:30px; background: url(../images/ua/common/bg_tranparent.png) repeat left top; z-index:10; zoom:1;}
.safety_step_description {position:absolute; bottom:0; left:0; width:360px; padding:15px; border:3px solid #a3c672; background:#f1f7e8; display:none; z-index:20;}
.safety_step_description_title {color:#1e9d44; font-weight:bold;}
.safety_step_description.view {display:block;}
.safety_steps_2layout {float:left; width:50%; padding:10px 0;}


/*단계 다이어그램*/
.popup_top_diagram1 {position:relative; height:35px; line-height:35px; background:#666666;}
.popup_top_diagram1 img {position:absolute; top:4px;}
.popup_top_diagram2 {position:relative; height:35px; line-height:35px; background:#666666;}
.popup_top_diagram2 span {position:absolute; top:0; color:#fff; font-weight:bold;}
.popup_top_diagram2 span.who_num {left:10px;}
.popup_top_diagram2 span.harmful_factor {right:10px;}
.popup_top_diagram2 input[type=text] {width:42px; line-height:23px; text-indent:0; text-align:center; font-weight:bold; padding:0;}
.health_step_wrap {position:relative; top:4px; width:510px; height:27px; margin:0 auto;}
.health_step_wrap div,.health_step_wrap img {float:left;}
.health_step {width:237px; height:24px; border:1px solid #777777; padding-top:1px; background:#666666; text-align:center; font-weight:bold; color:#ffffff; vertical-align:middle; line-height:25px;}
.health_step.on {background:#2c9f75; border:1px solid #2c9f75;}


/*폐유기용매 인쇄*/
.table_title.print_title {height:50px; padding-top:20px;}
.table_title.print_title h3 {font-size:24px; text-align:center; color:#000000;}
.print_table td,.print_table th {font-size:14px; padding:15px 10px;}


/*안전관리 LMO*/
.desc_menu {position:relative; display:inline-block; margin-left:3px; padding:5px 0 2px 0; width:18px; text-align:center; background:#ff6c00; color:#fff; font-weight:bold; cursor:pointer;}
.desc_layer {
	position: absolute;
	bottom: -10px;
	/* right: 18px; */
	border: 1px solid #777;
	display: none;
	height: 10px;
	z-index: 99;
}
.desc_layer.view {display:block;}


/*안전장비*/
.photo_wrap {padding:20px; border:1px solid #dadada; text-align:center; vertical-align:middle;}
.photo_size_160 img {width:160px; height:107px;}


/*주의사항 박스*/
.attention_box {border:1px solid #dadada; margin-top:10px; overflow:hidden;}
.attention_box h4 {padding:10px; text-align:center; background:#fcfcfc;}
.attention_box ol {padding:10px; margin-top:10px;}
.attention_box ol li {margin-bottom:10px;}
.attention_box p {padding:10px; line-height:1.4;}



/*안전표지 팝업*/
.popup_mark_list_wrap {height:300px; padding:10px; overflow:auto; border:1px solid #dadada;}
.popup_mark_list_wrap span {display:inline-block; width:95px; text-align:center; margin-right:15px; margin-bottom:20px;}
.popup_mark_list_wrap span .btn {margin-top:5px;}
.mark_wrap {display:inline-block; width:95px; text-align:center; margin-right:19px; margin-bottom:15px;}
.mark_wrap .btn {margin-top:5px;}


/*안전점검*/
.desc_box ul {font-weight:normal; margin:10px;}
.desc_box ul li { list-style:disc inside; margin-bottom:7px;}
.desc_box p {font-weight:normal; padding-left:10px; margin-bottom:10px; color:#F60;}

.check_sheet_table_title {float:left; font-weight:bold;}
.check_sheet_table_title+img {float:right;}

.check_sheet_table tr td,.check_sheet_table tr th {text-align:center;}
.check_sheet_table tr td:nth-child(2n-1) {background:#faf4e8;}
.check_sheet_table tr th img { vertical-align: text-top;}

.caution_icon {display:inline-block; position:relative;}
.caution_description {position:absolute; top:10px; left:0px; min-width:300px; border:1px solid #ffba27; background:#fff; display:none;}
.caution_description_title {display:block; background:#ffba27; text-align:left; padding:5px 0 5px 5px; font-weight:bold; color:#5c3f00;}
.caution_description ul {padding:10px;}
.caution_description ul li { list-style:disc inside; text-align:left;}
.caution_description.view {display:block;}
.odd {background:#faf4e8;}