body,div, p, h1,h2,h3,h4, ul, ol, li, dl, dt, dd, form, fieldset,legend, input, button{
	margin:0;
	padding:0;
	}
ul, ol{list-style:none;}
a{
	text-decoration:none;
	color:#666;
	}
img, fieldset{border:0;}
body{
	font-family: Dotum, '돋움', Arial, sans-serif;
	font-size:100%;
	line-height:1.2em;
	background-size:100%;
	color:#999;
	}
	
<!--------------header---------------------------------------->

#wrap{
	padding-top:0px;
	font-size:0.8em; /* 기본사이즈*/

	}


/*#header{
	min-width:320px; /* 최소너비
	max-width:1038px;/*최대너비, ie6에서는 최대너비로 고정
	height: 130px; /* 높이 
	margin:0 auto;/*가운데 정렬
	}
	
/* 메인 이미지 */
#event{
	min-width:320px; /* 최소너비*/
	max-width:1038px;/*최대너비, ie6에서는 최대너비로 고정*/
	height: 320px; /* 높이 */
	margin:0 auto;/*가운데 정렬*/
	overflow:auto; /* 포함 요소 float으로 인해 높이값 인식 해결, ie6은 따로 처리 */
	/*background:url(../img/main_img.jpg);배경*/
	}	
	

/* 2단 칼럼 만들기 */
#logo{
	float:left; /* 왼쪽 정렬 */
	display:block;
	width:250px;/* 가로 고정 */
	}


ul.mquick { 
  float: right; /* 왼쪽으로 플로팅 */
  width: 207px; /* 메인 메뉴 너비 */
  margin-top: 0px; /* 여백 */
  margin-right: 13px;
  list-style: none; /* 불릿 없앰 */
  position:absolute; 
  margin-left:555px; 
  top:125px; 
  z-index:100
  -moz-border-radius-topright: 10px; /* 탭 모양 만듦(topleft와 topright를 둥글게 처리) */
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;  
}

 /* 메인 메뉴 항목 스타일 */
ul.mquick li {
  display: block; /* 가로로 배치 */
}



 /* #gnb{
	float:right; /* 메뉴 가로 정렬-오른쪽붙임
	min-width:180px; /*최소 너비 설정
	}
#gnb li{float:left;}

#gnb a{
	display:block;
	padding:0px 0px;
	color:#ffffff;
	}
#gnb a{padding:0px 0px;}

/*2017-06-10상단 메뉴css추가*/

#header {
	width:100%;
	height:59px;
}
.gnb_top {
	position:relative;
	z-index:10;
	width:100%;
	margin:0 auto;
	height:25px;
}
.gnb_top .gnb_list {
	position:relative;
	float:center;
	margin-left:319px;
}
.gnb_top .gnb_list li {
	float:center;
	border-bottom:1px solid #424146
}
.gnb_top .gnb_list li a {
	display:block;
	width:158px;
	height:22px;
	padding-top:9px;
	text-align:center;
	border-right:1px solid #424146;
	border-left:1px solid #7a7a87;
	background:#4d4d5f;
}
.gnb_top .gnb_list li a:hover, .gnb_top .gnb_list li a:focus {
	background:#343440;
}/* 0829 수정 */
.gnb_wrap {
	position:relative;
	top:0;
	z-index:10000;
	width:100%;
	margin:auto 0;
	background: #fff; background:url('../img/menu_bg.png') repeat-x center top;
	min-height:25px;
}
.gnb_wrap .inner {
	overflow:hidden;
	width:1030px;
	margin:0 auto; /*padding-bottom:10px;*/
	background-image:url(../img/menu_bg.png);
	text-align:center;
}
.gnb_wrap h1 {
	float:left;
	padding:25px 0;
}
.gnb_wrap .gnb {
	width:1030px;
	/*padding:7px 10px 25px 0;*/
	padding:20px 5px 5px 0;
	height:18px;
	overflow:hidden;
	text-align:center;
}
.gnb_wrap .gnb > li {
	text-align:left;
}
.gnb_wrap .gnb li {
	float:left;
}
.gnb_wrap .gnb li a {
	display:block;
	overflow:hidden;
	height:18px;
	margin:0px 22px;
	padding:0
}
.gnb_wrap .gnb li ul {
	padding-left:7px;
	padding-top:1000px;
}
.gnb_wrap .gnb.on li ul {
	padding-top:40px;
}
.gnb_wrap .gnb li li {
	float:none;
	/*padding:8px 0 0 10px;*/
	padding:8px 0 0 10px;
	line-height:14px;
	font-size:12px;
	color:#FFF;
}
.gnb_wrap .gnb li li a {
	display:inline;
	padding:0;
	height:auto;
	overflow:visible;
	margin:0;
	font-family:  Dotum, '돋움', Arial, sans-serif;
	color:#FFF;
	
}
.gnb_wrap .gnb li.on img, .gnb_wrap .gnb li.hv img {
	margin-top:-18px;
}
.gnb_wrap .gnb li li.on a, .gnb_wrap .gnb li li.hv a, .gnb_wrap .gnb li li a:hover, .gnb_wrap .gnb li li a:focus {
	font-family:  Dotum, '돋움', Arial, sans-serif;
	color:#FFF;
	text-decoration:underline;
}
.gnb_wrap p.bgB {
	background: url("../images/common/bg_gnb.png") repeat-x center bottom;
	width: 100%;
	height: 10px;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: -10px;
}



