@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;
}

.sub_wrap{
	width:98%;
	margin:0 auto;
	padding:0px;
	max-width:1400px;

}

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

}

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

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



.mbA{margin-bottom:50px;}

h2{
	color:#fff;
	font-size:60px;
	font-weight:700; 
	line-height:1;
	letter-spacing:-2px; 
	display:block;
	text-align:left;
 	
}

h3{
	color:#333;
	 
	font-size:45px;
	padding:0px 0 0px 0;
	margin-bottom:0px;
	margin-top:0px;
	font-weight:600;
	line-height:1.2;
	letter-spacing:-2px;
	z-index:1;
	position:relative;

}
h3.title {text-align:center;padding-bottom:10px; padding-top:20px; }
h3.title span{display:block;font-size:70%;} 

  
h4{
 	letter-spacing:-1px; 
	font-size:30px;
	line-height:1.3;
	font-weight:600;
	margin-bottom:10px;
	position:relative;

}
h4.title:after{
		 display:inline-block;
		 content:'';
		 position:relative;
		 width:140px;
		 height:7px;
		 margin-left:5px;
		 background: url(../image/bar.png) no-repeat center 0;
		 
	  
	}
 
h4.title span{font-size:70%;vertical-align:middle;}
 h4 strong{
	
	font-size:130%;
	font-weight:800;
 }

 
h5{
	 
	font-size:22px;
	line-height:1.3;
	padding-left:0px;
	margin-bottom:10px;
	margin-top:0;
	font-weight:500;


}
h5.title { color:var(--t_majorcolorPurple);padding-left:30px;}
h5.titleB {font-size:300%;color:#21698d;letter-spacing:-1px;}
h5 span{
	display:block;
	color:#ff0000;

}
 
.headtxtA{font-size:48px;line-height:1.1;font-weight:600; }
.headtxtB{font-size:35px;line-height:1.3;font-weight:500; }
.headtxtBB{font-size:30px;line-height:1.3;font-weight:500; }

.headtxtC{font-size:28px;line-height:1.5; }
.headtxtCC{font-size:25px;line-height:1.5; }
.headtxtD{font-size:20px;line-height:1.5;font-weight:500;}
.headtxtDD{font-size:18px;line-height:1.3;font-weight:500;}

.titltT{display:block;font-size:35px;line-height:1.3;font-weight:900; margin-bottom:20px;}
   
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}

.not_tA{font-size:80%; opacity:.8;}
.mLA{margin-left:30px;}

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.ulliA > li:before{
	top:20px;

 }

 ul.ulli > li span{
	font-size:90%;
	opacity:.8;
 }
@media all and  (max-width:800px){
	ul.ulli > li:before{
		 
		top:9px;
		 
	}

	ul.ulli.ulliA > li:before{
		top:15px; 
	 }

}

@media all and  (max-width:640px){
	 
}



ul.ulli > li strong{
	 display:block;
	 font-size:19px;
	color:#000;
}
ul.ulliB {
	margin:10px 0 10px 0px;
}
ul.ulliB >  li{
	 position:relative;
	padding-left:20px;
	padding-bottom:0px;
	 
}
ul.ulliB > li:before{
	position:absolute;
	display:block;
	content:'';
	width:5px;
	height:1px;
	top:11px;
	left:10px;
	background:#333;
}
 

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


/**/


/*layout*/
 


