@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:100%;
	height:100%;
	margin:0 auto;
	max-width:1600px;
	position:relative;
	padding:0 10px;
}

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

}

.mobileon{display:none;}
.mobiletit {display:none;}
.mobiletitB{display:none;}
.mobiletit_firstmenu{display:none;}
 
@media(max-width:1430px){
	
	.sub_wrap{padding:0 10px;}
	.sub_wrap_wide{padding:0 10px;}

}
 @media(max-width:1000px){
	
	.sub_wrap{padding:0 0px;}

}
@media(max-width:800px){
	.mobileon{display:block;}
}
 /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
 /*////////////////////////////////////////////////////////////////////sub 공통/////////////////////////////////////////////////*/
 /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

h2{
	color:#fff;
	font-size:65px; 
	font-weight:700;
	padding:150px 0 20px 0px;
	line-height:1;
	letter-spacing:-1px; 	
 	display:block;
 	 
}
h2.title{color:#000;text-align:center;padding-top:0;}

h3{
	
	text-align:center;
	font-size:55px;
	padding:0px;
	padding-bottom:30px;
	padding-top:30px;
	font-weight:500;
	line-height:1.3;
	letter-spacing:-2px;
	z-index:1;
	position:relative;

}

h3.title{
	font-weight:700;
 
}

h3.engt span{
	font-size:85%;
	font-weight:500;
}
 

  
h4{
	color:#000;
	font-size:45px;
	line-height:1.3;
	font-weight:500;
	margin-bottom:30px;
}
h4.title{
	color:#2d409d;
	position:relative;
	text-align:center;
	}
h4.title:after{
	display:block;
	content:'';
	position:relative;
	width:2px;
	margin:0 auto;
	height:27px; 
	background:#2d409d;
 }
 h4.title span{
	display:block;
	color:#fff;
	font-size:40%;
	max-width:200px;
	margin:0 auto;
	background:#333;
 }
h5{
	font-size:30px;
	line-height:1.3;
	margin-top:10px;
	margin-bottom:30px;
	font-weight:500;
	color: var(--t_majorcolorSkyblueD);
 
}
h5 span.s_title{display:inline-block;color:#333;font-size:60%;letter-spacing:0;}

 
.headtxtA{font-size:50px;line-height:1.1;font-weight:600;letter-spacing:-2px;}
.headtxtB{font-size:40px;line-height:1.2;font-weight:600;letter-spacing:-2px;}
.headtxtB strong{font-weight:700;}
.headtxtB span{font-weight:400;line-height:1.2;}
.headtxtC{font-size:30px;line-height:1.1;font-weight:600;letter-spacing:0px;}
.headtxtC span{ line-height:1.2;letter-spacing:0px;}


.headtxtCC{font-size:25px;line-height:1.2;font-weight:600;letter-spacing:0px;;}
.headtxtCC span{ line-height:1.2;letter-spacing:0px;}
.headtxtD{font-size:20px;line-height:1.3;font-weight:500;}
 

    
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}


.t_red{color:#ff0000;}
.colorA,
.t_majorcolorBlue{color:#293189}
.t_majorcolorGreen{color:#ed1f24}
.t_majorcolorJu{color:#ff4605}
.t_majorcolorSkyblueB{color: var(--t_majorcolorSkyblueB);}





.juseokB{font-size:13px;color:#333;}
.juseok{font-size:13px;color:#ff0000;}


.mbA{margin-bottom:30px;}

.majortxt{
	position:relative;
	width:98%;
	margin:30px auto;
	max-width:1000px;
}
/* tOP layout*/
 

#TopContainer{
	padding-top:0px;
	overflow:hidden;
	width:100%; 
	position:relative; 
	height:350px;
}
#topfiximg{position:absolute; width:100%;height:100%;background-size:cover;}


.aboutus{background: url(../image/about/topimg.jpg)  no-repeat center 0;}
.pro{background: url(../image/pro/topimg.jpg)  no-repeat center center;}
.proB{background: url(../image/pro/topimg02.jpg)  no-repeat center center;}
.proC{background: url(../image/pro/topimg03.jpg)  no-repeat center center;}
.proD{background: url(../image/pro/topimg04.jpg)  no-repeat center center;}
.proE{background: url(../image/pro/topimg05.jpg)  no-repeat center center;}

.gboard{background: url(../image/board/topimg.jpg)  no-repeat center center;}
.esg{background: url(../image/esg/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:30px;
	
	text-align:center;
 
}
 .topTXTarea h2{}
 .topTXTarea strong{font-size:130%;color:#fff; opacity:.7;font-weight:300;}
 
 
 /*//////////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(255,255,255,.4);
			
	 
 }
  .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_majorcolorSkyblueB);
}
.submenu .submenu_box ul li.subOn a{
	color: var(--t_majorcolorSkyblueB);
	font-weight:600;

 
	 
	
}


/* .submenu .submenu_box ul li.subOn a:after{
	content:'';
	display:block;
	position:absolute; 
	bottom:0px;	
	left:0;
	height: 3px; 
	width: 100%; 
	background:#ff0000;


}*/

/*/////////////////*/

 
/*/////////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:17px; 
	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;
	font-size:140%; 
	letter-spacing:-2px;
}
 
.keyword_t  strong{
	font-size:145%;
	display:block;
	line-height:1.3;
}
.keyword_t  span{
	font-size:120%;
	line-height:1.3;
	display:block;
}

 .keyword_tB{
	margin-bottom:40px;
	font-size:130%; 
	letter-spacing:-2px;
}
.keyword_tB  span{
 	display: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;}

 


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

.imgtxt_flex{
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.imgtxt_flex .imgarea{
	width:39%;
}
.imgtxt_flex .txtarea{
	width:59%;
}

 @media screen and (max-width: 1000px) {
	.imgtxt_flex{
		flex-wrap: wrap;
	}
	.imgtxt_flex .imgarea{
			width:100%;
		}
		.imgtxt_flex .txtarea{
			width:100%;
		}
 }

/**/
.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_majorcolorSkyblueD);
	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;
}


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


 /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
 /*////////////////////////////////////////////////////////////////////sub 반응형 공통/////////////////////////////////////////////////*/
 /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

 

@media(max-width:1100px){
	.submenu .submenu_box > ul.engfont li a{
		padding:20px 20px;
	}

}

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

	h2{font-size:55px;}
	h3{font-size:45px;}
	h4{font-size:40px;}
	h5{font-size:28px;}

 

	.headtxtA{font-size:40px;}
	.headtxtB{font-size:30px;}
	.headtxtC{font-size:25px;}
	.headtxtCC{font-size:20px}
	.headtxtD{font-size:18px;}


	.keyword_t  strong{font-size:140%;}
	.keyword_t  span{font-size:110%;}



	#TopContainer{
		 height:280px;
		 background-size:100%;
	}
	#topfiximg{background-size:cover;}
	 
	.topTXTarea{padding-top:0px;}
	.topTXTarea h2{margin-bottom:0;line-height:1;padding-bottom:5px;}
	.topTXTarea strong{font-size:100%;}

	h3.title{margin-bottom:30px;	margin-top:0px;	}
	h3.title span{display:block;}

	h3.title:after{height:0;}

	h4.title:after{	 top:5px; }


	.submenu {
		background:#fff;
		width: 100%;
		padding : 0px;
		
		position:relative;
		z-index:3;
		top:0px;
		margin:0px 0 0px 0;
		 
	}
	.submenu .homearea{margin-top:0px;width:70px;display:none;height:0;}

	.submenu.fixed{
		position:fixed;
		top:90px;
		 
	}



	.mobiletit {
		display:block;
		text-align:center;
		
		font-size:16px;
		line-height:1.3;
		
		padding:12px 0px 12px 0px;
		letter-spacing:-1px;
		transition: 0.4s;
		width: 50%;
		margin-left:50%;
		z-index:3;
		
		
	 
	}

	.mobiletit a {
		display: block;
		color:#333;
		width:100%;
		 
		text-align:center;
	}

	.arrow-5 {
	/*more triangle */
	display: block;;
	position: absolute;
	right:0px;
	top:10px;
	height: 22px; 
	width: 22px;	  
	z-index:3;
	
}

.arrow-5:before {
	
	position: absolute;
	top: 0px; 
	right: 10px;
	display: block;
	height: 100%; 
	width: 100%;
	font-family: FontAwesome;
	font-size: 22px;	
	line-height:1;
	margin:0;
	padding:0;
	content: "\f105";
	
}
.mMenuOn .arrow-5:before,
.mMenuOnOn .arrow-5:before {
 rotate: 90deg;
}

.mobiletitB {
		display:block;
		text-align:center;
		color:#333;
		font-size:16px;
		line-height:1.3;		
		padding:12px 0px 12px 0px;
		letter-spacing:-2px;
		transition: 0.4s;
		width: 100%;		
		z-index:3;
		
	 
	}
	.mobiletitB span.fit_title{
		font-size:85%;
		letter-spacing:-2px;

	}
	.mobiletitB a {
		 color:#333;
		 display:block;
		 width:100%;

	}

.mobiletit_firstmenu{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:50%;	
	padding:0px 0px 0px 0px;
	
	text-align:left;
	z-index:3;
}
.mobiletit_firstmenu:before {
	display:block;
	position:absolute;
	right:0;
	top:0;
	content:'';
	width:1px;
	height:100%;
	background: rgba(0,0,0,.2);
 	
}
.mobiletit_firstmenu_all {
 
		position:absolute;
		left:0%;
		padding:0px;
		width: 100%;
		height: 0px;
		top:45px;
		overflow:hidden;
		background:#fff;
		box-shadow:5px 5px 10px  rgba(0,0,0,0.5);
		z-index:3;
}
.mobiletit_firstmenu_all ul li{
	 padding:0;
	text-align:center;
	border-bottom: 1px solid #ccc;
}
.mobiletit_firstmenu_all ul li a{
	color:#333;
	text-align:center;
	display:block;
	 
	font-size:15px;
	padding:8px 15px 8px 20px;
}
.mobiletit_firstmenu_all ul li.first_on{
	 background:rgba(0,0,0,.1);
}
.mobiletit_firstmenu_all ul li.first_on a{
	 color:#333;
}


 
/**/


/**/


	.submenu .submenu_box {
		clear:both;
		position:absolute;
		left:50%;
		padding:0px;
		width: 50%;

		height: 0px;
		top:45px;
		overflow:hidden;
		background:#f7f7f7;
		box-shadow:5px 5px 10px  rgba(0,0,0,0.5);
		z-index:3;

	}
	.submenu .submenu_box ul{
		width: 100%;
		margin:0 0 0 0;
		padding:0px 0 0px 0px ;
		background:none;
	}
	.submenu .submenu_box ul li{
		display:block;
		width:100%;
		margin-left:0px;
		background:#f7f7f7; 
		max-width:100%;
		padding:0;
		 
		border-bottom: 1px solid #ccc;
	 
	}
	.submenu .submenu_box ul.colone,
	.submenu .submenu_box ul.coltwo,
	.submenu .submenu_box ul.colthree li,
	.submenu .submenu_box ul.colfour li,
	.submenu .submenu_box ul.colfive li,
	.submenu .submenu_box ul.colseven li{
		 
		width:100%; 
	}

	.submenu .submenu_box ul li a{
		padding:8px 15px 8px 20px;
		background: url(../image/icon_menu_off.png) no-repeat 95% center;
		font-size:15px;
		margin-right:20px;
		color:#333;
		font-weight:400;

	}

		.submenu .submenu_box > ul.engfont li a{
		padding:8px 15px 8px 20px;
	}


	.submenu .submenu_box ul li.subOn{
		background:#232b41;
		border-bottom: 1px solid #ccc;
	}
	.submenu .submenu_box ul li.subOn a{
		color:#fff;
		background: url(../image/icon_menu_on.png) no-repeat 95% center;
		border: 0px;
	}
	 
	.subdim.bodyon{
		display:block;
		top:0;
		z-index:2;
		right:0;
		position:absolute;
		bottom:0;
		background:#000;
		left:0;
		margin-top:-10px;
		opacity:0.8;
	} 
	#sub_contents{
		font-size:16px;
		width:100%;
		margin-left:0;
		z-index:1;
	
	}

	.img_list.colFour ul li {width:47%;margin:1%;}

	.keyword_tB  span{
			display:inline;
	}


	/**/
	.txt_img_box{
		margin-top:0px;
		 
	}
	.txt_img_box .imgarea{
		width:100%;
		text-align:center;
		

	}
	.txt_img_box .textarea{
		width:100%;
		padding:0px 10px 10px 10px;
		margin-top:0;
	}
		.txt_img_box .textarea.business_con{
			padding-top:10px; 

		}


 
}


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

	h2{font-size:40px;padding-top:100px;}
	h3{font-size:30px;}
	h4{font-size:28px;}
	h5{font-size:25px;}

	.headtxtA{font-size:35px;}
	.headtxtB{font-size:25px;}
	.headtxtC{font-size:23px;}
	.headtxtCC{font-size:19px}
	.headtxtD{font-size:17px;}


	h4.title:after{	 top:4px; }



	.keyword_t{
		margin-bottom:20px;
	}
	.keyword_t  strong{font-size:130%;}
	.keyword_t  span{font-size:105%;}
	 
	#TopContainer{
		margin-top:0px;
		height:200px;
	}

 
	#sub_contents{
		 
		z-index:1;
		font-size:14px;
	 }

	 .mobiletit_firstmenu{display:none;}

	 .mobiletit {
	
		width: 100%;
		margin-left:0 
	}

	.submenu .submenu_box {
		
		left:0;
		width: 100%;


	}
 
}
@media(max-width:500px){
	  .mobiletitB span.fit_title{
			display:block;
			width:80px;
			line-height:1;
			letter-spacing:-1px;
		}

}
@media(max-width:420px){
	h2{font-size:35px;}
	
	.keyword_t h1{	font-size:35px;}
	.keyword_t  strong{	font-size:21px;}


	.submenu.fixed{
		position:fixed;
		top:70px;
		transition: 1.4s; 
	}
	.mobiletit_firstmenu{
	display:none;}


	.submenu .submenu_box {
		left:0%;
		width: 100%;
	

	 

	}
	.mobiletit {
			width: 100%;
		margin-left:0%;
	}

 

 
}

