@charset "utf-8";

@font-face {
  font-family: 'FontAwesome';
  src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.section {
  
 
  box-sizing: border-box;
  overflow:hidden;
 
}
.sub_wrap{
	
	width:93%;
	margin:0 auto;
	padding:0px;
	
}
 @media (max-width: 1000px ){
		.sub_wrap{
			width:96%;
 		}
 }

.sub_wrap_wide{
	width:100%;
	margin:0 auto;
	padding:0px;
 

}

.mobileon{display:none;}
.mobiletit {display:none;}

 
/*////////////////////////////////////////////////////////////////////sub 공통/////////////////////////////////////////////////*/

 
/*글자사이즈*/
h2{
	 
	font-size:380%;
	font-weight:600; 
	line-height:1;
	letter-spacing:-2px; 
	display:block;
	text-align:left;
 	
}

h3{
	
	font-size:250%;
	padding:0px;
	margin:0px;
	font-weight:600;
	line-height:1.2;
	letter-spacing:-1px;
	position:relative;

}
h3.title{
	 
	text-align:center;
	margin-top:30px;
	margin-bottom:60px;
	
	font-weight:700;
	 
}
h3.title:after{
	display:block;
	content:'';
	position:absolute;
	left:0;
	top:0;
	
 	
}
 
  
h4{
 	font-size:150%;
	letter-spacing:-1px; 	 
	line-height:1.3;
	font-weight:600;
	position:relative;



}
h4.title{
	color: var(--color-major-400);
	margin-bottom:20px;
	
}

 
h5{
	 
	font-size:120%;
	line-height:1.1;
	padding-left:0px;
	margin-bottom:10px;
	margin-top:0;
	font-weight:600;

}

 
.headtxtA{font-size:350%;line-height:1.1;font-weight:600; letter-spacing:-2px;}
.headtxtA span{
	display:inline-block;
 }
.headtxtA strong{font-weight:600; }
.headtxtA span.thiny{font-weight:400; }
.headtxtB{font-size:250%;line-height:1.5;font-weight:600; }
.headtxtC{font-size:200%;line-height:1.5; font-weight:500; }
.headtxtD{font-size:150%;line-height:1.5;font-weight:600;}
.headtxtE{font-size:130%;line-height:1.5;font-weight:500;}
.headtxtE strong{font-weight:600}

.businessmajor .headtxtB,
.businessmajor .headtxtC,
.businessmajor .headtxtD{
	font-weight:700;
	letter-spacing:-1px;

}
 
@media all and  (max-width:1000px){
	h2{font-size:250%;}
	h3{font-size:200%;}  
	h4{font-size:145%;} 
	h5{font-size:120%;}

	h3.title{
 		margin-top:20px;
		margin-bottom:20px;
	}
	 
	.headtxtA{font-size:250%; }
	.headtxtB{font-size:200%;}
	.headtxtC{font-size:160%;}
	.headtxtD{font-size:140%;}
	.headtxtE{font-size:120%;}
}

@media all and  (max-width:780px){
	h2{font-size:220%;}
	h3{font-size:170%;}  
	h4{font-size:140%;} 
	h5{font-size:110%;}
	
	 
	.headtxtA{font-size:240%; }
	.headtxtB{font-size:180%;}
	.headtxtC{font-size:150%;}
	.headtxtD{font-size:130%;}
	.headtxtE{font-size:110%;}
}

@media all and  (max-width:640px){
	h2{font-size:200%;}
	h3{font-size:160%;}  
 
	 
	.headtxtA{font-size:220%; }
	.headtxtB{font-size:170%;}
	.headtxtC{font-size:140%;}
	.headtxtD{font-size:120%;}
 
}
@media all and  (max-width:480px){
	.headtxtA{font-size:170%; }
	.headtxtB{font-size:160%;}
	.headtxtE{font-size:100%;}
}

 


.mb30{margin-bottom:30px;} 




/*///글자사이즈*/
    
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}

 
ul.ulli {padding-left:10px;margin-left:0;}
ul.ulli > li{
	 position:relative;
	padding-left:35px;
	padding-bottom:0px;
	line-height:1.5;
	margin-bottom:5px;
}
ul.ulli > li:before{
	position:absolute;
	display:block;
	content:'';
	width:4px;
	height:4px;
	top:13px;
	left:13px;
	background:#555;
}
 
ul.ulli > li strong{
	  
	 font-size:120%;
	 vertical-align:middle;
	 display:inline:
	 
}

 ul.ulli > li span{
	font-size:90%;
	opacity:.8;
 }

@media all and  (max-width:800px){
	ul.ulli > li:before{
		 
		top:7px;
		 
	}
	ul.ulli > li{padding-left:25px;}

 

}

 




ul.ulliB {
	margin:10px 0 10px 0px;
}
ul.ulliB >  li{
	 position:relative;
	padding-left:40px;
	padding-bottom:0px;
	 
}
ul.ulliB > li:before{
	position:absolute;
	display:block;
	content:'';
	width:3px;
	height:3px;
	top:18px;
	left:10px;
	background:#fff;
}
 

ul.ulliC {
	margin:0px 0 0px 0px;
}
ul.ulliC >  li{
	 position:relative;
	padding-left:10px;
	padding-bottom:0px;
	font-size:85%;
}
ul.ulliC > li:before{
	position:absolute;
	display:block;
	content:'';
	width:5px;
	height:1px;
	top:11px;
	left:10px;
	background:none;
}

ul.ulli_icon {padding-left:0px;margin-left:0;}
ul.ulli_icon > li{
	 position:relative;
	padding-left:35px;
	padding-bottom:0px;
	line-height:1.5;
	margin-bottom:15px;
}
ul.ulli_icon > li:before{
	position:absolute;
	display:block;
	content:'';
	width:30px;
	height:30px;
	top:0px;
	left:5px;
	content:'\f14a';
	font-family: 'FontAwesome';
	font-size:130%;
	line-height:1.2;
	color: var(--color-blue-500);;
 
}
 
 


/**/
ol.olli {
	margin-left:30px;
}
ol.olli > li{
	 
	 position:relative;
	padding-left:15px;
	padding-bottom:0px;
	line-height:1.5;
	margin-bottom:5px;
}

ol.olli_icon {
	margin-left:30px;
}
ol.olli_icon > li{
	 
	position:relative;
	padding-left:15px;
	padding-bottom:0px;
	line-height:1.5;
	margin-bottom:10px;
}
ol.olli_icon > li strong{
	display:block;
	font-weight:600;
	color: var(--color-blue-600);
}
ol.olli_icon > li strong.black{
	color: #333;
	font-size:120%;
}
ol.olli_icon > li span.colorA{
		color: var(--color-red-300);
}

/* DT DD*/

dl.dldtA{
	position:relative;
	margin-bottom:30px;
	  
}
dl.dldtA dt{
	font-size:120%;
	font-weight:500;
	padding-top:3px; 
	padding-bottom:3px; 
	margin-bottom:0px;
	position:relative;
	text-align:left;
	color:var(--color-black-400);
	
}
 
 
dl.dldtA dd{
 	 margin-bottom:10px;
	padding-left:20px;
	text-align:left;
	 
}
.dl_list {
	text-align:left;
} 
.dl_list dl.dldtA{
	display:inline-block;
	 margin:1%;
	 width:30.333%;
	vertical-align:top;

}
@media (max-width: 780px ){
	.dl_list dl.dldtA{
	width:98%;
	}

}

