*{margin:0; font:"돋움"; font-size:12px; line-height:1.5em; list-style:none;}

ul, li, ul li {list-style:none; margin:0; padding:0 0 5px 0;}
p{line-height:1.8em;}
.box_intro {padding:10px; margin:0;background:#FC0; text-align:center; margin-bottom:20px;}
.box_intro p{letter-spacing:-1px;}

body{	
	background:url(../../images/bg.jpg);
}

#wrap{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}

#head_column{
	background:url(../../images/top_image.jpg) no-repeat;
	width:1000px;
	height:386px;
}

#menu_column{
	width:1000px;
	margin:0;
	padding:0;	
	background:url(../../images/contents_bg.jpg) repeat-y;
}
#main_navi{
	display:inline;
	float:left;	
	width:1000px;	
	margin:0;
	padding:0;
	list-style:none;
}
#main_navi_1 a{
	margin:8px 0 0 20px;
	display:block;
	width:341px;
	height:38px;
}
#main_navi_2 a{
	margin:8px 0 0 0;
	display:block;
	width:320px;
	height:38px;
}
#main_navi_3 a{
	margin:8px 0 0 0px;
	display:block;
	width:319px;
	height:38px;
}

#main_navi_1{
	margin:0;
	padding:0;	
	float:left;	
	display:block;
	width:341px;
	height:49px;
	text-indent:-999999px;
	background:url(../../images/main_navi_1.jpg) no-repeat;	
}

#main_navi_2{
	margin:0;
	padding:0;	
	float:left;	
	display:block;
	width:320px;
	height:49px;	
	text-indent:-999999px;
	background:url(../../images/main_navi_2.jpg) no-repeat;	
}

#main_navi_3{
	margin:0;
	padding:0;
	float:left;	
	display:block;
	width:339px;
	height:49px;	
	text-indent:-999999px;
	background:url(../../images/main_navi_3.jpg) no-repeat;	
}

#content_column{
	background:url(../../images/contents_bg.jpg) repeat-y;
	width:824px;
	padding:0 88px 40px 88px;
}

#footer_column{
	background:url(../../images/contents_bg.jpg) repeat-y;
	width:824px;
	padding:0 108px 20px 107px;
}

A:link {font-size:12px; font: "돋움", "굴림", "궁서", "바탕"; color: #505050; TEXT-DECORATION: none}
A:visited {font-size:12px; font: "돋움", "굴림", "궁서", "바탕"; color: #505050; TEXT-DECORATION: none}
A:hover {font-size:12px; font: "돋움", "굴림", "궁서", "바탕"; color: #6688cc; TEXT-DECORATION: none}

Ul{
	padding-left:30px;
	line-height:1.6em;
}

#cctv_pic_view{
	margin-top:20px;
	width:824px;
	overflow:hidden;
}

#cctv_pic_list{
	display:block;
	width:163px;
	float:right;
	margin:0;
	padding:0;
	text-indent:-999999px;
}

#slideshow{
	background-color:#F5F5F5;
	border:1px solid #FFFFFF;
	height:550px;
	margin:0px auto 0;
	position:relative;
	width:661px;
}

#slideshow ul{
	height:530px;
	left:9px;
	list-style:none outside none;
	overflow:hidden;
	position:absolute;
	width:641px;	
	padding:0;	
	top:7px;
}

#slideshow li{
	position:absolute;
	display:none;
	z-index:10;
}

#slideshow li:first-child{
	display:block;
	z-index:1000;
}

#slideshow .slideActive{
	z-index:1000;
}

#slideshow canvas{
	display:none;
	position:absolute;
	z-index:100;
}

#slideshow .arrow{
	height:86px;
	width:60px;
	position:absolute;
	background:url('../../images/arrows.png') no-repeat;
	top:50%;
	margin-top:-43px;
	cursor:pointer;
	z-index:5000;
}

#slideshow .previous{ background-position:left top;left:0;}
#slideshow .previous:hover{ background-position:left bottom;}

#slideshow .next{ background-position:right top;right:0;}
#slideshow .next:hover{ background-position:right bottom;}

.table_style {
 width: 760px; /* 전체 테이블 폭 지정 */
 padding:20px 0 0 30px;
} 

.table_style ul {
 clear: left;
 margin: 0; /*ul 에 대한 ie, ff 차이를 없애기 위해 0 으로 설정 */
 padding: 0; /*ff 는 속성에 기본 margin, padding 이 설정된 경우가 았음*/
 list-style-type: none; /* ul li 태그 사용으로 인한 disc 를 안보이도록*/
}

.table_style .header {
 text-align: center;
 border-top: 1px  dotted #000; /*테이블의 상단 보더를 만듬*/
}

.table_style ul li {
 text-align: center;
 float: left;
 margin: 0;  /* 테이블 속성에 사용하던 cellspacing 과 동일 */
 padding: 10px 1px; /* 테이블 속성에 사용하던 cellpadding 과 동일 */
 border-bottom: 1px dotted  #000; /*테이블의 하단 보더를 만듬*/
 border-left: 1px dotted  #000; /*테이블의 좌측 보더를 만듬*/
}
.table_style ul .column1 {
 width: 250px; 
}

.table_style ul .column2 {
 width: 250px;
}

.table_style ul .column3 {
 width: 250px;
 border-right: 1px dotted #000; /*테이블의 우측 보더를 만듬*/
}

/*Slide Menu Begin*/
#slidemenu{	
	width:64px;
	height:500px;
	top:250px;
	background:url(../../../images/menu/quick_menu/quickmenu.png) no-repeat;
	position:absolute;	
	margin:0 0 0 1248px;
	left:50%;	
	margin-left:500px;
	text-indent:-9999px;
}
#slidemenu ul{
	width:64px;
	height:64px;
	height:500px;
	padding:64px 0 0 0;
}
#slidemenu ul li{
	padding: 0;
}
.side_quick_menu_cert a{	
	background:url(../../../images/menu/quick_menu/1.jpg) no-repeat;
	width:64px;
	height:47px;
	display:block;
}
.side_quick_menu_catalog a{
	background:url(../../../images/menu/quick_menu/2.jpg) no-repeat;
	width:64px;
	height:39px;	
	display:block;
	}
.side_quick_menu_qna a{
	background:url(../../../images/menu/quick_menu/3.jpg) no-repeat;
	width:64px;
	height:40px;	
	display:block;
	}
.side_quick_menu_inspect a{
	background:url(../../../images/menu/quick_menu/4.jpg) no-repeat;
	width:64px;
	height:32px;	
	display:block;
	}
.side_quick_menu_routemap a{
	background:url(../../../images/menu/quick_menu/5.jpg) no-repeat;
	width:64px;
	height:35px;	
	display:block;
	}
.side_quick_menu_top a{
	background:url(../../../images/menu/quick_menu/top1.png) no-repeat;
	width:64px;
	height:39px;	
	display:block;
}
/*Slide Menu End*/