#TopContainer{
	padding-top:0px;
	overflow:hidden;
	width:100%; 
	position:relative; 
	height:380px;
}
#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 bottom;}
.work{background: url(../image/work/topimg.jpg)  no-repeat center 0;}
.video{background: url(../image/video/topimg.jpg)  no-repeat center center;}
.customer{background: url(../image/customer/topimg.jpg)  no-repeat center center;}

    
 .topTXTarea{
	margin: 0px auto 0 auto;
	position:relative;
	padding-top:200px;
	padding-left:5%;
	 
  
}
.topTXTarea .top_loc{
	
	margin-bottom:20px;

	
	 
}  
.topTXTarea .top_loc span{
	 position:relative;
	color:#fff;
	display:inline-block;
	font-weight:500;
	padding-left:5px;
}
.topTXTarea .top_loc span:after{
	display:block;
	content:'';
	position:relative;
	background: var(--t_majorcolorGreen);
	margin: 0 auto;
	width:80%;
	height:2px;
	 
}
.topTXTarea strong{
	color:#fff;
	display:block; 
	max-width:800px;
}  
.topTXTarea strong span{
	display:block;
}
.topTXTarea strong span.bigT{ 
	 
	font-size:150%;
}


 
/**/

 .loc_title {position:relative;padding-top:30px;z-index:99;margin:0 auto;}
 
  .loc_title .loc_ttxarea{
 	position:relative;
	text-align:center;
  	letter-spacing:-1px;
	vertical-align:top;
	z-index:999;
	

 }


  .loc_title .loc_ttxarea span{	
	vertical-align:top;
	display:inline-block;
	margin-left:10px;
	padding-left:30px;
	position:relative;
	font-size:90%;
	color:#fff;
	 opacity: 0.8;
	 font-weight:300;
}
  .loc_title .loc_ttxarea span:after{
		display:block;
		position:absolute;
		content:'\f105';
		font-family: 'FontAwesome';
		width:20px;
		height:20x;		
		color:#fff;
		top:0;
		left:0;
	}
	.loc_title .loc_ttxarea span.homearea:after{
		 
		content:'';
	}
	.loc_title .loc_ttxarea span.homearea{
		margin-left:0px;padding-left:0px;
	}
	.loc_title .loc_ttxarea span a{
		display:block;
		position:relative;
		text-indent:-999px;
		margin-right:0px;
		min-width:25px;
		min-height:25px;
		overflow:hidden;
		z-index:2;

	}
	.loc_title .loc_ttxarea span a:before{
		display:block;
		position:absolute;
		content:'';/*\f015*/
		background: url(../image/icon_home.png) no-repeat 0 0;
		 background-size:100%; 
		 text-indent:0; 
		width:23px;;
		height:23px;
		left:0;
		top:0px;
		color:#777;
		z-index:1;
	}
	
 

 
/**/
 
 /*//////////sUBMENU/////////////*/ 

.submenu{
	
	position:relative;
	margin:0px auto 0 auto;	 
	padding:0px 0px;
	top:0; 
	text-align:center;
	width:100%;
	z-index:3;
	-webkit-backdrop-filter: blur(15px);
		backdrop-filter: blur(15px);
		background:rgba(0,0,0,.05);
			
	 
 }
  .submenu:after{
	content:'';
	display:block;
	position:relative;
	width:100%;
	height:1px;
	margin-top:-1px;
	background: rgba(0,0,0,.2);
 }
 
 .submenu .homearea{
	display:none;
	left:0;
	top:0;
	width:100px;
	height:43px; 
	vertical-align:top;
	background:#ed1f24;
	border-radius: 20px 0 0 20px;
 }
 .submenu .homearea a{
	display:block;
	width:100%;
	height:100%;
	background: url(../image/icon_home.png) no-repeat center center;
 }
 
.submenu .submenu_box{
	margin : 0 auto 0 auto; 	
	position:relative;
	padding:0px 0px;
	
	
	
}
 


