@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:1500px;
   position:relative;
}

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

}

.mobileon{display:none;}
.mobiletit {display:none;}
.mobiletitB{display:none;}
.mobiletit_firstmenu{display:none;}
.mobiletit_secondmenu{display:none;}
.mobiletit_threemenu{display:none;}
 
@media(max-width:1430px){
	
	.sub_wrap{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:60px; 
	font-weight:700;
	padding:20px 0 20px 0px;
	line-height:1;
	letter-spacing:-1px; 	
 	display:block;
 	 
}
h2.title{color:#000;text-align:center;padding-top:0;}
h2 span.stxt{
	font-weight:300;
}
h3{
	
	text-align:center;
	font-size:55px;
	padding:0px;
	margin-bottom:50px;
	margin-top:30px;
	font-weight:500;
	line-height:1.3;
	letter-spacing:-2px;
	z-index:1;
	position:relative;

}

h3.title{
	font-weight:600;
 
}
 

  
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:28px;
	line-height:1.3;
	margin-top:10px;
	margin-bottom:30px;
	font-weight:600;
 
}

h6{
	font-size:18px; 
	font-weight:600;
	color:#255796;
 
}

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


.headtxtCC{font-size:25px;line-height:1.2;font-weight:600;letter-spacing:-2px;;}
.english  .headtxtCC{letter-spacing:0px;}
.headtxtCC span{ line-height:1.5;letter-spacing:-1px;}
.english  .headtxtCC span{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:#ed1c24;}
.colorA,
.t_majorcolorBlue{color:#273896}
.t_majorcolorBlueB{color:#0469b0}
.t_majorcolorGreen{color:#ed1f24}
.t_majorcolorJu{color:#ff4605}
.t_majorcolorSkyblue{color:#1b66e1}


:root {
--t_majorcolorBlue: #273896;
--t_majorcolorBlueB: #0469b0;
--t_majorcolorGreen: #ed1f24;
--t_red: #ed1c24;
--t_majorcolorSkyblue:#1b66e1;
}

/*color:var(--t_majorcolorBlue);*/

.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:450px;
	z-index:1;
}
#topfiximg{position:absolute; width:100%;height:100%;background-size:cover;}


.aboutus{background: url(/image/about/topimg.jpg)  no-repeat center center;}
.pro{background: url(/image/pro/topimg.jpg)  no-repeat center center;}
.pro02{background: url(/image/pro/topimg02.jpg)  no-repeat center center;}
.pro03{background: url(/image/pro/topimg03.jpg)  no-repeat center center;}
.pro04{background: url(/image/pro/topimg04.jpg)  no-repeat center center;}
.pro05{background: url(/image/pro/topimg05.jpg)  no-repeat center center;}
.proB{background: url(/image/pro/topimg06.jpg)  no-repeat center center;}

.topcerti{background: url(/image/certi/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:150px;
	width:98%;
	max-width:1500px;	
	text-align:left;
 
}

 .topTXTarea h2 span{font-size:90%;}
 .topTXTarea strong{display:block;position:relative;font-size:120%;color:#fff; opacity:0.7;font-weight:300;}
 .TOPENGTXT{
	font-size:800%;
	font-weight:800;
	color:#fff;
	opacity:.5;
	padding-top:90px;
	/*white-space: nowrap;
    background-image: url(/image/customer/topimg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    background-attachment: fixed;
    background-clip: text;
    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;*/
	
 
 }

 
.topTXTarea .top_loc{
	text-align:left;
 }
 
.topTXTarea .top_loc span{
	display:inline-block;
	vertical-align:top; 
	position:relative;
	color:#fff;
	padding-right:25px;
	padding-left:20px;
	font-size:90%;
	line-height:1.3;
	margin-bottom:0;
	padding-bottom:0;
}
 .topTXTarea .top_loc span.last{
		padding-right:0px;
 }

 
 
.topTXTarea .top_loc span.homelink img{vertical-align:top;  margin-top:0px;}
.topTXTarea .top_loc span:after{
	position:absolute;
	font-family: FontAwesome;
	font-size: 18px;	
	line-height:1;
	content: "\f105";
	display:block;
	color:#fff; 
	top:0px;
	right:0;
	width:9px;
	height:9px; 
	opacity:.8;
	
}
 
.topTXTarea .top_loc span.homelink {
	 
	padding-left:0;
}
 
.topTXTarea .top_loc span.homelink a{
	display:block;
	width:20px;
	height:20px;
	background: url(/image/icon_home.png) no-repeat center center;
	background-size:100%;
	
}

 .topTXTarea .top_loc span:last-child:after,
 .topTXTarea .top_loc span.last:after{content: "";}
 
 
 /*//////////sUBMENU/////////////*/ 

.submenu{
	
	position:relative;
	margin:100px auto 0 auto;	 
	padding:0px 0;
	top:0; 
	text-align:left;
	width:100%;
	 
 }
/* .submenu:before{
	content:'';
	display:block;
	position:relative;
	width:100%;
	height:1px;
	background: rgba(255,255,255,.2);
 }
*/

.submenu h2{text-align:center;color:#333;}

.submenu .submenu_box{
	margin : 0px auto 10px auto; 	
	position:relative;
	padding: 0px; 
	text-align:center;
	 
	
}
 


.submenu .submenu_box ul{
	position:relative;
	margin:0 0 0 0;
	display:inline-block;
	text-align:center;
	font-size:0; 
	padding:10px 0 10px 10px ;
	border-radius:0px; 
	border:0px solid rgba(255,255,255,.3);
	border-bottom:0px solid rgba(255,255,255,0);
 	 width:100%;
	vertical-align:top;

	/* -webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);*/
	/*background:rgba(0,0,0,.05);*/
		
			
	

	 
}
.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:center;
	border-radius:0px; 
 
  
}
.submenu .submenu_box ul.colfour li{
	 
}


 
.submenu .submenu_box ul li a{
	display:block;
	position:relative;
	font-size:20px;
	letter-spacing:-1px;
	display: block;
	padding:10px 40px;
	text-align:center;
	font-weight:500;
	color:#333;
	opacity:.7; 
	
}
.english  .submenu .submenu_box ul li a{letter-spacing:0px;}


.submenu .submenu_box ul li a:after{
	content:'';
	display:block;
	position:absolute;
	top:15px;
	right:0;
	width:1px;
	height:15px;
	background:#ccc;
}
.submenu .submenu_box ul li:last-child a:after{
	background:none;
	width:0;
}
 .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 a{
	 opacity:1;
	font-weight:600;
	color: var(--t_majorcolorBlue);
	/*color:#fff;
	border-radius:30px;*/
	 
	 
	 
	
}
/* .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;
	letter-spacing:-1px;
	font-weight:500;
	padding:20px 0px 0px 0px; 
	position:relative; 
	font-size:17px; 
	line-height:1.8;
	min-height:300px;
 
}

.english  #sub_contents{letter-spacing:0px;}


.contents_gubun{
	margin-bottom:80px;
}

.contents_wrap{
	
}

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

/**/ 

 .keyword_t{
	margin-bottom:40px;
	font-size:140%; 
	letter-spacing:-2px;
}

.english   .keyword_t{letter-spacing:0px;}
 
.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;
}
.english   .keyword_tB{letter-spacing:0px;}
.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;}

 


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


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

.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:#555;
	border-radius:100% 100%;
}
ul.ulli > li strong{
	 font-size:19px;
	 
}
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;
}
ol.ulliB {
	margin:10px 0 10px 30px;
}
ol.ulliB >  li{
	position:relative;
	margin-left:0;
	padding-left:0px;
	padding-bottom:3px;
}


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


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

 



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

	h2{font-size:50px;}
	.english h2{font-size:40px;}

	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:130px;}
 
	.topTXTarea h2{padding-top:0;margin-bottom:0;line-height:1;padding-bottom:5px;}
	.topTXTarea strong{font-size:100%;}

	.topTXTarea .top_loc span{
		padding-right:15px;
		padding-left:5px;
	}

	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:absolute;
		z-index:3;
		top:280px;
		margin:0px 0 0px 0;
		font-size:0;
		
	}
	.submenu:after {
		display:block;
		content:'';
		position:relative;
		width:100%;
		height:1px;
		background:rgba(0,0,0,.1);
	}
	.submenu .toptitl{display:none;}
	.submenu .homearea{margin-top:0px;width:70px;display:none;height:0;}

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



	/**/

	
.mobiletit_firstmenu,
.mobiletit_secondmenu,
.mobiletit_threemenu
{
	display:inline-block;
	position:relative;	
	margin:0;
	padding:0px 10px 0px 10px;
	background:#fff;
	text-align:left;	
	font-size:0;
	
	
}
.english .mobiletit_firstmenu,
.english .mobiletit_secondmenu,
.english .mobiletit_threemenu{
	min-width:140px;
}
	
 
.english .submenu	.sub_wrap{
	display:flex;

}
.english .mobiletit_firstmenu,
.english .mobiletit_secondmenu,
.english .mobiletit_threemenu{
 
}



.mobiletit_firstmenu:after,
.mobiletit_secondmenu:after,
.mobiletit_threemenu:after{
	display:block;
		content:'';
		position:absolute;
		width:1px;
		right:0;
		top:0;
		height:100%;
		background:rgba(0,0,0,.1);
}
 
.mobiletit_firstmenu_all,
.mobiletit_secondmenu_all,
.mobiletit_threemenu_all{
 
		position:absolute;
		left:0;
		padding:0px;
		width: 100%;
		height: 0px;
		top:45px;
		overflow:hidden;
		background:#ed1f24;
		box-shadow:0px 0px 30px  rgba(0,0,0,0.5);
}
.mobiletit_firstmenu_all ul,
.mobiletit_secondmenu_all  ul,
.mobiletit_threemenu_all  ul
{
	
	
	padding:0;
	margin:0;
}
.mobiletit_firstmenu_all ul li,
.mobiletit_secondmenu_all  ul li,
.mobiletit_threemenu_all  ul li
{
	
	text-align:left;
}
.mobiletit_firstmenu_all ul li a,
.mobiletit_secondmenu_all ul li a,
.mobiletit_threemenu_all ul li a
{
	color:#fff;
	text-align:left;
	display:block;
	 
	font-size:15px;
	 padding:10px 15px 10px 10px;
}
.mobiletit_firstmenu_all ul li.first_on,
.mobiletit_secondmenu_all ul li.first_on,
.mobiletit_threemenu_all ul li.first_on
{
	 background:rgba(255,255,255,.1);
}
.mobiletit_firstmenu_all ul li.first_on a,
.mobiletit_secondmenu_all ul li.first_on a,
.mobiletit_threemenu_all ul li.first_on a
{
	 color:#fff;
}




	.mobiletit,
	.mobiletitB,
	.mobiletitC{
		display:inline-block;
		text-align:center;
		color:#fff;
		font-size:17px;
		font-weight:600;
		line-height:1.3;
		padding:12px 30px 12px 10px;
		letter-spacing:0px;
		transition: 0.4s;
		position:relative;
		z-index:2;
 	 
	}
		
	.english .mobiletit,
	.english .mobiletitB,
	.english .mobiletitC{
		font-size:12px;
		font-weight:500;
		line-height:1.1;
		letter-spacing:-0.03em;
		
	}
	.mobiletit a,
	.mobiletitB a,
	.mobiletitC a {
		display:inline-block;
		color:#333;
		text-align:center;
	}

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

		.arrow-5:before {
			
			position: absolute;
			top: 0px; 
			right: 0px;
			display: block;
			height: 20px; 
			width: 20px;
			font-family: FontAwesome;
			font-size: 18px;
			line-height:1.5;
			content: "\f105";
			color:#333;
			
		}
		.mMenuOn .arrow-5:before {
			content: "\f107";
		}

 


 
/**/


/**/



	.submenu .submenu_box {
		display:none;
	}
	.submenu .submenu_box ul{
		display:none;
	}
	.submenu .submenu_box ul li{
		display:none;
	 
	}
	.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.colseven li{
		 
		display:none;
	}

	.submenu .submenu_box ul li a{
		display:none;

	}

	.submenu .submenu_box ul li.subOn{
		display:none;
	}
	.submenu .submenu_box ul li.subOn a{
		display:none;
	}

	
	 
	.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;
		padding:80px 0px 0px 0px; 
		 
	}

	.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;}
	.english h2{font-size:32px;}
	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{
		
	}


	.mobiletit,
	.mobiletitB,
	.mobiletitC{
		font-size:15px;
		padding:10px 20px 10px 5px;
	}
		.arrow-5 {
			top:5px;
	}

	.mobiletit_firstmenu_all,
	.mobiletit_secondmenu_all,
	.mobiletit_threemenu_all{
		top:40px;
	}

 
	 
	#sub_contents{
		 
		
		font-size:14px;
	 }
 
}
@media(max-width:500px){
	  .topTXTarea .top_loc span.homelink a{
		width:17px;
		height:17px;
	  }
	  .topTXTarea .top_loc span{
		font-size:70%;
	  }
	  .topTXTarea .top_loc span:after{
			font-size: 15px;	

	  }
	  .topTXTarea .top_loc span{
			padding-left:0px;
	  }
	.english .mobiletit_firstmenu{
		display:none;
}

	.mobiletit,
	.mobiletitB,
	.mobiletitC{
		font-size:13px;
		padding:5px 20px 5px 5px;
	}

	.mobiletit_firstmenu_all,
	.mobiletit_secondmenu_all,
	.mobiletit_threemenu_all{
		top:28px;
	}

	.mobiletit_firstmenu_all ul li a,
	.mobiletit_secondmenu_all ul li a,
	.mobiletit_threemenu_all ul li a{
		font-size:13px;
		 padding:5px 5px 5px 5px;
	}

	.arrow-5 {
		top:2px;
	}

	.arrow-5:before {
			
			
			height: 15px; 
			width: 15px;			
			font-size: 15px;
			line-height:1.5;
		
			
		}



 



}
@media(max-width:420px){
	h2{font-size:35px;}
		.english h2{font-size:28px;}
	
	.keyword_t h1{	font-size:35px;}
	.keyword_t  strong{	font-size:21px;}
	/*.submenu{display:none}*/


	.submenu.fixed{
		position:fixed;
		top:70px;
		transition: 1.4s; 
	}
	#sub_contents{
		padding-top:30px;
	}
	

	
 

 
}
@media(max-width:360px){
.mobiletit,
	.mobiletitB,
	.mobiletitC{
		 
		padding:5px 15px 5px 0px;
	}
 }


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



 /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
 /*////////////////////////////////////////////////////////////////////sub 반응형 공통/////////////////////////////////////////////////*/
 /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
 
  /*////////////////////////////////////////////////////////////////////회사소개////////////////////*/
