.header_wrap {width:980px; margin:0 auto;}

.header_01 {height:46px;position: relative; float:right;z-index:1000000;}
.header_01 a, .header_01 img {float:left;}
.header_search_box {padding-top:8px; float:left;width:241px;}
.header_search_form {background:url(../images/top/search_front.gif) no-repeat;height:26px;padding-left:16px;}
.header_search_cat {float:left;width:60px; height:24px;border-top:1px solid #898a8a; border-bottom:1px solid #898a8a;line-height:24px; font-size:12px;overflow:hidden; background:url(../images/top/search_arrow.gif) right no-repeat;}
.header_search_cat_list {position: absolute;display:none;z-index:9999999999999;top:8px;left:10px;border:1px solid #898a8a; background-color:#FFF;font-size:12px;}
.header_search_cat_list a {display:block;padding:3px 5px; float:none;}
.header_search_cat_list a:hover { background-color:#e4e4e4}
.header_btn_box {margin-left:42px; padding-top:12px;float:left;width:293px;}
.total_search_input {width:135px;height:24px; border:none; border-top:1px solid #898a8a; border-bottom:1px solid #898a8a;float:left; font-size:12px; text-indent:10px;}
.total_search_btn {float:left;display:block;width:29px; height:26px; background:url(../images/top/search_end.gif) no-repeat; text-indent:-99999px;border:none;cursor:pointer;}



.header_02 {clear:both; height:65px; position:relative;z-index:999999;}
.header_logo {float:left; width:262px;}

.header_menu_box {float:left; margin-top:25px;width:718px;}
.header_menu_box a, .header_menu_box img {float:left; font-family:Arial, Helvetica, sans-serif; color:#000; font-size:16px; font-weight:bold; letter-spacing:-0.2px}
.header_menu_box a.on { color:#2976c6 }
.header_menu_sub {display:none; position: absolute; top:55px; left:0px; width:980px; height:45px; background:url(../images/top/menu_bg.gif) repeat-x;z-index:9999}
.header_menu_sub a {color:#d3e6f7; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; letter-spacing:0 }
.header_menu_sub a:hover {color:#fff;}
.header_menu_sub ul {margin-top:14px; list-style:none;}
.header_menu_sub .ml_introduction {margin-left:262px;}
.header_menu_sub .ml_research {margin-left:262px;}
.header_menu_sub .ml_support {margin-left:490px;}
.header_menu_sub .ml_promotion {margin-left:638px;}
.header_menu_sub .ml_technology {margin-left:506px;}
.header_menu_sub li {float:left;margin-left:17px; background:url(../images/top/menu_split.gif) no-repeat;padding-left:19px;}
.header_menu_sub li:first-child {float:left; margin:0; padding:0;background-image:none;}

.header_menu_sub .ml_tablet {display:none;margin:0; list-style:none;margin-top:5px;}
.header_menu_sub .ml_tablet li {float:left;width:374px; background:url(../images/top/menu_split.gif) right repeat-y #3a6cab; margin:0; padding:9px 0 12px 0; text-align:center;}
.header_menu_sub .ml_tablet li:last-child {width:371px; background-image:none; overflow:hidden;}
.header_menu_sub .ml_tablet li a {float:none;}
.header_menu_sub .ml_tablet .ml_tablet_sub {}
.header_menu_sub .ml_tablet .ml_tablet_sub li {text-align:left; background:none; line-height:1.6;padding:0;width:372px; text-indent:22px;}
.header_menu_sub .ml_tablet .ml_tablet_sub li:last-child {padding-bottom:0px;}

.header_menu_arrow_open, .header_menu_arrow_research, .header_menu_arrow_promotion, .header_menu_arrow_technology, .header_menu_arrow_support, .header_menu_arrow_bbs, .header_menu_arrow_introduction {width:11px;height:6px; background-image:url(../images/top/menu_arrow.gif);}
.header_menu_arrow_introduction {margin-left:313px}
.header_menu_arrow_research {margin-left:443px}
.header_menu_arrow_support {margin-left:571px}
.header_menu_arrow_promotion {margin-left:719px}
.header_menu_arrow_technology {margin-left:893px}


.header_menu_box_m {display:none;float:right; margin-top:21px;}
.btn_search {display:block; float:left;width:77px; height:40px; margin-right:4px; background:url(../images/top/btn_search.gif); text-indent:-9999px;}
.btn_kr {display:block; float:left;width:77px; height:40px; margin-right:4px; background:url(../images/top/btn_kr.gif); text-indent:-9999px;}
.btn_menu {display:block; float:left;width:84px; height:40px; margin-right:4px; background:url(../images/top/btn_menu_en.gif); text-indent:-9999px;}
.sidemenu_box {display:none;z-index:1000000;}
.sidemenu_box_bg {position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=70);}
.sidemenu {width:265px;position:absolute; top:0;right:-225px;}
.sidemenu_close {display:block;font-size:15px;color:#fff;width:253px;height:42px;line-height:42px;text-align:right;padding-right:13px;background:url(../images/top/sidemenu_01.gif) no-repeat }
.sidemenu_m {display:block;font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;color:#474747;width:265px;height:48px;line-height:48px;text-indent:28px;text-align:left;background:url(../images/top/sidemenu_bg.gif) no-repeat;}

.sidemenu_bg_none, .sidemenu_bg_arrow {display:block;width:265px;height:48px; line-height:48px; text-indent:29px; text-align:left; color:#fff; font-weight:bold;}
.sidemenu_bg_none {background:url(../images/top/sidemenu_09.gif);}
.sidemenu_bg_arrow {background:url(../images/top/sidemenu_10.gif);}
.sidemenu_cat1, .sidemenu_cat2 {display:none;}
.sidemenu_cat2 a {display:block;width:265px;height:35px;background:url(../images/top/sidemenu_11.gif); color:#c9def2;line-height:35px; text-align:left; text-indent:29px;}

.mc {display:block}
.mt {display:none}

.navbar-nav { display:none;clear:both; padding:0; margin:13px 0 0 15px !important; }
.navbar-nav > li > a { margin:0; height:28px; line-height:1.2 !important; font-family:Arial, Helvetica, sans-serif; color:#000; font-size:16px; font-weight:bold; 
letter-spacing:-0.2px}
.nav > li > a:hover,
.nav > li > a:focus { background:none !important }
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus { background:none !important }

.menu_dot { width:35px; margin:0 }

.dropdown { padding:0; margin:0 }
.dropdown-menu { padding:0; border:none !important; box-shadow:none !important }

.sm1 {margin-left:-15px !important}
.sm2 {margin-left:-160px !important}
.sm3 {margin-left:-280px !important}
.sm4 {margin-left:-415px !important}
.sm5 {margin-left:-570px !important}


@media screen and (max-width: 1000px) {

.mc {display:none}
.mt {display:block}
.header_menu_box {display:none}
.navbar-nav {display:block}

.header_wrap {width:745px;}
.header_search_box {padding-top:18px;}
.header_btn_box {margin:0 7px;padding-top:22px;}
.header_02 {clear:none;height:111px;text-align:center;}
.header_logo {width:152px;margin-top:17px;margin-left:5px;}

.header_menu_box {}
.header_menu_sub {width:745px; top:101px; background:url(../images/top/menu_bg_t.gif) repeat-x 0 6px;}
.header_menu_sub .ml_open {display:none;}
.header_menu_sub .ml_research {display:none;}
.header_menu_sub .ml_technology {display:none;}
.header_menu_sub .ml_support {display:none;}
.header_menu_sub .ml_promotion {display:none;}
.header_menu_sub .ml_bbs {display:none;}
.header_menu_sub .ml_introduction {display:none;}
.header_menu_sub .ml_tablet {display:block;}


.header_menu_arrow_introduction {margin-left:66px}
.header_menu_arrow_research {margin-left:196px}
.header_menu_arrow_support {margin-left:324px}
.header_menu_arrow_promotion {margin-left:469px}
.header_menu_arrow_technology {margin-left:644px}

}


@media screen and (max-width: 765px) {

.header_wrap {width:100%; min-width:320px;}
.header_01, .header_menu_box {display:none;}
.header_02 {height:81px;}

.navbar-nav {display:none}
.header_menu_box_m {display:block;}

}

@media screen and (max-width: 440px) {
.btn_search, .btn_kr, .btn_menu {width:40px;}	
.btn_search {background:url(../images/top/btn_search_m.gif);}
.btn_kr {background:url(../images/top/btn_kr_m.gif);}
.btn_menu {background:url(../images/top/btn_menu_m.gif);}

}