.submenu .submenu_box ul{
	position:relative;
	margin:0 0 0 0;
	display:inline-block;
	text-align:center;
	font-size:0;
	width:100%;
	padding:px 0 px 0px ;
	
	 
	vertical-align:top;

 	

	 
}
.submenu .submenu_box ul li{
	display:inline-block;
	position:relative;
 	margin-right:0px;
	z-index:2; 
 	padding:0px 0;  
	border-left:0; 	 
	vertical-align:middle;
	text-align:left;

  
}
.submenu .submenu_box ul.colfour li{
	 
}


 
.submenu .submenu_box ul li a{
	display:block;
	position:relative;
	font-size:20px;
	letter-spacing:0px;
	display: block;
	padding:20px 50px;
	text-align:center;
	font-weight:500;
	color:#333;
	 
	
}
.submenu .submenu_box ul.engfont li a{
	font-size:16px
}
 .submenu .submenu_box ul li a.engfont{letter-spacing:0px;}

.submenu .submenu_box ul li a:hover{
	opacity:1;
}
 
.submenu .submenu_box ul li.subOn{
		border-bottom:3px solid var(--t_majorcolorGreenB);
}
.submenu .submenu_box ul li.subOn a{
	color: var(--t_majorcolorGreenB);
	font-weight:600;

 
	 
	
}

 
/*/////////BODY CONTNETS////////*/
  
#sub_contents{
 
	background: #fff;
	width:100%;
	color:#333;
	margin:0;
	letter-spacing:-1px;
	font-weight:500;
	padding:30px 0px 50px 0px; 
	position:relative; 
	font-size:18px; 
	line-height:1.8;
	min-height: 500px;
	z-index:1;
	

}

#sub_contents.fixed{
	padding-top:80px;
}
.graybg,
#sub_contents.graybg{
		background: #f7f7f7;
		padding-bottom:0;
}
.whitebg{
	background: #fff;
}

 
.contents_wrap{
	
}

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

/**/ 

 .keyword_t{
	margin-bottom:40px;
 	letter-spacing:-2px;
}
 
.keyword_t  strong{
	 font-weight:600;
	line-height:1.3;
	color: var(--t_majorcolor);
}
.keyword_t  span{
 	display:inline-block;
}

 
/**/ 
.max_widthA{
	max-width:800px;
	margin:0 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;}

 


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


.txt_img_box{
	margin-top:30px;
	 
}
.txt_img_box:after{
	clear:both;
	display:block;
	content:' ';
	position:relative;
	height:30px;
	
}
.txt_img_box .imgarea{
	width:50%;
	vertical-align:top;
	text-align:left;
	
}
.txt_img_box.imgLeft .imgarea{
	float:left;
}
.txt_img_box.imgRight .imgarea{
	float:right;
}
.txt_img_box .imgarea img{
	/*border: 1px solid #ccc;*/
	/*box-shadow:-10px 30px 30px rgba(0,0,0,0.2);*/
}

.inqarea .txt_img_box .imgarea{
	border-radius:20px;
}

.txt_img_box .textarea{
	width:50%;
	vertical-align:top;
	padding:30px;
}

.txt_img_box.imgLeft .textarea{
	float:right;
}
.txt_img_box.imgRight .textarea{

	float:left;
}
.txt_img_box .textarea p{
	margin-bottom:30px;
	line-height:1.6;
	 
}



	/**/
	.txt_img_box .textarea.business_con{
		padding-top:50px; 
		
		font-weight:400;
	}
 



.txt_img_box .textarea .numtxt{
	display:inline-block;
	margin-right:10px;
	font-size:150px;
	font-weight:700;
	color:#d3d3d2;
	vertical-align:top;
	line-height:1;
}

.txt_img_box .textarea .txt_info{
	 display:inline-block;
	 width:80%;
	 vertical-align:top;
}
.txt_img_box .textarea .txt_info strong{
	display:block;
	color:#f07905;
	margin-bottom:20px;
}

.txt_img_box .textarea .txt_info .txt_dec{
	 
}


/*이미지 리스트*/

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

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

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


/* DT DD*/

dl.dldtA{
	position:relative;
	margin-bottom:30px;
	 border-bottom: 1px solid #ccc;
}
dl.dldtA dt{
	font-size:130%;
	font-weight:500;
	padding-top:3px; 
	padding-bottom:3px; 
	margin-bottom:0px;
	position:relative;
	padding-left:35px;
	
}
 


