@charset "euc-kr";
html, body {height:100%;  }
#main_all {
	height:100%;   background-image: url(../_img/main/main_bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#main-menu {
	width:967px;
	height: 73px;
}

#main-area {
	width:967px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto 0 auto;
}
#main-top {
	width:967px;
	 height:85px
}
#main-top #logo {float:left; width:186; height:85px}
#main-top #gmenu {
	position:relative;
	float:right;
	width:240px;
	height:30px;
	top:48px;
	right:90px
}
#main-contents-01 {
	width:967px;
	 height:250px;
}
#main-contents-02 {
	width:967px;
	 height:557px; margin-bottom:20px
}
#main-contents-03 {
	width:967px;
	 height:62px
}
#sub_all {
	height:100%;   background-image: url(../_img/com/sub_bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

#sub-area {
	width:967px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto 0 auto;
}

#sub-top {
	width:967px;
	 height:85px
}
#sub-top #logo {float:left; width:186; height:85px}
#sub-top #gmenu {
	position:relative;
	float:right;
	width:240px;
	height:30px;
	top:48px;
	right:5px
}


#sub-menu {
	width:967px;
	height: 165px;
}

#sub-topimg {
	width:967px; float:left; height:47px; z-index:1; height: 133px;
	
}
#sub-topimg #inimg{
	position:relative;
	top:0px;
	right:0px;
	float:right;
	z-index:1
	
}
#sub-middle {position:relative;
	top:0px; left:0px
	width:967px;  z-index:2; 
}
#sub-middle #leftmenu {
	width:187px; float:left; 
	
}
#sub-middle #contents {
	width:779px; float:right; border-left:1px solid #cccccc ; 
	
}
#sub-middle #contents #in{
	width:746px; float:right;  min-height: 500px;
	
}
#sub-middle #contents #in #title{
	width:746px; height:90px; margin-bottom:20px
}

#sub-middle #contents #in #route{
	width:746px; height:56px	
}
#sub-middle #contents #in #inbody {
	width:746px; 
}

#bottom {
	width: 100%; 
	text-align: center;
	height:91px;
    background-image: url(../_img/com/bottom_bg.jpg);
	background-repeat: repeat-x;
	background-position: center top; float:left;
		margin-top:30px
	
}
#main_bottom {
	width: 100%; 
	text-align: center;
	height:91px;
    background-image: url(../_img/com/bottom_bg.jpg);
	background-repeat: repeat-x;
	background-position: center top; float:left;

	
}
*html #bottom {
	width: 100%; 
	text-align: center;
	height:91px;
    background-image: url(../_img/com/bottom_bg.jpg);
	background-repeat: repeat-x;
	background-position: center top; float:left;
	margin-top:30px
	
}
 #sub_middle{
	width:998px;
	min-height:650px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
}
#sub_left{
	width:234px; float:left; }
	
#sub_right{
	width:717px; float:left; float:right}
	
	
#sub_img {
	position:absolute;
	left:350px;
	top:-10px;
	width:284px;
	height:168px;
	z-index:1;
}#main-swf {
	position:relative;
	top:-12px;
	width:100%;
	height: 760px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../_img/main/mainbg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	float:left
}

#leftnav { display: block; margin-top: 30px; padding: 0; position: absolute; z-index:100; width:175px; } 
#leftnav li, #leftnav li ul li { display: block; list-style: none; margin: 0; padding: 0; position: relative; }

* html #leftnav li { line-height: 0; } /* IE6 "fix" */
#leftnav li a { zoom: 1; } /* IE6/7 fix */

#leftnav .title { font:16pt Arial; color:#2a86ba; font-weight:bold; letter-spacing:-1px; padding-bottom: 20px; border-bottom:1px solid #ccc; }
#leftnav li { border-bottom:1px solid #ccc; background:none; color:#333; }
#leftnav ul { border-top:1px solid #ccc; }
#leftnav li li { border-bottom:0px; background: url("/en/_img/main/icon_leftmenu.gif") no-repeat left center; color:#333; }
#leftnav li a { color:#333; display:block; padding:6px 0 6px 9px; font:9pt Arial; letter-spacing:0px; text-align:left; background:none !important; top:0!important; font-weight:normal!important; }
#leftnav li li a { padding:6px 0 6px 24px; font:8pt Arial; }
#leftnav a:hover { background:#1E4B82 !important; color:#fff}
#leftnav .on { background:#1E4B82; }

#tabmenu { display: block; margin-top: 0px; padding: 0; position: absolute; border-bottom:1px solid #ccc; } 
#tabmenu li { list-style: none; float:left; }
#tabmenu li a { display: block; margin: 0; padding:4px; width:130px; letter-spacing:0px; text-align:center; background:#999; color:#fff; border-right:1px solid #fff;}
#tabmenu li a:hover { background:#1E4B82; color:#fff; }
#tabmenu li .on { background:#1E4B82; color:#fff; }