.greetingarea{
	position:relative;
	margin:0 auto;  
	padding: 0px;
}
.greetingarea:after{
	clear:both;
	display:block;
	content:'';
	position:relative;
	height:50px;
}
.greetingarea  p{
	margin-bottom:20px;
}
 
.greetingarea .txtarea{
	position:relative;
}

.greetingarea .imgarea{
	width:50%;
	float:right;
	position:relative;
	padding:0px 20px;
}

@media(max-width:1000px){
	.greetingarea .imgarea{
		width:100%;
		padding:10px 0px;
	}
}

 /*회사개요*/
.back_overview{
	background: #f5f5f5;
	padding: 90px 0 110px 0;
	
}
 .overview{
	
 }
.overview:after	{
	clear:both;
	content:'';
	position:relative;
	display:block;
}
 
/**/
.visionara{
	position:relative;
	text-align:center;
}
.visionara .v_iconbox{
	 display:inline-block;
	 width:300px;
	 vertical-align:top;
	 margin-bottom:30px;
}
.visionara .v_iconbox.v_iconboxA{
	width:300px;
}
.visionara .v_iconbox:nth-child(2),
.visionara .v_iconbox:nth-child(3){
	margin-left:-30px;
}

.visionara .v_iconbox.v_iconboxA:nth-child(2),
.visionara .v_iconbox.v_iconboxA:nth-child(3){
	margin-left: 0px;
}

