@charset "utf-8";

body { color: #666; 
	font-family: 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;}
		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;}
	
	#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: block; 
		font-size: 11px;
		font-weight:normal;
		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 6px 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;}
	.visual_box{width:880px; height:389px; margin:0 0 0 0; padding:0 0 0 0;}
		#visual {margin:0 0 0 0; padding:0; width:637px; height:389px;  float:left; }
		.button {margin:-29px 0 0 930px;  padding:0; }
	
	
	.right_box{width:223px; height:389px; margin:0 0 0 0; padding:0 0 0 0; float:right;}
		#welcome{width:223px; height:150px; margin:0 0 0 0; padding:0 0 0 0; background: url("/img/main/admin_bg.gif") repeat-x scroll 0 0 transparent; }
		
		#quick_link{width:226px; height:37px;  margin:13px 0 0 0; padding:0 0 0 0; }
		.banner{width:113px; height:37px;  margin:0 0 0 0; padding:0 0 0 0; float:left;}
		
		#date{width:223px; height:176px; margin:13px 0 0 0; padding:0 0 0 0; background: url("/img/main/date_bg.gif") repeat-x scroll 0 0 transparent;}
		
	
	#container {background: url("/img/main/con_bg.gif") repeat-x scroll 0 0 transparent; margin:30px 0 0 0; padding: 0; width:880px; height:300px;}
	#content_top {background: url("/img/main/contop_bg.gif") repeat-x scroll 0 0 transparent; width:880px; height:215px; margin:0 0 0; padding:0; }

		#left{  width:324px; height:213px; margin:0 0 0 0; float:left;  background: url("/img/main/family_bg_n.gif") repeat-x scroll 0 0 transparent;}

				.more1{height:14px; margin:11px 15px 10px 0; padding:0;float:right;}	

			.tbl_box{margin:45px 0 0 0; padding:0 0 0 0;}
			.tbl_type {position:relative; text-align:left; /*background:url(/images/common/dot_line.gif) left bottom repeat-x;*/ width:100%; clear:both;  min-height:65px; margin: 13px 0 15px 0; }
			.tbl_type p.img { width:72px; height:48px; border: 1px solid #dbdbdb; vertical-align:middle !important; position:absolute; left:15px; top:0; }
			.tbl_type dt {border-collapse:collapse; padding:0 0 0 0px; font-size:12px; height:55px;margin-left:100px; }
			.tbl_type dt.title {text-align:left; /* word-wrap:break-word; */ word-break:break-all;}
			.tbl_type dt .span_tit {font-weight:bold; font-size:12px; margin:10px 0 0 0; padding:0; vertical-align:middle; display:inline-block;}
			.tbl_type dt .span_date {font-size:11px; width:75px; padding:0 0 0 0; margin:0; color:#eb6e1f; display:inline-block; position:absolute; top:50px; right:0; }
			.tbl_type dt .span_con {line-height:19px; height:30px; margin-left:0; padding:0 0 0 0; color:#777; text-align: justify; float: left; font-size:12px; }

			
		
		#center{width:293px; height:213px; margin:0 0 0 344px; padding:0; background: url("/img/main/event_bg.gif") repeat-x scroll 0 0 transparent;}
			#notice { margin:0; padding:0; width:100%; height:213px; }
			#notice ul{ height:145px; margin:0 0 0 0;  width:293px; padding:20px 0 0 0; overflow:hidden;}
			#notice ul li {float:left;clear:both; margin: 0 2px 2px 7px; padding-left: 9px; width:268px; font-size:11px;}
			#notice ul li .article {float:left;}
			#notice ul li .article img {vertical-align:bottom;}
			#notice ul li .data {font-size:11px; float:right; color:#999; margin-right:8px; }
			#notice ul li a {display:block; padding:0; color:#666666; text-align:left; text-decoration:none; white-space:nowrap; float:left;}
			
			
		
		#right{width:223px; height:213px;  margin:-213px 0 0 0px; padding:0; float:right; background: url("/img/main/board_bg.gif") repeat-x scroll 0 0 transparent;}
			#list { margin:0; padding:0; width:100%; height:213px; }
			#list ul{ height:145px; margin:0 0 0 9px;  padding:20px 0 0 0; overflow:hidden;}
			#list ul li {float:left;clear:both;background: url("/img/main/boder_bl.gif") no-repeat scroll 3px 7px transparent; margin: 0 2px 10px 7px; padding-left: 9px; width:206px; font-size:12px; font-weight:bold; }
			#list ul li .article {float:left;}
			#list ul li .article img {vertical-align:bottom;}
			#list ul li a {display:block; padding:0; color:#666666; text-align:left; text-decoration:none; white-space:nowrap; float:left;}		
		   #list ul li img {vertical-align:middle !important;}

	#content_bottom { width:890px; height:41px; margin:22px 0 0 0; padding:0; }
		.banner_img{margin:0 0 0 0;}

		

		
#footer { width:100%; height:65px; margin: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:65px; padding:0; margin:10px 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;}

/*메뉴숨김*/
#m10, #m03{ display:none !important;}

.mainMenuBox_mb li ul#g_m08 {display:none !important; }	

/*ul.mainMenuBox_mb li ul li#m0203 , ul.mainMenuBox_mb li ul li#m0207, ul.mainMenuBox_mb li ul li#m0503, ul.mainMenuBox_mb li ul li#m0504, ul.mainMenuBox_mb li ul li#m0505 {display: none !important;}

.m_list li#m0207, .m_list li#m0203 {display:none !important; }*/

ul.mainMenuBox_mb li ul li#m0207, ul.mainMenuBox_mb li ul li#m0503, ul.mainMenuBox_mb li ul li#m0504, ul.mainMenuBox_mb li ul li#m0505 {display: none !important;}

.m_list li#m0207 {display:none !important; }


