@charset "utf-8";
@import url(../../../UPDATE_1111/common/css/common.css);
@font-face
			{
				font-family: Poppins-SemiBold;
				src: url("../font/Poppins-SemiBold.TTF");
			}
@font-face
		   {
				font-family: Poppins-Light;
				src: url("../font/Poppins-Light.TTF");
			}

@font-face
		   {
				font-family: Poppins-Medium;
				src: url("../font/Poppins-Medium.TTF");
			}


a:link {color:#183FA3; text-decoration: none;}    /* unvisited link */
a:visited {color:#747003; text-decoration: none;} /* visited link */
a:hover {color:#021242;}   /* mouse over link */
a:active {color:#0000FF;}  /* selected link */
			
/*------------  원 아이콘 --------- */	
		.dot {
		  height: 0.6em;
		  width: 0.6em;
		  background: linear-gradient(to right top,#af9d1e, #858f1a, #5e801d, #396f21, #0e5d24);
		  border-radius: 50%;
		  display: inline-block;
		}
/*-----------------------------------*/




        /* ���� */
        * {margin: 0; padding: 0;}

        /* 레이아웃 */

        #wrap {font-size: 20px; color: #000000; }
        #header {height: 35x; }
		#header-top {height: 45px;  background: #dddddd;}
		.header_top_column{overflow:hidden;}
		.header_top_column .column {float:left}  
		.header_top_column .header_top_left{width:600px; height:45px; background:inherit;}
		
		.header_top_column .header_top_right{width:600px; height:45px; background:inherit;}
		.header_top_right{text-align:right; font-family:Roboto-Medium;}
		.header_top_right .header_top_right_menu a{
												font-family:Poppins-Medium;
												font-size:11px;
												font-weight:600;
												color:#4a4203;
												padding:13px 0px 10px 10px;
												display:inline-block;
											}
													
																									
																											
		/* 메인 메뉴 스타일 */																									
		#header-nav {height: 50px; 
			         /* background: linear-gradient(90deg, #051937, #004d7a, #008793, #00bf72, #a8eb12); */
					  background: #4a4203; 
					}
		
		
		/*
		.nav {
			  width: 100%;
			  display: flex;
			  justify-content: center;
			  position: relative;
			  background: linear-gradient(90deg, #051937, #004d7a, #008793, #00bf72, #a8eb12);
			   
			}
			
		*/	
		#main-menu {overflow:hidden;}	
		#main-menu  li {
						 float:left; 
						 width: 25%;   /* 각 메뉴에 1000/5 로 5개 메뉴 20%로씩 너비 설정  */
						 position: relative;
						 list-style-type:none;
						
						}
		

		#main-menu li a {display:block; 
		  				 color:#ffffff;
						 font-family:Poppins-SemiBold;
						 font-size:0.95rem;
						 text-align:center;
						 text-decoration:none;
						 text-shadow:1px 1px 1px rgba(0,0,0,0.2);
						 letter-spacing:0.05em;
						 padding:15px; 
						 border-right:1.2px  solid rgba(0,0,0,0.15);
						
						 }
						 
		/* 첫번째 메뉴에 선을 추가하기 위한 기능 */	
			 
		#main-menu  > li:nth-child(1) > a{
  						border-left: 1.3px solid rgba(0,0,0,0.15);
						
						}
		/*				
		#main-menu  > li:nth-child(2) > a{    > : 바로 그 첫번쨰 자식만 적용하라
						width:112px;
						}
		#main-menu  > li:nth-child(3) > a{
						width:112px;
						}

		#main-menu  > li:nth-child(5) > a{    #main-menu > li:last-child {width:20%}  -->ie9부터 사용
						width:112px;          #main-menu > li.last {width:20%}   -------->ie9이하 사용
						}
		*/			
		
		/* 메인 메뉴위에 마우스 오버 했을때   */	
		#main-menu  li  a:hover {
						  height:20px;       				 /* 메뉴 백그라운드 간격  몰이 */
		                  background:  linear-gradient(to right top, #746509, #695e1f, #5e582d, #545038, #4a4942); /* linear-gradient(90deg, #051937, #004d7a, #008793, #00bf72, #a8eb12); 			  메뉴의 바탕색    */
						  text-decoration:none; 
						  color:#FFFF00;					  /* 메뉴의 글자색   */
						  opacity:1;
						  visibility: visible;
						}
	  
		
		
        #banner_product_top_img {height: 150px; background:url(../img/product_top_img.jpg) repeat-x; background-position:center;}
		#banner_aboutus_top_img {height: 150px; background:url(../img/company_top_img.jpg) repeat-x; background-position:center;}
		#banner_certification_top_img {height: 150px; background:url(../img/certification_top_img.jpg) repeat-x; background-position:center;}
		#banner_contact_top_img {height: 150px; background:url(../img/conatat_banner_top_img.jpg) repeat-x; background-position:center;}
		
		
/*------------  사이트 주소 ---------------------------*/		
		
		#site_address {height: 30px;
						text-align:right;  
						font-family:Poppins-Light;
						font-size:11px;
						padding: 5px 0px 5px 0px;
						background-color: #ffffff;}
				
        /* ���̾ƿ� */
      
		
        
		
		 
		 
		
		/* -------------------------------   컨텐츠 레이아웃 --------------------------------------- */
		 #contents {}
		 #content1 { background-color: #ffffff}
		 
		 /*------------------------------   각각의 컨텐츠 높이 사이즈조절 -------------------------- */
		 #content_aboutus_businessmind{ background-color: #ffffff; height:1000px}
		 #content_aboutus_clients{ background-color: #ffffff; height:700px}
		 #content_aboutus_history{ background-color: #ffffff; height:1300px}
		 #content_aboutus_patents{ background-color: #ffffff; height:2000px}
		 #content_products_blow{ background-color: #ffffff; height:3000px}
		 #content_products_preform{ background-color: #ffffff; height:3000px}
		 #content_certification{ background-color: #ffffff; height:1300px}
		 #content_neck_dimension{ background-color: #ffffff; height:1300px}  
  
		/* 컨텐츠 */
		.content_column {overflow:hidden;}
		.content_column .column{float:left;}
		
		/* 서브 메뉴 */				 
		.content_column .submenu {width:300px;  background:#ffffff;}
		.content_column .submenu ul {
						list-style-type: none;
						margin: 0;
						padding:0;
						width: 280px;
						background-color: #E9E9E9;
					}
		.content_column .submenu  li {}
		.content_column .submenu  li a {
			display: block;
			color: #000;
			font-family:Poppins-Light;
			font-size:0.74em;
			font-weight:230;
			padding:6px 2px 6px 2px;
			text-decoration: none;
			border-bottom:solid 1px #FFFFFF;
		}
		.content_column .submenu  li a.submenutitle {
			background: linear-gradient(to right top,#241b03, #2e2716, #3a3323, #453f31, #514c40);
			color: white;
			text-align:center;
			font-family:Poppins-SemiBold;
			font-size:0.79em;
			 border-top-left-radius:8px;
		    border-top-right-radius:8px;	
			padding:17px 2px 17px 2px;
		}
		.content_column .submenu  li a:hover:not(.submenutitle) {
			background-color: #000;
			color: white;
			font-family:Poppins-SemiBold;
			font-size:0.79em;
			font-weight:500;
			
		}
		
		/* ----------캰텐츠 영역의 너비와 길이 -----------*/
		.content_column .subProductStretchinContents {width:900px;  font-family:Poppins-Light;}
		.content_column .subProductStretchinContents_Preform {width:900px; height:3150px; font-family:Poppins-Light;}

		/*----------- 탭 메뉴 ------------- */
		/* 콘텐츠 요소를 보이지 않게하는 방법
		1. display:none   --- display:block (영역이 사라짐)
		2. visibility: hidden -- visibility: visible; (영역유지)
		3. opacity: 0;--- opacity: 1 (영역유지)
		4. width:0; height:0; overflow:hidden;
		
		.tab_menu {position:relative;}
		.tab_menu ul {overflow:hidden; list-style-type: none; border-bottom:1px solid #ccc;}
		.tab_menu ul li {float:left;  border: 1px solid #ccc; margin-right:-1px; margin-bottom:-1px; }
		.tab_menu ul li a { padding:2px 30px; display:block;}				
		.tab_menu ul li ui {position:absolute; left:0; top:48px;}
		.tab_menu ul li ui li {float:none; border:0;}
		.tab_menu ul li ui li a {}
		
*/
/*------------------- 제품 상세 공통 설명------------------------------ */
		.title_desc{
		  font-family:Poppins-Medium;
		  font-size:18px;	
		  font-weight:bold;
		}
        .desc{
		  font-family:Poppins-Light;
		  font-size:14px;		  
		}
		
/*------------------- 탭 메뉴------------------------------ */		
	    .invisible { display: none; }
	  
		.tabmenu{ 
		  max-width:900px;
		  margin: 0 auto; 
		  position:relative; 
		}
		.tabmenu ul {}
		
		.tabmenu ul li{
		  display:  inline-block;
		  width:100px; 
		  float:left;  
		  text-align:center;
		  font-family:Poppins-Medium;
		  font-size:13px;		  
		  background :#a24a02;  
		  border-top-left-radius:8px;
		  border-top-right-radius:8px;		
		}
		.tabmenu ul li a{
		  display:block;
		  line-height:30px;
		  color:#ffffff;
		  height:30px;
		  text-decoration:none; 
		  border-right:1.2px  solid rgba(0,0,0,0.15);
		  													 
								
		}
		.tabCon{
		  display:none; 
		  text-align:left; 
		  padding: 20px;
		  position:absolute; 
		  left:0; top:40px; 
		  box-sizing: border-box; 
		  border : 5px solid #f9f9f9;
		}
		/*
		.btnCon:target  {
		  background : #5E9C2F;
		}
		
		*/
		.btnCon:target .tabCon{
		  display: block;
		}

		.tabmenu ul li a:hover:not(.active) {
			background:linear-gradient(to right top,#332e20, #453f2a, #575035, #696340, #7b764b);
			color: white;
			font-family:Poppins-SemiBold;
			font-size:15px;
			font-weight:500;
		    border-top-left-radius:8px;
		    border-top-right-radius:8px;			
		}

 /* #tab1 {background:linear-gradient(to right top,#332e20, #453f2a, #575035, #696340, #7b764b);}   초기화면에서 첫번째 탭이 선택되어 있는 상태 */

.tabmenu  > li:nth-child(1) > a{ height:700px;}

/*
        .tab_menu {position: relative; } 
        .tab_menu ul {overflow: hidden; border-bottom: 0px solid #ccc;}
        .tab_menu ul li {float: left; width:100px; list-style-type:none; border: 1px solid #ccc;  margin-right: -1px; margin-bottom: -1px;}
        .tab_menu ul li a {padding: 5px 10px; display: block;}
        .tab_menu ul li ul {position: absolute; left:0; left:100px;   list-style-type:none; }
        .tab_menu ul li ul li {float: none; border: 0; background: url(../img/dot.gif) no-repeat 9px 8px; padding-left: 18px;}
        .tab_menu ul li ul li a {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; padding: 0 0 3px 0;}
		
		
        .tab_menu ul li.active {background: #2c94c4;}
        .tab_menu ul li.active a {color: #fff;}
        .tab_menu ul li.active ul li a {color: #333;}

*/
		
		
		 /*-------------  바닥 메뉴 ----------------*/
		 #foot-space {height: 20px;  background-color: #ffffff;}
				 /*footer */
		 #footer { width:inherit; height:70px; background-color: #dddddd;}
         .footer_column {overflow:hidden;}
		 .footer_column .column{float:left;}
		 .footer_column .footer_left{width:900px;
		 							text-align:left;
					   				font-family:Poppins-Light;
					   				font-size:0.57em;	
									line-height:1.3;							
									padding:12px 0px 0px 0px;
									display:inline-block;
									background:inherit;
									}
		 .lineheight {line-height:2;}
		 
		 .footer_column .footer_right {width:300px;
		 							   padding:22px 0px 0px 0px;
		  							  
		                              background:inherit;}
		 
		 
		 .footer {overflow:hidden;}
		 .footer  .footer-info {float:left}
		 .footer  .footer-info .footcontents ul {
		 			   list-style-type: none;
		               text-align:left;
					   font-family:Geneva, Arial, Helvetica, sans-serif;
					   font-size:13px; 
                       background-color: #dddddd;}
					   
					

        /* 컨테이너 */
        .container {width: 1200px; margin: 0 auto; height: inherit; }
		
		
		
		
/*----------------******** Product table css ********* --------------------------------------*/
#product_table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#product_table td, #product_table th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

#product_table tr:nth-child(even) {
  background-color: #dddddd;
}

/*-----------------******** Product table css END ********* --------------------------------------*/


/*------------------------======== table style2 ============ -------------------------------------*/

#table_ps
{
  /*  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  */
  font-family:Poppins-Medium;
  border-collapse:collapse;
}
#table_ps td, #customers th 
{
  font-size:13px;
  border:1px solid #98bf21;
  padding:10px 2px 2px 2px;
}
#table_ps th 
{
	font-size:13px;
	text-align:left;
	padding-top:5px;
	padding-bottom:4px;
	background-color:#A7C942;
	color:#fff;
	border:1px solid #A7C942;
}

/* ------------------------- 연한 연두색 ----------------------------*/
#table_ps tr.alt td 
{
color:#000;
background-color:#EAF2D3;
padding-left:5px;
}

/* ------------------------- 연한 회색 ----------------------------*/
#table_ps tr.blt td 
{
color:#000;
background-color:#e4e5e2;
padding-left:10px;
}
#table_ps  td.elt
{
padding-left:15px;
}

#table_ps  td.clt
{
padding-left:20px;
}

/*------------------------=========== table style2 end ============ -------------------------------------*/