.examples{background:#FFF;width:100%;font-size:80%; position: relative; z-index:50; float:left}



#menu {width:100%; z-index:50; width:300px; float:right;}

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
#menu ul {display:inline-block;}
*:first-child+html #menu li {margin:0; padding:0; list-style:none; 	 width:167px;  margin-top:12px  }
#menu li {display:inline-block; display:inline; }
#menu ul ul {position:absolute; left:-9999px;}

#menu ul.level1 {margin:0 auto;}
#menu ul.level1 li.level1-li {float:left; display:block; position:relative;  }

#menu b {position:absolute;} /* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/

#menu a {display:block; font:normal 11px verdana,arial,sans-serif; color:#000; line-height:25px; text-decoration:none;padding:0 20px; font-family:"NanumBarunGothic", nbg, dotum, sans-serif;}
#menu ul.level1 li.level1-li a.level1-a {float:left;}

#menu a.smenu{display:block;  color:#000; line-height:25px; text-decoration:none;width:166px;  box-sizing:border-box; padding:0px 0px 0px 20px }
*:first-child+html #menu a.smenu{display:block;  line-height:25px; text-decoration:none; width:146px; padding-left:20px; box-sizing:border-box; font-size:12px }

#menu ul li:hover > ul {visibility:visible; left:0; top:45px;  background-color:#fff; border:1px solid #000; width:166px;  box-sizing:border-box; color:#fff;}
#menu ul li ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-26px; margin-left:0px; width:166px;}
*:first-child+html #menu ul li:hover > ul {visibility:visible; left:0; top:33px;  background-color:#fff; border:1px solid #000; width:166px;  box-sizing:border-box; color:#fff;}
*:first-child+html #menu ul li ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-25px; margin-left:0px; width:166px;}

#menu li.left:hover > ul {visibility:visible; left:auto; right:0; top:45px;  width:166px;text-align:left}
#menu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-26px; margin-right:0px; width:166px; text-align:left; }
*:first-child+html #menu li.left:hover > ul {visibility:visible; left:auto; right:0; top:33px;  width:166px;text-align:left}
*:first-child+html #menu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-25px; margin-right:0px; width:166px; text-align:left; }


#menu a:hover ul {left:0; top:0px; color:#fff;}
#menu li.left a:hover ul {left:auto; right:-1px;}

#menu li.left ul a { text-align:left;}


#menu a:hover a:hover ul,
#menu a:hover a:hover a:hover ul {left:100%;  visibility:visible ;color:#fff;}
#menu li.left a:hover a:hover ul,
#menu li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}

#menu a:hover ul ul,
#menu a:hover a:hover ul ul {left:-9999px;}
#menu li.left a:hover ul ul,
#menu li.left a:hover a:hover ul ul {left:-9999px;}

#menu li a.drop {}
#menu li a.fly {background:transparent url(../_img/com/white-right.gif) no-repeat 150px center;}
#menu li.left ul a.fly {
	background-color: transparent;
	background-image: url(../_img/com/white-left.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
}

#menu li a:hover,
#menu li a.fly:hover {color:#fff;   background-color:#8da5ce; }
#menu li:hover > a,
#menu ul li:hover > a.fly {color:#fff;  background-color:#8da5ce; font-size:12px; text-align:left; margin:0px;width:164px; padding:0px 0px 0px 20px; box-sizing:border-box; z-index:50}
*:first-child+html #menu ul li:hover > a.fly {color:#fff;  font-size:12px; text-align:left; width:100%; padding:0px 0px 0px 20px; box-sizing:border-box; z-index:50;width:146px;}

.sp{background-image: url(../_img/com/top_line.jpg);
	background-repeat: no-repeat;
	background-position: right 70%; }

*:first-child+html .sp{background-image: url(../_img/com/top_line.jpg);
	background-repeat: no-repeat;
	background-position: right 68%; }
#menu ul li a.menu1 {background:transparent url(../_img/com/top_cate_01.png) no-repeat center center; padding:0px 0px 0px 20px; margin-top:0px; height:46px; border-bottom:4px solid #383838;width:166px;}
#menu ul li a.menu1:hover  {background:transparent url(../_img/com/top_cate_01_on.png) no-repeat center center;  background-color:#3b589c;}
#menu li:hover > a.menu1,
#menu ul li:hover > a.menu1.fly {color:#c60;background: url(../_img/com/top_cate_01_on.png) no-repeat center center;  background-color:#3b589c;  }

*:first-child+html  #menu ul li a.menu1 {background:transparent url(../_img/com/top_cate_01.png) no-repeat center center; padding:0px 0px 0px 0px; margin-top:-12px; height:42px; width:168px;border-bottom:3px solid #383838;}
*:first-child+html  #menu ul li a.menu1:hover  {background:transparent url(../_img/com/top_cate_01_on.png) no-repeat center center;  background-color:#3b589c;}
*:first-child+html  #menu li:hover > a.menu1,
*:first-child+html  #menu ul li:hover > a.menu1.fly {color:#c60;background: url(../_img/com/top_cate_01_on.png) no-repeat center center;  background-color:#3b589c;  }

#menu ul li a.menu2 {background:transparent url(../_img/com/top_cate_02.png) no-repeat center center; padding:0px 0px 0px 20px; margin-top:0px; height:46px; border-bottom:4px solid #383838;width:166px;}
#menu ul li a.menu2:hover  {background:transparent url(../_img/com/top_cate_02_on.png) no-repeat center center;  background-color:#3b589c;}
#menu li:hover > a.menu2,
#menu ul li:hover > a.menu2.fly {color:#c60;background: url(../_img/com/top_cate_02_on.png) no-repeat center center;  background-color:#3b589c;  }

*:first-child+html  #menu ul li a.menu2 {background:transparent url(../_img/com/top_cate_02.png) no-repeat center center; padding:0px 0px 0px 0px; margin-top:-12px; height:42px; width:168px;border-bottom:3px solid #383838;}
*:first-child+html  #menu ul li a.menu2:hover  {background:transparent url(../_img/com/top_cate_02_on.png) no-repeat center center;  background-color:#3b589c;}
*:first-child+html  #menu li:hover > a.menu2,
*:first-child+html  #menu ul li:hover > a.menu2.fly {color:#c60;background: url(../_img/com/top_cate_02_on.png) no-repeat center center;  background-color:#3b589c;  }


#menu ul li a.menu3 {background:transparent url(../_img/com/top_cate_03.png) no-repeat center center; padding:0px 0px 0px 20px; margin-top:0px; height:46px; border-bottom:4px solid #383838;width:166px;}
#menu ul li a.menu3:hover  {background:transparent url(../_img/com/top_cate_03_on.png) no-repeat center center;  background-color:#3b589c;}
#menu li:hover > a.menu3,
#menu ul li:hover > a.menu3.fly {color:#c60;background: url(../_img/com/top_cate_03_on.png) no-repeat center center;  background-color:#3b589c;  }

*:first-child+html  #menu ul li a.menu3 {background:transparent url(../_img/com/top_cate_03.png) no-repeat center center; padding:0px 0px 0px 0px; margin-top:-12px; height:42px; width:168px;border-bottom:3px solid #383838;}
*:first-child+html  #menu ul li a.menu3:hover  {background:transparent url(../_img/com/top_cate_03_on.png) no-repeat center center;  background-color:#3b589c;}
*:first-child+html  #menu li:hover > a.menu3,
*:first-child+html  #menu ul li:hover > a.menu3.fly {color:#c60;background: url(../_img/com/top_cate_03_on.png) no-repeat center center;  background-color:#3b589c;  }


#menu ul li a.menu4 {background:transparent url(../_img/com/top_cate_04.png) no-repeat center center; padding:0px 0px 0px 20px; margin-top:0px; height:46px; border-bottom:4px solid #383838;width:166px;}
#menu ul li a.menu4:hover  {background:transparent url(../_img/com/top_cate_04_on.png) no-repeat center center;  background-color:#3b589c;}
#menu li:hover > a.menu4,
#menu ul li:hover > a.menu4.fly {color:#c60;background: url(../_img/com/top_cate_04_on.png) no-repeat center center;  background-color:#3b589c;  }

*:first-child+html  #menu ul li a.menu4 {background:transparent url(../_img/com/top_cate_04.png) no-repeat center center; padding:0px 0px 0px 0px; margin-top:-12px; height:42px; width:168px;border-bottom:3px solid #383838;}
*:first-child+html  #menu ul li a.menu4:hover  {background:transparent url(../_img/com/top_cate_04_on.png) no-repeat center center;  background-color:#3b589c;}
*:first-child+html  #menu li:hover > a.menu4,
*:first-child+html  #menu ul li:hover > a.menu4.fly {color:#c60;background: url(../_img/com/top_cate_04_on.png) no-repeat center center;  background-color:#3b589c;  }

#menu ul li a.menu5 {background:transparent url(../_img/com/top_cate_05.png) no-repeat center center; padding:0px 0px 0px 20px; margin-top:0px; height:46px; border-bottom:4px solid #383838;width:166px;}
#menu ul li a.menu5:hover  {background:transparent url(../_img/com/top_cate_05_on.png) no-repeat center center;  background-color:#3b589c;}
#menu li:hover > a.menu5,
#menu ul li:hover > a.menu5.fly {color:#c60;background: url(../_img/com/top_cate_05_on.png) no-repeat center center;  background-color:#3b589c;  }

*:first-child+html  #menu ul li a.menu5 {background:transparent url(../_img/com/top_cate_05.png) no-repeat center center; padding:0px 0px 0px 0px; margin-top:-12px; height:42px; width:168px;border-bottom:3px solid #383838;}
*:first-child+html  #menu ul li a.menu5:hover  {background:transparent url(../_img/com/top_cate_05_on.png) no-repeat center center;  background-color:#3b589c;}
*:first-child+html  #menu li:hover > a.menu5,
*:first-child+html  #menu ul li:hover > a.menu5.fly {color:#c60;background: url(../_img/com/top_cate_05_on.png) no-repeat center center;  background-color:#3b589c;  }