.visionara .v_iconbox .imgicon{
	
	display:flex; 
	    justify-content:center; 
	   align-items:center;
		flex-wrap: nowrap;

}

.visionara.visionaraA .v_iconboxA .imgicon{
		background: rgba(169,228,255,.2);
	border-radius:50% 50%;
	width:300px;
	height:300px; 
}

.visionara .v_iconbox .imgicon span{
	background: rgba(169,228,255,.6);
	border-radius:50% 50%;
	width:250px;
	height:250px;
	display:inline-flex; 
	 justify-content:center;	 
	 align-items:center;
}
.visionara .v_iconbox  .icontxt{
	line-height:1.2;
	font-size:120%;
	padding-top:20px;
	
}
/**/

.visionaraB{
	position:relative;
	margin-top:50px;
	 
}
.visionaraB .v_iconboxB{
	position:relative;
	margin:0 auto 30px auto;
	width:98%;
	max-width:1200px;
	border-radius:10px;
	border: 1px solid #0469b0;
	box-shadow: 0px 10px 10px rgba(0,0,0,0.05);
	background:#fff;
	padding:30px 60px;
}
.visionaraB .v_iconboxB .b_txt{
	margin-bottom:10px;
	text-align:center;
	 
	color:var(--t_majorcolorBlue)
	 
}