/**/

/*tab*/
.tabmenu{
	position:relative;
	margin-bottom:30px;
}
.tabmenu ul{
	position:relative;
	font-size:0;
}
.tabmenu ul li{
	 display:inline-block;
	font-size:18px;
	background:#f7f7f7;
}
.tabmenu ul li.on{
	 display:inline-block;
	font-size:22px;
	background:var(--color-blue);
}
.tabmenu ul.coltwo li{
	width:50%;
}
.tabmenu ul li a{
	display:block;
	text-align:center;
	color:#333;
	padding:10px;
}
.tabmenu ul li.on a{
	color:#fff;
}
 
/*layout*/



#TopContainer{
	padding-top:0px;
	
	width:100%; 
	position:relative; 
	 
	margin-top:0;
	 
	
}


 


#topfiximg{position:absolute; width:100%;height:100%;background-size:100%;}

@media all and  (max-width:1980px){
	#topfiximg{background-size:cover;}
}
/*.aboutus{background: url(/image/about/topimg.jpg)  no-repeat center center; }
.product{background: url(/image/product/topimg.jpg)  no-repeat center center;}
.productB{background: url(/image/product2/topimg.jpg)  no-repeat center center;}
.equ{background: url(/image/equ/topimg.jpg)  no-repeat center center;}
.dataroom{background: url(/image/dataroom/topimg.jpg)  no-repeat center center;}
.shopping{background: url(/image/shopping/topimg.jpg)  no-repeat center center;}
.customer{background: url(/image/customer/topimg.jpg)  no-repeat center center;}*/

/*.topbg{opacity:0;}*/
.topbg.on-view{
	opacity:1;
	animation: bgScale 1.5s ease;
	animation-fill-mode:forwards;
}

 @keyframes bgScale{

   0%{transform:scale(1.15);}
   100%{transform:scale(1);}
  }


.topbg{
	transform:scale(1.2);
	clip-path:circle(12%);
	filter:blur(10px);
	transition:all 1.6s;
}
.topbg.on-view{
	clip-path:circle(100%);
	filter:blur(0px);
	transform:scale(1);
}


 .topTXTarea {
		position:relative;
		 
 }


    
 .topTXTarea .topTXTarea_in{
	 
	position:relative;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center; 
 	padding-top:100px;
  }
   .productview .topTXTarea{
		padding-top:150px;
   }
   .productview .topTXTarea .topTXTarea_in{
	display:none;
}

.topTXTarea .stxt{
	text-align:center;
	 
	font-size:150%;
	width:100%;
	padding-bottom:40px;
	opacity:.8;
	
}

.topTXTarea h2{
	text-align:center; 
	margin-bottom:20px;
	position:relative;
	width:100%;
	padding-top:80px;
	 
	
}
 
.topTXTarea h3 span{
	display:block;
}

.topTXTarea .top_loc{
	width:100%;
	display:flex;
	justify-content: center;
	margin: 0 auto;
	position:relative; 
	text-align:center;

	
	 
}  
.topTXTarea .top_loc span{
	 position:relative;
	 
	display:inline-block;
 	margin-left:60px;
	font-size:110%;
	line-height:1.5;
	font-weight:400;
	opacity:.8;
}
.topTXTarea .top_loc span a{
	opacity:.8;
}
 




.topTXTarea .top_loc span:after{


		content:"";
		display:block; 
		width:20px; 
		height:15px; 
		position:absolute;
		left:-40px; 
		top:50%; 
		transform:translateY(-50%); 
		background:url(/image/arr.svg) center center no-repeat; 
	 
		
	}
.topTXTarea .top_loc span.homelink:after{
		content:'';
		background:none;
	}
.topTXTarea .top_loc span.homelink{
		margin-left:0px;
		padding-left:0px;
	}
.topTXTarea .top_loc span a{
		display:block;
		position:relative;
		

	}
 
	
@media(max-width:1000px){
	 #TopContainer{
 		
	}  
	.productview #TopContainer{
 		
	}  

 .topTXTarea .topTXTarea_in{
	 padding-top:30px;
 	padding-bottom:30px;
	justify-content: center;
  }
   .productview .topTXTarea{
		padding-top:30px;
   }
 
   .productview .topTXTarea .topTXTarea_in{
		display:none;
		height:0;
	}

 .topTXTarea h2{
	 
	padding-left:30px;
	padding-right:30px;
	
}


 .topTXTarea .top_loc{
	width:100%;
	justify-content: center;
 }
 .topTXTarea .top_loc span{
		font-size:90%;
 }
	
 }


 
/**/
 
 /*//////////sUBMENU/////////////*/ 
.mobile_homearea,
.mobiletit_firstmenu,
.secondmenu .mobiletitB{
	display:none;
}

.submenu{
	 
	position:relative;  
	margin:80px auto 0 auto;	 
	padding:0px 0;
	text-align:center;   
	transition:all .6s;
}

 


 .submenu .secondmenu{
	position:relative;
	margin:0px auto 0 auto; 	
 }
.submenu .submenu_box{
	margin: 0px auto 0 auto; 	
	position:relative;
	padding: 0px 0; 
	display:inline-block;
	background: rgba(255,255,255,.1);
	border-radius:5px;
	overflow:hidden;
	webkit-backdrop-filter: blur(35px);
	backdrop-filter: blur(35px); 
}

  
 

.submenu .submenu_box ul{
	position:relative;
	display:flex;
}
 

.submenu .submenu_box ul li{
	margin:5px;
}
 
            
         
 
.submenu .submenu_box ul li a{
	display:block;
	position:relative;
	letter-spacing:0px;
	display: block;
	padding: 12px 26px;
	text-align:center;
	font-size:16px;  
	color: #555;
	background:#f7f7f7;
	border-radius: 10px;
	border: 1px solid #dcdcdc;
  	
}
.submenu .submenu_box ul li a:hover{
	opacity:1;
}
 

 
 .submenu .submenu_box ul li.subOn a{
	color:#fff;
	opacity:1;
	background:var(--t_majorcolor);
	
	 
	
}