@media(max-width:320px){
	.submenu.fixed{
		top:70px;
	}
 }



 /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
 /*////////////////////////////////////////////////////////////////////sub 반응형 공통/////////////////////////////////////////////////*/
 /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
 
  /*////////////////////////////////////////////////////////////////////회사소개////////////////////*/
.bg_greeting{
	background: url(../image/about/bg_greeting.jpg)  no-repeat center 0;
	background-size:130%;
	z-index:1
}

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

}
.greetingarea  p{
	padding-bottom:40px;
}

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

			}

}
  
  
 /*해외라인*/
  
.overlineara{
	position:relative;
	text-align:center; 
	max-width: 1200px;
	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:31.333%;
	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:22%;
	margin:0 1% 80px 1%;
	background:#fff;
	vertical-align:top;
	
	}
 
.certiarea .certiara_box .imgarea{
	 margin-bottom:15px;
	padding:20px;
	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; }
 
 
 @media(max-width:1000px){
	.certiarea .certiara_box{
		width:22%;
	}

 }
@media(max-width:780px){
	.certiarea{	padding-top:30px;}
	.certiarea .certiara_box{
		width:30%;
	}

 }

 @media(max-width:640px){
	.certiarea .certiara_box{
		width:47%;
		margin-bottom:30px;
	}
	.certiarea .certiara_box .imgarea{
		padding:10px;
	}

 } 



 /**/

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




