/* BASIC css start */
#header.fix { margin-top:-180px; position:fixed; top:0; left:0; right:0 }


/* header 상단 메뉴 */
#header { position:relative; width:100%; background:#fff; z-index:100 }
#header.act { position:fixed; top:-180px; left:0; right:0 }
#header .headerTop { position:relative; height:39px; border-bottom:1px solid #eee; z-index:999; }
#header .headerTop .gnb { margin:0 auto; width:1200px; }
#header .headerTop .gnb .hdtLeft { float:left; padding-top: 9px; }
#header .headerTop .gnb .hdtLeft a { font-size:14px; }
#header .headerTop .gnb .hdtLeft a:hover { font-weight:bold; }
#header .headerTop .gnb .hdtLeft span { width:70px; padding-right:25px; }
#header .headerTop .gnb .hdtLeft img { padding-right:5px; vertical-align:middle; }


#header .headerTop .gnb .hdtRight { float:right; padding-top: 9px; }
#header .headerTop .gnb .hdtRight ul li { padding:0 10px; position:relative; display:inline-block; }
#header .headerTop .gnb .hdtRight ul li.last { padding-right:0; background:none }
#header .headerTop .gnb .hdtRight ul li a { display:block; color:#333; letter-spacing:-1px; font-size:14px;  }
#header .headerTop .gnb .hdtRight ul li a .num { margin-left:5px; padding:0 6px 2px 6px; font-size:11px; font-weight:bold; color:#fff; border-radius:5px; background-color:#15478c; }



#header .headerTop .gnb .hdtRight ul li .lnb_menu { display:block; z-index:9999; }
#header .headerTop .gnb .hdtRight ul li .lnb_menu > .arr { display:inline-block; width:14px; height:9px;  }
#header .headerTop .gnb .hdtRight ul li .lnb_menu.active {  }

#header .headerTop .gnb .hdtRight ul li .lnb_depth2 { display:none; position:absolute; top:25px; right:-15px; background-color:#fff; padding:10px 5px; border:1px solid #ddd; width:80px; height:90px; }

#header .headerTop .gnb .hdtRight ul li .lnb_depth2 ul li { list-style:none; line-height:20px; font-size:13px; letter-spacing:-1px; }
#header .headerTop .gnb .hdtRight ul li .lnb_depth2 ul li a:hover { color:#999; }

#header .headerTop .gnb .hdtRight ul li .lnb_depth2 ul .cs { margin-top:7px; padding-top:7px; border-top:1px solid #ddd; color:#15478c; font-size:13px; letter-spacing:-1px; }

#header .headerMid { margin:0 auto; position:relative; width:1200px; height:140px }
#header .headerMid .tlogo { position:absolute; top:49px; left:0 }
#header .headerMid .searchArea { position:absolute; top:48px; left:445px; width:350px; height:43px; border-bottom:2px solid #ddd; }
#header .headerMid .searchArea .MS_search_word { margin-left:29px; width:320px; height:52px; line-height:56px; border:none; background:none; vertical-align:top; font-size:15px; }
#header .headerMid .searchArea a { position:absolute; top:5px; right:5px; display:block; width:46px; height:46px; text-indent:-9999em; background:url(/design/kich/10587/es_php/common/btn_search.jpg) 0 0 no-repeat }
#header .headerMid .bestkeyword { position:absolute; top:98px; left:445px; width:350px; text-align:center;}
#header .headerMid .bestkeyword ul { }
#header .headerMid .bestkeyword ul li { display:inline-block; padding:0 6px; }
#header .headerMid .bestkeyword ul li a { font-size:14px; letter-spacing:-1px; color:#666; }
#header .headerMid .bestkeyword ul li a:hover { color:#000; }


#header .headerMid .mid-slide { width:230px; height:130px; overflow:hidden; position:absolute; right:0; top:10px; }
#header .headerMid .mid-slide .bx-controls-direction { position:absolute; top:38px; left:0; width:100%; z-index:50 }
#header .headerMid .mid-slide .bx-controls-direction a { position:absolute; top:0; width:14px; height:28px; text-indent:-9999em; background:url(/design/kich/10587/es_php/common/sp_hdm_slide.png) 0 0 no-repeat }
#header .headerMid .mid-slide .bx-controls-direction .bx-prev { left:0; background-position:0 0 }
#header .headerMid .mid-slide .bx-controls-direction .bx-next { right:0; background-position:0 -30px }


#lnbWrap { margin:0 auto; position:relative; width:1200px; height:55px }
#lnbWrap .menuAll { float:left; width:55px; height:55px; text-align:center; background:#15478c; cursor:pointer }
#lnbWrap .menuAll #btn_allMenuOpen { padding-top:35px; width:55px; height:20px; color:#fff; font-size:12px; font-weight:bold; line-height:16px; background:url(/design/kich/10587/btn_menu.gif) 15px 13px no-repeat;  }
#lnbWrap > ul { *zoom:1 }
#lnbWrap > ul:after { display:block; clear:both; content:'' }
#lnbWrap > ul > li { position:relative; float:left }
#lnbWrap > ul > li > .lnb_menu { display:block; padding-left:28px; position:relative; height:55px; font-size:16px; color:#333; font-weight:bold; line-height:55px; z-index:10; letter-spacing:-1px;  }
#lnbWrap > ul > li > .lnb_menu > .arr { display:inline-block; width:14px; height:9px;  }
#lnbWrap > ul > li > .lnb_menu.active { padding-left:32px; height:55px; line-height:55px; }
#lnbWrap > ul > li > .lnb_menu.active > .arr { background-position:0 -10px }
#lnbWrap > ul > li > .lnb_depth2 { display:none; position:absolute; top:55px; left:0; background:url(/design/kich/10587/es_php/common/bg_menu_active.png) repeat }
#lnbWrap > ul > li > .lnb_depth2 .depth-inner { padding:20px; *zoom:1 }
#lnbWrap > ul > li > .lnb_depth2 .depth-inner:after { display:block; clear:both; content:'' }
#lnbWrap > ul > li > .lnb_depth2 .depth-inner ul { float:left; width:180px }
#lnbWrap > ul > li > .lnb_depth2 .depth-inner ul li { padding-bottom:8px }
#lnbWrap > ul > li > .lnb_depth2 .depth-inner ul li a { display:block; color:#fff; font-size:14px; }
#lnbWrap > ul > li > .lnb_depth2 .bn-set { position:absolute; top:26px; right:25px }
#lnbWrap > ul > li > .lnb_depth2 .bn-set ul li { padding-bottom:5px }
#lnbWrap ul li.m3 .lnb_depth2,
#lnbWrap ul li.m8 .lnb_depth2 { width:200px }