@media(max-width:1000px){
	.submenu{
		margin:0px auto 0 auto;	 
	}
}

 
/*/////////////////////////////////*/
/*////////공통사항/////////*/
/*//////////////////////////////////*/
 .catalogarea{
	 display:flex;
	 width:100%;
	  align-items:stretch;
	   justify-content: flex-end; 
	  margin-bottom:10px;
	  margin-top:30px;
 	  
 }

 .partnerarea  .catalogarea{
	max-width:300px;
 }
 

  .catalogarea .cata_box{
 	 margin:0 1%;
	 flex-grow: 1;
	 padding:10px 10px;
	 align-self: stretch;
	  display:flex;
	  align-items:center;
	   justify-content: center;

	 text-align:center;
	 border: 2px solid #ccc;
	 border-radius:6px;
	 background:#fff;
	
  }
  
 
 
    
 
  .catadown {
			padding-top:0px;
			padding-left:0px;
			width:100%;
			 position:relative;
  }


		 
   .catadown  a{
		 display:flex;
		  align-items:center;
	   justify-content: center;
		padding-top:3px;
		padding-bottom:3px;
		 width:100%;
		 position:relative;
		 text-align:center;
 		  
	}
 .catadown  a span{
		line-height:1;
		display:block;
		width: calc(100% - 60px);
 		 
	}
 .catadown  a .icona{
			 
			flex-basis:20px; 
			padding:0;
			margin:0;
			line-height:1;
			margin-left:10px;

   }

     .cata_listarea .catadown {
		border: 2px solid var(--t_majorcolorB);
		 border-radius:6px;
		 background: var(--t_majorcolorB);
	  }
	  .cata_listarea .catadown a{
		color:#fff;
	  }
	  .cata_listarea .catadown a svg{
		color:#fff;
	  }

	@media all and  (max-width:460px){ 
		.catalogarea.colTwo{
			flex-wrap:wrap;
			 
		}

		 .catalogarea.colTwo .cata_box{
			 flex-basis:100%; 
			 flex-wrap:wrap;
			 margin-bottom:10px;

			
		 }

	}
	
/*/////////////////////////////////*/
/*////////공통사항/////////*/
/*//////////////////////////////////*/
 
/*/////////BODY CONTNETS////////*/
  
#sub_contents{
 
	background: #fff;
	width:100%;
	color:rgba(0,0,0,.8);
	margin:0;
	letter-spacing:-0.03em;
	font-weight:400;
	padding:60px 0px 0px 0px; 
	position:relative; 
	font-size:17px; 
	line-height:1.7;
	min-height: 500px;
	z-index:1;
 
}
@media(max-width:1000px){
	#sub_contents{
		font-size:16px; 
		padding:20px 0px  0px 0px; 
	}
}

#sub_contents.fixed{
	padding-top:80px;
}
.graybg,
#sub_contents.graybg{
		background: #f7f7f7;
		 
}
.graybgB{
	background:#686a70;
}

.whitebg{
	background: #fff;
}

 
.contents_wrap{
	
}

/* 박스 테두리*/
.box_txt{
	background:#f7f7f7;
	padding:30px;
}

/**/ 

 .keyword_t{
	margin-bottom:40px;
 	color: var(--t_majorcolor);
}
 
.keyword_t  strong{
	 font-weight:600;
	line-height:1.3;
	color: var(--t_majorcolor);
}
.keyword_t  span{
 	display:inline-block;
}
 .keyword_tB{
	margin: 30px 0;
}
 
/**/ 
.max_widthA{
	max-width:900px;
	margin:10px auto 50px auto;
}

.max_widthB{
	max-width:1100px;
	margin:50px auto 70px auto;
}
.max_widthB .txtA{
	margin-bottom:30px;
}
.max_widthB .txtB{
	margin-bottom:30px;
}


.max_widthB span{display:inline-block;}

 /*flex*/
 .halfContents{
	display:flex;
	justify-content: space-between;
	align-items: center;
	 
 
}
.halfContents .leftcon{
	width:60%; 
	text-align:center;
	
}
.halfContents .rightcon{
	width:40%;

}
.halfContents .rightcon .txtinfo{
	margin-top:40px;
	opacity:.9;
}

  @media(max-width:1000px){
	.halfContents{
		flex-wrap:wrap;
	}
	.halfContents .leftcon,
	.halfContents .rightcon{
		width:100%;
		padding:20px;
	}

  }
 /*#################  이미지 + 텍스트 #################*/


.txt_img_box{
	 
	 display:flex;
	  flex-wrap: wrap;
	  align-items:stretch;
}
.txt_img_box:after{
	clear:both;
	display:block;
	content:' ';
	position:relative;
 	
}
.txt_img_box .imgarea{
	  width:40%;
  	 display:flex;  
	 align-items:center;
	text-align:center;
	
 }
 .txt_img_box .imgarea.bg_gray{
		 
 		background:#f7f7f7;
 	}

	 .txt_img_box .imgarea.bg_white.photo_img{
		flex-grow: 1;
		/*box-shadow:5px 5px 10px  rgba(0,0,0,0.3);*/

		}
 .txt_img_box .imgarea span{
	 width:100%;
	align-self: center;
	 text-align:center;
 
 }
 
 
.txt_img_box .textarea{
	     width:60%;
 		 align-self: center;
		 padding:10px;
		 padding-left:40px;
}

 
.txt_img_box .textarea p{
	margin-bottom:20px;
	line-height:1.6;
	 
}

 @media (max-width: 780px ){
	.txt_img_box .imgarea{
		width:100%;
	}
	.txt_img_box .textarea{
		width:100%;
		margin-top:30px;
		 padding-left:10px;
	}

 }
  

/*이미지 + 이미지*/
  .img_img_box{
 	 display:flex;
	
 	 align-items:center;
	  flex-wrap: wrap;
	    justify-content: space-around;
}
 
.img_img_box .imgarea{
 	 
	display:flex;  
	 align-items:center;
	 margin:1%;
	 border-radius:30px;
	 overflow:hidden;
	 
  	
 }
   .img_img_box.threeimg{
		 flex-wrap: nowrap;
   }
  .img_img_box .imgarea.bg_white.photo_img{
		flex-grow: 1;
		box-shadow:5px 5px 10px  rgba(0,0,0,0.5);
  }
 .img_img_box .imgarea.bg_white{
		flex-grow: 1;
		border: 1px solid #ccc;
		 
 }
  .img_img_box .imgarea.photo_img{
		overflow:auto;
		/*box-shadow:5px 5px 10px  rgba(0,0,0,0.5);*/
  }
  .img_img_box .imgarea.photo_img span{
	 
  }

 
.img_img_box .imgarea img{ border: 1px solid #ccc;border-radius:30px;
	 
	 
 	 }

