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

/*-------------------------------------------------------------------------------------------
    1차메뉴 설정
-------------------------------------------------------------------------------------------*/
#gnb{ position:relative;
    width: 655px;
    height: 98px;
    padding-top: 40px;
}

#gnb h3{
    display:none;
}

#gnb ul{
    
    list-style-type: none;

    padding-top:0px;
}

#gnb ul li{ position: relative;
    float: left;
	list-style:none;
}
/** 서브메뉴 설정 **/

#gnb #gm_01 a, #gnb #gm_02 a, #gnb #gm_03 a, #gnb #gm_04 a, #gnb #gm_05 a{
    display: block;
    text-indent: -9999px;
    font-size: 0px;
    background: none;   /* 1차메뉴 a 링크의 배경이미지 삭제 */
}

/** 1차메뉴 li에 배경으로 이미지 지정 **/
#gm_01, #gm_01 .gm_menu_01{ 
    background: url(/eng/img4/menu1.jpg) no-repeat 0px 0px;
    width: 131px;height: 25px;  
}
#gm_02, #gm_02 .gm_menu_02{
    background: url(/eng/img4/menu2.jpg) no-repeat 0px 0px;
    width: 131px;height: 25px;  
}
#gm_03, #gm_03 .gm_menu_03{
    background: url(/eng/img4/menu3.jpg) no-repeat 0px 0px;
    width: 131px;height: 25px;    
}
#gm_04, #gm_04 .gm_menu_04{
    background: url(/eng/img4/menu4.jpg) no-repeat 0px 0px;
    width: 131px;height: 25px;  
}
#gm_05, #gm_05 .gm_menu_05{
    background: url(/eng/img4/menu5.jpg) no-repeat 0px 0px;
    width: 131px;height: 25px; 
}




#gnb #gm_01 .gm_menu_01:hover{
    background:  url(/eng/img4/menu1_2.jpg) no-repeat 0px 0px;
}
#gnb #gm_02 .gm_menu_02:hover{
    background:  url(/eng/img4/menu2_2.jpg) no-repeat 0px 0px;
}
#gnb #gm_03 .gm_menu_03:hover{
    background:  url(/eng/img4/menu3_2.jpg) no-repeat 0px 0px;
}
#gnb #gm_04 .gm_menu_04:hover{
    background:  url(/eng/img4/menu4_2.jpg) no-repeat 0px 0px;
}
#gnb #gm_05 .gm_menu_05:hover{
    background:  url(/eng/img4/menu5_2.jpg) no-repeat 0px 0px;
}



/*-------------------------------------------------------------------------------------------
    2차메뉴 설정
    2차메뉴의 위치는 absolute로 처리
-------------------------------------------------------------------------------------------*/

#gnb ul ul{
    position: absolute;
    top: 30px;
}

#gnb ul ul li{
    margin:0px;
}

#gnb #gmsub_201{
    left: 25px;margin:0px; width:595px; display:none
}
#gnb #gmsub_202{
    left: -60px;margin:0px; width:507px; display:none
}
#gnb #gmsub_203{
    left: -200px;margin:0px; width:576px; display:none
}
#gnb #gmsub_204{
    left: -330px;margin:0px; width:572px; display:none
}
#gnb #gmsub_205{
    left: -160px;margin:0px; width:281px; display:none
}

/*    공통설정  */

#gnb #gmsub_201 li a, #gnb #gmsub_202 li a, #gnb #gmsub_203 li a,
#gnb #gmsub_204 li a, #gnb #gmsub_205 li a,{
    height: 23px;
    background-image: none; 
}




/*  -------------------------------------------------------------------------------
    01.(주)극동스텐 소개
---------------------------------------------------------------------------------*/
#gmsub_201 .menu_11{
    width: 91px; margin:0px 0px;
    background: url(/eng/img4/sub1_1.jpg) no-repeat left top;
}
#gmsub_201 .menu_12{
    width: 51px;margin:0px 0px;
    background: url(/eng/img4/sub1_2.jpg) no-repeat left top;
}
#gmsub_201 .menu_13{
    width: 98px;margin:0px 0px;
    background: url(/eng/img4/sub1_3.jpg) no-repeat left top;
}
#gmsub_201 .menu_14{
    width: 191px;margin:0px 0px;
    background: url(/eng/img4/sub1_4.jpg) no-repeat left top;
}
#gmsub_201 .menu_15{
    width: 74px;margin:0px 0px;
    background: url(/eng/img4/sub1_5.jpg) no-repeat left top;
}
#gmsub_201 .menu_16{
    width: 60px;margin:0px 0px;
    background: url(/eng/img4/sub1_6.jpg) no-repeat left top;
}