/*2017-06-10상단 메뉴css추가*/





#join .status li{
	display:inline;/* 메뉴 가로 정렬*/
	}


/* 메인 메뉴 스타일 */
ul.go { 
  float: right; /* 왼쪽으로 플로팅 */
  width: 300px; /* 메인 메뉴 너비 */
  margin-top: 30px; /* 여백 */
  list-style: none; /* 불릿 없앰 */
  background:  #fff; /* 배경색 */
  -moz-border-radius-topright: 10px; /* 탭 모양 만듦(topleft와 topright를 둥글게 처리) */
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;  
}

 /* 메인 메뉴 항목 스타일 */
ul.go li {
  display: inline; /* 가로로 배치 */
}



		

/* 메뉴 전체 스타일 */
#menu {  
  overflow:auto;
  margin-left:250px; /*logo 넓이만큼 왼쪽 여백 설정-2단 칼럼효과*/
}


#pink {repeat-x 0 0;}
#pinkcontent {position:relative; overflow:hidden; width:1040px;  margin:0 auto; z-index:1;}



#ma_navi{
	float:left; /* 왼쪽 정렬 */
	display:block;
	width:240px;
	}
	
	
#ma_cont{
	margin-left:240px;
	}
<!-----------------------------------------------컨텐츠------------------------------------------->

/***** content 영역 *****/
#center { margin-top:340px; repeat-x 0 0; }
#content {position:relative; overflow:hidden; width:1050px; margin:0 auto; z-index:1; margin-top:30px; }




/* 2단 칼럼 만들기 */
#sub_navi{
	float:left; /* 왼쪽 정렬 */
	display:block;
	width:240px;/* 가로 고정 */
	}

/* sub_navi */
#sub_navi h3{
	text-indent:-9999px; /* 타이틀 숨김*/
	background-color:#FFF
	}
#sub_menu{repeat-y 0px 0;
margin-bottom:20px;}/*사이드 점선배경*/
#sub_menu ul{
	padding:0px 0px 0px 0px; /*밑배경 높이 39px를 최소 높이로 알아서 여백 지정*/
	}
#sub_menu li{padding:0 0 0 27px}
#sub_menu a{
	display:block;
	text-indent:0px;
	padding:0px 0 0px 0;
	}
.customer{
	padding-top:30px; /*윗 여백 여유롭게 띄운뒤 배경 표시*/
	}

	
	
#sub_banner{
	padding-top:5px;
}

#sub_banner li {
	font-size:0.9em;
	
	color:#898989;
	line-height:1.5em;
	padding-top:10px;
	padding-left:10px;
	list-style: none; /* 불릿 없앰 */
	}  



/*notice*/
#notice{
	padding-left:10px;
	margin:10px 0px 10px 0px ;
	text-align:left;
	color:#898989;
	font-size:12px;
	}
	
.title_m{
	width:210px;
	height:30px;
	border-top:2px solid #41b31f;
	border-bottom:1px solid #41b31f;
	text-align:left;
	color:#898989;
	}
	
	
#title_no{
	width:210px;
	height:30px;
	border-top:2px solid #333;
	border-bottom:1px solid #333;
	margin:10px 0px 0px 10px ;
	text-align:left;
	color:#898989;
	}
	
.photo{
	padding-right:15px;
}
	
.photo2{
	width:215px;
	border-top:1px solid #b6b8bb;
	border-bottom:1px solid #b6b8bb;
	border-left:1px solid #b6b8bb;
	border-right:1px solid #b6b8bb;
	margin:10px 0px 0px 10px ;
	text-align:left;
	color:#898989;
	background-color:#f3f4f3;
	}	


