/*Reset*/
*{margin:0;padding:0;}
html,body{width:100%;height:100%;}
body{*word-break:break-all;-ms-word-break:break-all;
scrollbar-face-color: #000717;
scrollbar-highlight-color:#000717;
scrollbar-3dlight-color: #000717;
scrollbar-shadow-color:#000717;
scrollbar-darkshadow-color: #000717;
scrollbar-track-color: #021C3D;
scrollbar-arrow-color:#9CA9BA;}
body,input,button{font-size:12px;line-height:1.5em;font-family:"돋움",Dotum,Helvetica,AppleGothic,Sans-serif;color:#383d41;}
h1,h2,h3,h4,h5,h6{font-size:12px;text-align:left;}
img,fieldset,iframe{border:0 none;}
ul, ul li { list-style-type:none; margin:0; padding:0; }
ol, ol li { list-style-type:none; margin:0; padding:0; }


/*Common*/
.input_text, textarea{*margin:-1px 0;padding-right:1px;}
.input_check, .input_radio{width:13px;height:13px;}
.blind, legend, .ke_kbd .skip_kbd, .wg_sports thead th{display:block;overflow:hidden;position:absolute;left:0;top:-5000px;}

.hide {display:none;}
.float_l {float:left;}
.float_r {float:right;}
.clear_b {clear:both;}
.align_l {text-align:left;}
.align_c {text-align:center;}
.align_r {text-align:right;}
.align_j{text-align:justify;}

.m_r10 {margin-right:10px;}
.p_t5 {padding-top:5px;}
.p_t10 {padding-top:10px;}
.p_t25 {padding-top:25px;}
.p_t35 {padding-top:35px;}
.p_l55 {padding-left:55px;}
.p_l20 {padding-left:20px;}
.p_l25 {padding-left:25px;}
.p_b2 {padding-bottom:2px;}
.p_b10 {padding-bottom:10px;}
.p_b12 {padding-bottom:10px;}
.p_b15 {padding-bottom:15px;}
.p_b30 {padding-bottom:30px;}

.t_line {border-top:1px solid; border-top-color:#3D3B45;}

.w200{width:200px;}
.w655 {width:655px;}

/*Layout*/
#index{
width:100%;
background:url(../images/common/all_bg.jpg) repeat 0 0;
position:relative; 
}

#main_wrapper{
width:100%;
height:100%;
position:relative;}

#sub_wrapper{
width:100%; 
height:auto; 
position:relative;
background:url(../images/main/bg_img.gif) no-repeat 0 75px;}

/*Header*/
#header{
position:relative;
z-index:100;
width:100%;}

#header h1{
position:relative; 
height:76px;
padding:14px 0 0 36px;
background:url(../images/common/winter_head_bg.gif);}
/*background-color:#000717;}*/

#global_menu{
position:relative;
top:5px;
left:985px;
width:22px;
height:72px;}

#global_menu li{
height:40px;
vertical-align: top;
}

/*menu*/
#menu{
position:absolute;
top:378px;
z-index:50;
width:980px;
}

/*m_container*/
#main_contents{
background-color:#FFF;
position:absolute;
left:0;
top:76px;
z-index:0;
width:100%;
/*height:530px;*/
}


/*Sub_Header*/
#sub_header{
position:relative;
z-index:100;
width:100%;
height:100px;
background:url(../images/common/head_bg.gif) repeat-x 0 0;}

#sub_header h1{
position:relative; 
padding:14px 0 0 36px;}

#sub_header h2{
position:absolute;
left:0;
top:76px;}

#sub_global_menu{
position:absolute;
top:29px;
left:930px;
height:25px;}

#sub_lang_menu{
	position: absolute;
	top: 166px;
	left: 985px;
	height: 104px;
	width: 39px;
}

#sub_shop_menu{
	position: absolute;
	top: 29px;
	left: 671px;
	height: 25px;
}

#sub_global_menu li{
width:25px;
float:left;}

#sub_lang_menu li{
width:25px;
float:left;}

/*sub_container*/
#sub_container{
position:relative;
left:0;
top:0;
width:980px;}

#sub_visual{height:170px; width:980px; overflow:hidden; margin-bottom:20px;   }


#contents_container{
	position: relative;
	width: 940px;
	margin: 0 0 23px 20px;
	color: #000000;
}


#left_container{
position:relative;
width:234px;
float:left;
}

#right_container {
position:relative;
float:left;
padding:10px 0 40px 40px;
width:670px; 
border-left:1px solid #354963;}