.img_img_box .imgarea.photo_img img{
		border:0px; 
}
.img_img_box .imgarea.none_boder img,
.img_img_box .imgarea.bg_white img{ border: 0px solid #ccc;}


.img_img_box .imgarea.bg_white{
	background:#fff;
}
 
 .img_img_box .imgarea span{
	 width:100%;
	align-self: center;
	 text-align:center;
 
 }
  
 /*이미지 + 텍스트  float*/
 
.imgtxtarea_box:after{
	clear:both;
	display:block;
	position:relative;
	content:'';
}
.imgtxtarea_box .txtarea{
	width:50%;
	padding:60px;
}
.imgtxtarea_box .txtarea span{
	display:block;
	text-align:center;
	font-size:30px;
	color:var(--t_red);
	margin-bottom:10px;
}
.imgtxtarea_box .txtarea strong{
	display:block;
	margin-bottom:50px;
	text-align:center;
	color:var(--t_majorcolorBlue);
	 
}
.imgtxtarea_box .txtarea strong.left{
		text-align:left;
}
.imgtxtarea_box .txtarea .t_des2{

 text-align:left;
}

.imgtxtarea_box .imgarea{
	width:50%;
}
.rightimg .txtarea{
 float:left;
}
.rightimg .imgarea{
 float:right;
}
.leftimg .txtarea{
	float:right;
}
.leftimg .imgarea{
	float:left;
}


.imgtxtarea_box .imgarea img{
	width:100%;
}


@media(max-width:1200px){
	.imgtxtarea_box .txtarea{
		padding:10px;
	}
}

@media(max-width:1000px){
	.imgtxtarea_box .txtarea strong{
		margin-bottom:20px;
	}
}

@media(max-width:860px){
	
	.imgtxtarea_box:after{
		height:30px;
	}
	.imgtxtarea_box .txtarea{
		width:100%;
		 
	} 
	.imgtxtarea_box .imgarea{
		width:100%;
	}
}
 

 
/*이미지 리스트*/

.img_list{
	position:relative;
	margin: 0px 0;
	
 
}
.img_list ul{
	text-align:center;
}
.img_list ul li{
	display:inline-block;
	vertical-align:top;
	margin:10px 10px 30px 10px;
}
.img_list.img_list_bottom ul li{vertical-align:bottom; }
.img_list ul li img{position:relative;width:100%;max-width:100%;}
.img_list ul li span{
	display:block;
	 
}
.img_list.img_list_bottom ul li span{margin-bottom:20px;}

.img_list.colFour ul li {
	width:24%;
	margin:3px;

	
}
.img_list.coltwo ul li{
	width:47%;
	margin:1%;
}
.img_list.colthree ul li{
	width:30.333%;
	margin:1%;
}
.img_list.img_listB{
	margin:0;
}
.img_listB ul li{
	overflow:hidden;
	border-radius:30px 0;
}



.stitle{
	color:var(--t_majorcolor);
	font-size:90%;
}
 
 
@media(max-width:1000px){
	.img_list.colFour ul li,
	.img_list.coltwo ul li,
	.img_list.colthree ul li{
		width:auto;	
	}

}


  /*////////////////////////////////////////////////////////////////////공통애니////////////////////*/
h3.title{
	 
	opacity: 0; 
	transition:all 1.6s;
}

h3.title.on-view{
	animation: fadeInUp 1.5s ease;
	animation-fill-mode:forwards;
    opacity: 1
}

.Ani_inup{
	opacity: 0; 
	transition:all 1.6s;
}

.Ani_inup.on-view{
	animation: fadeInUp 1.5s ease;
	animation-fill-mode:forwards;
    opacity: 1;

  }


  .Ani_inLeft{
	opacity: 0; 
	transition:all 1.6s;
}

.Ani_inLeft.on-view{
	animation: fadeInLeft 1.5s ease;
	animation-fill-mode:forwards;
    opacity: 1;

  }


  /*////////////////////////////////////////////////////////////////////서브별 배경////////////////////*/
.main_backimg{
	padding-top:50px;
	padding-bottom:50px;
	min-height:400px;
	border-radius:30px;
	margin-bottom:30px;
	 
}

.bg_greetings{
	background:url(/image/about/back_greetings.jpg) no-repeat center center;
	background-size:cover;
}

.bg_partner{
	background:url(/image/about/back_partner.jpg) no-repeat center center;
	background-size:cover;
}

.bg_inq{
	background:url(/image/customer/back_inq.jpg) no-repeat center center;
	background-size:cover;
}


  /*////////////////////////////////////////////////////////////////////회사소개////////////////////*/




.greetings{
	display:flex;
	justify-content: space-between;

}

.greetings .leftcon{
	flex-basis:40%;	
	padding:20px;	
	flex-shrink:0;	 
	margin-bottom:30px;
}

.greetings .image{ 

	margin:30px 0;
	border-radius: 20px;
	width:90%;
	overflow:hidden;
  }

.greetings .rightcon{
	padding:20px;
	flex-basis:55%;	
}
.greetings .rightcon p span{
	display:block;
}
  
.greetings  p{
	padding-bottom:20px;
	 
}


 .text > p > div {
  
  background: linear-gradient(
    to right,
    rgb(0, 0, 0) 50%,
    rgb(161, 161, 161) 50%
  );
  background-size: 200% 100%;
  background-position-x: 100%;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
 
}

@media(max-width:1000px){
	.greetings{
		display:block;
	}
	.greetings .leftcon{
		padding-left:0px;	
		padding-right:0px;	
	}
	.greetings .image{ 
		width:100%;

	}
	.greetings .rightcon{
		padding-left:0px;	
		padding-right:0px;	
	}

}

/*이념*/

.visionarea{
	 
	margin-bottom:40px;
	margin-top:80px;
	background:#f6f6f6;
	padding:50px;
	border-radius:10px;
}
 
/**/
.partnerarea{
	padding:80px 50px;
}
 

/*오시는길*/
.locationarea{
	margin-top:30px;
}
.locationarea .loc_box{
	margin-bottom:50px;
	
	

}
.locationarea  .loc_info{
	display:flex;
	align-items: center;
	background: var(--t_majorcolorB);
	padding:30px;
	color:#fff;
}

.locationarea h4{
	flex-basis:300px;
	flex-shrink:0;	 
	border-right: 0px solid #333;
	
}
.locationarea .loc_box .addressinfo{
	display:flex;
	flex-wrap:wrap;
	  
}

.locationarea .loc_box .addressinfo span{
	margin-right:20px;
	display:block;
	width:100%;
	font-size:85%; 
	 font-weight:400;  
	 display:flex;
	 align-items: center; 
	 
	position:relative;
	margin-bottom:0px;
	
	
 	 
}
 
 
.locationarea .loc_box .addressinfo span:last-child{
	
	margin-right:0px;
}
  


   
 
 
 
.locationarea .loc_box .addressinfo  span strong{
 	 position:relative;
	font-weight:500; 
	margin-right:20px; 
	width:80px;
	font-size:120%;
	 
	color:#fff;
 	 
}
.locationarea .loc_box .addressinfo  span  i{
	margin-right:10px;
	font-size:120%;
	color: #fff;
 
	
	
}

.locationarea .loc_box .addressinfo span strong:before{
	display: block;
 	content:' ';
 	width:1px;
 	height:10px;
 	background:rgba(0,0,0,.2);
 	position:absolute;
 	top:8px;
	left:65px;
	padding-left:0;
 }

.locationarea .loc_box .mapimg{
	 
	 margin-bottom:-10px;
	 position:relative;
	 border: 1px solid #ccc;
	 padding-bottom:0;
 	 
}
.locationarea .loc_box .mapimg iframe{
	margin-bottom:-8px;
}
.locationarea .loc_box .mapimg .mapphoto{
	display:none;
	z-index:2;
	position:absolute;
	top:0;
	left:0;
	width:400px;

}
.locationarea .loc_box .mapimg iframe{
	z-index:1;
}



@media all and  (max-width:1000px){
	.locationarea  .loc_info{
		display:block;
	}
	.locationarea h4{
		flex-shrink:1;	 
		margin-bottom:40px;
	}
	.locationarea .loc_box .addressinfo{
		display:block;
	  
	}

}


/*사업분야*/

.businesspart{
	background: url(/image/about/business_image.jpg)  no-repeat center center; 
	background-size:cover;
	padding-top:100px;
	padding-bottom:100px;
}
.businesspart .businesspart_in{
	position:reative;
	margin:0 auto;
	max-width:800px;
	display:flex;
	flex-wrap:wrap;
	align-items: center;
}
.businesspart .businesspart_in .txtfirst{
	color:#fff;
	text-align:center;
	margin-bottom:40px;
	flex-basis:100%;
}
.businesspart .businesspart_in .txtfirst span{
	display:block;
}

.businesspart .businesspart_in .txtsecond{
	color:#fff;
	  
	 margin:0 auto;
	margin-bottom:40px;
}

.businesspart .businesspart_in .txtthrid{
	color:#fff;
	flex-basis:100%;
	text-align:center;
	margin-bottom:40px;
}

.businesspart .businesspart_in .txtthrid span{
	display:block;
}


/**/
.businesspartB{
	margin-top:60px;
	margin-bottom:60px;
}
.block_contents .businesspartB{margin-top:0px;}
.businesspartB .businesspartB_in{
	display:flex;
	flex-wrap:wrap;
	margin-top:50px;
}
.businesspartB .businesspartB_in.businesspartB_in_six{
	margin-top:0px;
}
.businesspartB .businesspartB_in .busines_box{
	flex-basis:31.333%;
	margin:1%;
	background:linear-gradient(-180deg, rgba(236,247,255,1) ,rgba(111,210,255,.3)); 
	padding:60px;
	border-radius:50px;
	box-shadow: var(--shadow-small);
	 
}
.businesspartB .businesspartB_in.businesspartB_in_six .busines_box{
	flex-basis:14.666%;
	padding:30px;
}

.businesspartB .businesspartB_in .busines_box .title{
	 color: var(--t_majorcolorB);
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom: 1px solid #ccc;
	text-align:center;
	
}

.businesspartB .businesspartB_in.businesspartB_in_six .coninfo{
	text-align:center;
}

 @media all and  (max-width:1300px){
	
	.businesspartB .businesspartB_in.businesspartB_in_six .busines_box{
		flex-basis:31.333%;
		
	}

 }


 
 @media all and  (max-width:1000px){
	.businesspartB .businesspartB_in .busines_box{
		flex-basis:98%;
		padding:30px;
		border-radius:20px;
	}



 }

 @media all and  (max-width:640px){
	 
	.businesspartB .businesspartB_in.businesspartB_in_six .busines_box{
		flex-basis:48%;
		padding:30px;
		border-radius:20px;
	}



 }


 /*제픔소개*/
span.marktxt {
  font-size: 0.5em; 
  vertical-align: super; 
   
}

 .smalltxt{
	font-size:80%;
}


 .bgcolor{
	background:#f7f7f7;
	padding-top:30px;
	padding-bottom:30px;
 }
.main_product{
	padding:120px 10px;
	margin-bottom:50px;
}
.main_product.pro_tps{
	background:linear-gradient(180deg, rgba(167,197,225,1) ,rgba(167,197,225,.1)); 
}
.main_product.pro_etc{
	background:linear-gradient(180deg, rgba(167,197,225,1) ,rgba(167,197,225,.1)); 
}

.main_product.pro_corning{
	background: url(/image/product/corning.jpg)  no-repeat right center;
	background-size:cover;
	min-height:500px;
}
 
 .main_product.pro_sil{
	background: url(/image/product/back_sil.jpg)  no-repeat center center;
	background-size:cover;
	min-height:500px;
}


.main_product .majortxt{
	text-align:center;
	margin-bottom:30px;
}
 .main_product.pro_sil .majortxt,
.main_product.pro_corning  .majortxt{
	color:#fff;
	text-align:left;
	max-width:60%;
}




.main_product .majortxt span{
	color: var(--t_majorcolorB);
}


.main_product .majortxt span.marktxt {
  
  color:#ffffff;
}


.main_product .majortxt span strong{
	color: #000;
}
.main_product .majortxt p{
	margin-bottom:20px;
}
.main_product .majortxt .middletxt{
	margin-bottom:30px;
	margin-top:30px;
}

.main_product .majortxt .s_txt{
	margin-bottom:30px;
}

.main_product .imagearea{
	display:flex;
	justify-content: center;
	align-items: center;
}
 .main_product.pro_sil .imagearea{
	max-width:60%;
	
 }

.main_product .imagearea .in_img{
	margin:1% 50px;
	
}

.main_product .imagearea .in_img.photo{
	border-radius:30px;
	overflow:hidden;
}



.main_product.pro_corningB{
	position:relative;
	padding-top:30px;
}
.main_product.pro_corningB{
	 
	background-image: url(/image/product/corning02.jpg) ;
	background-repeat: no-repeat;
	background-position:100% 0%;
	background-size:50%;
	
}
.main_product.pro_corningB  .majortxt{
	
	text-align:left;
	max-width:60%;
}
.main_product.pro_corningB  .majortxt .middletxt{
	width:80%;
}
.main_product.pro_corningB .imagearea{
	text-align:right;
}

/**/
.main_product.pro_kanghwa{
	position:relative;
	padding-top:30px;
}
.main_product.pro_kanghwa{
	 
	background-image: url(/image/product/kanghwa.jpg) ;
	background-repeat: no-repeat;
	background-position:100% 0%;
	background-size:50%;
	
}
.main_product.pro_kanghwa  .majortxt{
 	text-align:left;
	max-width:45%;
}

 
 /**/
.main_product.pro_kanghwaB{
	position:relative;
	padding-top:30px;
}
.main_product.pro_kanghwaB{
	 
	background-image: url(/image/product/kanghwa03.jpg) ;
	background-repeat: no-repeat;
	background-position:0% 0%;
	background-size:50%;
	
}
.main_product.pro_kanghwaB  .majortxt{
 	text-align:left;
	max-width:45%;
	margin-left:55%;
}
 

 
/**/
.main_product.pro_laminated{
	position:relative;
	padding-top:30px;
}
.main_product.pro_laminated{
	 
	background-image: url(/image/product/laminated.jpg) ;
	background-repeat: no-repeat;
	background-position:100% 0%;
	background-size:50%;
	
}
.main_product.pro_laminated  .majortxt{
 	text-align:left;
	max-width:45%;
}
 
@media(max-width:1000px){
	
	.main_product{
		padding-top:50px;
		padding-bottom:50px;
	}
	.main_product .imagearea{
		flex-wrap:wrap;
	}
	.main_product.pro_corningB{
		background-size:100%;
		background-position:100% 0;
	}
	.main_product.pro_corningB  .majortxt{
		max-width:100%;
	}
	.main_product.pro_corningB  .majortxt .middletxt{
		width:100%;
	}

	.main_product.pro_kanghwa{
		background:none;
		padding-bottom:0;
	}

	.main_product.pro_kanghwa  .majortxt{
		text-align:left;
		max-width:100%;
	}

	.main_product.pro_kanghwa  .majortxt .imagearea{
		background-image: url(/image/product/kanghwa.jpg) ;
		background-repeat: no-repeat;
		background-position:center center;
		background-size:cover;
		min-height:300px;
	}
	.main_product.pro_kanghwaB{
		background:none;
		padding-top:0;
		padding-bottom:0;
	}

	.main_product.pro_kanghwaB  .majortxt .imagearea{
		background-image: url(/image/product/kanghwa03.jpg) ;
		background-repeat: no-repeat;
		background-position:center center;
		background-size:cover;
		min-height:300px;
	}

	.main_product.pro_kanghwaB  .majortxt{
			text-align:left;
			max-width:100%;
			margin-left:0%;
		}

		.main_product.pro_laminated{
		background:none;
		padding-bottom:0;
	}

	.main_product.pro_laminated  .majortxt{
		text-align:left;
		max-width:100%;
	}

	.main_product.pro_laminated  .majortxt .imagearea{
		background-image: url(/image/product/laminated.jpg) ;
		background-repeat: no-repeat;
		background-position:center center;
		background-size:cover;
		min-height:300px;
	}

	.main_product.pro_sil  .majortxt {
		max-width:100%;
	}

	 .main_product.pro_sil .imagearea{
		max-width:90%;
	 }



}

@media(max-width:480px){
	.main_product{
		padding:50px 10px;
		 
	}
 
	.main_product.pro_corning  .majortxt{
		max-width:100%;
	}

	.main_product .majortxt .middletxt{
		margin-bottom:10px;
		margin-top:10px;
	}
	.main_product .majortxt .s_txt{
		margin-bottom:10px;
	}
}


.main_product h4,
.sub_product h4{
	margin-bottom:30px;
}
.sub_product h5{
	color: var(--t_majorcolorB);
}

.block_contents{
	position:relative;
	margin-bottom:70px;
}
 
/**/
.con_img_txt{
	display:flex;
	justify-content: space-between;
}

.con_img_txt.con_img_txt_vertical{
	 
	 align-items: center;
}


.con_img_txt .txtarea p{
	margin-bottom:30px;
}
.con_img_txt .txtarea{
	 margin-bottom:30px;
}


.con_img_txt .imagearea{
	margin-bottom:30px;
}

@media(max-width:1000px){
	.con_img_txt{
		display:block;
	}
}
/**/
.con_img_txt.halfcon .txtarea{
	 flex-basis:45%;
}

.con_img_txt.halfcon .imagearea{
	 flex-basis:50%;
	
}
.con_img_txt.fourcon .txtarea{
	 flex-basis:55%;
}

.con_img_txt.fourcon .imagearea{
	 flex-basis:35%;
	
}

/**/

.con_txt{
	margin-bottom:30px;
}
.con_img{
	display:flex; 
	flex-wrap:wrap;
	justify-content: center; 
}
.con_img .in_img{
	padding:30px;
}

.con_img .in_img .txt_info{
	margin-top:20px;
	margin-bottom:20px;
}


.con_imgB{
	display:flex;  
	justify-content: center; 
}
.con_imgB .in_img{
	padding:10px;
}
.con_imgB .imgborder img{
	border: 1px solid #ccc;
}



.con_imgB .in_img .txt_info{
	margin-top:20px;
}

.con_img_process{
	display:flex; 
	
	justify-content: center; 
}
.con_img_process .in_img{
	padding:5px;
	
	margin:5px;
	border-radius:10px;
	overflow:hidden;
	background: var(--t_majorcolorB);
	 
}
 
.con_img_process .in_img .imagarea{
	border-radius:10px;
	overflow:hidden;
}
.con_img_process .in_img .txt_info{
	margin-top:10px;
	
	text-align:center;
	display:flex;
	justify-content: center; 
	color:#fff;
}

@media(max-width:1000px){
	.con_img_process  {
		flex-wrap:wrap;
	}
	.con_img_process .in_img{
		flex-basis:48%;
	}
}
@media(max-width:640px){
	 

	.con_imgB{
		flex-wrap:wrap;
	}
}


/**/
.block_contents h5.boxtilte{
	background:#8bd6f5;
	padding:5px;
	color:#000;
}
.block_contents h5.boxtilteB{
	background:#ffe43b;
	color:#1045aa;
	padding:5px;
}


/**/
.imglistcontents{
	display:flex;
	flex-wrap:wrap;
}

.imglistcontents  .imgconents{
	flex-basis:23%;
	margin: 1%;
}
.imglistcontents.equimg  .imgconents{
	flex-basis:31.333%;
	margin: 1%;
}
.imglistcontents  .imgconents .imgarea{
	border: 1px solid #ccc;
	border-radius: 10px;
	overflow:hidden;
	
}
.imglistcontents  .imgconents .imgarea,
.imglistcontents  .imgconents .txtarea{
	padding:0px;
	text-align:center;
}

.imglistcontents  .imgconents .txtarea span{
	display:block;
	 
}

@media(max-width:1000px){
	
	.imglistcontents  .imgconents,
	.imglistcontents.equimg  .imgconents{
			flex-basis:48%;
			 
		}
}

@media(max-width:480px){
	
	 
	.imglistcontents.equimg  .imgconents{
			flex-basis:98%;
			 
		}
}


/*온라인문의*/
.inqinfo_box{
	color:#fff;
	padding:20px;
}
.inqinfo{
	display:flex;
	flex-wrap:wrap;
	 width:90%;
	 max-width:1000px;
	 margin: 0 auto;
}

.inqinfo span{
	margin-right:20px;
	display:block;
	width:40%;
	font-size:85%; 
	 font-weight:400;  
	 display:flex;
	 align-items: stretch;
	 
	position:relative;
	margin-bottom:0px;
	
	
 	 
}
 
 
.inqinfo span:last-child{
	
	margin-right:0px;
}
  


   
 
 
 
.inqinfo  span strong{
 	 position:relative;
	font-weight:500; 
	margin-right:20px; 
	width:100px;
	flex-basic:100px;
	flex-shrink: 0;
	font-size:120%;
	 
	color:#fff;
 	 
}
 

.inqinfo span strong:before{
	display: block;
 	content:' ';
 	width:1px;
 	height:10px;
 	background:rgba(255,255,255,.2);
 	position:absolute;
 	top:8px;
	left:95px;
	padding-left:0;
 }



@media(max-width:1000px){
.inqinfo span{
	width:100%;
}

}


/**/

/*view*/
	.proViewarea{
		position:relative;
		vertical-align:middle;

	}
	.proViewarea:after{
		clear:both;
		display:block;
		content:'';
	}
	.proViewarea .pro_left{
		width:40%;
		display:inline-block;
		vertical-align:top;
		background:#fff;
		
		position:relative;

	}
	.proViewarea .pro_left .imgarea .mainimg{
	 
	width:100%;
	padding:0px;
	
	border:0px solid #bdc1ba;
}
	.proViewarea .pro_left.imgarea .mainimg .slide{width:100%;margin:0 auto;position:relative;text-align:center;}
	.proViewarea .pro_left .imgarea .mainimg .slide img{display:block;max-width:100%;margin:0 auto;position:relative;text-align:center;}
	.proViewarea .pro_left .imgarea .thum_img{
	margin-top:20px;
	width:100%;
	display:flex;
	justify-content: center;
	flex-wrap:wrap;
	margin-top:40px;
	margin-bottom:40px; 
	 

 
}
	.proViewarea .pro_left .imgarea .thum_img .imgbox{
	border:1px solid rgba(0,0,0,.1);
	margin:0px 10px 10px 0;
	width:20%;
	text-align:center;
	 
}
	.proViewarea .pro_left .imgarea .thum_img .imgbox .boximgarea{
	display:flex;
	height:80px;
	justify-content: center;
	align-items: center;
	 
	overflow:hidden;

}

	.proViewarea .pro_left .imgarea .thum_img .imgbox .boximgarea img {
 
 
  object-fit: contain;; /* 비율을 유지하며 빈틈없이 채우기 */
}

	.proViewarea .pro_left .imgarea .thum_img .slick-current.imgbox { 
  border: 1px solid #bdc1ba; 
}

	.proViewarea .pro_left .mainimg img{
		max-width:100%;
	}

	.proViewarea .pro_right{
		width:59%;
		position:relative;
		display:inline-block;
		vertical-align:top;
		padding-top:30px;
		padding-left:50px;
	}

 
	.proViewarea .pro_right .pronametitle{
		 
		color:#000;  
		line-height:1.3;
		padding-bottom:20px;
		 
	}
	.proViewarea .pro_right .detail_info{
		position:relative;
		padding: 30px 0 30px 20px;
		border-top:2px solid #333;
		
	}
	.proViewarea .pro_right .detail_info dl{
		margin-bottom:20px;
		position:relative;
		min-height:40px;
	}
	.proViewarea .pro_right .detail_info dt{
		position:absolute;
		left:0;
		top:4px;
		color:#686665;
		font-size:16px;
		color:#000;
		font-weight:500;

	}
	.proViewarea .pro_right .detail_info dd{
		position:relative;
		padding-left:100px;
		color:#4d4d4d;
		

	}
	.proViewarea .pro_right .detail_info dd strong{
		font-size:120%;
		line-height:1.2;
		color:#2761ae;
	}
	.proViewarea .pro_right .detail_info dd ul > li{
	 position:relative;
	padding-left:20px;
	padding-bottom:3px;
	letter-spacing:-1px;
	font-size:90%;
	line-height:1.2;
	margin-bottom:3px;
}
	.proViewarea .pro_right .detail_info dd ul > li:before{
	position:absolute;
	display:block;
	content:'';
	width:3px;
	height:3px;
	top:10px;
	left:0;
	background:#555;
}

	 


	.productarea_detail{
		padding:50px 0;
	}
	.productarea_detail .detail_img_list{

		text-align:center;
	}
	.productarea_detail .detail_img_list img{
		margin-bottom:30px;
	}
 


 /*다운로드*/

 .downlink_containter{
	display:flex;
	justify-content: space-between;
	align-items: center;
	gap:10px;
 }
 .downlink_containter .downlink_box{
	width:48%;
	background: var(--t_majorcolor);
	color:#fff;
	border-radius:10px;
 }
 .downlink_containter .downlink_box .downlink_box_in{
	padding:10px 20px;
	 
 }
  .downlink_containter .downlink_box a{
	color:#fff;
	display:flex;
	justify-content: space-between;
	align-items: center;
  }
    .downlink_containter .downlink_box a i{
		font-size:130%;
	}


 



/**/
.proview_title{margin-bottom:20x;padding:10px 0;border-bottom: 1px solid #ddd; display:block;line-height:1.2;  text-align:left;margin-top:50px;color: var(--t_majorcolor);}

.specbox{padding:20px 0;width:100%;position:relative;}
.specbox .spec_list div{display:inline-block;}
.specbox .spec_list div img{display:block;max-width:100%;width:100%;}
.specbox div{ }
.specbox .specbox_txt{display:inline-block;overflow:auto;width:100%;position:relative;text-align:left;}
.specbox .specbox_txt img{
 width: auto !important;
    height: auto !important;
	max-width: 100%;
}

.specbox ul {padding-left:10px;margin-left:0;}
.specbox ul > li{
	 position:relative;
	padding-left:35px;
	padding-bottom:0px;
	line-height:1.5;
	margin-bottom:5px;
}
.specbox ul> li:before{
	position:absolute;
	display:block;
	content:'';
	width:4px;
	height:4px;
	top:13px;
	left:13px;
	background:#555;
}
 
.specbox ul > li strong{
	  
	 font-size:120%;
	 vertical-align:middle;
	 display:inline:
	 
}

.specbox ul > li span{
	font-size:90%;
	opacity:.8;
 }

.specbox .t_right{font-size:80%;}
.specbox  table		{
	table-layout: fixed;
	width: 100%;  
	white-space:nowrap;
	border-collapse:collapse;
	margin:20px 0px 0 0px;
	border-bottom:1px solid #ccc; 
	width: 100% !important;
  table-layout: fixed !important; /* 셀 너비를 고정하여 넘침 방지 */
  word-break: break-all !important; /* 긴 텍스트/수식 강제 줄바꿈 */
  word-wrap: break-word !important;
  min-width: 600px !important; /* 모바일에서도 최소 600px 너비 유지 */
}
.specbox  table.stable{max-width:500px;}
.specbox  table caption		{display:none;}

.specbox   table th,
.specbox   table td{
			white-space: normal !important;
		  overflow-wrap: break-word !important;
		  max-width: 100%;
		  padding: 8px 10px; /* 적절한 셀 여백 확보 */
		  line-height:1.2;
		  vertical-align:middle;   
		
		  border-left:1px solid #ccc;
		  border-right:1px solid #ccc;
		  border-bottom:1px dashed #ccc;
		  border-top:1px solid #ccc;
		  letter-spacing:-0.02em;
 
			  
	}


.specbox  table td{font-size:100%;background:#fff;} 
 

.specbox  table  th{
	background:#f7f7f7;
	text-align:center;
	font-size:110%; 
	font-weight:500;
}

 
	
.specbox  table thead td,
.specbox  table thead th{
	background:#e2faff;
	 font-weight:bold;
	 font-size:110%;

}

 

.specbox h5{display:block;text-align:left;padding-left:0px;margin-left:0;}
.specbox h5:before{display:inline-block;content:'';width:8px;height:8px;background:#2389bb;vertical-align:middle;border-radius:100% 100%;margin-right:10px;}
 .specbox .halftablebox:after{
	clear:both;
	content:'';
	display:block;
	position:relative;

 }
.specbox .halftable{display:inline-block; width:47%;margin-right:2%;vertical-align:top;}
.specbox .halftable .t_right{text-align:right;}

@media all and  (max-width:1000px){
	.productarea{padding:10px;} 
	.proViewarea .pro_left{width:100%;padding:0px 0 20px 0;}
	.proViewarea .pro_right{width:100%;padding:0px;}
	.proViewarea .pro_right .detail_info dd{padding-left:70px;}
	.proview_title{padding:10px; }
	.specbox{padding:0px;}
	.specbox .halftable{width:100%;margin-right:0%;}

	


}
 

@media all and  (max-width:460px){ 
	.proViewarea .pro_right .detail_info{
		padding: 20px 0 20px 0px;
	}
	.proViewarea .pro_right .detail_info dt{
		position:relative;
		display:inline-block;
		vertical-align:top;
		margin-bottom:10px;
	}
		.proViewarea .pro_right .detail_info dd{
			padding-left:5px;
			display:inline-block;
			vertical-align:top;
			padding-top:4px;
		}
 }



/*제품목록*/
.new_searchbox{
	margin: 0px auto 30px auto;
 	text-align:center;
	background:#f7f7f7;
	padding:20px 20px;
	border-radius:20px;
	max-width:600px;
}
.new_searchbox #keyword{
	width:100%; 
	 height:50px;
		background:#fff;
		 color:#3b3b3b;
		 border:1px solid #ddd;;
		 outline: none;
		 border-radius:10px;
		 padding:5px;
		 text-align:center;
		 font-size:120%;
}

  .filter-box { border: 1px solid #ccc; padding: 15px; margin-bottom: 20px; }

        .filter-group { 
			display: flex; 
			gap: 8px; 
			flex-wrap: wrap; 
			justify-content: center;
			margin-top: 10px; 
			margin-bottom: 30px; 
			
		}
        
        .filter-btn {
            padding: 8px 16px;
            border: 1px solid #dcdcdc;
            border-radius: 10px;
            background-color: #fff;
            color: #555;
            cursor: pointer;
            user-select: none;
            transition: all 0.2s ease;
        }
        
        .filter-btn:hover { border-color: #999; }
        .filter-btn.selected {
            background-color: var(--t_majorcolorB);
            color: #ffffff;
            border-color: var(--t_majorcolorB);
            font-weight: bold;
        }

        .product-grid {
           display:flex;
			justify-content: center;
			flex-wrap:wrap;
			margin-top:40px;
			margin-bottom:80px;
			width:100%;
			 
        }

        .product-item {
           width:18%;
			margin:1%;
			gap:20px;
			border: 3px solid rgba(0,0,0,.0);
			background:#f1f1f1;
			border-radius:30px;
			padding:20px;
			-webkit-transition: .2s; 
			transition:.2s;
        }
		 .product-item:hover {
			 border: 3px solid var(--t_majorcolorB);
			background:#fff;
			-webkit-transition: .2s; 
			transition:.2s;
		}

		.product-item a{
				display:block;
				text-align:center;
			}
			.product-item .imgarea{
				display:flex;
				height:300px;
				justify-content: center;
				align-items: center;

			}

			.product-item .imgarea img {
			  width: 100%;
			  height: 100%;
			  object-fit: contain;; /* 비율을 유지하며 빈틈없이 채우기 */
			}

			 
			.product-item  .txtarea h4{
				font-weight:600;
				margin-bottom:0;
			}
			.product-item  .txtarea .infotxt{
				opacity:.8;
			}

      

        .product-code { font-size: 12px; color: #888; margin-bottom: 4px; }
        .product-name { font-size: 14px; font-weight: bold; margin-bottom: 8px; height: 36px; overflow: hidden; }
        .product-price { font-size: 16px; color: #ff5b00; font-weight: bold; }

        /* 페이지네이션 스타일 */
        .pagination {
            display: flex;
            justify-content: center;
            gap: 5px;
            margin-top: 30px;
            margin-bottom: 30px;
        }

        .page-btn {
            padding: 6px 12px;
            border: 1px solid #ddd;
            background-color: #fff;
            cursor: pointer;
            border-radius: 4px;
        }

        .page-btn.active {
            background-color: #333;
            color: #fff;
            border-color: #333;
            font-weight: bold;
        }

@media(max-width:1000px){
 
	.product-item {
		width:31.333%;
	}
	.product-item .imgarea{
		height:250px;
	}
}
@media(max-width:780px){
	 
	.product-item {
		width:48%;
	}
	 
}
@media(max-width:640px){
	 
	.product-item  .imgarea{
		height:200px;
	}
}

/*검색*/

 .search-box { text-align: center; margin-bottom: 30px; }
        .search-box input[type="text"] { width: 350px; padding: 10px; font-size: 16px; border: 2px solid #333; }
        .search-box button { padding: 10px 20px; font-size: 16px; background: #333; color: #fff; border: none; cursor: pointer; }

        /* 탭 메뉴 CSS */
        .tab-menu { display: flex; border-bottom: 2px solid #000; padding: 0; list-style: none; margin-bottom: 25px; }
        .tab-menu li { flex: 1; text-align: center; }
        .tab-menu li a { display: block; padding: 14px 0; text-decoration: none; color: #666; font-weight: bold; background: #f9f9f9; border: 1px solid #ddd; border-bottom: none; }
        .tab-menu li.active a { background: #fff; color: #000; border: 2px solid #000; border-bottom: 2px solid #fff; margin-bottom: -2px; }

        .search-summary { font-size: 18px; margin-bottom: 20px; }
        .search-summary strong { color: #d32f2f; }

        /* 섹션 블록 및 목록 스타일 */
        .section-block { margin-bottom: 40px; }
        .section-title { font-size: 20px; border-bottom: 1px solid #ccc; padding-bottom: 8px; margin-bottom: 15px; }
        .item-list { list-style: none; padding: 0; }
        .item-card { padding: 15px; border: 1px solid #eee; margin-bottom: 10px; border-radius: 4px; }
        .item-card:hover { background-color: #fafafa; }
        .no-result { color: #888; padding: 15px 0; }

		.section-block#sec-catalog .item-list {
			display:flex;
			flex-wrap:wrap;
			gap:10px;
		}



        /* 더보기 버튼 스타일 */
        .btn-more-wrap { text-align: center; margin: 20px 0 30px; }
        .btn-more { padding: 10px 30px; font-size: 14px; font-weight: bold; background-color: #fff; color: #333; border: 1px solid #ccc; cursor: pointer; border-radius: 20px; }
        .btn-more:hover { background-color: #f0f0f0; }
 


 
/* VIDEOS 섹션 레이아웃 */
.video-section {
  max-width: 1600px;
  margin: 0 auto;
  padding: 40px 20px;
  text-align: center;
}

.video-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 30px;
}

.video-card {
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  padding: 15px;
  cursor: pointer;
  background: #fff;
  transition: transform 0.2s, box-shadow 0.2s;
}

.video-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.thumb-box {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  background: #f0f0f0;
  border-radius: 8px;
  overflow: hidden;
}

.thumb-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-title {
  margin-top: 15px;
  font-size: 15px;
  font-weight: 600;
  color: #333;
  word-break: keep-all;
}

/* 레이어 팝업 (모달) 스타일 */
.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99999999999;
  justify-content: center;
  align-items: center;
}

.modal-content {
  position: relative;
  width: 90%;
  max-width: 800px;
  background: #000;
  border-radius: 8px;
  overflow: hidden;
}

.modal-video-container {
  position: relative;
  padding-top: 56.25%;
}

.modal-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.modal-close {
  position: absolute;
  top: -40px;
  right: 0;
  color: #fff;
  font-size: 30px;
  cursor: pointer;
  background: none;
  border: none;
}

/* 반응형 레이아웃 */
@media (max-width: 1200px) {
  .video-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 1000px) {
  .video-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .video-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}