@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

@charset "utf-8";

* {margin:0; padding:0; spacing:0; border:0;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


.clear {
	clear:both;
}



body {
	font-family: 'NanumGothic', '나눔고딕', 'Nanum Gothic', Arial, Helvetica, sans-serif, 굴림, 돋움 ;
	font-size: 12px;
	color: #666;
	letter-spacing:0px;
	line-height: 20px;
}

a {
	text-decoration:none;
	color:#fc0;
}
a:hover {
	text-decoration:none;
	color:#f60;
}
body.main {
	background-color: #fff;
	background-image: url(/images/bg_main.png); 
	background-repeat:repeat-x;
	background-position:top;
}
body.company {
	background-color: #fff;
	background-image: url(/images/bg_company.png); 
	background-repeat:repeat-x;
	background-position:top;
}
body.video {
	background-color: #fff;
	background-image: url(/images/bg_video.png); 
	background-repeat:repeat-x;
	background-position:top;
}
body.access {
	background-color: #fff;
	background-image: url(/images/bg_access.png); 
	background-repeat:repeat-x;
	background-position:top;
}
body.unman {
	background-color: #fff;
	background-image: url(/images/bg_unman.png); 
	background-repeat:repeat-x;
	background-position:top;
}
body.criminal {
	background-color: #fff;
	background-image: url(/images/bg_criminal.png); 
	background-repeat:repeat-x;
	background-position:top;
}



/*---------------------article---------------------------*/


#sub_img{
	width:940px;
	height:151px;
	text-align:left;
	vertical-align:central;
	margin:0px 0 0 0;
}

article {
	width:940px;
	padding:0 0 20px 0;
	color: #808080;
	min-height:400px;
}

section {
	display:block;
	width:940px;
	padding:0 0 80px 0;
}


/*---------- Main ----------*/


#main_img {
	width:940px;
	height:339px;
	text-align:right;
	margin:72px 0 0 0;
}

.main_video{
	height:96px;
	float:left;
	display:block;
	padding:0px 0 0 92px;
	line-height: 16px;
	color:#4f546a;
	letter-spacing:-0.5px;
	background-image: url(../images/lens.png); 
	background-repeat: no-repeat; 
	background-position:left;
}

.main_telnum{
	height:82px;
	float:right;
	display:block;
	width:446px;
	padding:14px 0 0 0;
}


#banner ul {
	float:left;
	margin:13px 0 0 0;
	padding:0;
}

#banner ul li {	

	float:left;
	display:block;
}


#banner ul li.left {
	width:300px;
	margin:0 20px 0 0 ;	
	padding:0;
	list-style:none;
}

#banner ul li.right {
	width:300px;
	margin:0;	
	padding:0;
	list-style:none;
}
	
	
/*---------- Sub Main title ----------*/



#sub_img_company {
	width:930px;
	height:98px;
	text-align:left;
	margin:52px 0 0 10px;
}

#sub_img_video {
	width:930px;
	height:115px;
	text-align:left;
	margin:35px 0 0 10px;
}

#sub_img_access {
	width:930px;
	height:115px;
	text-align:left;
	margin:35px 0 0 10px;
}

#sub_img_unman {
	width:930px;
	height:110px;
	text-align:left;
	margin:40px 0 0 10px;
}

#sub_img_criminal {
	width:930px;
	height:105px;
	text-align:left;
	margin:45px 0 0 10px;
}

/*---------- L Menu ----------*/


#lmenu {
	float:left;
	display:block;
	width:210px;
}

.mtitle {
	text-align:center;
	width:160px;
	padding:37px 0 31px 0;
	font-size:24px;
	letter-spacing:-1px;
	color:#5f7494;
	font-weight:bold;
}

#mborder {
	display:block;
	width:160px;
	border-bottom: 4px solid #afb9c9;
}

.submenu ul li a{
	display:block;
	width:147px;
	height:30px;
	padding:13px 0 0 13px;
	line-height: 16px;
	font-size:14px;
	font-weight:bold;
	color:#6e6e6e;
	border-bottom:1px dotted #97afb5;
}

.dot{
	font-size:10px;
	font-weight:nomal;
	color:#0cf;
}
	

.submenu ul li a:hover{
	color:#f60;
	background-color:#fafafa;
}	
	
.sub_num{
	padding:30px 0 0 0;
}

	
/*---------- Article ----------*/
	
	
#article {
	float:left;
	display:block;
	width:730px;
	margin:0;
}

.stitle {
	text-align:left;
	width:700px;
	padding:35px 0 33px 35px;
	font-size:24px;
	color:#666;
	font-weight:nomal;
	letter-spacing:-1px;
	
	background-image: url(../images/bullet_t.png); 
	background-repeat: no-repeat; 
	background-position:left;
}

.mcopy {
	text-align:left;
	width:730px;
	padding:0 0 35px 0;
	font-size:22px;
	color:#4f86d9;
	font-weight:nomal;
	line-height:30px;
	letter-spacing:-1.5px;
}

.scopy {
	text-align:left;
	width:640px;
	padding:0 0 60px 0;
	font-size:12px;
	color:#5f7494;
	font-weight:nomal;
	line-height:20px;
	letter-spacing:-0.5x;
}

.text {
	text-align:left;
	width:640px;
	padding:0 0 60px 18px;
	font-size:12px;
	color:#666;
	font-weight:nomal;
	line-height:20px;
	letter-spacing:-0.5x;
}

.dot_o{
	font-size:10px;
	font-weight:nomal;
	color:#f90;
}
	
.title{
	padding:0 0 20px 0;
	font-size:14px;
	font-weight:bold;
	color:#6e6e6e;
}

.title_b{
	padding:0 0 20px 0;
	font-size:14px;
	font-weight:bold;
	color:#4f86d9;
}

.title_db{
	padding:0 0 20px 0;
	font-size:18px;
	font-weight:bold;
	color:#5f7494;
}

.year{
	padding:0 0 20px 0;
	font-size:30px;
	font-weight:none;
	color:#4f86d9;
}

.no{
	font-family:Batangche, Batang;
	padding:0 0 20px 0;
	font-size:90px;
	font-weight:none;
	color:#4f86d9;
	line-height:68px
}



table {
	width:640px;
	border-collapse:collapse;
	margin:0;	
}

td {
	text-align:center;
	color:#666;
	padding:20px 10px;
	background-color:#fff;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #bbb;
}

td.left {
	text-align:left;
	background-color:#fff;	
}

tr.top {
	border-top: 2px solid #5f7494;
}

tr.bottom {
	border-bottom: 1px solid #999;
}