#right_container1 {
	position: relative;
	float: left;
	padding: 10px 10px 0px 45px;
	width: 670px;
	border-left: 1px solid #354963;
}

.sub_left_menu2 {
position:absolute;
top:75px;
left:2px;
padding:0 0 1px 0;
width:196px;}

.title {
	position: absolute;
	top: 0px;
	left: -934px;
	float: left;
	margin-top: 0px;
	text-align: right;
	padding-right: 0px;
	width: 200px;
	height: 100%;
}

#sub_left_menu {
position:absolute;
bottom:0;
left:0;
background-color:#000717;
margin:50px 0 0 40px;
text-align:center;
width:940px;
height:22px;
overflow:hidden;}

.sub_left_menu3 {
background-color:#000717;
position:relative;
top:0px;
left:0px;
padding:0 0 1px 0;
width:196px;}

#product_02 {
position:relative;
top:10px;
left:247px;
float:left;
padding:20px 20px 20px 20px;
width:670px;
border:2px solid #354963;
background-color:#000000;
}

#product_03 {
	position: relative;
	top: 10px;
	left: 247px;
	float: left;
	padding: 20px 20px 20px 20px;
	width: 670px;
	border: 2px solid #354963;
	background-color: #000000;
}

#product_04 {
position:relative;
top:10px;
left:247px;
float:left;
padding:20px 20px 20px 20px;
width:670px;
border:2px solid #354963;
background-color:#001339;
}

#product_05 {
position:relative;
top:10px;
left:247px;
float:left;
padding:20px 20px 20px 20px;
width:670px;
border:2px solid #354963;
background-color:#000000;
}

#product_njint {
position:relative;
top:10px;
left:247px;
float:left;
padding:20px 0px 20px 20px;
width:670px;
border:2px solid #354963;
/*background-color:#000000; */
}

#product_njint1 {
position:relative;
top:10px;
left:247px;
float:left;
padding:20px 0px 20px 20px;
width:670px;
border:2px solid #354963;
/*background-color:#000000; */
}

#contents_ceo {
position:relative;
top:0px;
left:247px;
float:left;
padding:0px 20px 20px 20px;
width:670px;
border:2px solid #354963;
/*background-color:#000000; */
}

#contact_njint {
position:absolute;
top:10px;
left:247px;
float:left;
padding:20px 0px 20px 20px;
width:670px;
border:2px solid #354963;
/*background-color:#000000; */
}

/*footer*/
#footer{
position:absolute; 
top:630;
width:980px;
height:55px;
text-align:right;
}

#sub_footer{
position:relative; 
width:980px;
height:55px;
margin:30px 0 20px 0;
text-align:right;}

#sub_footer_contact1{
position:absolute;top:1460px;left:0px;
width:980px;
height:55px;
margin:30px 0 20px 0;
text-align:right;}

#xe_bbs {
position:relative; 
width:650px;
margin:30px 0 20px 0;
}

#product_01 {
position:relative;
top:10px;
left:10px;
float:left;
padding:10px 0 40px 40px;
width:670px;
border-left:1px solid #354963;
}

#buffalo {
	position: absolute;
	top: 326px;
	left: 44px;
}

#metal {
	position: absolute;
	top: 263px;
	left: 42px;
	width: 218px;
}

#zipper {
	position: absolute;
	top: 350px;
	left: 325px;
	width: 218px;
}

#shell1 {
	position: absolute;
	top: 326px;
	left: 44px;
}

#shell2 {
	position: absolute;
	top: 1814px;
	left: 218px;
	width: 237px;
}

#nut_movie {
	position: absolute;
	top: 1814px;
	left: 218px;
	width: 237px;
}

#pro_de {
position:absolute;
top:2520px;
left:50px;
}

#swf_pro {
	position:absolute;
	top:2817px;
	left:21px;
	}
	
#swf_pro1 {
	position:absolute;
	top:2737px;
	left:21px;
	}	

#swf_pro_nut {
	position:absolute;
	top:2800px;
	left:0px;
	}	

#swf_pro_metal {
	position: absolute;
	top: 3300px;
	left: 21px;
	}
	
#sub_footer_metal{
position:absolute;top:4270px;left:0px;
width:980px;
height:55px;
margin:30px 0 20px 0;
text-align:right;}		
	
#swf_pro_brass {
	position: absolute;
	top: 2463px;
	left: 21px;
	}			

#sub_footer_brass{
position:absolute;top:3470px;left:0px;
width:980px;
height:55px;
margin:30px 0 20px 0;
text-align:right;}

#swf_pro_poly {

	}	

