@charset "utf-8";


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

html, body {

	letter-spacing:-1px;
	font-family : nanum gothic;
	font-size : 11px;
	line-height : 18px;
	margin : 0 auto;
	color:gray;
	padding : 0 0 0 0;
	height: 100%;

/* 	background-image:url(../img/bg_basic.png);  */



	scrollbar-face-color: #747474;



	scrollbar-shadow-color: #747474;



	scrollbar-highlight-color: #747474;



	scrollbar-3dlight-color: #747474;



	scrollbar-darkshadow-color: #747474;



	scrollbar-track-color: #f1f1f1;



	scrollbar-arrow-color: white;


}



img{
	border:0;
}




a {

	text-decoration : none;
	color:black;


}


.top {

	width:100%;
	height:80px;
	border-bottom:4px solid #cacaca;
	float:left;

}

.top_in {

	width:1080px;
	height:80px;
	margin:0px auto;
	font-size:16px;
	color:black;
	font-weight:bold;
	line-height:80px;

}

.float_right {

	float:right;
	width : 750px;
	height : 50px;
}

.banner {

	float:left;
	height:417px;
	width:100%;
	background:#2a455a;
}

.banner_in {

	margin:0px auto;
	height:417px;
	width:1080px;


}

.logo {
	margin-right : 30px;
	float : left;
	width : 220px;
	height : 75px;
}

.menu {
	margin : 15px 0px 0px 10px;
	float : right;
	height : 25px;
	width : 100px;
}

.main_contents {

	height:219px;
	width:100%;
	float:left;


}

.main_contents_in {

	height:219px;
	width:1080px;
	margin:0px auto;


}


.main_contents_01 {

	width:251px;
	height:219px;
	border-left:1px solid #d4d4d4;
	text-align:center;
	color:gray;
	font-size:16px;
	position:relative;
	float:left;
}

.main_contents_01_title {

	position:absolute;
	top:0px;
	left:0px;
	width:90%;
	height:34px;
	color:black;
	font-weight:bold;
	font-size:16px;
	padding-left:5%;
	line-height:34px;
	padding-right:5%;
	text-align:left;
}


.main_contents_02 {

	width:305px;
	height:219px;
	border-left:1px solid #d4d4d4;
	text-align:center;
	color:gray;
	font-size:16px;
	position:relative;
	float:left;
}

.main_contents_02_title {

	position:absolute;
	top:0px;
	left:0px;
	width:90%;
	height:34px;
	color:black;
	font-weight:bold;
	font-size:16px;
	padding-left:5%;
	line-height:34px;
	padding-right:5%;
	text-align:left;
}



.main_contents_03 {

	width:261px;
	height:219px;
	border-left:1px solid #d4d4d4;
	text-align:center;
	color:gray;
	font-size:16px;
	position:relative;
	float:left;
	padding-left:15px;
	padding-right:15px;
}

.main_contents_03_title {

	position:absolute;
	top:0px;
	left:0px;
	width:90%;
	height:34px;
	color:black;
	font-weight:bold;
	font-size:16px;
	padding-left:5%;
	line-height:34px;
	padding-right:5%;
	text-align:left;
}



.main_contents_04 {

	width:227px;
	height:219px;
	border-left:1px solid #d4d4d4;
	border-right:1px solid #d4d4d4;
	text-align:center;
	color:gray;
	font-size:16px;
	position:relative;
	float:left;
}

.main_contents_04_title {

	position:absolute;
	top:0px;
	left:0px;
	width:90%;
	height:34px;
	color:black;
	font-weight:bold;
	font-size:16px;
	padding-left:5%;
	line-height:34px;
	padding-right:5%;
	text-align:left;
}

.footer {

	width:100%;
	height:132px;
	float:left;
}

.footer_in {

	width:1080px;
	height:132px;
	margin:0px auto;
	font-size:12px;
	color:#979797;
	font-weight:bold;
}


.sub_banner {

	float:left;
	width:100%;
	height:112px;
	background:#363f4a;
	border-bottom:1px solid #cacacb;
}

.sub_banner_in {

	margin:0px auto;
	width:1080px;
	height:112px;

}

.sub_contents {

	width:100%;
	height:auto;
	float:left;
	min-height:200px;
}

.sub_contents_in {


	width:1080px;
	height:auto;
	min-height:200px;
	margin:0px auto;
	border-left:1px solid #d4d4d4;
	display:table;
}

.sub_lnb {


	width:204px;
	height:auto;


	min-height:200px;
	float:left;
}

.lnb_head {

	width:90%;
	height:70px;
	border-bottom:1px solid #d4d4d4;
	font-size:30px;
	font-weight:bold;
	color:#363f4a;
	line-height:70px;
	padding-left:10%;
}

.lnb_cell_sel {

	height:50px;
	width:90%;
	padding-left:10%;
	line-height:50px;
	border-bottom:1px solid #d4d4d4;
	font-size:18px;
	font-weight:bold;
	color:#225390;
}

.lnb_cell {

	height:50px;
	width:90%;
	padding-left:10%;
	line-height:50px;
	border-bottom:1px solid #d4d4d4;
	font-size:18px;
	font-weight:normal;
	color:#363f4a;
}

.sub_texts {

	width:824px;
	float:left;
	height:auto;
	padding:25px;
	font-size:14px;
	color:#3b3b3b;
	font-weight:normal;
	line-height:28px;
	border-left:1px solid #d4d4d4;
}

.com_performance_texts {

	padding:25px;
	font-size:13px;
	color:#3b3b3b;
	font-weight:normal;
}

.sub_texts_title {

	font-size:40px;
	color:#285994;
	font-weight:normal;

}

.sub_texts_title_mini {

	font-size:20px;
	color:#285994;
	font-weight:normal;
}

.sub_texts_sub_title {

	font-size:20px;
	font_weight:bold;
}

.sub_texts_right_range {
	float: right;
	font-size:16px;
	font-weight:normal;
}

.sub_texts_right_range_name {
	float: right;
	font-size:18px;
	font-weight:normal;
	padding-left: 10px;
}

table.performance {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

table.performance thead th {
    padding: 5px;
    font-weight: bold;
    vertical-align: middle;
    color: #fff;
    background: #285994;
    margin: 20px 10px;
    height: 40px;
}

table.performance td {
    padding: 5px;
    font-weight: normal;
    height: 40px;
}

table.performance tbody tr:nth-child(2n) {
    background: #f3f4fd;
}