@media(max-width:1000px){
	.visionaraB .v_iconboxB{
		padding:10px 10px;
	}
}

/**/
.back_overviewB{
	background: #fff;
	padding: 90px 0 110px 0;
	
}


/**/
.ciarea{
	background: #fff;
	margin:0 auto 40px auto;
	 
	text-align:center;
	padding:20px 20px;
	border-radius:10px;
	border: 1px solid var(--t_majorcolorBlue);;
}
.cibox{
	 
	margin:0 auto 40px auto;
 
	text-align:center;
	padding:20px 40px;
 
 
}
.cibox span{
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
	 
}

.ciboxB{
	 
	margin:0 auto; 
	text-align:center;
	padding:30px 40px;
	background:#d8f1fd;
	border-radius:10px;
	 
	 
}
.ciboxB .imgarea{
	width:49%;
	display:inline-block;
	vertical-align:middle;
}
.ciboxB .txtarea{
	width:49%;
	display:inline-block;
	text-align:left;
	vertical-align:middle;
}

.ciboxB .txtarea span{
	display:block;
	margin-bottom:10px;
}
.ciboxB .txtarea span.btxt{
	color:var(--t_majorcolorBlue);
	margin-bottom:20px;
}


@media(max-width:1000px){
	.ciboxB .imgarea{
			width:100%;
	}
	.ciboxB .txtarea{
			width:100%;
			margin-top:30px;
	}
}



/*회사연혁*/

.timeline {
  padding: 50px;
}
 
.timeline .default-line {
  content: "";
  position: absolute;
  left: 50%;
  width:1px;

  background: #bdc3c7;
  height: 100%;
}
.timeline .draw-line {
  width: 3px;
  height: 0;
  position: absolute;
  left: 50%;
  margin-left:-1px;
  background: var(--t_majorcolorBlue);
}

.timeline .historyarea_block.in-view {
  transition: 0.125s ease-in-out, 
  background-color 0.2s ease-out,
  color 0.1s ease-out, 
  border 0.1s ease-out;
}
.timeline .historyarea_block.in-view::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  border: 5px solid var(--t_majorcolorBlue);
  background-position: center;
  transition: 0.125s ease-in-out, background-color 0.2s ease-out, color 0.1s ease-out, border 0.1s ease-out;
}
.timeline .historyarea_block::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 15px;
  transform: translateX(-50%);
  width: 12px;
   height: 12px;
   margin-left:0px;
  border-radius: 50%;
  background: inherit;
  background: #bdc3c7;
  transition: all 0.4s ease-in-out;
}

  

.historyarea{
	position:relative;
 	margin-bottom:80px;
		
}
 
.historyarea_block{
		margin-top:0px;
		position:relative; 
		z-index:1;
		margin-bottom:0;
		padding-bottom:90px; 
		width:100%;
		height:100%;
 }
 
.historyarea_block:after{
	clear:both;
	display:block;
	content:' ';
	position:relative;
	 height:100%;
	 background:yellow;
}
 

.his_img{
	 position:relative;	 
	width:40%;
	float:left;
	margin:0;
 	padding:0;
	text-align:center;
}
.his_img.his_img_year{
	font-size:400%;
	line-height:1;
	font-weight:800;
	color:var(--t_majorcolorBlue);
	
}

.right_img .his_img.his_img_year{
	text-align:left;
}
 
 .left_img .his_img.his_img_year{
	text-align:right;
}
  .his_img.his_img_year .himg span    {
	display:inline-block;
	margin:20px auto;
	position:relative;	 
	width:95%;
	max-width:400px;
  }