/*제품소개*/

.productlist{  text-align:center;position:relative; font-size:0;margin-top:0px;margin-bottom:0px;}

.productlist .p_mainbox{
	width:33.333%;
	display:inline-block;
	margin-bottom:30px;
	 text-align:left;
	 vertical-align:top;
}

.productlist.productlistB .p_mainbox{
	width:25%;
	 
}

.productlist .p_mainbox a{
	display:block;

	background:#fff;/*f7f7f7*/
	border-radius:10px;
	overflow:hidden;
	padding:0px;
	position:relative; 
	margin:0 auto;
	width:95%;
		-webkit-transition: .2s; 
	transition:.4s;
	box-shadow: var(--shadow-large);

}
.productlist .p_mainbox a:hover{
	
	background:#026eb7;
		-webkit-transition: .2s; 
	transition:.4s;

}

.productlist .p_mainbox .txtarea{
	-webkit-transition: .2s; 
	transition:.4s;
	min-height:170px;
	padding:20px 20px 10px 20px;

}
 
.productlist .p_mainbox.over a  .txtarea{
color:#fff;
	-webkit-transition: .2s; 
	transition:.4s;
	background:#026eb7;
}
.productlist .p_mainbox a:hover  .txtarea{
	color:#fff;
	-webkit-transition: .2s; 
	transition:.4s;
 }
