/* BASIC css start */
/* 최상단 배너 영역 */
#topBanner { display:none; position:relative; width:100%; height:80px; overflow:hidden;display:none; }
#topBanner .bnnr_bx { margin-left:-960px; position:absolute; top:0; left:50%; width:1920px; height:110px; }
#topBanner .bnnr_bx img { display:block; }
#topBanner .bnnr_bx p.bt_closeBanner { margin-left:605px; position:absolute; top:23px; left:50%; width:30px; height:30px; text-indent:-9999em; cursor:pointer; z-index:10; background:url(/design/xmeter/10275/common/btn_topbanner_close.png) 0 0 no-repeat; }

/* header 상단 메뉴 */
#header { position:relative; width:100%; background:#fff; z-index:1000 }
#header.act { margin-top:-160px; position:fixed; top:0 }
#header .hdArea { height:34px; background:#294eaa }
#header .hdArea .hdTop { margin:0 auto; position:relative; width:1280px; height:34px }
#header .hdArea .hdTop .hdLeft { float:left; overflow:hidden }
#header .hdArea .hdTop .hdLeft p { color:#fff; line-height:28px }
#header .hdArea .hdTop .hdRight { float:right }
#header .hdArea .hdTop .hdRight ul li { position:relative; float:left }
#header .hdArea .hdTop .hdRight ul li a { font-size:15px; font-family: sans-serif; display:block; padding:0 9px; color:#fff; line-height:34px }


#header .hdMidArea { height:122px; margin-bottom:20px; }
#header .hdMidArea .hdMiddle { margin:0 auto; position:relative; width:1280px }
#header .hdMidArea .hdMiddle .tlogo { position:absolute; top:15px; left:561px }
#header .hdMidArea .hdMiddle .searchArea { position:absolute; top:60px; right:0; width:238px; height:33px; text-align:right; border-bottom:1px solid #cacaca }
#header .hdMidArea .hdMiddle .searchArea .MS_search_word { padding:0 5px; float:left; width:195px; height:33px; line-height:33px; border:none; vertical-align:top }
#header .hdMidArea .hdMiddle .searchArea a { display:inline-block; width:33px; height:33px; text-align:left; text-indent:-9999em; background:url(/design/xmeter/10275/common/btn_search.gif) 100% 7px no-repeat;  }


#header .headerBottom { margin:0 auto; position:relative; width:1280px; height:80px; background:transparent; overflow:visible }
#header .headerBottom .navWrap { position:relative; *zoom:1 }
#header .headerBottom .navWrap:after { display:block; clear:both; content:'' }
#header .headerBottom .navWrap .menuAll { float:left; width:80px; height:80px; text-align:center; background:#294eaa; cursor:pointer }
#header .headerBottom .navWrap .menuAll #btn_allMenuOpen { padding-top:50px; width:80px; height:37px; color:#fff; font-size:19px; font-weight:bold; line-height:16px; background:url(/design/xmeter/10275/common/btn_menu.gif) 30px 25px no-repeat;  }
#header .headerBottom .navWrap .lnb_wrap { float:left; width:1199px; height:78px; border:1px solid #cacaca; background:transparent; border-left:none }
#header .headerBottom .navWrap ul { padding:22px 20px; }
#header .headerBottom .navWrap ul .lnb_menu { position:relative; float:left; height:34px; width:120px; margin:0 40px; }
#header .headerBottom .navWrap ul .lnb_menu > a { display:block; font-size:24px; color:#282828; font-weight:bold; text-align:center; letter-spacing:0px; line-height:34px }
#header .headerBottom .navWrap ul .lnb_menu > a.lnb_plan { color:#282828 }
#header .headerBottom .navWrap ul .lnb_menu > a.lnb_pay { color:#282828 }
#header .headerBottom .navWrap ul .lnb_menu > a.active { color:#294eaa }
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub { display:none; position:absolute; top:34px; left:-40px; width:auto; border-top:2px solid #d72a2a; border-left:1px solid #cacaca; border-right:1px solid #cacaca; border-bottom:1px solid #cacaca; background:#fff; z-index:10 }
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub .inner { margin:10px 15px; overflow:hidden; *zoom:1 }
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub ul { float:left; }
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub ul li { height:30px; }
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub ul li a { display:block; padding:0 5px; font-size:13px; color:#4e4e4e; line-height:30px }
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub ul li a:hover { color:#d72a2a }

#header .headerBottom .navWrap .allMenuView { display:none; width:50%; position:absolute; top:0; left:0; background:#fff; z-index:10 }
#header .headerBottom .navWrap .allMenuView #btn_allMenuClose { position:absolute; top:0; left:0; width:34px; height:34px; text-indent:-9999em; background:url(/design/xmeter/10275/common/btn_allmenu_close.gif) 0 0 no-repeat; cursor:pointer }
#header .headerBottom .navWrap .allMenuView .bx_allmenu { padding:30px 19px 0 36px; height:auto; max-height:500px; border:1px solid #d72a2a; overflow-x:hidden; overflow-y:auto; }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList { padding-top:20px }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul { padding:0; width:1300px; *zoom:1 }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul:after { display:block; clear:both; content:'' }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li { margin-right:31px; float:left; }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li > a { display:block; padding:0 12px; position:relative; height:27px; font-size:12px; color:#3b3b3b; font-weight:bold; line-height:27px; border:1px solid #d6d6d6 }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li > a > i { position:absolute; top:8px; right:12px; color:#000 }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li > .all_sub { overflow:hidden }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li > .all_sub > ul { padding:20px 0; float:left; width:123px; height:230px }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li > .all_sub > ul > li > a { display:block; padding:0 0 5px 12px; color:#3b3b3b }

#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m1 > a,
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m2 > a,
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m3 > a { color:#955454 }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m26 > a { color:#4daa9c }

#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m2 > .all_sub > ul { width:135px }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m8 > .all_sub > ul { width:140px }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m11 > .all_sub > ul { width:140px }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m22 > .all_sub > ul { width:140px }

/* BASIC css end */