dl.dldtA dt span.num_box{
	position:absolute;
	display:block;
	vertical-align:top;
	margin-right:10px;
	top:5px;
	left:0;
	width:30px;
	height:30px;
	color:#989797;
	font-size:70%;
	line-height:30px;
	background:#fff;
	text-align:center;
	border-radius:100% 100%;
}
dl.dldtA dd{
 	 margin-bottom:10px;
	 
}
dl.numdt dd{
 	 padding-left:40px;
	 
}


/* UL LI*/

ul.ulli > li{
 	position:relative;
	padding-left:20px;
	padding-bottom:3px;
	line-height:1.5;
	margin-bottom:5px;
	text-align:left;
}
ul.ulli > li:before{
	position:absolute;
	content:'';
	display:block;
	top:10px;
	left:5px;
	width:5px;
	height:5px;
	background:var(--t_majorcolorGreenD);
	border-radius:100% 100%;
}
ul.ulli > li strong{
	  
	color: var(--t_majorcolorSkyblueE);
	 
	 
}
ul.ulli > li strong.red{
	 
	 color:#1360b7;
}
ul.ulli > li > ul > li{
	background: url(../image/icon_dot_s.png) no-repeat 5px 12px;
	font-size:90%;
	padding-left:20px;
	color:#707070;
}


ul.ullinone > li{
 	position:relative;
	padding-left:10px;
	padding-bottom:0px;
	line-height:1.5;
	margin-bottom:5px;
	text-align:left;
}
ul.ullinone > li strong{
	 font-weight:700;
	 
}

ul.ullinone > li.blank{
	min-height:30px;
}




ol.ulliB {
	margin:10px 0 10px 30px;
}
ol.ulliB >  li{
	position:relative;
	margin-left:0;
	padding-left:0px;
	padding-bottom:3px;
}


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

.greetingarea{
	position:relative;
	margin:0 auto;  
	padding: 70px 0;

}
greeting_txt_img{}
.greetingarea  p{
	padding-bottom:30px;
}

@media(max-width:1000px){
			.greetingarea{
				
				padding: 30px 0;

			}

}
  
  
 /*해외라인*/
  
.overlineara{
	position:relative;
	text-align:center; 
	max-width: 800px;
	margin:0 auto;
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}

.overlineara .inbox{
 	width:48%;
	margin: 1%;
	background:#fff;
	padding:20px;
	border: 1px solid #ccc;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}
.overlineara .inbox a{
 
}


/*회사위치*/
.com_map{
	position:relative;
}
.com_map:after{
	clear:both;
	content:'';
	display:block;
	height:50px;

}
.com_map .googlemap{
	 
	width:100%;
}
  
/*인증현황*/
.certiarea{
	padding-top:50px;
	padding-bottom:80px;
	text-align:center;
}
.certiarea .certiara_box{
	display:inline-block;
	width:25%;
	margin:0 1% 80px 1%;
	background:#fff;
	vertical-align:top;
	
	}
 
.certiarea .certiara_box .imgarea{
	 margin-bottom:15px;
	padding:5px;
	background:#fff;
	border:1px solid #ddd;
	-webkit-box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11);
    -moz-box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11);
	box-shadow: 0 15px 30px 0 rgba(0,0,0,0.31);


}
.certiarea .certiara_box .imgarea img{ }
.certiarea .certiara_box .certi_tit{text-align:center;line-height:1.2;padding:10px; }
 
 /*오시는길*/
 .maparea > div{
	border: 1px solid #ccc;
	
 }
