@charset "utf-8";
/* CSS Document */


/*top_wrapper*/
.m_topmenuArea{position:absolute;top:0;left:0;z-index:100;width:100%;height:107px;}
.m_topmenuOpen{height:136px;}
.m_tm{background:url(../image/common/bg_submenu.png) repeat-x center bottom;height:142px;}
.m_topmenuArea #top_wrapper{width:960px;margin:0 auto}
#top_wrapper{height:107px;width:960px;margin:0 auto;position:relative;z-index:100;}

#top_wrapper h1{position:relative;top:20px;width:179px}
/*top util*/
#top_wrapper .top_util{position:absolute;top:20px;left:0;text-align:center;width:980px;}
#top_wrapper .top_util ul{overflow:hidden;height:19px;position:absolute;top:0;right:250px}
#top_wrapper .top_util ul li{float:left;}
#top_wrapper .top_util ul li a{background:url(../image/common/top_util.png) no-repeat 0 0;height:19px;text-indent:-9999px; font-size:0; line-height:1;display:block}
#top_wrapper .top_util .login a{background-position:0 0 ;width:55px;height:19px;}
#top_wrapper .top_util .idpw a{background-position:-55px 0 ;width:85px;height:19px;}
#top_wrapper .top_util .join a{background-position:-140px 0 ;width:75px;height:19px;}
#top_wrapper .top_util .logout a{background-position:-214px 0 ;width:75px;height:19px;}
#top_wrapper .top_util .info a{background-position:-289px 0 ;width:94px;height:19px;}
#top_wrapper .top_util .sitemap a{background-position:-383px 0 ;width:65px;height:19px;}

/*언어선택*/
#top_wrapper  .lang {position:absolute;top:20px;right:0;z-index:1000;border:0px solid #000;height:18px}
#top_wrapper .lang li{background:url(../image/common/lang_line.png) left top no-repeat;}
#top_wrapper .lang li:first-child{background-image:none}
#top_wrapper .lang li a{display:block;text-indent:-9999px;font-size:0;line-height:1;background:url(../image/common/bt_lang.jpg) no-repeat 0 0 ;width:71px;height:21px}
#top_wrapper .lang .kor a{background-position:0 0;width:71px;height:21px}
#top_wrapper .lang .eng a{background-position:-71px 0;width:71px;height:21px}
#top_wrapper .lang .chi a{background-position:-160px 0;width:71px;height:21px}
#top_wrapper .lang .jpn a{background-position:-240px 0;width:71px;height:21px}

#top_wrapper .lang dd{overflow:hidden;width:94px;height:65px}

#top_wrapper .lang .kor .on {background-position:0 -21px }
#top_wrapper .lang .eng .on {background-position:-71px -21px }




#top_wrapper  ul{position:absolute;top:0;right:0;float:left;}
#top_wrapper  ul li{float:left}



/*상단 메인메뉴 시작*/

#tm_Area {clear:both;position:absolute;top:71px;left:0;width:960px;z-index:10000;background:#2a2a2a;}
#tm_Area ul#topnav{height:36px;width:960px;z-index:1000}
#tm_Area #topnav li{float:left;margin:0;display:inline;z-index:10000}
#tm_Area ul#topnav a{display:block;text-indent:-9999px;margin:0; font-size:0; line-height:1;background:url(../image/common/topmenu.jpg) no-repeat 0 0;}

#tm_Area #topnav li ul{position:absolute;top:40px;left:0;width:100%;overflow:hidden;z-index:-10;padding:10px;width:215px;}
#tm_Area #topnav li .sm_Area{background:#444343;height:260px}
#tm_Area #topnav li ul li{padding-left:0px;margin:0;clear:both}
#tm_Area #topnav li ul li:first-child{margin-bottom:15px}
#tm_Area #topnav .menu1 li a,
#tm_Area #topnav .menu2 li a,
#tm_Area #topnav .menu3 li a,
#tm_Area #topnav .menu4 li a
{display:block;text-indent:0;marign:0;font-size:13px;line-height:160%;background:none ;height:27px;padding-left:20px;color:#c6c6c6;font-weight:bold;height:27px;width:195px }
#tm_Area .tm_closed{position:absolute;right:0;bottom:0;z-index:10000}


/* 서브메뉴 잠시 안보이게 */
#tm_Area .tm_closed,#tm_Area #topnav li ul{display:none}


/*메인메뉴*/

#tm_Area #topnav .menu1 a{background-position:0 0 ;width:240px;height:36px;z-index:100}
#tm_Area #topnav .menu2 a{background-position:-240px 0 ;width:240px;height:36px}
#tm_Area #topnav .menu3 a{background-position:-480px 0 ;width:240px;height:36px}
#tm_Area #topnav .menu4 a{background-position:-720px 0 ;width:240px;height:36px}


/*#tm_Area #topnav .menu1 a:hover,
#tm_Area #topnav .menu1 a:focus, 
#tm_Area #topnav .menu1 a:active, */
#tm_Area #topnav .menu1 .onhover {background-position:0 -36px }


/*#tm_Area #topnav .menu2 a:hover, 
#tm_Area #topnav .menu2 a:focus, 
#tm_Area #topnav .menu2 a:active, */
#tm_Area #topnav .menu2 .onhover {background-position:-240px -36px }


/*#tm_Area #topnav .menu3 a:hover, 
#tm_Area #topnav .menu3 a:focus, 
#tm_Area #topnav .menu3 a:active, */
#tm_Area #topnav .menu3 .onhover {background-position:-480px -36px }


/*#tm_Area #topnav .menu4 a:hover, 
#tm_Area #topnav .menu4 a:focus, 
#tm_Area #topnav .menu4 a:active, */
#tm_Area #topnav .menu4 .onhover {background-position:-720px -36px }


/*서브메뉴시작*/

#tm_Area #topnav li ul a:hover,
#tm_Area #topnav li ul a:focus, 
#tm_Area #topnav li ul a:active, 
#tm_Area #topnav li ul .onhover {background:#cb2030;text-decoration:none;color:#fff}



/*Products소개*/
#tm_Area #topnav .menu1 ul{left:0px;margin:0 0 0 5px}


/* 2016.11.11 sw 불필요한 css 주석처리*/
/*
#tm_Area #topnav .menu1 .menu1-1,
#tm_Area #topnav .menu1 .menu1-2,
#tm_Area #topnav .menu1 .menu1-3,
#tm_Area #topnav .menu1 .menu1-4
{display:block;text-indent:0;marign:0;font-size:13px;line-height:160%;background:none ;height:27px;padding-left:20px;color:#c6c6c6;font-weight:bold;height:27px;width:195px }
*/



/*******SERVICE&SUPPORT*******/
#tm_Area #topnav .menu2 ul{left:240px  ; }



/*******COMPANY*******/
#tm_Area #topnav .menu3 ul{left:480px ; }



/*******GEMSS News*******/
#tm_Area #topnav .menu4 ul{left:720px  ; }