@charset="utf-8";
* {margin:0; padding:0px;}
body, table, tr, td, select, input, textarea {font-family:"돋움",Dotum,"굴림",Gulim,seoul, arial, verdana; font-size:12px;  color:#4e4e4e; letter-spacing:-0.04em;}
ul, li {list-style:none; margin:0; padding:0;}

/* 홈페이지 레이아웃 */

#container_wrap {
	background:url('../img/common/header_topbg.png') repeat-x; 
	width:100%;
	height:274px;
}

#header_wrap {
	width:1024px;
	height:100px;
	margin:0 auto;
}

#contant_wrap {
	background:url('../img/common/contents_bg.png') repeat-x; 
	width:100%;	
}
#footer_wrap {
	background:#222222;
	height:120px;
	width:100%;	
}

/* 헤더 header start */


.top_wrap {
	height:75px;
}
.logo {
	float:left; 
	padding:15px 5px;
}
.gloval {
	float:right;
	padding:10px 5px;
}
.navi {
/*	position:relative;*/
	position:absolute;
	width:1024px;
	height:20px;
	z-index:10;

}
.navi ul {
	display:inline;
}
.navi li {
	float:left;
}


.navi_view {
/*	position:relative;*/
	position:absolute;
	background:url('../img/common/top_banner_bg.png') repeat-x;
	width:100%;
	height:174px;
	z-index:2;
	text-align:center;
}

/* 공용 contents */

.left_navi {
	width:220px;
	height:300px;
	float:left;
	font-size:0;
}

.contant_box{
	width:764px;
	float:right;
}

.left_menu {	
	width:220px;
}

.left_menu ul {	
	display:inline;
}

.left_menu li {
	float:left;
}
.left_bg {
	background:url('../img/common/left_bg.png');
	width:220px;
	height:150px;
	background-position:0 -11px;
}
.left_bg2 {
	background:url('../img/common/left_bg.png');
	width:220px;
	height:90px;
}

.contant_ttl {
	background:url('../img/common/contents_title_bg.png') repeat-x;
	height:90px;
}
.ttl_box {
	float:left;
	padding:38px 0 0 0;
}
.home_navi {
	float:right;
	padding:50px 5px 0 0;
}
.login_box {width:170px;}
.login_box li {float:left; padding:0 5px 0 0;}

/* contants size */
.contant {
	width:1024px;
	height:480px;
	margin:0 auto;
}
.contant0101 {
	width:1024px;
	height:500px;
	margin:0 auto;
}
.contant0102 {
	width:1024px;
	height:500px;
	margin:0 auto;
}

.footer_0101 {
	background:#232323;
	width:100%;
	height:115px;
	text-align:center;	
	position:absolute;
}
.footer_0102 {
	background:#232323;
	width:100%;
	height:115px;
	text-align:center;	
	position:absolute;
	top:1250px;
}
.contant0201 {
	width:1024px;
	height:500px;
	margin:0 auto;
}
.footer_0201 {
	background:#232323;
	width:100%;
	height:115px;
	text-align:center;	
	position:absolute;
	top:1830px;
}
.footer_0301 {
	background:#232323;
	width:100%;
	height:115px;
	text-align:center;	
	position:absolute;
	top:1320px;
}
.footer_04 {
	background:#232323;
	width:100%;
	height:115px;
	text-align:center;	
	position:absolute;
	top:1020px;
}

/* sub0101 */
.sub0101_text {
	background:url('../img/sub01/sub0101_img01.png');
	width:764px;
	height:375px;
	line-height:30px;
	font-size:1.2em;
	font-weight:700;
}

/* sub0102 */
.sub0102_text01 {
	width:764px;
	height:140px;
	line-height:30px;
}
.sub0102_text02 {
	padding:15px 0;
	width:764px;
	height:60px;
	line-height:30px;
}

.sub0102_box01 {
	width:50%;
	float:left;
}
.sub0102_box02 {
	width:50%;
	float:right;
}
.sub0102_map {
	float:right;
}

/* sub0201 */
.sub0201_text01 {
	width:764px;
	height:560px;
	line-height:30px;
}
.sub0201_text02 {
	width:764px;
	height:480px;
	line-height:30px;
}
.sub0201_text03 {
	width:764px;
	height:230px;
	line-height:30px;
}
.sub0201_text04 {
	width:764px;
	height:140px;
	line-height:30px;
}
.sub0201_h2 {
	padding:0 0 30px 0;
}
.sub0201_box01 {
	width:50%;
	float:left;
}
.sub0201_box02 {
	float:left;
}
.txt_box {
	width:220px;
	text-align:center;
	padding:12px 20px;
	background:#dfdfdf;
}

/* sub0301 */

.sub0301_text {
	width:764px;
	height:230px;	
}
.sub0301_box01 {
	float:left;
	padding:0 14px 0 0;
}
.sub0301_box02 {
	float:left;
	padding:0 14px 0 0;
}
.sub0301_box03 {
	float:left;
	padding:0 14px 0 0;
}
.sub0301_box04 {
	float:left;
}
.sub0301_img_box {
	width:180px;
	height:180px;
	background:#dfdfdf;
	text-align:center;
}
.sub0301_txt_box {
	width:180px;
	height:30px;
	text-align:center;
}

/* sub0401 */
.sub0401_box {
	width:764px;
	height:140px;
}
.title_box {
	width:764px;
}
.container_title {
	width:200px;
	float:left;
	padding:38px 0 0 0;
}
.home2_navi {
	width:200px;
	float:right;
	padding:50px 5px 0 0;
	text-align:right;
}
/* footer 푸터 copyright */

.footer {
	width:1024px;
	height:40px;
	margin:0 auto;
	padding:30px 0 0 0;
}
.footer_logo {
	text-align:left;
	width:240px;
	float:left;
}

.footer_text {
	text-align:left;
	float:right;
	line-height:20px;
}