@charset "utf-8";

body { color: #666; 
	font-family: 'Nanum Gothic', 나눔고딕,  Apple Gothic, Nanum Gothic,'돋움',Dotum;
    font-size: 0.75em;
    height: 100%;
    line-height: 1.5em;
    margin: 0;
    padding: 0;}
h2 {overflow:hidden;}

#wrap {width:100%; height:100%; margin:0 auto; padding:0;}

.group:after {clear: both; content: "";  display: block;  height: 0;}

#wrapHead {margin:0; padding:0; width:100%; height:100%;}
	
	#header {width:880px; margin:0 auto; position:relative; height:130px; z-index:1000;}
		ul#top_right {top:0; margin:25px 0 0 0; padding:0; float:right;}
		ul#top_right li {float:left; display:inline; }
		
	#logo { margin:0; position:absolute; float:left; left:0; top:0; z-index:10; padding:0; border:0px;}
	
	#menus {float:left; height:35px; margin: 15px 0 0 135px; padding:0;}
	.mainMenuBox {height: 35px; width:744px; margin:0; padding:0;}
	.mainMenuBox li {float: left; height: 32px; margin:0; padding:0}
	.mainMenuBox li a {display: block; margin: 0;}
	.mainMenuBox li ul {height: 25px; left: 0; padding: 0; position: absolute;}
	
	.mainMenuBox li ul.gOn {display:block; }
	.mainMenuBox li ul { top:51px;}
	
	.mainMenuBox li ul#g_m01 {top:94px; left:136px; width: 744px; height:30px; }
	.mainMenuBox li ul#g_m02 {top:94px; left:136px; width: 744px; height:30px; }
	.mainMenuBox li ul#g_m03 {top:94px; left:136px; width: 744px; height:30px; }
	.mainMenuBox li ul#g_m04 {top:94px; left:305px; width: 744px; height:30px; }
	.mainMenuBox li ul#g_m05 {top:94px; left:400px; width: 744px; height:30px; }
	.mainMenuBox li ul#g_m06 {top:94px; /*left:195px;*/ left:490px; width: 744px; height:30px; }
	.mainMenuBox li ul#g_m07 {top:94px; /*left:450px;*/ left:570px; width: 744px; height:30px; }				
	.mainMenuBox li ul.mainSubMenuOn8 {left: 420px; width: 744px;}
	
	.mainMenuBox_warp{height: 35px;  width: 737px;  background: url(/img/main/mainMenuBox_bg.jpg) no-repeat scroll 0 0 transparent;}
	.mainMenuBox_mb {display: block;overflow: hidden;}
	
	
	/*.mainMenuBox_mb {height: 35px;width: 737px;margin:0;padding:0;background: url("/img/main/mainMenuBox_bg.jpg") no-repeat scroll 0 0 transparent;padding: 0px 6px;}*/
	
	/*외주지원센터 메뉴가 밑으로 내려가서 숨김처리함 180802-김은영*/
	/*.mainMenuBox_mb.no_login_menu > li {width:16.5%;}*/
	
	.mainMenuBox_mb > li {float: left; height: 32px; margin:0; padding:0; /*width: 12.3%;*/ padding: 0px 20px; text-align:center;}
	.mainMenuBox_mb > li a {color: #fff; display: block; font-size: 13px; font-weight: 600; height: 35px; line-height: 31px; margin: 0;}
	.mainMenuBox_mb > li a:hover { color:#000;}
	.mainMenuBox_mb > li ul {height: 25px; left: 0; padding: 0; position: absolute;}
	
	.mainMenuBox_mb li ul.gOn {display:block; }
	.mainMenuBox_mb li ul { top:51px;}
	
	.mainMenuBox_mb li ul#g_m01 {top:94px; left:136px; width: 744px; height:30px; }
	.mainMenuBox_mb li ul#g_m02 {top:94px; left:136px; width: 744px; height:30px; }
	.mainMenuBox_mb li ul#g_m03 {top:94px; left:136px; width: 744px; height:30px; }
	.mainMenuBox_mb li ul#g_m04 {top:94px; left:305px; width: 744px; height:30px; }
	.mainMenuBox_mb li ul#g_m05 {top:94px; left:400px; width: 744px; height:30px; }
	.mainMenuBox_mb li ul#g_m06 {top:94px; left:497px; width: 744px; height:30px; }
	.mainMenuBox_mb li ul#g_m07 {top:94px; left:300px; width: 744px; height:30px; }		
	.mainMenuBox_mb li ul#g_m10 {top:94px; left:780px; width: 744px; height:30px; }				
	.mainMenuBox_mb li ul.mainSubMenuOn8 {left: 420px; width: 744px;}
	/*.mainMenuBox_mb li ul#g_m08{top:94px; left:650px; width: 744px; height:30px; }*/
	#menus ul li.on ul {display: block;}
	ul.mainMenuBox li ul li {float: left; height: 30px; line-height: 10px; padding: 0px 8px 0; background: url("/img/main/boder_bl.gif") no-repeat scroll 0 7px transparent; margin:6px 10px 0 0;}
	._on{font-weight:bold;}
	ul.mainMenuBox li ul li a, ul.mainMenuBox li ul li a:visited {
		color: #333; display: inline; 
		font-size: 11px;
		letter-spacing: 0px;
		line-height: 17px;
		margin: 0;
		padding: 0;
	}
	
	ul.mainMenuBox_mb li ul li {float: left; height: 30px; line-height: 10px; padding: 0px 8px 0; background: url("/img/main/boder_bl.gif") no-repeat scroll 0 7px transparent; margin:6px 10px 0 0;}
	._on{font-weight:bold;}
	ul.mainMenuBox_mb li ul li a, ul.mainMenuBox li ul li a:visited {
		color: #333; display: block; 
		font-size: 12px;
		font-weight: normal;
		letter-spacing: 0px;
		line-height: 17px;
		margin: 0;
		padding: 0;
	}
	
#wrapBody {margin:0 auto; width:880px; padding:0;}
		.vis {float:left; margin:-6px 0 0 0;}
		
	#container {margin:0 0 0 0; padding: 0; width: 100%; display: inline-block; height:100%;}
	
		#left { width:180px; margin:0 0 0 0; min-height:400px; float:left;}
		.m_title { height:57px; width:180px;  margin:3px 0 18px 0; padding:0;}
		.m_list {margin:0 0 0 0; padding:0;}		
		
		.m_list li ul {display:none;}
		.m_list li .gsOn {display:block; margin: 0; padding: 0;}
		
		#faq{ width:185px; height:132px; background: url("/img/sub/link_bg.gif") repeat-x scroll 0 0 transparent; margin:20px 0 0 0; padding:0; padding:0; float:left;}			
		#faq p {width:185px; height:40px; margin:143px 0 0 0; float:left;  padding:0;}
		
		
		#right { width:680px; margin-top:0; background: url("/img/sub/right_bg.gif") no-repeat scroll 0 0 transparent; min-height:500px; float:right; position:relative;}
		#sub_vis {width:680px; margin:34px 0 0 0; padding:0; float:left; border-bottom: 1px solid #dbdbdb;}
		.s_title { float:left; height:35px; margin-bottom:5px; font-weight:600; font-size: 18px; color: #333333; }
		.path {float:right; color:9c9c9c; font-size:11px; background: url("/img/sub/path_ico.gif") no-repeat scroll 0 6px transparent;
		 margin: 14px 0 0 0; padding:0 0 0 14px; height:25px; line-height:25px; }

		.contents {width:680px; margin:37px 0 37px 0; padding:0; float:left;}
		.contents  ul  {margin-top:4px; padding:0px;}
		.contents  ul li {margin-bottom:4px;}
		.contents ul > li {padding:0 0 0 12px; background:url(/images/common/icon/h_li.gif) no-repeat left 6px; text-align:justify;}
		.contents ul ul li {padding:0 0 0 9px; background:url(/images/common/icon/ul_li.gif) no-repeat left 6px;  text-align:justify; margin:5px 0 0; line-height:130%;}
		.contents ul ul ul li {padding:0 0 0 8px; background:url(/images/common/icon/ul_li_li.gif) no-repeat left 6px;  text-align:justify;}
		.contents ul > ol li {padding:0; margin:0 0 0 3%; background:none; list-style-type:decimal;}
		.contents ul > li ol li {padding:0; margin:10px 0 0 -22px; background:none; list-style-type:decimal;}		
		.contents ul > ul ul li {padding:0 0 0 1%; background:url(/images/common/icon/ul_li_1.gif) no-repeat left 8px;}
/* #content ol {margin:4px 0 0 4px; }*/
		.contents ol {margin-bottom:10px;} 
		.contents ol > li {padding:3px;  text-align:justify; margin:5px 0 5px 15px; border-bottom:1px dotted #ccc;list-style-type:decimal;}
		.contents ol > ul li {list-style:none; margin:0; padding:0 0 0 2%; background:url(/images/common/icon/n01-5.gif) no-repeat left 6px; }
		.contents ol > ul ul li {padding:0 0 0 2%; background:url(/images/common/icon/n01-6.gif) no-repeat left 8px;}		
		.contents h4 {clear:both;	margin:10px 0 5px 0; padding:0 0 0 22px;  font-size:13px; text-align:left; color: #555;}
	* html h4 {height:1%;}
		 p {padding:2px 0; margin:0; }
		.tab01 img {text-align:center;}
		.tab01 {/*clear:both;*/ margin:10px 0 20px 24px; padding:0; text-align:justify; color:#6D6D70; font-size:12px;}
		.tab02 {/*clear:both;*/ margin:0 0 14px 10px; padding:0; text-align:justify;color:#6D6D70; font-size:12px;}
		.tab03 {/*clear:both;*/	margin:0 0 10px 14px; padding:0;	text-align:justify;color:#6D6D70; font-size:12px;}
		
		
#footer { width:100%; height:65px; margin:20px 0 0 0; padding:0;}
#foot_box{width:880px; height:65px; margin:0 auto; padding:0; border-top:1px solid #ccc;}
.foot_left{width:85px; float:left; height:55px; padding:0; margin:20px 0 0 0;}
.logo {float:left; margin-left:10px;}
.foot_right{width:795px; height:65px; margin:10px 0 0 0; padding:0; float:left;}
.copy{width:570px; height:40px; margin:12px 0 0 10px; padding:0; float:left;}


#link_box{float:right; width:235px; height:50px; margin:-39px 0 0 0; padding:0 0 0 0;}
.occasion1{width:100px; height:40px; margin:0 0 0 20px; padding:0; float:left;}
.occasion2{width:102px; height:40px; margin:0 0 0 7px; padding:0; float:left;}


#menu-area-box {
	padding:0;
	margin:0;
	border:1px solid red;
	width: 1000px;	
	height: 150px;
	z-index: 999999;
	position:absolute;
	left:50%;
	margin-left:-500px;
}

input#btn_submit {
	vertical-align:top;
	margin:0px;
	border:0px;
}