.loc_info{
	position:relative;
}
.loc_info strong{
	display:inline-block;
	vertical-align:top;
	padding:20px 40px 20px 20px;
}
.loc_info .loc_info_list{
	display:inline-block;
	vertical-align:top;
}
.loc_info dl{
	display:block;
	margin-bottom:10px;
	vertical-align:top;
	position:relative;
}
.loc_info dl dt{
	 color:var(--t_majorcolor);
	 position:absolute;
	font-weight:600;
	 
}
.loc_info dl dd{
	padding-left:60px;
}

 /**/

.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{
 font-size:120%;
 text-align:center;
}

.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%;
	}
}


.customerare .onlie_txt{
		text-align:center;
		padding:30px;
		margin-bottom:30px;
}
.customerare .inqarea .onlineicon{
	background:#f7f7f7;
	padding:30px;
}

.customerare .inqarea .onlineicon_in{
		position:relative;
		margin:20px auto 20px auto;
		max-width:600px;
}
.customerare .inqarea .onlineicon_in dl{
	position:relative;

}
.customerare .inqarea .onlineicon_in dt{
	position:absolute;
	top:0;
	left:0;
	color:var(--t_majorcolorBlue);
	font-size:150%;
}

.customerare .inqarea .onlineicon_in dd{
	position:relative;
	padding-left:100px;
	font-size:130%;
}

.maparea{
	margin-top:40px;
	border:1px solid #f7f7f7;
}




/*제품소개*/

.promenu{
	position:relative;
	margin-bottom:20px;
}
.promenu .protitle{
	text-align:center;
	font-size:800%;
	line-height:1;
	padding:0;
	margin:0;
	font-weight:700;
	color: rgba(0,0,0,.05);

}
.promenu .menu_pro{
	background:#f6f6f6;
	padding:10px;
	border-radius:20px;
	margin-top:-50px;
}
.promenu .menu_pro ul{
	display:flex;
	 flex-wrap: wrap;
  /*justify-content: space-between;*/
  align-items: stretch;
}

 .promenu .menu_pro ul li{
	width:14%;
	margin: 3px 1px;
	position:relative;
	padding:0px;
	border: 0px solid #ccc;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: left;
}
 .promenu .menu_pro ul li a{
	line-height:1.1;
	font-size:90%;
	padding:7px;
	letter-spacing:-1px;
	width:100%;
	position:relative;
 }
 .promenu .menu_pro ul li a:hover,
  .promenu .menu_pro ul li.proon a{
	background: var(--t_majorcolor);
	color:#fff;
	text-align:center;
	
	border-radius:5px;

  }
   
 



/*제품상세*/
  
.block_contents{
		position:relative;
		margin-bottom:30px;
		padding:0px 0;
		 
		 
 }
 .block_contents.block_contents_S{
		margin-bottom:0px;
		padding:10px 0;
 }
.block_contents_box{
	margin-bottom:20px;
	letter-spacing:0;
	margin-left:10px;
}
 .videobox.videoOne{
	max-width:800px;
	margin:0 auto;
}

.block_contents_box .s_tile{
	display:block;
	margin-bottom:20px;

	font-weight:600;
}


/**/

 .productarea h5{
	color: var(--t_majorcolor);
 }
.boxlist_out{
	display: grid;
	grid-gap: 10px 20px;
	grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
	 
	grid-auto-flow: dense;

}
.boxlist_out .boxlist{
	margin-bottom:20px;
}
.boxlist_out .boxlist.large{
 	grid-row: span 2;
}
.boxlist_out .boxlist .boxlist_in_desc{
	font-size:90%;
}



.gridcontents{
 	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 
	grid-auto-flow: dense;
	 
}

  .gridbox{
		border: 1px solid rgba(0,0,0,.1);
		background:#f7f7f7;
		padding:10px;
		border-radius:5px;
  }
  .gridbox.tall{ 
	grid-row: span 2;
  }
.gridbox ul li{font-size:90%}
.pro_logo{max-width:700px;}

  /*유튜브*/