#gmsub_201 .menu_11:hover{
    width: 91px;
    background: url(/eng/img4/sub1_1_on.jpg) no-repeat left top;
}
#gmsub_201 .menu_12:hover{
    width: 51px;
    background: url(/eng/img4/sub1_2_on.jpg) no-repeat left top;
}
#gmsub_201 .menu_13:hover{
    width: 98px;
    background: url(/eng/img4/sub1_3_on.jpg) no-repeat left top;
}
#gmsub_201 .menu_14:hover{
    width: 191px;
    background: url(/eng/img4/sub1_4_on.jpg) no-repeat left top;
}
#gmsub_201 .menu_15:hover{
    width: 74px;
    background: url(/eng/img4/sub1_5_on.jpg) no-repeat left top;
}
#gmsub_201 .menu_16:hover{
    width: 60px;
    background: url(/eng/img4/sub1_6_on.jpg) no-repeat left top;
}

/* a 링크의 너비지정 */
#gmsub_201 .menu_11 a { width: 91px;  height: 23px;}
#gmsub_201 .menu_12 a { width: 51px;  height: 23px;}
#gmsub_201 .menu_13 a { width: 98px;  height: 23px;}
#gmsub_201 .menu_14 a { width: 191px;  height: 23px;}
#gmsub_201 .menu_15 a { width: 74px;  height: 23px;}
#gmsub_201 .menu_16 a { width: 60px;  height: 23px;}

/*  -------------------------------------------------------------------------------
    02. 사업분야
---------------------------------------------------------------------------------*/
#gmsub_202 .menu_21{
    width: 99px;margin:0px 0px;
    background: url(/eng/img4/sub2_1.jpg) no-repeat left top;
}
#gmsub_202 .menu_22{
    width: 128px;margin:0px 0px;
    background: url(/eng/img4/sub2_2.jpg) no-repeat left top;
}
#gmsub_202 .menu_23{
    width: 61px;margin:0px 0px;
    background: url(/eng/img4/sub2_3.jpg) no-repeat left top;
}
#gmsub_202 .menu_24{
    width: 97px;margin:0px 0px;
    background: url(/eng/img4/sub2_4.jpg) no-repeat left top;
}
#gmsub_202 .menu_25{
    width: 122px;margin:0px 0px;
    background: url(/eng/img4/sub2_5.jpg) no-repeat left top;
}


#gmsub_202 .menu_21:hover{
    width: 99px;
    background: url(/eng/img4/sub2_1_on.jpg) no-repeat left top;
}
#gmsub_202 .menu_22:hover{
    width: 128px;
    background: url(/eng/img4/sub2_2_on.jpg) no-repeat left top;
}
#gmsub_202 .menu_23:hover{
    width: 61px;
    background: url(/eng/img4/sub2_3_on.jpg) no-repeat left top;
}
#gmsub_202 .menu_24:hover{
    width: 97px;
    background: url(/eng/img4/sub2_4_on.jpg) no-repeat left top;
}
#gmsub_202 .menu_25:hover{
    width: 122px;
    background: url(/eng/img4/sub2_5_on.jpg) no-repeat left top;
}

/* a 링크의 너비지정 */
#gmsub_202 .menu_21 a { width: 99px;  height: 23px;}
#gmsub_202 .menu_22 a { width: 128px;  height: 23px;}
#gmsub_202 .menu_23 a { width: 61px;  height: 23px;}
#gmsub_202 .menu_24 a { width: 97px;  height: 23px;}
#gmsub_202 .menu_25 a { width: 122px;  height: 23px;}

/*  -------------------------------------------------------------------------------
    03. 보유장비
---------------------------------------------------------------------------------*/
#gmsub_203 .menu_31{
    width: 112px;margin:0px 0px;
    background: url(/eng/img4/sub3_1.jpg) no-repeat left top;
}
#gmsub_203 .menu_32{
    width: 61px;margin:0px 0px;
    background: url(/eng/img4/sub3_2.jpg) no-repeat left top;
}
#gmsub_203 .menu_33{
    width: 152px;margin:0px 0px;
    background: url(/eng/img4/sub3_3.jpg) no-repeat left top;
}
#gmsub_203 .menu_34{
    width: 179px;margin:0px 0px;
    background: url(/eng/img4/sub3_4.jpg) no-repeat left top;
}