.productlist .p_mainbox .txtarea .model_info{
		font-size:20px;
		line-height:1.2;
}

.productlist .p_mainbox .txtarea .modelno{
		font-size:30px;
		line-height:1.1;
		font-weight:600;		
		font-family:'Montserrat', sans-serif;
		letter-spacing:-1px;
		color:var(--t_majorcolorBlue);
}
.productlist .p_mainbox.over a .txtarea .modelno,
.productlist .p_mainbox a:hover .txtarea .modelno{
	color:#fff;
}
.productlist .p_mainbox .txtarea .modelno span{
 
	display:inline-block;
	 
}
.productlist .p_mainbox .txtarea .modelno span.stxt{
	 
	font-weight:300;
 
	 
	
}
.productlist .p_mainbox .txtarea .moreicon{
		
		font-size:14px;
		line-height:1.2;
		margin-top:30px;
		background: rgba(2,110,183,.8);
		border: 1px solid #fff;
		border-radius:30px;
		width:120px;
		padding:5px;
		text-align:left;
		padding-left:17px;
		color:#fff;
		position:relative;
		letter-spacing:0;
}
.productlist .p_mainbox.over a  .txtarea .moreicon,
.productlist .p_mainbox a:hover  .txtarea .moreicon{
		background: rgba(255,255,255,0);
		 
}