.historylist{
	width:50%;
	position:relative;	 
	z-index:2222;
	float:right;
	margin:0;
 	padding:0;
 

}
 

.historylist  .his_year{
	display:block; 
 	padding-top:0;
	margin-top:0;
	color:#222;
	font-weight:600;
	margin-bottom:10px; 
	position:relative;
	padding-left:40px;

}
 
.historylist ul{
	padding-left:150px;
	margin-bottom:40px;
	margin-top:-40px;
}
.historylist ul li{
	margin-bottom:5px; 
	padding-bottom:0px;
	position:relative;
 }


.historylist ul li strong{position:absolute;color:#003686;line-height:1.2;}
.historylist ul li span{display:inline-block;padding-left:50px;vertical-align:top;}
.historylist ul li span p{position:relative;padding-left:10px;line-height:1.2;}
.right_img .historylist ul li span p{ padding-left:0;padding-right:10px;}
 
  .historyarea .right_img .his_img{
		float:right;
  }
 .historyarea .right_img .historylist{
		float:left;
 }

  .historyarea .right_img .historylist .his_year{
	text-align:right;
	padding-left:0px;
	padding-right:40px;
}
 .historyarea .right_img .historylist  .his_year:before{
		left:auto;
		right:0;
 }

  .historyarea .right_img .historylist ul{
		padding-left:0px;
		padding-right:110px;
}
  .historyarea .right_img .historylist ul li{
	text-align:right;
	padding-right:40px;
  }

 .historyarea .right_img .historylist ul li strong{
		right:40px;
	}

  .historyarea .right_img .historylist ul li span{
			padding-left:0px;
			padding-right:50px;
 }
 /*.historyarea  .historylist ul li p:before{
	content:'';
	display:block;
	position:absolute;
	top:15px;
	left:0;
	width:6px;
	height:1px;
	background: rgba(0,0,0,.6);
 }
 .historyarea .right_img .historylist ul li p:before{
		 
	left:auto;
	right:0;
	 
 }*/

 
 @media(max-width:1000px){
	.timeline {
		 padding: 0px;
	}
	.timeline .default-line {
		 display:none;
		}
		.timeline .draw-line {
		  display:none;
		}
		.timeline .historyarea_block.in-view::before {
			display:none;
		}
		.timeline .historyarea_block::before {
			display:none;
		}

	 .historyarea{ }
	 .historyarea_block{
		margin-bottom:30px;
		padding-bottom:30px; 
		
	 }
	 .historyarea_block:before{
		width:0px;
	 }
	
	.his_img{width:100%;float:none;}
	.his_img.his_img_year{
		font-size:300%;
	}
	.his_img.his_img_year .himg.coltwo span    {
			width:48%;
	 }


	.historylist{width:100%; float:none;}
	.historylist  .his_year{margin-top:30px;  }

	.historylist ul{
		padding-left:10px;
		padding-right:0px;
		margin-top:10px;
	}
	.historylist ul li{
		padding-left:10px;
		padding-right:0px;
	}
	.historylist ul li span{
		padding-left:30px;
		padding-right:0px;
	}
	.historyarea .right_img .historylist ul{
		padding-right:0px;
	}
	.right_img .historylist ul li span p{ padding-left:10px;padding-right:0;}

	.historyarea .right_img .historylist .his_year{
		text-align:left;
		padding-right:0px;
		padding-left:0px;
	 }

	 .historyarea  .historylist .his_year{
		
		padding-left:0px;
	 }


	  .left_img .his_img.his_img_year{
			text-align:left;
		}


	 .historyarea .right_img .historylist ul li{
		text-align:left;
		padding-right:0px;
	  }
	   .historyarea .right_img .historylist ul li strong{
		right:auto;
	}
	.historyarea .right_img .historylist ul li span{
 			padding-right:0;
			padding-left:30px;
	}


	 .historyarea .right_img .historylist ul li p:before{
		 
			left:0;
			right:auto;
			 
		 }

 }







/*인증현황*/
 

 
/**/

.certiarea {
	text-align:center;
	padding-top:40px;
	font-size:0;
}

.certiarea  .certibox{
	background:#f7f7f7;
	width:23%;
	margin:10px 1% 30px 1%;;
	display:inline-block;
	padding:30px;
	vertical-align:top;
}

.certiarea  .certibox .imgarea{
	text-align:center;
	
	padding:0px;
	
	/*box-shadow:3px 10px 10px rgba(0,0,0,0.3);*/
}
.certiarea  .certibox .imgarea img{
	/*border:1px solid #ccc;*/
	box-shadow:0px 5px 10px rgba(0,0,0,0.2);
}

.certiarea  .certibox .txtarea{
	text-align:center;
	padding-top:20px;
	font-size:16px;
	line-height:1.2;
	 
}

@media all and  (max-width:1000px){
	.certiarea {
	 
		padding-top:20px;
		 
	}
	 .certilistbox ul li{width:98%; }

	 .certiarea  .certibox{
		width:31.333%;
	 }

}

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

 
	 .certiarea  .certibox{
		 
		padding:5px;
	 }
	 .certiarea  .certibox .txtarea{
		font-size:14px;
	 }

}

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

 
	 .certiarea  .certibox{
		width:47%;
		 
	 }
	  

}