.photo3{
	width:230px;
	border:1px solid #dedede;
	margin:10px 0px 0px 0px ;
	text-align:left;
	color:#898989;
	}	


.visitor{
	borde:1px solid #d8d8d8;
	padding:5px 10px;
	text-align:left;
	font-size:11px;
	font-weight:bold;
	color:#898989;
	background-color:#eeeeee;
	}	



.no_txt {
	font-size:12px;
	
	color:#898989;
	line-height:1.5em;
	list-style: none;
	}  

	.no_txt A:link {color: #606060; }
.no_txt A:visited {color: #606060; }
.no_txt A:active {color: #606060; font-size:13px;}
.no_txt A:hover {color: #000000; font-size:13px;}
 



/*login*/
#login{
	width:210px;
	margin:10px 0px 10px 10px ;
	text-align:left;
	color:#898989;
	}


/*join*/
/* FORM-INPUTBOX */
.input {BACKGROUND-COLOR:#ffffff; BORDER:1x SOLID #eeeeee; FONT-SIZE: 9pt; color: 4E4D4D; font-family: "돋움";font-size: 11px;line-height: 16px; color: #707171; }
.login_box { background-color:rgb(255,255,255); border-width:1px; border-color:rgb(205,204,205); border-style:solid;  }
.login_member { background-color:rgb(255,255,255); border-width:1px; border-color:rgb(205,204,205); border-style:solid; font-family: "돋움";font-size: 11px;line-height: 16px; color: #707171;  }
.input_box { background-color:rgb(244,244,244); border-width:1px; border-color:rgb(188,188,188); border-style:solid; font-family: "돋움";font-size: 11px;line-height: 16px; color: #707171; }
.oneandone_box { background-color:#FFFFFF; border-width:1px; border-color:#BBBBBB; border-style:solid; font-family: "돋움";font-size: 11px;line-height: 16px; color: #707171; }
.program_input { background-color:#ededed; border-width:1px; border-color:#ffffff; border-style:solid; padding:20px; font-family: "돋움";font-size: 11px;line-height: 16px; color: #707171;  }
.bo_input { background-color:#ffffff; border-width:1px; border-color:rgb(205,204,205); border-style:solid; padding:3px;}
.inputtext {BACKGROUND-COLOR:#ffffff; BORDER:1x SOLID #ffffff; FONT-SIZE: 9pt; color: 4E4D4D; }
.button { background-color:cccccc; border-width:1px; border-color:rgb(181,181,181); border-style:solid; }



/*search*/
.search{
	height:54px; /* 검색영역은 고정*/
	background:#ffffff url("../img/search_bg.gif") repeat-x 0 0;
	}
.search div{
	color:#ffffff;
	text-indent:30px;
	padding-top:26px;
	padding-bottom:9px;
	background:url("../img/search_input_bg.gif") no-repeat center 17px;
	}

/*sub_cur*/
.sub_cur{padding:25px 0;}



#b_cent{width:650px;
text-align:center;
padding:20px;
}


#sub_cont{
	margin-left:240px;
	}



#sub_txt{padding-left:0px;
width:720px;
color:#606060;
	font-size:0.8em;
	text-align:left;
	}


#sub_txt h4{
	color:#606060;
	font-size:1.7em;
	text-align:center;
	padding:20px;
	}
#sub_txt h3{
	color:#606060;
	font-size:1.3em;
	font-weight:bold;
	text-align:center;
	padding:20px;
	}
	
#sub_txt h2{
	color:#606060;
	font-size:1.1em;
	font-weight:bold;
	padding-top:10px;
	}

#title_ce{
	width:530px;
	height:30px;
	border-top:2px solid #41b31f;
	border-bottom:1px solid #41b31f;
	margin:10px 0px 0px 10px ;
	text-align:left;
	color:#898989;
	}	




/*메인보기*/

#view{
	width:530px;
	margin:15px 0px 0px 20px ;
	padding-bottom:10px;
	text-align:left;
	color:#898989;
	}
	
	
	
#view2{
	width:680px;
	margin:15px 0px 0px 20px ;
	padding-bottom:10px;
	border-bottom:1px solid #CCC;
	text-align:left;
	color:#898989;
	} 
	
	
#view3{
	width:200px;
	margin:15px 0px 0px 10px ;
	text-align:left;
	letter-spacing:-2px;
	color:#898989;
	} 


#list{
	width:680px;
	margin:15px 0px 0px 20px ;
	padding-left:10px;
	border-bottom:1px solid #CCC;
	text-align:left;
	color:#898989;
	font-size:0.8em;
	} 