.productlist .p_mainbox .txtarea .moreicon i{
	 
}
.productlist .p_mainbox .txtarea .moreicon i:after{
	content: "\f105";
	display:block;
	position:absolute;
	top:2px;
	right:10px;
	width:30px;
	height:30px;
	font-family: FontAwesome;
	font-style:normal;
	font-size:20px;
	line-height:1;
	text-align:right;
	color:#fff;

}
.productlist .p_mainbox .txtarea .moreicon i:before{
	content: "";
	display:block;
	position:absolute;
	top:11px;
	right:11px;
	width:15px;
	height:2px;
	background:#fff; 
}

.productlist .p_mainbox .imgarea{
	margin-top:0px;
	padding:10px 0px;
}
@media(max-width:1400px){
	.productlist .p_mainbox .txtarea .modelno{
		font-size:25px;
	}
}


@media all and  (max-width:1000px){
	 .promenu{
		display:none;
	 }
	 .productlist{  
		margin-top:20px;
	}
	.productlist .p_mainbox{
		width:50%; 
	}
	.productlist.productlistB .p_mainbox{
		width:50%;
 	}

	.productlist .p_mainbox .txtarea{
 
			min-height:130px;
			 

		}
 
	.productlist .p_mainbox .txtarea .moreicon{
		margin-top:10px;
	}
}

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


}


@media all and  (max-width:480px){
	.productlist .p_mainbox{
		width:100%; 
	}
	
	 
}
@media all and  (max-width:420px){
	 
	.productlist.productlistB .p_mainbox{
		width:100%;
 	}
	.productlist .p_mainbox .txtarea{
 
			min-height:10px;
			 

		}

}