/**/
.orgarea{padding-bottom:50px;}


/*오시는길*/
.maptxt{
	margin-top:20px;
	margin-bottom:30px;
}
.maptxt ul{
	font-size:0;
	position:relative;
	border: 1px solid #ccc;
}
.maptxt ul li{
	display:inline-block;
	width:33.333%;
	 font-size:18px;
	position:relative;
}
.maptxt ul li a{
	color:#222;
	display:block;
	position:relative;
	padding:5px 10px;
	text-align:center;
}
.maptxt ul li a:after{
	display:block;
	content:'';
	position:absolute;
	top:0;
	right:0;
	width:1px;
	height:100%;
	background:#ccc;

}
.maptxt ul li:last-child a:after{
	display:none;
}
.maptxt ul li.on{
	background:var(--t_majorcolorBlue);
}
.maptxt ul li.on a{
	color:#fff;
}


/**/
.mapbox{
	margin-bottom:10px;
	border: 1px solid #ccc;
	 
}

/**/
.mapinfo ul {
	font-size:0;
} 
.mapinfo ul li{
	display:inline-block;
	width:33.333%;
	vertical-align:top;
	font-size:18px;
	margin-bottom:30px;
	 
} 
 .mapinfo .mapinfo_in{
	position:relative;
	border:2px solid #fff;
	 
}

.mapinfo .on .mapinfo_in{
	border: 1px solid var(--t_majorcolorBlue);
}

.mapinfo .mapinfo_in .imgarea{

}
.mapinfo .mapinfo_in .txtarea{
	padding:20px;
}
.mapinfo .mapinfo_in .txtarea h5{
	font-size:200%;
}

.mapinfo .mapinfo_in .txtarea .maploc_list{
	position:relative;
}

.mapinfo .mapinfo_in .txtarea .maploc_list dl{
	position:relative;
}
.mapinfo .mapinfo_in .txtarea .maploc_list dl dt{
	position:absolute;
	font-size:90%;
	padding-left:10px;
	opacity:.8;
}
.mapinfo .mapinfo_in .txtarea .maploc_list dl dt:after{
	display:block;
	content:'';
	position:absolute;
	left:0;
	top:12px;
	width:4px;
	height:4px;
	background:#ccc;
}

.mapinfo .mapinfo_in .txtarea .maploc_list dl dd{
	position:relative;
	padding-left:90px;
	font-size:90%;
}
.english .mapinfo .mapinfo_in .txtarea .maploc_list dl dt{
	font-size:85%;
	letter-spacing:-0.03em;
	 
}
.english .mapinfo .mapinfo_in .txtarea .maploc_list dl dd{
		padding-left:130px;
		
}

@media all and  (max-width:1000px){
		.maptxt ul li{
			font-size:16px;
		}
		.mapinfo ul li{
			width:100%;
		}

		.mapinfo .mapinfo_in .txtarea h5{
			font-size:150%;
		}

}
@media all and  (max-width:640px){
	.english .mapinfo .mapinfo_in .txtarea .maploc_list dl {
		margin-bottom:10px;
	}
	.english .mapinfo .mapinfo_in .txtarea .maploc_list dl dt{
		 
		 position:relative;
	}
	.english .mapinfo .mapinfo_in .txtarea .maploc_list dl dd{
			padding-left:10px;
			line-height:1.2;
		
	}

}



/**/
.subproimg{
	position:absolute;
	z-index:3;
	top:0;
	margin-top:-300px;
	right:5%;
	width:30%;
	max-width:500px;
}
  
 

 /*제품메뉴*/

 .promenu{
		position:relative;
		text-align:center;
 }
 .promenu ul{
		
		position:relative;
		text-align:center;
		display:inline-block;
		box-shadow:0px 0px 30px rgba(0,0,0,0.15);
		border-radius:30px;
		 overflow:hidden;
		 background:#0a1e5a;
		 padding-left:20px;
		 padding-right:20px;
		 width:100%;

		  
		
   }
  .promenu ul li{
		display:inline-block;
		position:relative;
		margin:0px;
		padding:0;
		vertical-align:top;
		 overflow:hidden;
		 
		 
		  
		
		 
  }
  .promenu ul li a{
		 display:block; 
		 position:relative;
		 margin: 0 auto;
		 font-size:110%;
		 padding:10px 15px;
		 width:100%;
		  color:#fff;
		  opacity:.6;
		  font-weight:400;
 		
  }
.english  .promenu ul li a{font-size:90%;padding:5px 10px;}
   .promenu ul li.pro_on{
		/*background:var(--t_majorcolorBlue);*/
		 position:relative;
   }
    .promenu ul li.pro_on a{
		   opacity:1;
		    font-size:120%;
		    font-weight:500;
	}
	.promenu ul li.pro_on:after{
		content:'';
		display:block;
		position:absolute;
		width:100%;
		height:5px;
		left:0;
		bottom:0; 
		 
		 
		background:var(--t_red);

	}



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

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

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

.productlist .p_mainbox a{
	display:block;
	background:#f7f7f7;
	border-radius:10px;
	overflow:hidden;
	padding:30px;
	position:relative; 
	margin:0 auto;
	width:95%;
		-webkit-transition: .2s; 
	transition:.4s;

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

}

