@charset "utf-8";
/* CSS Document */
@import url(other.css);

/*마진과 패딩의 초기화*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td{margin:0; padding:0;}
/*헤더폰트 사이즈 초기화*/
h1, h2, h3, h4, h5, h6{font-size:100%;}
/*리스트이 스타일 제거*/
ol, ul{list-style:none;}
/*폰트 강조 특성 초기화*/
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal;}
/*테이블 스타일 초기화*/
table{border-collapse:collapse;}
/*이미지 및 필드셋에서 보더표시 초기화*/
fieldset, img{border:0;}
/*캡션과 테이블헤더 텍스트 정렬 초기화*/
caption, th{text-align:left;}


@font-face {
  font-family: 'hyundai_L';
  src: local('hyundai_L');  
  src: url(hyundai_L.eot);
  src: url(hyundai_L.eot?#iefix) format('embedded-opentype'),
       url(hyundai_L.woff) format('woff'),
       url(hyundai_L.ttf) format('truetype');
}
@font-face {
  font-family: 'hyundai_M';
  src: local('hyundai_M');
  src: url(hyundai_M.eot);
  src: url(hyundai_M.eot?#iefix) format('embedded-opentype'),
       url(hyundai_M.woff) format('woff'),
       url(hyundai_M.ttf) format('truetype');
}




body{font: normal 12px hyundai_L, Helvetica, sans-serif; line-height:20px;  color:#606b7c;background-color: #FFFFFF;}

a {color:#606b7c;text-decoration: none;}
a:hover {color:#000000;text-decoration: none;}






#container{	width:100%;	margin:0 auto;}/*전체레이어*/


/*-공통(윗부분)------------------------------------------------------------------------------------------------------------------------------*/

.head_size{width:840px; margin:0 auto;}

#header{width:100%; margin:0 auto; height:60px; position:relative; border-bottom:3px solid #014382;}

#header h1{padding-top:14px; float:left;}


.top_right{float:right; text-align:left;  margin-top:16px; width:640px;}


#language{float:right;margin:0;} /*---언어선택-----------------------*/
#language ul{margin:0;}
#language ul li{float:left; padding:5px 10px 5px 10px; color:#fff;}
#language ul li a {color:#fff; text-decoration:none; display:block;}
#language ul li a:hover {text-decoration:none;color:#015196;display:block;}
.language_select{padding:5px 5px 4px 5px; background:none; border:1px solid #abadb3; margin:0px;}


#menu{text-align:left;  float:left; margin-right:10px;}/*---메뉴-----------------------*/


#nav {margin:0 auto; text-align:center; display:block; padding-top:6px;}
#nav .mainlevel {float:left;  /*IE6 only*/}
#nav .mainlevel a {color:#222222; text-decoration:none; height:15px; line-height:15px; display:block; padding-right:15px; margin-left:15px; font-size:15px;font-family: 'hyundai_M'}
#nav .mainlevel a:hover {color:#014382; text-decoration:none;}

#nav .mainlevel ul {display:none; position:absolute;}
#nav #mainlevel_03{border-right:1px solid #cccccc;/*IE6 only*/}

#nav .on a {color:#014382; text-decoration:none;}



/*-공통(내용부분)------------------------------------------------------------------------------------------------------------------------------*/


#content{width:840px; margin:0 auto; min-height:550px; clear:both; padding-top:30px;}

#content h1{margin:0; color:#637380; padding-top:20px;font: 18px hyundai_M, Helvetica, sans-serif;line-height:22px; padding-bottom:5px;}/*-내용 제목-------*/

#content h5{
	margin:0;
	color:#3a4658;
	line-height:22px;
	padding-bottom:15px;
	font-family: hyundai_M, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: underline;
}/*-제목-------*/


#content h6{
	margin:0;
	color:#3a4658;
	line-height:22px;
	padding-bottom:10px;
	font-family: hyundai_M, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	text-decoration: underline;

}



.title_bg{	height:3px;	background-image: url(../images/title_bg.gif);	background-repeat: no-repeat; overflow:hidden;}

.content_more{margin:0; padding-top:26px; }/*-자세한 내용-------*/

.content_more p{margin:0;font: normal 12px hyundai_M, Helvetica, sans-serif;color:#606b7c; line-height:20px;text-align: justify; text-align:center; }


.clear{clear:both;}

.f_heigth{ clear:both; height:50px; overflow:hidden;}/*-내용 하단 간격-------*/

/*---공통(아래부분)---------------------------------------------------------------------------------------------------------------*/


#footer{
    clear:both;
	padding-bottom:30px;
	width:100%;
	border-top:1px solid #aaaaaa;}
	
.foot_size{width:840px; margin:0 auto; overflow:hidden; padding-top:15px; padding-bottom:20px;}
.foot_logo{float:left;}



#sub_info{width:840px; margin:0 auto; }

#sub_info ul{padding-top:7px;}
#sub_info ul li{float:left; padding-right:15px; color:#626b81;}

#sub_info ul li a {color:#626b81; text-decoration:none; display:block;}
#sub_info ul li a:hover {text-decoration:none;color:#015196;display:block;}


#site_copyright{margin:0 auto; font-size:11px; color:#999999; line-height:34px; float:right;}























/*---메인 내용---------------------------------------------------------------------------------------------------------------*/

.main_content{background-image: url(../images/main_img1.png); background-repeat:no-repeat; background-size:100% 100%; height:700px; position:relative;}

.main_text{width:840px; margin:0 auto; padding-top:80px;}
.main_car{width:840px; margin:0 auto;text-align:center;padding-top:150px;}
.main_btn{position:absolute; top:220px; left:0px;}
.main_btn a{display:block;background-image: url(../images/main_btn.png); background-repeat:no-repeat; width:259px; height:216px; text-indent:-9999px;}

.m_baner{margin:0;}

.m_link{
	margin:0;
	width:218px;
	padding-bottom:20px;
	background-image: url(../images/m_link_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #cdd1d6;
	float:left;
}
/*
.m_link dl{margin:0;}

.m_link dt{padding:12px 30px 15px 30px;font: bold 12px Arial, Helvetica, sans-serif;color:#788596;background-image: url(../images/m_link_top.gif);background-repeat: repeat-x; }

.m_link dd{padding:8px 30px 0px 30px;font: normal 12px Arial, Helvetica, sans-serif;color:#333333; }



.m_link ul{width:118px;margin:0 auto; text-align:center;}
.m_link ul li{margin:0 auto;display:inline;white-space:nowrap;word-break:keep; width:10px; padding-right:20px;}

.m_link a {
	color:#ffffff;
	display:inline;
	text-decoration: none;
	background-image: url(../images/m_link_btn_bg.gif);
	background-repeat: repeat-x;
	padding:7px 21px 7px 21px;
	font-family:normal Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.m_link a:hover {
	color:#ffffff;
	display:inline;
	text-decoration: none;
	background-image: url(../images/m_link_btn_bg.gif);
	background-repeat: repeat-x;
	padding:7px 21px 7px 21px;
	font-family:normal Arial, Helvetica, sans-serif;
	font-size: 12px;
}
*/


.m_right{ float:right; text-align:left; width:600px;}
.m_right h2{
	font: normal 16px hyundai_M, Helvetica, sans-serif;
	color:#3a4658;
	line-height:22px;
}
.m_right p{
	font: normal 12px hyundai_M, Helvetica, sans-serif;
	color:#606b7c;
	line-height:22px;
	text-align: justify;
}



.m_supp{ clear:both; padding-top:20px;}
.m_supp h3{padding-top:15px;font: normal 12px hyundai_M, Helvetica, sans-serif; color:#1a3e74;line-height:20px;}
.m_supp p{padding-top:5px;font: normal 12px hyundai_M, Helvetica, sans-serif; color:#2a2f33;line-height:16px;}




.m_supp ul{margin:0; margin-top:18px;}
.m_supp ul li{margin:0;}

.m_supp a {
	color:#ffffff;
	display:inline;
	text-decoration: none;
	background-image: url(../images/m_supp_link.gif);
	background-repeat: repeat-x;
	padding:7px 21px 7px 21px;
	font-family:normal hyundai_M, Helvetica, sans-serif;
	font-size: 12px;
}
.m_supp a:hover {
	color:#ffffff;
	display:inline;
	text-decoration: none;
	background-image: url(../images/m_supp_link.gif);
	background-repeat: repeat-x;
	padding:7px 21px 7px 21px;
	font-family:normal hyundai_M, Helvetica, sans-serif;
	font-size: 12px;
}


.m_c01{ width:220px; float:left; margin-right:18px;}


.m_c02{width:290px;float:left;}

.m_c03{width:290px;float:right;}