/*제품상세*/

 .productimg{
 
	padding: 30px 0;
}

 .productimg_in{
		position:relative;
		
}
 .productimg_in .imgarea{
	display:inline-block;
	 text-align:center;
	 width:50%; 
	 vertical-align:middle;
	 background: url(../image/pro/back_pro.jpg) no-repeat center center;
	 
}
 .productimg_in .imgarea.bgnone{
	background:none;
 }

  .productimg_in .imgarea  > div{
		display:inline-block;
		vertical-align:top;
		margin-top:30px;
		margin-bottom:30px;
		max-width:300px;
}
 .productimg_in .imgarea   span{
	display:block;
	margin:0 auto;
	text-align:center;

	letter-spacing:0;
	line-height:1.2;

}
 .productimg_in .txtarea{
		display:inline-block;
		top:0px;
		width:47%;
		margin-left:2%;
		padding:0px 0 0px 0px;
		 vertical-align:middle;
		


}
 .productimg_in .txtarea .firstblock{
		margin-bottom:20px;
		letter-spacing:0;
		line-height:1.2;

}
 .productimg_in .txtarea .firstblock span{
		display:inline-block;
  
}

 .productimg_in .txtarea .secondblock{
		margin-top:20px;
		margin-bottom:20px;
		
		line-height:1.2;
		color: var(--t_majorcolorSkyblueC);


}
 .productimg_in .txtarea .secondblock.headtxtCC span{
letter-spacing:-1px;

}
 .productimg_in .txtarea .secondblock span{
		display:inline-block;
  
}




 .productimg_in .txtarea .modleno{
  font-family:'Montserrat', sans-serif;
	margin-bottom:10px;
	font-size:250%;
	line-height:1.2;
	font-weight:700;
	letter-spacing:-1px;
}
 .productimg_in .txtarea .modleno span{
		 
	 display:inline-block;
		vertical-align:middle;
}
 .productimg_in .txtarea .modleno span.stxt{
	font-weight:100;
	line-height:1.2;
}
 

 .productimg_in .txtarea .infodesc{
 margin-top:30px;
	margin-bottom:30px;
}

 .productimg_in .txtarea .infodesc_s{
	 
	margin-bottom:0px;
	 
	 
	font-size:110%;
	line-height:1.3;
}




@media all and  (max-width:1200px){
	
	  .productimg_in .imgarea{
		vertical-align:top;
	  }
	

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


	 .productimg_in .imgarea{
		width:100%;
		margin-left:0%;
		text-align:center;

	}


	 .productimg_in .txtarea{
		position:relative;
		 width:100%;
		 margin-left:0;
		 padding-top:20px;
		 
	}

	 .productimg_in .txtarea .firstblock span{
		display:inline;
  
}


	 .productimg_in .txtarea .modleno{
		font-size:220%;
	}
	 .productimg_in .txtarea .firstblock,
	 .productimg_in .txtarea .modleno,
	 .productimg_in .txtarea .infodesc,
	 .productimg_in .txtarea .infodesc_s
	{
		
		text-align:left;
	}
	 .productimg_in .txtarea .infodesc_s{
		margin:0 0;

		 
	}
		


}

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


	 .productimg_in .txtarea .modleno{
		font-size:200%;
	}


}

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


 .productimg_in .txtarea .firstblock{
			padding-top:30px;
		}


}


/**/
 
.block_contents{
		position:relative;
		margin-bottom:50px;
		padding:30px 0;
		 
		 
 }
 .block_contents.block_contents_S{
		margin-bottom:0px;
		padding:10px 0;
 }
.block_contents_box{
	margin-bottom:30px;
	letter-spacing:0;
	margin-left:10px;
}

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

	font-weight:600;
}


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



/*FAQ*/

.faq_txtA{
	display:block;
	padding-top:0;
	padding-left:20px;
	font-size:16px;
	padding-bottom:20px;
}
.fax_q{
	margin-right:10px;
	font-size:20px;
	color: #ff0000;
	
}
.fax_A{display:none;}