.videoarea{				 
		
		position:relative;
		padding:50px 0;
		background: #fff;

 
}
.videoarea .contents_list{
	position:relative;
	width:100%;
	margin-top:30px;
	margin-bottom:30px;
	font-size:0;
	text-align:center;
}

.videoarea .contents_list .contents_box{
	position:relative;
	
	width:33.333%;
	
	vertical-align:top;
	display:inline-block;
	padding:0;
	margin:0;
	margin-bottom:30px;
}
.videoarea .contents_box  a {
	display:block;
	width:97%;
	margin:0 auto;
	position:relative;
	border-radius:10px;
	overflow:hidden;
}
.videoarea .contents_box  a .imgarea{width:100%;background-color:#000; position: relative; top: 0; left: 0%; overflow:hidden; z-index:1; }
.videoarea .contents_box  a .imgarea img{-webkit-transform:scale(1.5); -moz-transform:scale(1.5); transform:scale(1.5);opacity:0.9;filter:Alpha(opacity=0.9);	max-width: 100%; width: 100%; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}


.videoarea .contents_box a .imgarea div{
	position:absolute; 
	top:0px; 
	left:0px; 
	width:100%; 
	height:100%; 
	visibility:hidden; 
	opacity:0;filter:Alpha(opacity=0);
 	z-index:1;  
	box-sizing:border-box; 
 }
.videoarea .contents_box  a:hover .moreview{color:#000;background:#fff;}
.videoarea .contents_box  a:hover .imgarea div{visibility:visible; opacity:1.0;filter:Alpha(opacity=100);}
.videoarea .contents_box  a:hover .imgarea img{opacity:1.0;filter:Alpha(opacity=100);-webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}


.videoarea .contents_box .txtarea{
	position:absolute; 
	bottom:0px; 
	left:0;
	 
	z-index:2;  
	color:#fff;
	text-align:center;
	font-size:17px;
	width:100%;
	letter-spacing:0;
	font-weight:400;
	padding:80px 10px 10px 10px;
 background-image: linear-gradient(-180deg,   transparent, rgba(1,15,70,.1) 35%,    rgba(1,15,70,.8)  );


	/*background-image: linear-gradient(90deg,  #cadfef,#e8f1f8);*/
	
}

.videoarea .contents_box .txtarea span{ 
	display:inline-block;
	position:relative;
	padding-left:35px;
}
.videoarea .contents_box .txtarea span:before{ 
	display:block;
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:25px;
	height:25px;
	background: url('/image/icon_mov_red.png')  no-repeat center center;
	background-size:100%;
	 
}


@media(max-width:780px){

		.videoarea .contents_list .contents_box{
 			width:100%;
 		}
}
/**/


.modalPop-box{
  position:relative;
  top:0;
  z-index:9999999;
}
.modalPop-box.active{
  background: rgba(0,0,0,0.5);
  position:fixed;
  width:100%;
  height:100%;
  top:0px;
}
.modalPop-box, .modalPop-box_in{
		-webkit-transition: opacity 0.5s ease 0.5s;
		-moz-transition: opacity 0.5s ease 0.5s;
		-o-transition: opacity 0.5s ease 0.5s;
		-ms-transition: opacity 0.5s ease 0.5s;
		transition: opacity 0.5s ease 0.5s;
	}

 
 .modalPop-box_in{
		width:85%;
		max-width:800px;
		position:relative;
		 
		margin:90px auto 0 auto;
		background:#fff;
		 
		 
	}

	.modalPop-close{
		position:absolute;
		right:0px;
		padding:5px;
		bottom:-34px;
		z-index:99999;
		background:#fff;

	}

	.modalPop_content{
		padding:10px;
	}
 

	.modalPop_content_in #local_name{
		text-align:center;
		font-weight:500;
		font-size:35px;
		display:block;
		padding:30px;
		 
	}

	.modalPop_content_in #mapaddress{
		text-align:center;
		font-weight:500;
		font-size:18px;
		display:block;
		padding:10px;
		 
	}



 .embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.youtubearea{position:relative; height:100%;padding-top:0px;height:0;overflow:hidden;} 