.productlist .p_mainbox .txtarea{
	-webkit-transition: .2s; 
	transition:.4s;
	min-height:150px;

}
.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:35px;
		line-height:1.1;
		font-weight:700;		
		font-family:'Montserrat', sans-serif;
		letter-spacing:-1px;
		color:var(--t_majorcolorBlue);
}
.english   .productlist .p_mainbox .txtarea .modelno{letter-spacing:0px;}


.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:15px;
		line-height:1.2;
		margin-top:30px;
		background: rgba(34,34,34,.8);
		border: 1px solid #fff;
		border-radius:30px;
		width:100px;
		padding:5px;
		text-align:left;
		padding-left:17px;
		color:#fff;
		position:relative;
}
.english .productlist .p_mainbox .txtarea .moreicon{
	width:150px;
}

.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:-50px;
}

@media all and  (max-width:1300px){
	 .promenu ul li a{
		 
		 font-size:100%;
		 padding:10px 10px;
		
  }

}

@media all and  (max-width:1000px){
	 .promenu{
		display:none;
	 }
	 .productlist{  
		margin-top:0px;
	}
	.productlist .p_mainbox{
		width:50%; 
	}
	.productlist.productlistB .p_mainbox{
		width:33.3333%;
 	}
	.productlist .p_mainbox .txtarea .modelno{
		font-size:30px;
	}
	.productlist .p_mainbox .txtarea .moreicon{
		margin-top:10px;
	}
}

@media all and  (max-width:640px){
	.productlist.productlistB .p_mainbox{
		width:50%;
 	}

}


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

}



/*view*/

.pro_view #TopContainer{
	display:none;
}


.pro_view_wrap .productimg{
	background:linear-gradient(-30deg, var(--t_majorcolorBlue), #0d1f81);
 
}

.pro_view_wrap .productimg_in{
		position:relative;
		
}
.pro_view_wrap .productimg_in .imgarea{
	display:inline-block;
	 text-align:right;
	 width:50%;
	 margin-left:-5px;
	 vertical-align:top;
	 
}
.pro_view_wrap .productimg_in .imgarea.imgareaB{
	width:100%;
	margin-left:0;
	text-align:center;
}
.pro_view_wrap .productimg_in .imgarea  > div{
		display:inline-block;
		vertical-align:top;
		margin-top:30px;
		margin-bottom:30px;
		max-width:300px;
}
.pro_view_wrap .productimg_in .imgarea   span{
	display:block;
	margin:0 auto;
	text-align:center;
	color:#fff;
	letter-spacing:0;
	line-height:1.2;

}
.pro_view_wrap .productimg_in .txtarea{
		display:inline-block;
		top:0px;
		width:50%;
		padding:100px 0 30px 0;
		 vertical-align:top;
		


}
.pro_view_wrap .productimg_in .txtarea .firstblock{
		margin-bottom:0px;
}
.pro_view_wrap .productimg_in .txtarea .firstblock span{
		display:inline-block;
		padding:3px 10px;
		letter-spacing:0;
		border-radius:4px;
		background:var(--t_red);
		color:#fff;


}

.pro_view_wrap .productimg_in .txtarea .modleno{
	color:#fff;
	margin-bottom:10px;
	font-size:500%;
	line-height:1.2;
	font-weight:700;
}
.pro_view_wrap .productimg_in .txtarea .modleno span{
		 
	 
		vertical-align:middle;
}
.pro_view_wrap .productimg_in .txtarea .modleno span.stxt{
	font-weight:100;
	line-height:1.2;
}
.pro_view_wrap .productimg_in .txtarea .modleno span.seng:before{
	content:'(';
	display:inline-block;
	position:relative;
	font-size:70%;
	margin-top:-10px;
	line-height:2;
	vertical-align:middle;
}
.pro_view_wrap .productimg_in .txtarea .modleno span.seng:after{
	content:')';
	display:inline-block;
	position:relative;
	font-size:70%;
	line-height:2;
	margin-top:-10px;
	vertical-align:middle;
}

.pro_view_wrap .productimg_in .txtarea .infodesc{
	color:#fff;
	margin-bottom:30px;
}

.pro_view_wrap .productimg_in .txtarea .infodesc_s{
	color:#fff;
	margin-bottom:0px;
	width:95%;
	max-width:600px;
	font-size:110%;
	line-height:1.3;
}




@media all and  (max-width:1300px){
	
	 
	.pro_view_wrap .productimg_in .imgarea  > div{
		 
		max-width:240px;
}
	.pro_view_wrap .productimg_in .txtarea{
		padding:50px 0 10px 0;
	}

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

}
@media all and  (max-width:1000px){
	.pro_view .pro_view_wrap{
		margin-top:-20px;
	}

	.pro_view .submenu{
		display:none;
	}

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

	}


	.pro_view_wrap .productimg_in .txtarea{
		position:relative;
		 width:100%;
		 
	}
	.pro_view_wrap .productimg_in .txtarea .modleno{
		font-size:300%;
	}
	.pro_view_wrap .productimg_in .txtarea .firstblock,
	.pro_view_wrap .productimg_in .txtarea .modleno,
	.pro_view_wrap .productimg_in .txtarea .infodesc,
	.pro_view_wrap .productimg_in .txtarea .infodesc_s
	{
		
		text-align:center;
	}
	.pro_view_wrap .productimg_in .txtarea .infodesc_s{
		margin:0 auto;
		 
	}
		


}

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


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


}

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


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


}