#header .headerBottom { position:relative; height:55px; background:url(/design/kich/10587/es_php/common/bg_lnb.jpg) top center no-repeat }


#whiteMask { display:none; position:absolute; top:0; left:0; right:0; width:1200px; height:500px; opacity:0.99; filter:alpha(opacity=99); z-index:999 }

.allMenuView {display:none; margin:0 auto; position:absolute; top:55px;  background:#fff; z-index:999; left: 50%; margin-left: -600px }
.allMenuView #btn_allMenuClose {position:absolute; top:-55px; left:0; width:55px; height:55px; text-indent:-9999em; cursor:pointer   }
.allMenuView .bx_allmenu {  width:1150px; height:510px; border:1px solid #ddd; overflow-x:hidden; border-top:none; }
.allMenuView .bx_allmenu .all_menuList {width:870px; float:left; padding:15px 20px; }
.allMenuView .bx_allmenu .all_menuList > ul { width:870px; padding:0; *zoom:1; margin:0;}
.allMenuView .bx_allmenu .all_menuList > ul:after { display:block; clear:both; content:'' }
.allMenuView .bx_allmenu .all_menuList > ul > li { width:200px; margin-right:15px; float:left; height:240px; }
.allMenuView .bx_allmenu .all_menuList > ul > li > a { display:block; padding:0 12px 5px 12px; position:relative; height:27px; font-size:14px; color:#3b3b3b; font-weight:bold; line-height:27px; border-bottom:1px solid #d6d6d6 }
.allMenuView .bx_allmenu .all_menuList > ul > li > a:hover { border-bottom:1px solid #14a54a }
.allMenuView .bx_allmenu .all_menuList > ul > li > a > i { position:absolute; top:8px; right:12px; color:#000 }
.allMenuView .bx_allmenu .all_menuList > ul > li > .all_sub { overflow:hidden }
.allMenuView .bx_allmenu .all_menuList > ul > li > .all_sub > ul {width:200px; padding:12px 0; float:left;  height:175px; margin:0;}
.allMenuView .bx_allmenu .all_menuList > ul > li > .all_sub > ul > li > a { display:block; padding:0 0 5px 12px; color:#333; font-size:13px; }
.allMenuView .bx_allmenu .all_menuList > ul > li > .all_sub > ul > li > a:hover { background-color:#eee; padding-left:5px; }

.allMenuView .bx_allmenu .all_boardList {width:200px; float:right; background-color:#f7f7f7; padding:15px 20px;  }
.allMenuView .bx_allmenu .all_boardList > ul { width:220px; padding:0; *zoom:1; margin:0;}
.allMenuView .bx_allmenu .all_boardList > ul:after { display:block; clear:both; content:'' }
.allMenuView .bx_allmenu .all_boardList > ul > li { width:200px; margin-right:15px; float:left; height:240px; }
.allMenuView .bx_allmenu .all_boardList > ul > li > a { display:block; padding:0 12px 5px 12px; position:relative; height:27px; font-size:14px; color:#3b3b3b; font-weight:bold; line-height:27px; border-bottom:1px solid #d6d6d6 }
.allMenuView .bx_allmenu .all_boardList > ul > li > a:hover { border-bottom:1px solid #000 }
.allMenuView .bx_allmenu .all_boardList > ul > li > a > i { position:absolute; top:8px; right:12px; color:#000 }
.allMenuView .bx_allmenu .all_boardList > ul > li > .all_sub { overflow:hidden }
.allMenuView .bx_allmenu .all_boardList > ul > li > .all_sub > ul { width:200px; padding:12px 0; float:left;  height:175px; margin:0;}
.allMenuView .bx_allmenu .all_boardList > ul > li > .all_sub > ul > li > a { display:block; padding:0 0 5px 12px; color:#333; font-size:13px; }
.allMenuView .bx_allmenu .all_boardList > ul > li > .all_sub > ul > li > a:hover { background-color:#fff; padding-left:5px; }

.allMenuView .bx_allmenu .all_menuList > ul > li.m1 { height: 480px; }
.allMenuView .bx_allmenu .all_menuList > ul > li.m1 > a { color:#3b3b3b }

.allMenuView .bx_allmenu .all_menuList > ul > li.m2 > .all_sub > ul { width:200px }
.allMenuView .bx_allmenu .all_menuList > ul > li.m8 > .all_sub > ul { width:200px }
.allMenuView .bx_allmenu .all_menuList > ul > li.m11 > .all_sub > ul { width:200px }
.allMenuView .bx_allmenu .all_menuList > ul > li.m22 > .all_sub > ul { width:200px }
/* BASIC css end */