#num{
	width:680px;
	margin:15px 5px 5px 20px ;
	padding:5px;
	text-align:center;
    font-weight:bold;
	letter-spacing:10px;
	color:#898989;
	font-size:0.8em;
	} 


.news_padd{
	padding-right:15px;}

.news_title{
	height:25px;
	font-size:1.1em;
	font-weight:bold;
	color:#606060;
    }
	
	
.news_titlem{
	height:20px;
	font-size:14px;
	font-weight:bold;
	color:#606060;
    }
.news_titlem A:link {color: #606060; }
.news_titlem A:visited {color: #606060; }
.news_titlem A:active {color: #606060; font-size:15px;}
.news_titlem A:hover {color: #000000; font-size:15px;}
	
	
.news_titlle{
	height:20px;
	font-size:12px;
	font-weight:bold;
	color:#606060;
	 }
.news_titlle A:link {color: #606060; }
.news_titlle A:visited {color: #606060; }
.news_titlle A:active {color: #606060; font-size:13px;}
.news_titlle A:hover {color: #000000; font-size:13px;}

.news_subtitle{
	height:25px;
	font-size:12px;
	color:#4b4b4b;
	padding-top:5px;
	 }
	
	
.news_con{
	font-size:12px;
	color:#4b4b4b;
	line-height:16px;
	letter-spacing:0px;
	vertical-align:text-top;
	 }


#quick { position:absolute; top:60px; left:950px; width:100px; min-height:400px; }


#mright { position:absolute; 
		  left:800px; 
		  width:250px; 
		  min-height:650px; 
		  }


#sub_rig{
	margin-left:750px;/* 가로 고정 */
	}


#officer{ font-size:0.8em;
}

/*join*/

#ad{ border-top:2px solid #eee;
	border-bottom:1px solid #eee;
	margin:5px 5px 5px 5px ;
	text-align:left;
	color:#898989;
	
}
#ad th{background:#eee;
	text-align:left;
	padding-left:15px;
	font-weight:bold;
	color:#666;
	width:150px;
}

#ad td{
	text-align:left;
	padding:2px 2px;
	border-bottom:1px solid #d8e4f2;
	color:#666;
	width:500px;
}

#ad img{padding-left:10px;
vertical-align:middle;

}


#ad textarea{
	margin:1px 0 2px 5px;
	border:1px solid #c4c4c4;
	width:90%;
	height:200px;
	}


#pi{ border-top:2px solid #eee;
	border-bottom:1px solid #eee;
	padding:10px;
	text-align:left;
	color:#898989;
	
}


textarea{
	margin:1px 0 2px 5px;
	border:1px solid #c4c4c4;
	width:95%;
	font-family: "굴림";font-size: 11px;line-height: 14px; color: #5A4D3F; line-height:14px;
	padding:10px;
	}


input, select{
	margin:1px 0 2px 5px;
	height:1.6em;
	border:1px solid #c4c4c4;
	}
select{
	width:25%;
	height:1.7em;
	}
.txt_type{width:25%;}
.txt_type1{width:90%;}
.txt_type2{width:50%;}
.txt_type3{width:15%;}
.addr{margin-left:5px;}
.num_type{width:10%;}
.radio{border:0;margin-right:5px;}







/*footer*/
#footer{
	padding:15px 0 15px 0;
	background:url("../img/f_bg.gif") repeat-x 0 0;
	}
.logo_b{
	text-align:center;
	}
.logo_b a{
	display:block;
	padding:10px 0;
	}
#company{
	position:relative; overflow:hidden; width:1040px; margin:0 auto; z-index:1; text-align:center;
	}
#com_menu li{
	font-size:0.8em;
	
	display:inline;
	}
#com_menu li a{color:#666666;}


#com_addr{
	
	color:#999999;
	line-height:1em;
	}


#com_menu{
	margin-top:15px;
	padding:10px;
	height:30px;
	}
#com_menu a{
	float:center;
	padding:10px;
	}
#com_addr{
	width:100%;
	float:center;
	}
#com_addr p{text-indent:10px;}