/**/
#block_contents_wrap{
	margin-top:40px;
}
.block_contents{
		position:relative;
		margin-bottom:50px;
		display:inline-block;
		vertical-align:top;
		margin-right:2%;
		margin-left:2%;
		width:45%;
 }

.block_contents .block_contents_txt{

}
.block_contents .block_contents_txt p{
	margin-bottom:10px;
}

.block_contents h5 {
	position:relative;
}
.block_contents h5 span{
	background:#fff;
	position:relative;
	display:inline-block;
	padding-right:10px;
	z-index:2;
}
.pro_comm .block_contents h5 span{
	background:#e5f7ff;
	 
}
.block_contents h5:after{
	content:'';
	display:block;
	position:absolute;
	height:4px;
	width:100%;
	right:0;
	top:50%;;
 	background:var(--t_majorcolorBlue);
	opacity:.1;
	z-index:1;
}

 
@media all and  (max-width:1000px){
	.block_contents{
		margin-right:1%;
		margin-left:1%;
		width:98%;
	}
}


.imglist{
	position:relative;
	font-size:0;
	width:100%;
	margin:0 auto;
	text-align:center;
	
}
.imglist.imglistB{
	background:#fff;
	padding:30px 10px;
}
.imglist .imglist_box{
	display:inline-block;
 	margin:10px 2%; 
	vertical-align:top;
}

.imglist .imglist_box .imgarea img{
	 
}

.imglist .imglist_box .txtarea{
	font-size:16px;
	text-align:center;
	background:#f7f7f7;
	border-radius:20px;
	padding:6px;
	 
}
.imglist .imglist_box .txtarea.txtareaB{
	background:none;
	border-radius:0;
	max-width:500px;
	text-align:left;
}


/**/
.block_contents.twocontents{
	vertical-align:top;
	 
}
.block_contents.proiconblock .block_contents_txt{
	display:inline-block;
	margin-right:30px;
}

.proiconarea{
	position:relative;
	font-size:0; 
	margin:0px auto;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	 

}

.proiconarea .proiconbox{
	position:relative;
	display:inline-block;
	vertical-align:top;
	margin:10px;

}

.proiconarea.colsix .proiconbox{
	 
}
.proiconarea .proiconbox .iconimg{
	border-radius:50% 50%;
	margin:5px;
	overflow:hidden;
	width:100px;
	height:100px;
	margin:0 auto;
	position:relative;
	border:1px solid #ccc;
	
}
.proiconarea .proiconbox .iconimg img{
	width:100%;
}

.proiconarea .proiconbox .icontxt  {
	margin-top:10px;
	font-size:15px;
	line-height:1.2;
	 
	opacity:.7;
	text-align:center;
}
.proiconarea .proiconbox .icontxt span{
	display:block;
 
}


/**/
.block_contents.large_contents{
	width:95%;
}

@media all and  (max-width:1000px){
	.block_contents.large_contents{
		width:98%;
	}

}




/**/
.pro_comm{
	background:#e5f7ff;
	padding:60px 0;
}

.pro_comm .commtitle{
	padding:50px 0;
}
.pro_comm .commtitle h2{
	color:#222;
}
.pro_comm .commtitle  .commtitle_s{
	color:#1958cb;
}

/**/
.dldt {
	position:relative;
	margin: 20px 0;
}
.dldt dl{	 
	position:relative;
	border-bottom: 1px solid #ccc;
}
.dldt dt{	 
	position:absolute;
	top:0;
	left:0;
}
.dldt dd{	 
	position:relative;
	padding-left:80px;
}


/*특허제품*/
.patentlist{
	border-top: 2px solid #373737;
}

.patentlist .patentbox{
	position:relative;
	border-bottom: 1px solid #ccc;
	padding:20px 5px;
	font-size:0;
}
.patentlist .patentbox:after{
	position:relative;
}
.patentlist .patentbox a{
	font-size:16px;
	display:block;
	position:relative;
	width:100%;
}

.patentlist .patentbox .patentcount{
	display:inline-block;
	width:10%;
	vertical-align:middle;
	opacity:.8;
	font-size:100%;
	text-align:center;
}

.patentlist .patentbox  .patent_no{
	display:inline-block;
	width:20%;
	vertical-align:middle;
	font-size:110%;
	line-height:1.1;
	text-align:center;
}

.patentlist .patentbox  .patent_tit{
	display:inline-block;
	width:57%;
	padding-left:2%;
	vertical-align:middle;
	font-size:150%;
	line-height:1.1;
}
.patentlist .patentbox  .patent_down{
	padding-left:2%;
	width:8%;
	display:inline-block;
	vertical-align:middle;
 
	 
}
.patentlist .patentbox  .patent_down img{
	max-width:100%;
}

@media all and  (max-width:1000px){
	.patentlist .patentbox  .patent_tit{
		font-size:140%;
	}

}
@media all and  (max-width:640px){
	.patentlist .patentbox .patentcount{
		font-size:60%;
	}
	.patentlist .patentbox  .patent_no{
		font-size:90%;
	}
	.patentlist .patentbox  .patent_tit{
		font-size:120%;
	}

}



/*납품실적*/