/* Reset CSS  */
* { margin:0; padding:0; border:0; outline:0; vertical-align:top; }
article, aside, details, figcaption, figure, footer, header,board_main, index_main_menu,hgroup, menu, nav, section { display:block; }
ul, ol, dl { list-style:none; }
img, video { max-width:100%; border:0; vertical-align:top; }
a { vertical-align:top; text-decoration:none; color:#000; }
table { border-collapse:collapse; border-spacing:0; }
input, select { vertical-align:middle; }




label { cursor:pointer; }
.blind,legend,hr,caption { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
i,em,address { font-style:normal; font-weight:normal; }


/* Total  Layout*/
#wrap { max-width:1440px; height:100%; margin:0 auto; background:#fff; position:relative; }
#header { height:45px; border-top:0px solid #ddd;background:#fff; }
#foot {height:60px;max-width:1440px;margin:0 auto; background: #88CCEE ; }

/* Index  Layout*/
#index_main_picture{min-height:410px;background:url(../img/main_1440_410.png) no-repeat; background-position:center center;}
#index_main_text{min-height:10px;width:100%;}
#index_main_menu{min-height:180px; max-width:450px; margin:0 auto;}
#index_main_menu_picture1{float:left;min-width:150px;min-height:180px;background:url(../img/elec_150_180.png) no-repeat;} 
#index_main_menu_picture2{float:left;min-width:150px;min-height:180px; background:url(../img/super_150_180.png)no-repeat;} 
#index_main_menu_picture3{float:left;min-width:150px;min-height:180px;background:url(../img/con_150_180.png) no-repeat;} 

/*  #foot   */
#foot_area {max-width:650px;margin:0 auto;}
#foot_left {max-width:150px;float:left;margin:2 0 auto auto;}
#foot_right {width:490px;float:left; margin:10px auto auto 10px; text-align:left;}
.foot_copy { font-size:0.6em; color:#6E6E6E;letter-spacing:1px; line-height:13px;text-align:left;} /* 10px / 16px*/
 .foot_copy_ko{display:none;font-size:0.6em; color:#6E6E6E;letter-spacing:1px; line-height:13px;text-align:left;} /* 10px / 16px*/
 


/* header  ½ÃÀÛ */

#header_left { width:30%;float:left; padding:0px 15px 5px 10%; 
	box-sizing: border-box; /* W3C */
	-o-box-sizing: border-box; /* Opera */
	-ms-box-sizing: border-box; /* Internet Explorer */
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari & Chrome */
}
h1.logo { margin-top:5px;width:200px;float:right; }

#header_left_menu{ display:none;width:25px;height:20px;float:right;margin:0px 10px 5px 5px; padding:8px 0px 5px 5px; 
border:0px solid #CFCFCF;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;
}
#header_left_menu .line {
  background:#8C8C8C;
  margin-top:2px;
  margin-bottom:3px;
  width:20px;
  height:3px; 
  border-radius:1px;

  position:relative;
}


#header_right { width:70%; float:left; padding:15px 5px 5px 30px; 
	box-sizing: border-box; /* W3C */
	-o-box-sizing: border-box; /* Opera */
	-ms-box-sizing: border-box; /* Internet Explorer */
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari & Chrome */
}


.nav { margin-bottom:1px; margin-left:1%;}
.nav li { float:left; background:#fff; }
.nav a { display:block; width:100%; height:24px; line-height:23px; border-right:1px solid #cdcdcd;
 font-weight:bold1; padding-left:0px; width:178px;text-align:center;
	box-sizing: border-box; /* W3C */
	-o-box-sizing: border-box; /* Opera */
	-ms-box-sizing: border-box; /* Internet Explorer */
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari & Chrome */
}
.nav a:hover { color:#fff; text-align:center; padding-left:0; }
.nav li.on_color1 a:hover { background:#ed779e; }
.nav li.on_color2 a:hover { background:#f8af5a; }
.nav li.on_color3 a:hover { background:#35baae; }
.nav li.on_color4 a:hover { background:#b9b9da; }
.nav li.on_color5 a:hover { background:#c5d656; }
.nav li.on_color6 a:hover { background:#ed779e; }



#search_area {width:100%;height:50px; background:#464646; padding:2px; border-top:1px solid #ddd; }
#search_area .search_title {text-align:center;width:10%;padding:8px;text-shadow:0 0 2px #9f00c5 ;color:white; float:left; font-size:1.275em;letter-spacing:3px; font-weight:bold; }
#search_area .search_form {text-align:center;width:100%;padding:0 0 0 20%; float:left;font-size:1.275em; }


/* header  ³¡ */