/* 안전체험센터>안전체험센터소개 */
#page2 {position:relative;width:614px;top:10px;left:10px; border:0px solid red;}
.blue {font-size:9pt; color:#0099ff;}
.i2_01 {position:relative;width:100%;height:296px;background:url("/images_web/safety/sub01_img01.jpg") no-repeat;border:0px solid red;}
.i2_02 {position:relative;width:406px;height:48px;left:100px;top:5px;border:0px solid red;}


/* 기초상식>불이란 */
#blue {background:url("/images_web/safety/sub03_bar01.gif") no-repeat; width:614px; height:29px;margin-top:10px;}
#blue_box {width:614px; height:100px;margin-top:10px;}
#blue .blue_t {font-weight:bold; color:#ffffff;padding-top:10px;padding-left:30px;}
#blue_line {background:url("/images_web/safety/textsub_top.gif") no-repeat; width:614px; height:16px;}
#blue_line2 {background:url("/images_web/safety/textsub_foot.gif") no-repeat; width:614px; height:16px;}

#page h4 {font-weight:bold; padding:0 0 12px 0; margin-top:15px; border:1px solid red;}
#page h4.blueT { background: url("/images_web/safety/sub03_a01.gif") no-repeat scroll 0 -1px; color:#0096b8;	padding-left:18px; height:20px; font-weight:bold; border:0px solid red;}
#page h5 {padding:7px 0; margin-top:10px}
#page h5.bluecon {background: url("/images_web/safety/sub03_a02.gif") no-repeat scroll 4px 2px; padding:2px 0 15px 18px;font-weight:normal; color:#666666;}
#page p {padding-bottom:10px;  line-height:1.5em;}
#page li {list-style:none; margin-left:15px; ;font-size:8pt;}
#page ul.blue_dot li {background: url("/images_web/safety/sub03_a03.gif") no-repeat scroll 0 10px; padding:5px 10px 0px 10px; line-height:1.3em; font-size:9pt;}
#page ul.blue_arrow li {background: url("/images_web/safety/sub03_a05.gif") no-repeat scroll 0 5px; padding:0px 2px 0px 10px; line-height:1.7em; margin-left:25px; }
#page ul.blue_no li {padding:0px 3px 0px 10px; line-height:1.7em; margin-left:15px; }


/* 블루앵커 */
.blue_link {position:relative; width:200px; height:90px; top:10px; left:10px; float:left;}
ul.b1 li {  position:relative; background: url("/images_web/safety/sub03_a04.gif") no-repeat scroll 0 5px; padding:0px 0px 5px 15px; line-height:1.3em; margin:0px;}
ul.b1 a:link		{font-size:9pt; color:#666666; text-decoration:none;} 
ul.b1 a:visited	{font-size:9pt; color:#666666; text-decoration:none;} 
ul.b1 a:hover		{font-size:9pt; color:#666666; text-decoration:none;}  
ul.b1 a:active	{font-size:9pt; color:#666666; text-decoration:none;} 


/* 기초상식>자연재난 */
#yelgreen {background:url("/images_web/safety/sub04_bar01.gif") no-repeat; width:614px; height:29px;margin-top:10px;}
#yelgreen_box {width:614px; height:100px;margin-top:10px;}
#yelgreen .yelgreen_t {font-weight:bold; color:#ffffff;padding-top:10px;padding-left:30px;}
#yelgreen_line {background:url("/images_web/safety/textsub_top.gif") no-repeat; width:614px; height:16px;}
#yelgreen_line2 {background:url("/images_web/safety/textsub_foot.gif") no-repeat; width:614px; height:16px;}

#page h4 {font-weight:bold; padding:0 0 12px 0; margin-top:15px; border:1px solid red;}
#page h4.yelgreenT { background: url("/images_web/safety/sub04_a01.gif") no-repeat scroll 0 -1px; color:#0ebe89;	padding-left:18px; height:20px; font-weight:bold; border:0px solid red;}
#page h5 {padding:7px 0; margin-top:10px}
#page h5.yelgreencon {background: url("/images_web/safety/sub04_a02.gif") no-repeat scroll 4px 2px; padding:2px 0 15px 18px;font-weight:normal; color:#666666;}
#page p {padding-bottom:10px;  line-height:1.5em;}
#page li {list-style:none; margin-left:15px; ;font-size:8pt;}
#page ul.yelgreen_dot li {background: url("/images_web/safety/sub04_a03.gif") no-repeat scroll 0 10px; padding:5px 10px 0px 10px; line-height:1.3em; font-size:9pt;}
#page ul.yelgreen_arrow li {background: url("/images_web/safety/sub04_a05.gif") no-repeat scroll 0 5px; padding:0px 2px 0px 10px; line-height:1.7em; margin-left:25px; }
#page ul.yelgreen_no li {padding:0px 3px 0px 10px; line-height:1.7em; margin-left:15px; }


/*인적재난>붕괴·폭발*/
#green {background:url("/images_web/safety/green_bar.jpg") no-repeat; width:614px; height:50px;margin-top:10px;}
#green .green_t {font-weight:bold; color:#ffffff;padding-top:10px;padding-left:30px;}

#page h4 {font-weight:bold; padding:0 0 5px 0; margin-top:15px; border:1px solid red;}
#page h4.greenT { background: url("/images_web/common/sub05_a01.gif") no-repeat scroll 0 -1px; color:#5fa132;	padding-left:18px; height:20px; font-weight:bold; border:0px solid red;}
#page h5 {padding:7px 0; margin-top:10px}
#page h5.greencon {background: url("/images_web/safety/sub05_a02.gif") no-repeat scroll 4px 2px; padding:2px 0 10px 18px;font-weight:normal; color:#666666; margin-left:15px;}
#page p {padding-bottom:10px;  line-height:1.5em;}
#page li {list-style:none; margin-left:30px;}
#page ul.green_dot li {background: url("/images_web/safety/sub05_a03.gif") no-repeat scroll 0 9px; padding:5px 10px 0px 10px; line-height:1.2em; font-size:8pt; width:520px;}
#page ul.green_arrow li {background: url("/images_web/safety/sub05_a05.gif") no-repeat scroll 0 5px; padding:0px 2px 0px 10px; line-height:1.7em; margin-left:40px; width:520px;}
#page ul.green_no li {padding:0px 3px 0px 10px; line-height:1.7em; margin-left:30px; width:520px; font-size:8pt;}

/*사회적재난*/
#brown {background:url("/images_web/safety/brown.jpg") no-repeat; width:614px; height:50px;margin-top:10px;}
#brown .brown_t {font-weight:bold; color:#ffffff;padding-top:10px;padding-left:30px;}

#page h4 {font-weight:bold; padding:0 0 5px 0; margin-top:15px; border:1px solid red;}
#page h4.brownT { background: url("/images_web/safety/sub06_a01.gif") no-repeat scroll 0 -1px; color:#d66000; padding-left:18px; height:20px; font-weight:bold; border:0px solid red;}
#page h5 {padding:7px 0; margin-top:10px}
#page h5.browncon {background: url("/images_web/safety/sub06_a02.gif") no-repeat scroll 4px 2px; padding:0px 0px 0px 20px;font-weight:normal;  line-height:1.3em; color:#666666; margin-left:15px; width:530px;}
#page p {padding-bottom:10px;}
#page li {list-style:none; margin-left:30px;}
#page ul.brown_dot li {background: url("/images_web/safety/sub06_a03.gif") no-repeat scroll 0 8px; padding:5px 0px 0px 10px; line-height:1.3em; width:530px;}
#page ul.brown_arrow li {background: url("/images_web/safety/sub06_a05.gif") no-repeat scroll 0 5px; padding:0px 2px 0px 10px; line-height:1.7em; margin-left:35px; width:530px;}
#page ul.brown_no li {padding:0px 3px 0px 10px; line-height:1.7em; margin-left:25px; width:530px;}

/*물놀이*/
#purple {background:url("/images_web/safety/purple.jpg") no-repeat; width:614px; height:50px;margin-top:10px;}
#purple .purple_t {font-weight:bold; color:#ffffff;padding-top:10px;padding-left:30px;}

#page h4 {font-weight:bold; padding:0 0 5px 0; margin-top:15px; border:1px solid red;}
#page h4.purpleT { background: url("/images_web/safety/sub08_a01.gif") no-repeat scroll 0 -1px; color:#c13995;	padding-left:18px; height:20px; font-weight:bold; border:0px solid red;}
#page h5 {padding:7px 0; margin-top:10px}
#page h5.purplecon {background: url("/images_web/safety/sub08_a02.gif") no-repeat scroll 4px 4px; padding:0px 0px 0px 18px;font-weight:normal;  line-height:1.5em; color:#666666; margin-left:15px; width:530px;}
#page p {padding-bottom:10px;}
#page li {list-style:none; margin-left:30px;}
#page ul.purple_dot li {background: url("/images_web/safety/sub08_a03.gif") no-repeat scroll 0 10px; padding:5px 0px 0px 10px; line-height:1.2em; font-size:8pt; width:530px;}
#page ul.purple_arrow li {background: url("/images_web/safety/sub08_a05.gif") no-repeat scroll 0 5px; padding:0px 2px 0px 10px; line-height:1.7em; margin-left:35px; font-size:8pt; width:530px;}
#page ul.purple_no li {padding:0px 3px 0px 10px; line-height:1.7em; margin-left:25px; font-size:8pt;}

/*응급처치법*/
#red {background:url("/images_web/safety/red.jpg") no-repeat; width:614px; height:50px;margin-top:10px;}
#red_bg {background:url("/images_web/safety/red_bg.jpg") no-repeat; width:614px; height:141px;margin-top:10px;}
#red_bg2 {background:url("/images_web/safety/red_bg2.jpg") no-repeat; width:614px; height:101px;margin-top:10px;}
#red .red_t {font-weight:bold; color:#ffffff;padding-top:10px;padding-left:30px;}
#red_bg .red_tt {font-weight:bold; color:#ffffff;padding-top:10px;padding-left:30px;}
#red_bg2 .red_ttt {font-weight:bold; color:#ffffff;padding-top:10px;padding-left:30px;}

#page h4 {font-weight:bold; padding:0 0 5px 0; margin-top:15px; border:1px solid red;}
#page h4.redT { background: url("/images_web/safety/sub07_a01.gif") no-repeat scroll 0 -1px; color:#d60d00;	padding-left:18px; height:20px; font-weight:bold; border:0px solid red;}
#page h5 {padding:7px 0; margin-top:10px}
#page h5.redcon {background: url("/images_web/safety/sub07_a02.gif") no-repeat scroll 4px 4px; padding:0px 0px 0px 18px;font-weight:normal;  line-height:1.5em; color:#666666;  margin-left:15px; width:530px;}
#page p {padding-bottom:5px;}
#page li {list-style:none; margin-left:33px;}
#page ul.red_dot li {background: url("/images_web/safety/sub07_a03.gif") no-repeat scroll 0 10px; padding:5px 10px 0px 10px; line-height:1.2em; width:530px;}
#page ul.red_arrow li {background: url("/images_web/safety/sub07_a05.gif") no-repeat scroll 0 5px; padding:0px 2px 0px 10px; line-height:1.7em; margin-left:35px; font-size:8pt; width:530px;}
#page ul.red_no li {padding:0px 3px 0px 10px; line-height:1.7em; margin-left:25px; font-size:8pt;}
/* 레드앵커 */
.link {position:relative; width:120px; height:90px; top:30px; left:20px; float:left;}
ul.a1 li {  position:relative; background: url("/images_web/safety/sub07_a04.gif") no-repeat scroll 0 5px; padding:0px 0px 5px 15px; line-height:1.3em; margin:0px;}
ul.a1 a:link		{font-size:9pt; color:#666666; text-decoration:none;} 
ul.a1 a:visited	{font-size:9pt; color:#666666; text-decoration:none;} 
ul.a1 a:hover		{font-size:9pt; color:#666666; text-decoration:none;}  
ul.a1 a:active	{font-size:9pt; color:#666666; text-decoration:none;} 


/* 테이블 스타일 */
#page table.chart		 {border-collapse: collapse; width:550px;padding:10px;margin-bottom:20px;border:1px solid #cccccc;}
#page table.chart caption {display:none;}
#page table.chart th	{font-size:12px;background:#f7f7f7;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc; border-right:1px solid #cccccc;font-weight:normal;color:#000000;font-weight:bold; height:23px;text-align:center;}
#page table.chart td	{background:#ffffff;border-bottom:1px solid #dfdfdf; font-size:12px; height:25px;border-right:1px solid #dfdfdf;padding-left:5px;text-align:center;}
#page table.chart .name {text-align:center;  font-weight:bold;border-right:1px solid #cccccc;}
#page table.chart .num	{text-align:center;}
#page table.chart .end	{border-right:0px;}
#page table.chart .alri	{text-align:right;}
#page table.chart .alle	{text-align:left;}
#page table.chart .alto {vertical-align:top;}