@CHARSET "UTF-8";

#header-top { width: 100%; margin: 0 auto }
#header-top .top-bar { background: #F0F0F0; border-bottom: 1px solid #E6E6E6; height: 35px }
#header-top .top-bar #top { width: 1080px; margin: 0 auto }
#header-top .top-bar #top ul li.home { float: left; height: 29px; padding: 7px 15px 0 15px }
#header-top .top-bar #top ul li.kato { float: right; height: 29px; padding: 7px 15px 0 15px }
#header-top .top-bar #top ul li.organs { float: right; height: 29px; padding: 7px 15px 0 15px }
#header-top .top-bar #top ul li.city { float: right; height: 29px; padding: 7px 15px 0 15px }
#header-top .top-bar #top ul li a { font-size: 9.3pt; letter-spacing: -.5pt }
#header-top #subtop { width: 1080px; margin: 0 auto; height: 90px }
#subtop .top-logo { float: left; width: 330px; margin-top: 25px }
#subtop .top-search { float: left; width: 550px }
#subtop .top-search .sc { margin: 35px 0 0 0 }
#subtop .top-search .sc input { width: 420px; height: 35px }
#subtop .controls { float: left; width: 200px; margin-top: 43px }
#subtop .controls ul { margin: 0; padding: 0; list-style: none }
#subtop .controls ul li.atype { float: left; width: 65px }
#subtop .controls ul li.btype { float: left; width: 75px }
#subtop .controls ul li.contact { float: left }

.navbar-inverse { background-color: #222; border-bottom: 3px solid #336FB5 }
ul { padding: 0; margin: 0; }
.oe_wrapper { width: 100%; margin: 0; padding: 0; height: 45px; background-color: #FFF; }
.oe_overlay { background: #336FB5; opacity: 0; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; }
ul.oe_menu { list-style: none; width: 1080px; position: relative; left: 0; float: left; }
ul.oe_menu > li.company { width: 216px; height: 40px; padding-bottom: 3px; float: left; position: relative; }
ul.oe_menu > li.product { width: 175px; height: 40px; padding-bottom: 2px; float: left; position: relative; }
ul.oe_menu > li.news { width: 214px; height: 40px; padding-bottom: 2px; float: left; position: relative; }
ul.oe_menu > li.job { width: 176px; height: 40px; padding-bottom: 2px; float: left; position: relative; }
ul.oe_menu > li.social { width: 299px; height: 40px; padding-bottom: 2px; float: left; position: relative; }
ul.oe_menu > li > a { display: block; color: #666; text-align: center; text-decoration: none; font-weight: bold; font-size: 16px; min-width: 80px; height: 50px; padding: 15px 10px; margin: 0px; opacity: 1.0; }
ul.oe_menu > li > a.last { display: block; color: #666; text-align: left; text-decoration: none; font-weight: bold; font-size: 16px; min-width: 80px; height: 50px; padding: 15px 0 15px 72px; margin: 0px; opacity: 1.0; }
ul.oe_menu > li > a:hover,
ul.oe_menu > li.company.selected > a { background: #FFF; color: #336FB5; opacity: 1.0 }
ul.oe_menu > li.product.selected > a { background: #FFF; color: #336FB5; opacity: 1.0 }
ul.oe_menu > li.news.selected > a { background: #FFF; color: #336FB5; opacity: 1.0 }
ul.oe_menu > li.job.selected > a { background: #FFF; color: #336FB5; opacity: 1.0 }
ul.oe_menu > li.cs.selected > a { background: #FFF; color: #336FB5; opacity: 1.0 }
ul.oe_menu > li.social.selected > a { background: #FFF; color: #336FB5; opacity: 1.0 }
.oe_wrapper ul.hovered > li > a { color: #336FB5; background: #FFF }
ul.oe_menu div { position: absolute; top: 47px; left: 0; background: #FFF; width: 1080px; height: 215px; padding: 15px 0 20px 50px; border-left: 3px solid #336FB5; border-right: 3px solid #336FB5; border-bottom: 3px solid #336FB5; display: none; }
ul.oe_menu div ul li a { text-decoration: none; color: #222; padding: 3px 2px 3px 18px; margin: 2px; display: block; font-size: 14px; }
ul.oe_menu div ul.oe_full { width: 100%; }
ul.oe_menu div ul li a:hover { background: #FFF; font-weight: bold; color: #336FB5; text-decoration: underline }
ul.oe_menu li ul { }
li.oe_heading { font-family: 'Nanumgothic', 'Malgun Gothic'; font-weight: bold; color: #585858; font-size: 14px; padding-left: 20px; margin-bottom: 10px; padding-bottom: 6px; border-bottom: 1px solid #DDD; }
.here ul { list-style: none; float: left; width: 185px; margin-right: 10px; }