.youtubearea iframe,
.youtubearea object,
.youtubearea embed,
.youtubearea video{
position:absolute;top:0;left:0;width:100%;height:100%;} 

 .youtubearea.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.youtubearea.embed-responsive-4by3 {
  padding-bottom: 75%;
}
@media(max-width:1600px){
	 .videoara{
		 
		opacity:1;
		background: url(../image/back2.png) no-repeat -100px 0;
		background-size:cover;
		 
	 }
	 .videoara .infobox{
		width:65%;
	margin-left:35%;
	 }

 }



 /*다운로드버튼*/
 
.buttonlinkarea{
	text-align:center;
}
 .buttonlink{
	display:inline-block;
 	margin:35px auto;
	vertical-align:top;
 }
 
.buttonlink a,
.buttonlink a:hover{
	display:block;
	position:relative;
	padding:13px 30px;
	width:100%;
	font-size:120%;
	font-weight:500;
	border-radius:50px;
	letter-spacing:0;
	box-shadow: var(--shadow-medium);
}

 

.buttonlink a{
	background:#0052ae;
	color:#fff;
}
.buttonlink a span{
	display:inline-block;
	position:relative;
	 
	margin-right:10px;
	vertical-align:middle;
	 
}
.buttonlink a span:after{
	content:" ";
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	color:#fff;  
	top:0;
	left:0; 
}


/**/
.imglist{
	position:relative;
}
.imglist .imgbox{
	display:inline-block;
	vertical-align:top;
	margin:10px;
}

.imglist .imgbox .txtara{
	padding:10px;
	text-align:center;
}

/*문의*/


.conicon{
	position:relative;
	margin-top:30px;
}
.conicon li{
	padding-left:40px;
	margin-bottom:20px;
	position:relative;
	letter-spacing:0;
}
.conicon li strong{
	font-size:120%;
	
}
.conicon li:before{
	display:block;
	content:'';
	position:absolute;
	top:10px;
	left:5px;
	width:23px;
	height:23px;
	z-index:2;
}
.conicon li:after{
	display:block;
	content:'';
	position:absolute;
	top:5px;
	left:0;
	width:33px;
	height:33px;
	border-radius:50% 50%;
	z-index:1;
	background:#958a89;
}

.conicon li.i_address:before{
	background: url(../image/customer/icon_address.png) no-repeat center center;
	background-size:100%;
}
.conicon li.i_tel:before{
	background: url(../image/customer/icon_tel.png) no-repeat center center;
	background-size:100%;
}
.conicon li.i_email:before{
	background: url(../image/customer/icon_email.png) no-repeat center center;
	background-size:100%;
}

.conicon li.i_fax:before{
	background: url(../image/customer/icon_fax.png) no-repeat center center;
	background-size:100%;
}

/**/

.block_contents_box .floatimg{float:left;margin-right:30px;margin-bottom:20px;}




/*photo zone*/
 #gallerArea{
   clear:both;
   margin:30px 10px 0 3px;
   overflow:hidden;
}


.img_box{
   
   float: left;
   padding: 0px;
   overflow:hidden;
   width: 25%;
   
}
.img_box img.example-image{
    
   border: 0px;
   display: block;
   width: 100%;
   height:250px;
   
}
.img_box	.imgArea{
   
   padding:5px;
   margin:0px;
   overflow:hidden;
   
}
/* Hover slide */
.slip{
    
}
.slip .hover{
   position:absolute;
}
.slipNo .sliphoveritemTitle{
   display:none !important;
}

.nongallery{
   text-align:center;
   color:#fff;
   
}
/* Preload images */


.lightboxOverlay {
   
  position: absolute;
   top: 0;
   left: 0;
   z-index: 9999;
   background-color: black;
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
   opacity: 0.8;
   display: none;
   }

