@charset "euc-kr"; 

/* Layout */
*{margin:0; padding:0;}
#wrap{width:100%;}
#header{width:100%;}
  
#contents{width:100%;}
#footer{width:100%;}
.clear{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}
/* Layout END */


/* 탑메뉴 */
.topmenu{width:100%; height:27px; padding:4px 0 3px 0; border:0px; background-image:url(/epiagol/img/menu_bg.gif);}
.topmenu2{width:100%; height:27px; padding:3px 0 0 0; border:0px; background:#8B8B8B}
.top {padding:5px 5px 5px 5px;}
.topmenu_t{padding:0 0 0 5px; repeat-x left bottom; overflow:hidden;}
.topmenu_t li{ width:22%; color: #0066CC; float:left; _display:inline; font-weight:bold; color:#FFF}
.topmenu_t li a{_float:left; display:block; height:20px; padding:2px 0 3px 0; color:#FFF; text-decoration:none;}
.topmenu_t li a:hover{color:#333; background:#F4F4F4; text-decoration:none;}
.topmenu_t li.on{border-bottom:1px solid #F4F4F4; background:#F4F4F4;}
.topmenu_t li.on a{color:#333; font-weight:bold; letter-spacing:-1px;}


a.top_menu:link{color:#333333;font-size:11px;font-family:dotum; line-height:150%; text-decoration:none;}
a.top_menu:active{color:#333333;font-size:11px;font-family:dotum; line-height:150%; text-decoration:none;}
a.top_menu:visited {color:#333333;font-size:11px;font-family:dotum; line-height:150%; text-decoration:none;}
a.top_menu:hover {color:#333333;font-size:11px;font-family:dotum; line-height:150%; background:#CCCCCC; text-decoration:none;} 

.mmtext{width:97%; margin_top:20px; line-height: 120%; text-align:left; font-size:11px; font-color:#333333;}

.info{width:100%; height:20px;  border-bottom:1px solid #E2E2E2; border-top:1px solid #E2E2E2;}


ul.menu_layout {overflow:hidden; width:100%; margin-top:20px;}
  ul.menu_layout li {float:left; margin-right:0px;}
  ul.menu_layout li.end { margin-right:0;}
.menu_layout_bt{padding:0px;}

ul.info_text { 
  width:100%;
  margin-top:10px;
  overflow:hidden;
  }
  ul.info_text li {
  padding:0 15px 10px 15px;
  }
  ul.info_text li.end { margin-right:0;}
  
td{
	font-family:dotum;
	font-size:12px;
	color:#333333;
}


  
html, body,
div, p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, caption, th,
form, fieldset, legend {
	margin:0;
	padding:0;
}
body{
	font-family:dotum;
	font-size:12px;
	color:#333333;
}
.menu{font-size:14px; color:#666;}

h1, h2, h3, h4, h5, h6 {
	font-family:dotum;	
	font-weight:bold;
	font-size:14px;
	background-color:#C9E6EF;
	color:#333333;
	padding:5px 5px 5px 5px; 
}
ul, ol {
	list-style:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}

caption, th {
	text-align:left;
}
img, fieldset, abbr, acronym {
	margin-right:0;
	margin-bottom:0;
	margin-top:0;
	margin-left:0;
	margin:0;
	border:0;
}

address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	font-weight:normal;
}
q:before, q:after {
	content: '';
}
select, button {
	font-size:100%;
}
select{
	font-size:14px !important;
}
input, button {
	overflow:visible;
}
input {
	vertical-align:middle;
	font-size:0.78em;
	
}
input.type {
	padding:4px 0 2px;
}
:root input{
	font-size:14px;
}
table caption {
	display:none;
}




.button,
.button a,
.button button,
.button input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url(/img/m/buttonWhite.gif) no-repeat; overflow:visible; color:#333;}
.button { height:23px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
.button a,
.button button,
.button input{ left:0px; vertical-align:top; cursor:pointer;}


@media screen and (min-width: 1025px) {
  #wrap {
    width: 1200px;
    margin: 0 auto;
  }
}