@charset "utf-8";
/* 웹폰트 */
@font-face { font-family: aparajita; src: url(../font/aparaj.eot), url(../font/aparaj.woff);  } 
@font-face { font-family: Arial; src: url(../font/arial.eot), url(../font/arial.woff);  } 
@font-face { font-family: hongik; src:  url(../font/Typo_Hongikingan_L_0.eot), url(../font/Typo_Hongikingan_L_0j.woff);  } 
@font-face { font-family: nanum; src: url(../font/NanumBarunGothic.eot), url(../font/NanumBarunGothic.woff);  } 
@font-face { font-family: roboto; src: url(../font/roboto.eot), url(../font/roboto.woff);  } 




/* 초기화 */
html { font-family: "nanum", Dotum, Arial ; }
h1, h2, h3 ,h4 { font-weight: normal; }
 ul, li, h1, h2, h3, p, address, small, section , hr, img,dl, dt, dd   { margin: 0; padding: 0; }
li { list-style: none;  }
img { border: none; }
a { text-decoration: none; color: #28324e;}
a:hover {  color: #e82d4c; }
.hidden { display: none; }



/*header*/
#main_header { border-bottom: 2px solid #c1c1c1;  height: 80px; width: 100%; }
#logo { display: block; width: 200px; height: 40px; margin-top: 20px; margin-left: 30px; float: left;  }
#logo_img { width: 100%; }

#navi_box { float: right; display: block; height: 80px; width: 500px;  color: #28324e; margin-right: 50px; }

.sub_navi {height: 30px; width: 122px; float: right; margin-right: 10px; background: url('/images/sitemap_devide_line.png') no-repeat 63px center;  }
.sub_navi > p { float: left; width: 60px; height: 20px; }
.sub_navi > p > a { width: 60px; text-align: center; line-height: 30px; height: 30px; display: block ; font-size: 12px; }

.contact {  }
#main_navi { width: 400px; height: 50px;   clear: both; float: right; }
#navi_ul > li { float: left; width: 100px; height: 50px; }
#navi_ul > li > a { width: 100px; height: 50px; text-align: center; line-height: 50px;  display: block; }

/*footer*/
#footer_wrap { clear: both; width: 100%; border-top: 1px solid #ddd;  height: 70px; position: fixed; bottom: 0; display: block;   z-index: 98; background: #fff;}
#main_footer { bottom: 0; left: 5%; clear: both;  width: 90%; margin: 0 auto; height: 60px;  background: url('../images/logo_bg.png') no-repeat center right; padding-top: 20px;}
#main_footer address { font-style: normal; font-size: 14px; color: #75706b; }
#footer_p { font-style: normal; font-size: 14px; color: #75706b; float: left; } 
address { margin-bottom: 10px;} 
small { font-size: 12px; float: right; height: 20px; line-height: 20px; margin-left: 15px;  }
#footer_content { }




/*left_menu*/
#menu_title { margin-top: 50px;  width: 190px; margin-left: 10px; font-size: 18px;}
#aside_wrap { width: 200px; position: fixed; left: 0; top: 0; padding-top: 70px;  border: 1px solid #ddd; display: block; z-index: 97; height: 1000px; }

/*product_left_menu.php*/
#product_left_menu { position: absolute; top: 300px; left: 0;  width: 180px;  padding-bottom: 100px; }
#product_left_menu > ul { width: 160px; margin: 0 auto;  }
.plm_li { width: 100%;  border: 1px solid #ddd; border-bottom: none;  }
.plm_li > a { width: 100%; height: 40px; display: block; text-align: center; line-height: 40px; border-bottom: 1px solid #ddd; color: #fff;  }

.first_li > a { background: #28324e; }
.second_li > a { background: #2c82c9; }
.third_li > a { background: #e14938; }
.fourth_li > a { background: #4A4A4A; }
.last_li > a { background: #41a85f; }
.last_li { border-bottom: 1px solid #ddd;  }
.plm_li_ul {  width: 100%;  display: none;  }
.plm_li_ul > li > a { width: 90%; padding-left: 10%; height: 20px; text-align: left; line-height: 20px; font-size: 12px; display: block;   }


#tothetop { background: url('/images/tothetop.png') no-repeat center; display: none; width: 50px; height: 40px;  color: #fff; position: fixed; top: 70%; right: 100px; font-size: 12px; text-align: center; line-height: 55px; cursor: pointer; }







.sections { display: none;  margin-top: 70px;  }
.activate_section { display: block; }
.left_menus {  margin-top: 30px; margin-left: 10px; width: 190px;}
.left_menus li { color: #28324e;  cursor: pointer;  width: 186px; padding-left: 14px; height: 35px; line-height: 35px; background: url('/images/left_menu_li_off.png') no-repeat center left; }
.left_menus li > a { display: block; color: #28324e;  cursor: pointer;  width: 186px; padding-left: 14px; height: 35px; line-height: 35px; }
.left_menus li > a:hover { color: #f21c86; }
.left_menus .activate_li { background: url('/images/left_menu_li_on.png') no-repeat center left; }
.activate_lm { display: block; }


.left_menu_li_span { font-size: 12px; color: #f6768e;  }

/*main_section*/

#wrap_all { margin: 0 auto;   }
#wrap_content { width: 100%;   margin-top: 70px; margin-bottom: 200px;}
#content_wrap { margin-bottom: 100px;  }