#gmsub_203 .menu_31:hover{
    width: 112px;
    background: url(/eng/img4/sub3_1_on.jpg) no-repeat left top;
}
#gmsub_203 .menu_32:hover{
    width: 61px;
    background: url(/eng/img4/sub3_2_on.jpg) no-repeat left top;
}
#gmsub_203 .menu_33:hover{
    width: 152px;
    background: url(/eng/img4/sub3_3_on.jpg) no-repeat left top;
}
#gmsub_203 .menu_34:hover{
    width: 179px;
    background: url(/eng/img4/sub3_4_on.jpg) no-repeat left top;
}


/* a 링크의 너비지정 */
#gmsub_203 .menu_31 a { width: 112px;  height: 23px;}
#gmsub_203 .menu_32 a { width: 61px;  height: 23px;}
#gmsub_203 .menu_33 a { width: 152px;  height: 23px;}
#gmsub_203 .menu_34 a { width: 179px;  height: 23px;}

/*  -------------------------------------------------------------------------------
    04. 생산제품
---------------------------------------------------------------------------------*/
#gmsub_204 .menu_41{
    width: 141px;margin:0px 0px;
    background: url(/eng/img4/sub4_1.jpg) no-repeat left top;
}
#gmsub_204 .menu_42{
    width: 105px;margin:0px 0px;
    background: url(/eng/img4/sub4_2.jpg) no-repeat left top;
}
#gmsub_204 .menu_43{
    width: 109px;margin:0px 0px;
    background: url(/eng/img4/sub4_3.jpg) no-repeat left top;
}
#gmsub_204 .menu_44{
    width: 51px;margin:0px 0x;
    background: url(/eng/img4/sub4_4.jpg) no-repeat left top;
}
#gmsub_204 .menu_45{
    width: 128px;margin:0px 0x;
    background: url(/eng/img4/sub4_5.jpg) no-repeat left top;
}


#gmsub_204 .menu_41:hover{
    width: 141px;
    background: url(/eng/img4/sub4_1_on.jpg) no-repeat left top;
}
#gmsub_204 .menu_42:hover{
    width: 105px;
    background: url(/eng/img4/sub4_2_on.jpg) no-repeat left top;
}
#gmsub_204 .menu_43:hover{
    width: 109px;
    background: url(/eng/img4/sub4_3_on.jpg) no-repeat left top;
}
#gmsub_204 .menu_44:hover{
    width: 51px;
    background: url(/eng/img4/sub4_4_on.jpg) no-repeat left top;
}
#gmsub_204 .menu_45:hover{
    width: 128px;
    background: url(/eng/img4/sub4_5_on.jpg) no-repeat left top;
}

/* a 링크의 너비지정 */
#gmsub_204 .menu_41 a { width: 141px;  height: 23px;}
#gmsub_204 .menu_42 a { width: 105px;  height: 23px;}
#gmsub_204 .menu_43 a { width: 109px;  height: 23px;}
#gmsub_204 .menu_44 a { width: 51px;  height: 23px;}
#gmsub_204 .menu_45 a { width: 128px;  height: 23px;}

/*  -------------------------------------------------------------------------------
    05. 고객지원
---------------------------------------------------------------------------------*/
#gmsub_205 .menu_51{
    width: 100px;margin:0px 0px;
    background: url(/eng/img4/sub5_1.jpg) no-repeat left top;
}
#gmsub_205 .menu_52{
    width: 132px;margin:0px 0px;
    background: url(/eng/img4/sub5_2.jpg) no-repeat left top;
}
#gmsub_205 .menu_53{
    width: 49px;margin:0px 0px;
    background: url(/eng/img4/sub5_3.jpg) no-repeat left top;
}



#gmsub_205 .menu_51:hover{
    width: 100px;
    background: url(/eng/img4/sub5_1_on.jpg) no-repeat left top;
}
#gmsub_205 .menu_52:hover{
    width: 132px;
    background: url(/eng/img4/sub5_2_on.jpg) no-repeat left top;
}
#gmsub_205 .menu_53:hover{
    width: 49px;
    background: url(/eng/img4/sub5_3_on.jpg) no-repeat left top;
}


/* a 링크의 너비지정 */
#gmsub_205 .menu_51 a { width: 100px;  height: 23px;}
#gmsub_205 .menu_52 a { width: 132px;  height: 23px;}
#gmsub_205 .menu_53 a { width: 49px;  height: 23px;}