/* FONTSIZE-11POINT 줄간격14 */
.shot {font-family: "돋움";font-size: 11px;line-height: 14px; color: #5A4D3F; line-height:18px;}
.shot a:link {font-family: "돋움";font-size: 11px; color: #5A4D3F; text-decoration: none; line-height:18px;}
.shot a:visited {font-family: "돋움";font-size: 11px; color:#5A4D3F; text-decoration: none;line-height:18px; }
.shot a:hover {font-family: "돋움";font-size: 11px; color: #5A4D3F; text-decoration: none; line-height:18px;}
.shot a:active {font-family: "돋움";font-size: 11px; color: #5A4D3F; text-decoration: none;line-height:18px;}





/* 메뉴 전체 스타일 */
#topmenu {  
  overflow:auto; /*logo 넓이만큼 왼쪽 여백 설정-2단 칼럼효과*/
  margin: 0; /* 여백 */
}

/* 메인 메뉴 스타일 */
ul.navi { 
  float: left; /* 왼쪽으로 플로팅 */
  margin: 0; /* 여백 */
  list-style: none; /* 불릿 없앰 */
}

 /* 메인 메뉴 항목 스타일 */
ul.navi li {
  display: inline; /* 가로로 배치 */
}

/* 메인 메뉴 링크 스타일 */
ul.navi li a { 
  float: left; /* 왼쪽으로 플로팅 */
  font: bold 11px 굴림;  /* 텍스트 스타일 */
  color: #fff; /* 글자색 */
  text-decoration: none; /* 밑줄없앰 */
  margin-top: -8px; 
  margin-left: 28px; /* 여백 */
  
}


/* 현재 선택된 링크 스타일과 마우스 오버 상태일 때 링크 스타일 */
ul.navi .current a, ul.navi li:hover > a  { 
  color: #fff; /*글자색 */
  text-decoration: none; /* 밑줄 없앰 */

}

/* 서브 메뉴 스타일 */
ul.navi  ul {  
  display: none; /* 기본으로 화면에 표시 안함 */
}

 /* 메인 메뉴 위에 마우스 오버한 후 나타나는 서브 메뉴 스타일 */
ul.navi li:hover > ul {
  position: absolute;top:52px;  /* 고정 위치 포지셔닝 */
  display: block;  /* 영역 확보 */
  font: bold 11px 굴림;  /* 텍스트 스타일 */
  color: #fff; /* 글자색 */
  height: 31px; /* 높이 */
  
 /*  background-image:url(../img/submenu_bg.gif); /* 배경색 */

}

/* 메인 메뉴 항목에 마우스 오버한 후 나타나는 서브 메뉴 항목의 링크 스타일 */
ul.navi li:hover > ul li a { 
  float: left; /* 왼쪽으로 플로팅 */
  font: bold 11px 굴림; /* 텍스트 스타일 */
  line-height: 25px; /* 줄간격 */
  color: #fff; /* 글자색 */
  text-decoration: none; /* 밑줄 없앰 */
  margin-top: -8px; /* 여백 */
  margin-left: -8px; /* 여백 */
  padding: 0 0px 0 0; /* 안여백 */
  background-color:#f25745;
  /* background-image:url(../img/submenu_bg.gif); /* 배경색 */
}

/* 메인 메뉴 항목에 마우스 오버한 후 서브 메뉴 항목에 마우스 오버했을 때 스타일 */
ul.navi li:hover > ul li a:hover {
  color: #cffbf4; /*글자색 */
  text-decoration: none; /* 밑줄 없앰 */
  text-shadow: none; /* 텍스트 그림자 */
}


.mainmenu {font-family: "돋움";font-size: 11px;line-height: 14px; color: #ffffff; font-weight:bold;}
.mainmenu a:link {font-family: "돋움";font-size: 11px; color: #ffffff; text-decoration: none; font-weight:bold; }
.mainmenu a:visited {font-family: "돋움";font-size: 11px; color:#ffffff; text-decoration: none; font-weight:bold; }
.mainmenu a:hover {font-family: "돋움";font-size: 11px; color: #ffcc00; text-decoration: none; font-weight:bold; }
.mainmenu a:active {font-family: "돋움";font-size: 11px; color: #ffffff; text-decoration: none; font-weight:bold;}




.m_box_gray {border:1px solid #dedede; padding:10px 10px 0px 10px;}
.m_box_gray .tit{ padding:10px 0px; border-bottom:3px solid #dedede;}
.m_box_gray .con {padding:10px 0px; 0px 0px;}

.notice_txt { font-size:12px; line-height:30px; padding-left:25px; background-image:url(../img/m_t_notice_bg.gif); font-weight:bold; color:#333;}
.notice_txt A:link {color: #555555; }
.notice_txt A:visited {color: #555555; }
.notice_txt A:active {color: #555555; font-size:13px; }
.notice_txt A:hover {color: #000000;font-size:13px;  }