#sub_footer_poly{
position:absolute;top:5950px;left:0px;
width:980px;
height:55px;
margin:30px 0 20px 0;
text-align:right;}
	
#swf_pro_zipper {
/*
	position: absolute;
	top: 3475px;
	left: 19px;
*/
	}
	
#sub_footer1{
position:absolute;top:3865px;left:0px;
width:980px;
height:55px;
margin:30px 0 20px 0;
text-align:right;}

#sub_footer_nut{
position:absolute;top:3765px;left:0px;
width:980px;
height:55px;
margin:30px 0 20px 0;
text-align:right;}

#sub_footer_zipper{
position:absolute;top:4520px;left:0px;
width:980px;
height:55px;
margin:30px 0 20px 0;
text-align:right;}

#sub_footer_whatis{
position:absolute;top:1400px;left:0px;
width:980px;
height:55px;
margin:30px 0 20px 0;
text-align:right;}

#sub_footer_snap{
position:absolute;top:6140px;left:0px;
width:980px;
height:55px;
margin:30px 0 20px 0;
text-align:right;}

#swf_pro_snap {
	position: absolute;
	top: 5150px;
	left: 19px;
	}
	
#snap {
	position: absolute;
	top: 473px;
	left: 87px;
	width: 218px;
}	

#swf_pro_misc {
/*
	position: absolute;
	top: 6730px;
	left: 20px;
*/
	}	
	
#sub_footer_misc{
position:absolute;top:8395px;left:0px;
width:980px;
height:55px;
margin:30px 0 20px 0;
text-align:right;}	

#sub_footer_belt{
position:absolute;top:1320px;left:0px;
width:980px;
height:55px;
margin:30px 0 20px 0;
text-align:right;}	

#horn_box {
width:670px
}

#njint_box {
width:670px
}

#STATICMENU { margin: 0pt; padding: 0pt; position: absolute; right: 0px; top: 0px;}

#formmail {
position:relative;
top:10px;
left:240px;
float:left;
padding:20px 20px 20px 20px;
/* width:650px; */
border:2px solid #354963;
background-color:#FFFFFF;
}

#sub_footer_online{
position:absolute;top:1000px;left:0px;
width:980px;
height:55px;
margin:30px 0 20px 0;
text-align:right;}

#sub_footer_ceo{
position:absolute;top:1190px;left:0px;
width:980px;
height:55px;
margin:30px 0 20px 0;
text-align:right;}

#sub_footer_history{
position:absolute;top:1260px;left:0px;
width:980px;
height:55px;
margin:30px 0 20px 0;
text-align:right;}

#sub_footer_partner{
position:absolute;top:960px;left:0px;
width:980px;
height:55px;
margin:30px 0 20px 0;
text-align:right;}

#sub_footer_organ{
position:absolute;
top:900px;left:0px;
width:980px;
height:55px;
margin:30px 0 20px 0;
text-align:right;}

#flashmap {
	position: absolute;
	top: 400px;
	left: 19px;
	z-index: 1;
	}	

#main_visual {width:980px; height:530px; overflow:hidden; }

#menu {position:relative;}
#menu:hover .sub_nav{ opacity:1 ;top:-160px; }
#menu .nav_list{display:flex; justify-content: flex-start; align-items: flex-start; padding:20px 20px 0;box-sizing:border-box; }
#menu .nav_list li{width:25%;}
#menu .nav_list li a{color:#00122a; font-family:'Noto Sans KR', sans-serif; font-size:17px; font-weight:600;}
#menu .nav_list li a span{ font-size:11px; font-weight:900;}
#menu .sub_nav{position:absolute; left:0; top:-140px; width:100%; background:#00122a;  display:flex; justify-content: flex-start; align-items: flex-start; padding:20px 20px 15px; box-sizing:border-box; opacity:0; transition:all .5s;   }
#menu .sub_nav ul{width:25%; }
#menu .sub_nav ul li {margin-bottom:7px;   }
#menu .sub_nav ul li a{ display:flex; justify-content:flex-start; align-items: flex-start;  }
#menu .sub_nav ul li a h6{font-size:10px; color:#aaa; margin-right:10px; font-family:'Noto Sans KR', sans-serif; font-weight:500; }
#menu .sub_nav ul li a p{font-size:11px;  font-family:'Noto Sans KR', sans-serif; font-weight:600; margin:0; padding:0; line-height:1; color:#fff; }

.product_slide{width:650px; overflow:hidden;  }
.product_slide img{width:100%; }
.product_slide2{width:650px; overflow:hidden; }
.product_slide2 img{width:100%; }