.lightbox {
   
  position: absolute;
   left: 0;
   width: 100%;
   z-index: 10000;
   text-align: center;
   line-height: 0;
   font-weight: normal;
   }

.lightbox .lb-image {
   
  display: block;
   height: auto;
   max-width: inherit;
   max-height: none;
   border-radius: 3px;
     border: 4px solid white;
   }

.lightbox a img {
   
  border: none;
   }

.lb-outerContainer {
   
  position: relative;
   *zoom: 1;
   width: 250px;
   height: 250px;
   margin: 0 auto;
   border-radius: 4px;
     background-color: white;
   }

.lb-outerContainer:after {
   
  content: "";
   display: table;
   clear: both;
   }

.lb-loader {
   
  position: absolute;
   top: 43%;
   left: 0;
   height: 25%;
   width: 100%;
   text-align: center;
   line-height: 0;
   }

.lb-cancel {
   
  display: block;
   width: 32px;
   height: 32px;
   margin: 0 auto;
   background: url(../images/loading.gif) no-repeat;
   }

.lb-nav {
   
  position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   z-index: 10;
   }

.lb-container > .nav {
   
  left: 0;
   }

.lb-nav a {
   
  outline: none;
   background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
   }

.lb-prev, .lb-next {
   
  height: 100%;
   cursor: pointer;
   display: block;
   }

.lb-nav a.lb-prev {
   
  width: 34%;
   left: 0;
   float: left;
   background: url(../image/btn_prev.png) left 48% no-repeat;
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
   opacity: 1;
   -webkit-transition: opacity 0.6s;
   -moz-transition: opacity 0.6s;
   -o-transition: opacity 0.6s;
   transition: opacity 0.6s;
   }

.lb-nav a.lb-prev:hover {
   
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
   opacity: 1;
   }

.lb-nav a.lb-next {
   width: 64%;
   right: 0;
   float: right;
   background: url(../image/btn_next.png) right 48% no-repeat;
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
   opacity: 1;
   -webkit-transition: opacity 0.6s;
   -moz-transition: opacity 0.6s;
   -o-transition: opacity 0.6s;
   transition: opacity 0.6s;
   }

.lb-nav a.lb-next:hover {
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
   opacity: 1;
   }

.lb-dataContainer {
   
  margin: 0 auto;
   padding-top: 5px;
   *zoom: 1;
   width: 100%;
   -moz-border-radius-bottomleft: 4px;
   -webkit-border-bottom-left-radius: 4px;
   border-bottom-left-radius: 4px;
   -moz-border-radius-bottomright: 4px;
   -webkit-border-bottom-right-radius: 4px;
   border-bottom-right-radius: 4px;
   }

.lb-dataContainer:after {
   
  content: "";
   display: table;
   clear: both;
   }

.lb-data {
   
  padding: 0 4px;
   color: #fff;
   }

.lb-data .lb-details {
   
  width: 95%;
   float: left;
   text-align: center;
   line-height: 1.1em;
   }

.lb-data .lb-caption {
   
  font-size: 18px;
   font-weight: bold;
   line-height: 1em;
   padding-left:30px;
   }

.lb-data .lb-caption a {
   color: #4ae;
   }

.lb-data .lb-number {
   
  display: block;
   clear: left;
   padding-bottom: 1em;
   font-size: 12px;
   color: #999999; 
}

.lb-data .lb-close {
   
   display: block;
   float: right;
   width: 30px;
   height: 30px;
   background: url(../image/btn_close2.png) top right no-repeat;
   text-align: right;
   outline: none;
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
   opacity: 0.7;
   -webkit-transition: opacity 0.2s;
   -moz-transition: opacity 0.2s;
   -o-transition: opacity 0.2s;
   transition: opacity 0.2s;
   
 
}

.lb-data .lb-close:hover {
   cursor: pointer;
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
   opacity: 1;
   
 
}