@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');


	:root {
  --color-white-100: hsl(0, 0%, 100%);
  --color-white-200: hsl(0, 0%, 95%);
  --color-white-300: hsl(0, 0%, 85%);
  --color-white-400: hsl(0, 0%, 75%);
  --color-white-500: hsl(0, 0%, 88%);
  --color-white-600: hsl(0, 0%, 55%);

  --color-black-100: hsl(210, 17%, 36%);
  --color-black-200: hsl(210, 17%, 28%);
  --color-black-300: hsl(210, 17%, 22%);
  --color-black-400: hsl(210, 17%, 16%);
  --color-black-500: hsl(210, 17%, 8%);
  --color-black-600: hsl(210, 17%, 2%);

  --color-blue-100: hsl(212, 96%, 60%);
  --color-blue-200: hsl(213, 94%, 55%);
  --color-blue-300: hsl(217, 91%, 50%);
  --color-blue-400: hsl(221, 83%, 45%);
  --color-blue-500: hsl(224, 76%, 40%);
  --color-blue-600: hsl(219, 69%, 17%);


  --color-green-100: hsl(140, 96%, 70%);
  --color-green-200: hsl(140, 80%, 60%);
  --color-green-300: hsl(140, 90%, 40%);
  --color-green-400: hsl(140, 83%, 30%);
  --color-green-500: hsl(140, 76%, 20%);
  --color-green-600: hsl(171, 85%, 10%);
 

  --color-purple-100: hsl(233, 67%, 60%);
  --color-purple-200: hsl(233, 67%, 50%);
  --color-purple-300: hsl(233, 67%, 40%);
  --color-purple-400: hsl(233, 67%, 30%);
  --color-purple-500: hsl(233, 67%, 20%);
  --color-purple-600: hsl(233, 67%, 10%);


  --color-orange-100: hsl(25, 100%, 80%);
  --color-orange-200: hsl(25, 100%, 70%);
  --color-orange-300: hsl(23, 100%, 50%);
  --color-orange-400: hsl(17, 100%, 50%);
  --color-orange-500: hsl(10, 100%, 50%);
  --color-orange-600: hsl(5, 100%, 50%);


  --color-dahong-100: hsl(359, 100%, 70%);
  --color-dahong-200: hsl(359, 80%, 60%);
  --color-dahong-300: hsl(359, 80%, 50%);
  --color-dahong-400: hsl(359, 80%, 45%);
  --color-dahong-500: hsl(359, 80%, 40%);
  --color-dahong-600: hsl(359, 80%, 35%);


  --color-major-100: hsl(239, 54%, 50%);
  --color-major-200: hsl(239, 67%, 50%);
  --color-major-300: hsl(239, 60%, 40%);
  --color-major-400: hsl(239, 67%, 30%);
  --color-major-500: hsl(239, 67%, 20%);
  --color-major-600: hsl(239, 67%, 10%);


  
  --color-majorB-100: hsl(358, 100%, 70%);
  --color-majorB-200: hsl(358, 807%, 60%);
  --color-majorB-300: hsl(358, 67%, 50%);
  --color-majorB-400: hsl(358, 100%, 30%);
  --color-majorB-500: hsl(358, 80%, 25%);
  --color-majorB-600: hsl(358, 90%, 20%);


  --text-tiny: clamp(0.84rem, calc(0.12vw + 0.8rem), 0.89rem);
  --text-small: clamp(0.93rem, calc(0.13vw + 0.91rem), 1rem);
  --text-base: clamp(1.05rem, calc(0.15vw + 1.01rem), 1.12rem);
  --text-medium: clamp(1.18rem, calc(0.17vw + 1.14rem), 1.26rem);
  --text-large: clamp(1.32rem, calc(0.19vw + 1.28rem), 1.41rem);

--shadow-normal: 0px 5px 15px rgba(0,0,0,0.1);

--shadow-small: 0 3px 4px 0 rgba(0, 0, 0, 0.2),
    0 2px 3px 0 rgba(0, 0, 0, 0.06);
--shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.4),
    0 2px 4px -1px rgba(0, 0, 0, 0.1);
--shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.8),
    0 4px 6px -2px rgba(0, 0, 0, 0.8);
 
--t_majorcolor:#0a46ac;
--t_majorcolorB:#1f296f;
--t_majorcolorC:#187fc4;
 

 --t_bottom_colorA:#55585c;


 --t_gray100:#f7f7f7;
 --t_gray200:#9b9ea3;
 --t_gray300:#767c82;
 --t_gray400:#62686f;

}

.engfont{
	font-family:'Poppins', sans-serif;
	letter-spacing:0;
	font-weight:500;
 
}

 img{max-width:100%;}


 /*////////////////////////////////////////////////////////////////////sub 공통/////////////////////////////////////////////////*/
 h2.sub_tit{
	color:#000;
	font-size:45px;
	padding:70px 0 30px 0;
	line-height:1;
	letter-spacing:-1px;
	text-align:center;
	font-weight:500;
	
 }
 @media(max-width:1000px){

	 h2.sub_tit{
		font-size:35px;
		padding-top:40px;
	 }
 
 }

 @media(max-width:480px){

	 h2.sub_tit{
		font-size:30px;
		padding-top:30px;
	 
	}
 }
 h2.sub_tit{
	
	
	
 }
 h3{
	color:#333;
	
	font-size:40px;
	line-height:1;
	margin-bottom:20px;
	margin-top:20px;
	font-weight:400;
	
 }
 @media(max-width:1000px){


	 h3{
		 
		
		font-size:30px;
		 
		
	 }
 }

  @media(max-width:640px){
 
	 h3{
 		font-size:25px;
 	 }
 }

 @media(max-width:480px){
 
	 h3{
 		font-size:20px;
 	 }
 }
 h4{
	color:#333;
	font-size:30px;
	line-height:1;
	margin-bottom:30px;
	
 }
 @media(max-width:480px){

	h4{
		
		font-size:22px;
		line-height:1.3;
		margin-bottom:20px;
		
	 }
 
 }

h4.etctit,
h4.modelname{
	color:#1e4589;
	font-size:25px;
	line-height:1;
	margin-bottom:15px;
	margin-top:30px;
	
 }
  @media(max-width:480px){
 
	 h4.etctit,
	h4.modelname{
	 
			font-size:18px;
 	
	 }
 }

.optioncolor span{
	color:#fff;
	background:#fe7e53;
	font-size:14px;
	padding:5px 15px;
	display:inline-block;
	border-radius:10px;
	
 }
 /*h4:before{
	clear:both;
	display:block;
	content:'';
	 width:60px;
	height:3px;
	background:#000;
	margin-top:20px;
	position:relative;
	
 }*/

/*color*/
 .protxtColorA{
	color:#ff2a00;
	
 }
 .protxtColorB{
	color:#fd2a2f;
	
 }
.protxtColorC{
	color:#f500ff;
	
 }

.txtcolor_yellow{
	color:#de6500;
	
 }

#TopContainer{
	
overflow:hidden;
	 width:100%;
	 height:260px;
	 position:relative;
	
	}
 @media(max-width:1000px){
	#TopContainer{
		 height:200px;
	}
 }

.topimg_pc{
	
	width:100%;
	height:100%;
	background-size:cover !important;
	}

		.top_pro{
			background:#fff url(../image/pro/sub_topimg.jpg) no-repeat 50% 50%;
		}
		.top_esg{
			background:#fff url(../image/pro/sub_topimg_esg.jpg) no-repeat 50% top;
			
		}
		.top_about{
			background:#fff url(../image/about/sub_topimg.jpg) no-repeat 50% 50%;
			
		  }
		.top_rnd{
			background:#fff url(../image/rnd/sub_topimg.jpg) no-repeat 50% 50%;
			
		  }
		.top_pr{
			background:#fff url(../image/pr/sub_topimg.jpg) no-repeat 50% 50%;
			
		  }
		.top_customer{
			background:#fff url(../image/customer/sub_topimg.jpg) no-repeat 50% 50%;
			
		 }
 
.topTXTarea{
	text-align:center;
	
 }
.topTXTarea h2{
	color:#fff;
	font-size:40px;
	padding:120px 0 0px 0;
	line-height:1;
	letter-spacing:-1px;
	
 }
.topTXTarea h2:after{
	display: block;
	content:' ';
	width:80px;
	background:#f5b535;
	height:1px;
	position:relative;
	margin:10px auto;
	opacity:0.5;
	filter:Alpha(opacity=50);
	
 }
 @media(max-width:1000px){
	.topTXTarea h2{
		font-size:33px;
		padding-top:95px;
	}

 
 }
.top_txtA{
	color:#fff;
	font-size:25px;
	padding:10px 0 10px 0;
	line-height:1;
	font-weight:300;
	letter-spacing:-1px;
	
 }

@media(max-width:1000px){
	.top_txtA{
		font-size:17px;
		padding-top:0;
	}

 
 }

.top_txtB{
	color:#fff;
	font-size:15px;
	padding:0px 0 10px 0;
	line-height:1;
}

 #sub_contents{
	background: #fff;
	 width:100%;
	margin:0 auto 50px auto;
	
 }
 #sub_contents:after{
	clear:both;
	content:'';
	height:50px;
	
 }

 
 #sub_contents_pro{
	/*background: url(../image/pro/body_patten.gif) repeat-x 0 0;*/
	 margin-bottom:50px;
	 }
 #sub_contents_pro:after{
	clear:both;
	content:'';
	
 }
 
.sub_wrap{
	width:90%;
	margin:0 auto;
	
 }

 

.sub_loc{
	background:#1e2729;
	width:100%;
	position:relative;
	
 }
.sub_loc_in{
	width:90%;
	margin:0 auto;
	line-height: 46px;
	
 }
.sub_loc_in:after{
	display: block;
	content: '';
	clear: both;
	
 }
 @media(max-width:680px){

	.sub_loc_in{
		width:100%;
	}
 
 }


.sub_loc_in .Depth_first,
.sub_loc_in .Depth_first_s,
.sub_loc_in .Depth_second,
.sub_loc_in .Depth_third{
	display: none;
	
 }


.sub_loc_in .Depth_first.on,
.sub_loc_in .Depth_first_s.on,
.sub_loc_in .Depth_second.on,
.sub_loc_in .Depth_third.on{
	display: inline-block;
	
 }
.sub_loc_in .Depth_first_s.last,
.sub_loc_in .Depth_second.last,
.sub_loc_in .Depth_third.last{
	background:#b7652f;
	
 }

 @media(max-width:680px){

	.sub_loc_in .Depth_first.on,
	.sub_loc_in .Depth_first_s.on,
	.sub_loc_in .Depth_second.on
	{
		width:50%;
		 

	}
	.sub_loc_in .Depth_third.on{
		width:50%;
	 }
 
 }

.sub_loc_in .depth{
	position:relative;
	height:46px;
	float: left;
	font-size: 14px;
	color: #fff;
	
 }
.sub_loc_in .depth.Home{
	width:60px;
	font-size: 0;
	color: transparent;
	background: url(../image/ico_home.png) no-repeat 50% 50%;
	
 }
 @media(max-width:680px){

	.sub_loc_in .depth.Home{
		display:none;
	}
 
 }

.sub_loc_in .depth.dep1{
	padding: 0 30px;
	
 }
 @media(max-width:680px){
		.sub_loc_in .depth.dep1{
			padding: 0 10px 0 10px;
			
		 }
  }
.dep1 span{
	display: block;
	min-width:119px;
	padding-right: 20px;
	box-sizing:border-box;
	text-align:left;
	background:url(../image/icon_arrow2.png) no-repeat 100% 50%;
	
}


 @media(max-width:680px){

	.dep1 span{
		padding-right: 0px;
		 
	}
	.dep1.Depth_third span{
		text-align:center;
	}		 
 
 }

.depth2{
	display:none;
	position:absolute;
	top:46px;
	left:-1px;
	width:100%;
	z-index:100;
	border:1px solid #c9c9c9;
  }
.depth2 li{
	border-bottom:1px solid #e4e4e4;
 
	
  }
.depth2 li:last-child{
	border-bottom:0;
	
  }
.depth2 li > a{
	display:block;
	line-height:1.2;
	font-size:14px;
	color:#6b6b6b;
	padding-left:20px;
	background:#fff;
	padding-top:10px;
	padding-bottom:10px;
	
  }

.depth2 li > a:hover{
	color:#fff;
	background:#b7652f;
	
 }


@media(max-width:680px){
	.Depth_third .depth2 li > a{
	text-align:center;

	}

}
.Depth_first .depth2 li.subOn a{background:#f7f7f7;}
.Depth_first .depth2 li.subOn a:hover{background:#b7652f;}
.Depth_first_s .depth2 li.subOn a{background:#f7f7f7;}
.Depth_first_s .depth2 li.subOn a:hover{background:#b7652f;}
.Depth_second .depth2 li.subOn a{background:#f7f7f7;}
.Depth_second .depth2 li.subOn a:hover{background:#b7652f;}

.Depth_third .depth2 li.subOn a{background:#f7f7f7;}
.Depth_third .depth2 li.subOn a:hover{background:#b7652f;}


.bgGray{
	background:#e5ebf2;
	
 }
.big_title{
	color:#f48124;
	font-size:60px;
	padding:30px;
	
 }

@media(max-width:1000px){

	.big_title{
		font-size:50px;
		padding-top:10px;
	}
 }

 @media(max-width:480px){

	.big_title{
		font-size:35px;

		 
	}
 }
.submenulist{
	width:100%;
	
 }
.submenulist:after{
	clear:both;
	display:block;
	content:'';
	height:50px;
	position:relative;
	
 }
.submenulist ul.coltwo{
	
	max-width:400px;
	margin:0 auto;
	display:block;
	
 }
 .submenulist ul.coltwo li{
	width:50%;
	
 }
 @media(max-width:480px){

	.submenulist ul.coltwo{
 		min-width:100px;
 		
	 }
 
 }
.submenulist ul.coltwo li{
	width:50%;
	
 }
.submenulist ul li{
	background:#fff;
	color:#717576;
	display:inline-block;
	text-align:center;
	float:left;
 	
 }
.submenulist ul li.subOn{
	background:#426096;
	color:#fff;
	
 }
.submenulist ul li a{
	border:1px solid #ccc;
	display:block;
	padding:10px 0;
	font-size:14px;
	
 }
.submenulist ul li.subOn a{
	color:#fff;
	border:1px solid #426096;
	
 }
 

 ul.ulli li{
	background: url(../image/pro/icon.png) no-repeat 0 12px;
	padding-left:20px;
	margin-bottom:10px;
	text-align:left;
	
 }

 .pro_halfwidth{
	width:50%;
	margin:0 auto;
	
 }
 @media(max-width:800px){
	

	 .pro_halfwidth{
		width:100%;
		margin:0 auto;
		
	 }
 
 }

 /*////////////////////////////////////////////////////////////////////회사소개////////////////////*/
/*인사말*/
.greeting_txt{
	background:#fff;
	margin:-120px auto 0 auto;
	position:relative;
	width:80%;
	padding:5%;
	max-width:800px;
	
 }
 @media(max-width:1000px){

	.greeting_txt{
		width:100%;
		padding:0;
		margin-top:30px;
	}
 
 }
.greeting_txt strong{
	display:block;
	font-size:40px;
	font-weight:300;
	margin-bottom:50px;
	letter-spacing:-2px;
	line-height:1.3;
	
 }
 @media(max-width:1000px){

	.greeting_txt strong{
		font-size:30px;
		margin-bottom:30px;
	}
 }

 @media(max-width:480px){

	.greeting_txt strong{
		font-size:25px;
 	}
 }
.greeting_txt div{
	margin-bottom:30px;
	font-size:17px;
	font-weight:400;
	
 }
.com_img img{
	width:100%;
	
 }

.ceoname{
	text-align:right;
}

/*경영이념*/
.visionarea{
	padding:30px 0}
.visionarea .imgarea{
	padding:30px 20px;
	
 }
 .visionarea .imgarea img{
	 width:100%;
	 max-width:490px;
 }
.vision_txt_big{
	font-size:40px;
	font-weight:100;
	line-height:1.3;
	margin-top:10px;
	letter-spacing:-2px;
	
 }
 .vision_txt_big span{
	display:block;
 }
 @media(max-width:1000px){
	.vision_txt_big{
		font-size:30px;
		padding:0 30px;

	}


	 .vision_txt_big span{
		display:inline;
	 }

 }

 @media(max-width:480px){
	.vision_txt_big{
		font-size:25px;
		margin-top:0;
		

	}
}
.vision_txt_big strong{
	font-weight:300;
	
 }
.vision_txt_small{
	font-size:20px;
	line-height:1.3;
	max-width:440px;
	margin:30px auto;
	padding:20px;
	}

.valuelist{
	max-width:1000px;
	margin:0 auto;
	
 }
.valuelist:after{
	clear:both;
	display:block;
	content:'';
	
 }
.valuelist .value_box{
	width:33%;
	float:left;
	
 }
 @media(max-width:900px){

	.valuelist .value_box{

	width:31%;
	margin-left:1%;
	margin-right:1%;
	}
 }

  @media(max-width:580px){

  .valuelist .value_box{

	width:100%;
	margin-left:0%;
	margin-right:0%;
 	}

  }

    
.valuelist .value_box_won{
	max-width:260px;
	height:100%;
	position:relative;
	margin:0 auto;

	
 }

  @media(max-width:580px){

	.valuelist .value_box_won{
	 
	 float:left;
	 width:45%;
	 }

  }
  @media(max-width:380px){

	.valuelist .value_box_won{
	 
	 float:none;
	 width:80%;
	  text-align:center;
	 max-width:auto;
	 }

  }
.valuelist .value_box_won .title{
	display:block;
	padding-top:50%;
	text-align:center;
	font-size:30px;
	color:#fff;
	
 }

  @media(max-width:700px){

	.valuelist .value_box_won .title{
		font-size:25px;
	}

  }
.valuelist .value_box_won .iconA{
	background: url(../image/about/value01_1.png) no-repeat center center;
	
 }
.valuelist .value_box_won .iconB{
	background: url(../image/about/value02_1.png) no-repeat center center;
	
 }
.valuelist .value_box_won .iconC{
	background: url(../image/about/value03_1.png) no-repeat center center;
	
 }
.valuelist .value_box_won .title_info{
	display:block;
	padding-bottom:40%;
	text-align:center;
	font-size:23px;
	
 }
 @media(max-width:1000px){

	.valuelist .value_box_won .title_info{
		padding-bottom:30%;
	}
 }

 @media(max-width:700px){

	.valuelist .value_box_won .title_info{
		font-size:18px;
	}

  }

.valuelist .valueA{
	background: url(../image/about/value01.png) no-repeat center 0;
	background-size:100%;
	
 }
.valuelist .valueB{
	background: url(../image/about/value02.png) no-repeat center 0;
	background-size:100%;
	
 }
.valuelist .valueC{
	background: url(../image/about/value03.png) no-repeat center 0;
	background-size:100%;
	
 }
.valuelist .sub_desc{
	max-width:260px;
	margin:0 auto;
	font-size:18px;
	text-align:center;
	
 }
@media(max-width:580px){

	.valuelist .sub_desc{
		width:55%;
		float:left;
		text-align:left;
		padding-left:30px;
		padding-top:10%;
	}
 
 }
 @media(max-width:460px){
	.valuelist .sub_desc{
		 font-size:15px;
		padding-top:5%;
	}
 }
@media(max-width:380px){

	 .valuelist .sub_desc{
		
		 width:100%;
		float:none;
		margin-bottom:30px;
		max-width:100%;
		padding-top:0px;
		text-align:center;
		padding-left:0px;
	 
	}

  }

/*회사개요*/
.slog{
	font-size:25px;
	line-height:1.3;
	font-weight:300;
	padding:30px;
	margin:0 auto;
	max-width:800px;
	
 }

 @media(max-width:480px){

	.slog{
		font-size:20px;
 		padding:20px 10px;
 	 }
 
 }

.overviewarea{
	margin-top:30px;
	background:#fff}
.overviewarea:after{
	clear:both;
	display:block;
	content:'';
	position:relative;
	height:60px;
	}
.overviewarea .overviewarea_txt{
	float:left;
	width:50%;
	
 }
 @media(max-width:1000px){

	.overviewarea .overviewarea_txt{
		float:none;
		width:100%;
		
	 }
 
 }
.overviewarea .overviewarea_txt dl{
	padding-left:30px;
	padding-top:20px;
	
 }
.overviewarea .overviewarea_txt dl dt{
	position:absolute;
	margin-bottom:20px;
	font-size:15px;
	
 }
.overviewarea .overviewarea_txt dl dd{
	background: url(../image/about/line.png) no-repeat 90px 5px;
	position:relative;
	padding-left:110px;
	margin-bottom:20px;
	font-size:16px;
	 }
.overviewarea .imgarea{
	float:right;
	width:50%;
	background:#f7f7f7;
	height:100%;
	
 }

  @media(max-width:1000px){

	.overviewarea .imgarea{
		float:none;
		width:100%;
 		
	 }

 
 }

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


/*회사연혁*/
.historyarea{
	}
.history_txt{
	}
.history_txt .bgA{
	background:#f6f6f6;
	
 }
.history_txt .bgB{
	z-index:2;
	position:absolute;
	right:0;
	background:url(../image/about/his_line.png) no-repeat right 0;
	height:100%;
	width:100%;

	
 }
.history_txt .bgC{
	z-index:2;
	position:absolute;
	right:0;
	background:url(../image/about/his_line2.png) no-repeat left 0;
	height:100%;
	width:100%;

	
 }
.history_txt .bgD{
	z-index:2;
	position:absolute;
	right:0;
	background:url(../image/about/his_line3.png) no-repeat right 0;
	height:100%;
	width:100%;

	
 }
.history_txt .bgE{
	z-index:2;
	position:absolute;
	right:0;
	background:url(../image/about/his_line4.png) no-repeat left 0;
	height:100%;
	width:100%;

	
 }

 @media(max-width:1000px){
	 
	.history_txt .bgB,
	.history_txt .bgC,
	.history_txt .bgD,
	.history_txt .bgE{
		background:none;
		display:none;
	}

 
 }

.historyarea_box{
	z-index:1;
	position:relative;
	 margin:0 auto;
	padding-bottom:50px;
	
 }

.historyarea_box span.year{
	padding:0px;
	position:relative;
	margin: 0px auto;
	text-align:center;
	font-family: 'Roboto';
	letter-spacing:-2px;
	font-size:50px;
	font-weight:500;
	display:block;
	
 }
 @media(max-width:480px){

	.historyarea_box span.year{
  		font-size:40px;
 	
 }
 
 }
.historyarea_box .historyarea_info{
	 max-width:600px;
	margin: 0 auto;
	z-index:3;
	
 }

  @media(max-width:600px){
	 
	.historyarea_box .historyarea_info{
		width:90%;
		
	}
 
 }

.historyarea_box .historyarea_info dl dt{
	position:absolute;
	font-size:22px;
	font-weight:500;
	line-height:1;
	padding:10px;
	
 }
 @media(max-width:480px){

	.historyarea_box .historyarea_info dl dt{
 		font-size:18px;
 		
	 }
 
 }

.historyarea_box .historyarea_info dl dd{
	font-size:17px;
	font-weight:300;
	position:relative;
	border-bottom:1px solid #ccc;
	line-height:1.5;
	padding:10px 0px 10px 80px;
	
 }
@media(max-width:480px){

	.historyarea_box .historyarea_info dl dd{

 		font-size:14px;
 		
	 }
 
 }

/* 조직도 */
.orgarea{
	position:relative;
}
.orgarea div{
	text-align:center;
	
	
 }
 
.orgarea span{
	display:block;
	
 } 
.orgarea .org_line{
	display:block;
	position:relative;
	width:1px;
	left:50%;
	border-left: 1px solid #d7d7d7;
	height:50px;
	
 }
 
.org_first{
	position:relative;
	width:100%;
	max-width:350px;
	padding:10px 0;
	background:#f89932;
	color:#fff;
	margin:0 auto;
	font-size:25px;
	font-weight:500;
	
 }
.org_second{
	font-size:22px;
	width:100%;
	max-width:350px;
	padding:10px 0;
	background:#1a2334;
	color:#fff;
	margin:0 auto;
}

/**/
.org_line_width{
	position:absolute;
	top:210px;
	width:40%;
	height:1px;
	left:10%;
	background:#d7d7d7;

}
.org_float:before{
	position:absolute;
	top:0px;
	width:50%;
	height:1px;
	background:#d7d7d7;
	left:50%;
	content:'';
	display:block;

}
.org_float{
	margin:0 auto;
	left:0;	
	width:16.66%;
	position:absolute;
	top:210px;
	padding:0;
	 
}
.org_float_box{
	position:relative;	
	width:95%;
	margin:0 auto;
}
.org_float_box span{
	background:#fff;
	color:#265d9f;
	border:2px solid #265d9f;
	padding:10px 0;
	font-size:18px;
	font-weight:500;
	
}
.org_float_box:before{
	 position:relative;
	 content:'';
	display:block;
	width:1px;
	height:191px;
	background:#d7d7d7;
	top:0;
	left:50%;


 } 

 @media(max-width:1000px){

  .org_float_box span{
		font-size:15px;
		letter-spacing:-1px;
	}
 
 }

  @media(max-width:800px){

	  .org_line_width{

			display:none;
			width:0;
			top:0;
			margin-top:-51px;
			position:relative;
	  }

	  .org_float:before{
			display:none;
			top:0;

		}
		.org_float{
			margin:0 auto;
			left:0;	
			width:100%;
			position:relative;
			top:0;
			padding:0;
			 
		}
	 
 
		.org_float_box:before{
			 
			display:none;			 
			height:0px;			 

		 } 
 
 }
/**/

.org_thrid{
	position:relative;
	width:100%;
	
 }
.org_thrid:before{
	position:absolute;
	content:" ";
	height:102px;
	display:block;
	width:50%;
	top:50%;
	border-left:1px solid #d7d7d7;
	left:50%;
	

 }
.org_thrid:after{
	clear:both;
	position:absolute;
	content:"";
	display:block;
	width:50%;
	top:50%;
	border-bottom:1px solid #d7d7d7;
	left:50%;
	margin-left:-25%;	
	height:23px;
	z-index:0;
	
 }
.org_thrid_box{
	position:relative;
	width:40%;
	float:left;	
	z-index:1;
}
.org_thrid_box.left{margin-left:10%;}
.org_thrid_box.right{margin-left:0%;}
.org_thrid_box span{
	padding:10px 0;
	background:#6d788b;
	color:#fff;
	max-width:250px;
	margin:0 auto;
	font-size:22px;
	width:98%;
	
 }

 @media(max-width:1000px){

		.org_thrid_box span{
			width:80%;
		}
 
 }

  @media(max-width:800px){
		.org_thrid_box{
			width:50%;
		}
		.org_thrid_box.left{margin-left:0%;}
		.org_thrid_box.right{margin-left:0%;}


		.org_thrid_box span{
			width:90%;
		}
 
 }

.org_thrid_box:after{
	display:block;
	position:relative;
	width:1px;
	 border-left: 1px solid #d7d7d7;
	left:50%;
	height:50px;
	content:'';
	
 }

 .org_thrid_box.right:after{
	display:block;
	position:relative;
	width:0px;
	 border-left: 0px solid #d7d7d7;
	left:50%;
	height:0px;
	content:'';
	
 }

  

.org_fourth{
	position:relative;
	width:83.34%;
	margin-left:16.66%;
 }
.org_fourth:before{
	position:absolute;
	content:"";
	display:block;
	width:80%;
	border-top:1px solid #d7d7d7;
	left:50%;
	margin-left:-40%;
	 
 	  
	 }

 @media(max-width:800px){
	.org_fourth:before{
	 
		display:none;
	 
	 }

	.org_fourth{
	position:relative;
	width:100%;
	margin-left:0%;
 }
 

 }
.org_fourth:after{
	clear:both;
	display:block;
	content:'';
	height:70px;
	
 }
.org_fourth .org_fourth_box:before{
	position:relative;
	content:" ";
	display:block;
	width:1px;
	border-left:1px solid #d7d7d7;
	left:50%;
	height:40px;
	 }
.org_fourth .org_fourth_box{
	padding-top:0px;
	float:left;
	width:20%;
	
 }

  @media(max-width:800px){
	
	
	.org_fourth .org_fourth_box:before{
		height:20px;
	}
	.org_fourth .org_fourth_box{
		padding-top:0px;
		float:none;
		width:100%;
		
	 }

	 .org_fourth .org_fourth_box.first:before{
		height:0px;
	}


  }
.org_fourth .org_fourth_box .org_fourth_tit{
	background:#fff;
	color:#265d9f;
	border:2px solid #265d9f;
	width:95%;
	margin:0 auto;
	padding:10px 0;
	font-size:18px;
	font-weight:500;
	
 }

 @media(max-width:1000px){

  .org_fourth .org_fourth_box .org_fourth_tit{
		font-size:15px;
		letter-spacing:-1px;
	}
 
 }
.org_fourth .org_fourth_box .org_fourth_sub:before{
	position:relative;
	content:" ";
	display:block;
	width:1px;
	border-left:1px solid #d7d7d7;
	left:50%;
	height:20px;
	 
	 }

	  @media(max-width:800px){
		

		.org_fourth .org_fourth_box .org_fourth_sub:before{
			margin-left:-1px;
			height:0px;
			 
		 }

	  }

.org_fourth .org_fourth_box .org_fourth_sub ul li:before{
	position:relative;
	content:" ";
	display:block;
	width:1px;
	border-left:1px solid #d7d7d7;
	left:50%;
	height:10px;
	 }
.org_fourth .org_fourth_box .org_fourth_sub ul li{
	width:95%;
	margin:0px auto;
	padding:0px 0;
	
 }
.org_fourth .org_fourth_box .org_fourth_sub ul li span{
	font-size:16px;
	background:#ebebeb;
	color:#333;
	 padding:5px 0;
	
 }


/* 주요거래처 */
.main_partner_content{
	text-align:center;
	
}
.main_partner_content ul li{
	display:inline-block;
	width:13%;
	margin-bottom:50px;
	vertical-align:middle;
	 }
@media(max-width:1000px){

	.main_partner_content ul li{
 		width:18%;
		margin-bottom:30px;
 	 }
 
}

@media(max-width:640px){

	.main_partner_content ul li{
 		width:23%;
		margin-bottom:20px;
		 
 	 }
 
}

@media(max-width:480px){

	.main_partner_content ul li{
 		width:31%;
		 
 	 }
 
}
.main_partner_content ul li img{

	width:100%;
	max-width:140px;
	
-webkit-filter: grayscale(100%);
	
  -webkit-transition: .5s ease-in-out;
	
  -moz-filter: grayscale(100%);
	
  -moz-transition: .5s ease-in-out;
	
  -o-filter: grayscale(100%);
	
  -o-transition: .5s ease-in-out;
	

 }
.main_partner_content ul li img:hover{
	

-webkit-filter: grayscale(0%);
	
  -webkit-transition: .5s ease-in-out;
	
  -moz-filter: grayscale(0%);
	 
  -moz-transition: .5s ease-in-out;
	
  -o-filter: grayscale(0%);
	 
  -o-transition: .5s ease-in-out;
	
}
 


 /*인증*/
.certi_content{
	display:inline-block;
	width:19%;
	margin-bottom:50px;
	vertical-align:top;
}

@media(max-width:1000px){

		.certi_content{
		 
			width:32.3%;
			margin-bottom:20px;
			 
		 
		}
 
 }

 @media(max-width:480px){

		.certi_content{
		 
			width:48%;
			margin-bottom:0px;
			 
		 
		}
 
 }


.certi_content .certi_content_box{
	
	display:block;
 	width:90%;
 	margin:0 auto;
 	background:#fff;
 	border-radius:0px;
 	padding:0px 0;
 	overflow:hidden;
	border:1px solid #ccc;
      -webkit-box-shadow: 0 15px 30px 0 rgba(0,0,0,0.21),0 5px 15px 0 rgba(0,0,0,0.08);
     -moz-box-shadow: 0 15px 30px 0 rgba(0,0,0,0.21),0 5px 15px 0 rgba(0,0,0,0.08);
 	box-shadow: 0 15px 30px 0 rgba(0,0,0,0.21),0 5px 15px 0 rgba(0,0,0,0.08);
	
 }

.certi_content .certi_img{
	text-align:center;
	border:10px solid #fff;
	
 }
.certi_content .certi_img img{
	width:100%;
	overflow:hidden;
	
 }
.certi_content h3{
	font-size:17px;
	margin-top:20px;
	letter-spacing:-1px;
	text-align:center;
	
 }
@media(max-width:480px){

		.certi_content h3{
			font-size:14px;
			font-weight:300;
			 
		 }
 
 }



/*오시는길*/
.map_txt > ul > li{
	overflow:hidden;
	 padding:25px 0;
	 border-bottom:1px solid #eaeaea;
	
 }
.map_txt > ul > li h4{
	float:left;
	 width:80px;
	 display:block;
	 margin:-3px 30px 10px 0;
	 font-size:20px;
	
 }
.map_txt > ul > li ul{
	float:left;
	display:block;
	
 }
.map_txt > ul > li dl{
	float:left;
	 margin-right:40px;
	 margin-top:-5px;
	
 }
.map_txt > ul > li dl.last{
	margin-right:0;
	
 }
.map_txt > ul > li dt{
	display:inline-block;
	 margin-right:5px;
	 font-weight:500;
	 color:#d9261c;
	
 }
.map_txt > ul > li dd{
	display:inline-block;
	
 }
.map_txt > ul > li > ul > li{
	margin-top:20px;
	
 }
.map_txt > ul > li > ul > li:first-child{
	margin-top:0;
	
 }




/*////////////////////////////////////////////////////////////////////product////////////////////*/
 .sub_product_box{
	margin: 0 auto;
	text-align:center;
	
 }
 .sub_product_box:after{
	clear:both;
	content:'';
	
 }

.sub_pro_content_main{
	width:12%;
	
 }
.sub_pro_content_sub{
	width:20%;
	margin-left:-3px;
	
 }

 @media(max-width:1600px){

	.sub_pro_content_sub{
		width:25%;
 		
	 }
 
 }

 @media(max-width:1200px){

	.sub_pro_content_sub{
		width:33.3%;
 		
	 }
 
 }

 @media(max-width:800px){

	.sub_pro_content_sub{
		width:50%;
 		
	 }
 
 }

 .sub_pro_content_etc{
	width:20%;
	margin-left:-3px;
	
 }

 @media(max-width:1600px){

	.sub_pro_content_etc{
		width:25%;
 		
	 }
 
 }

 @media(max-width:1200px){

	.sub_pro_content_etc{
		width:33.3%;
 		
	 }
 
 }

 @media(max-width:800px){

	.sub_pro_content_etc{
		width:50%;
 		
	 }
 
 }

  @media(max-width:480px){

	.sub_pro_content_etc{
		width:100%;
 		
	 }
 
 }

.sub_pro_content{
	display:inline-block;
	position:relative;
	overflow:hidden;
	margin-bottom:30px;
	vertical-align:top;
	}
.sub_pro_content a{
	
	display:block;
	
	width:95%;
	
	margin:0 auto;
	
	overflow:hidden;
	
	border-radius:0px;
	
	padding:0px 0;
	
	
   }

.sub_pro_content .pro_img{
	text-align:center;
	background:#f1f1f1;
	 overflow:hidden;
	padding:0;
	margin-bottom:0px;
	position:relative;
	
 }
 
.sub_pro_content .pro_img img{
	z-index:51;
	 width:100%;
	max-width:300px;
	-webkit-transition:transform 0.7s ease-out;
	 -moz-transition:transform 0.7s ease-out;
	 -o-transition:transform 0.7s ease-out;
	 transition:transform 0.7s ease-out;
	 }
.sub_pro_content .pro_img img:hover,
.sub_pro_content .pro_img img:focus{
	 -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,0,0.01deg);
	 -moz-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,0,0.01deg);
	 -o-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,0,0.01deg);
	 -ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,0,0.01deg);
	 transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,0,0.01deg);
	 }
.sub_pro_content p{
	display:block;
	text-align:center;
	font-size:17px;
	line-height:1.6;
	margin-top:20px;
	
 }
 
.sub_pro_content .pro_img{
	 border:0;
	 }
.sub_pro_content .pro_img:before,
.sub_pro_content .pro_img:after {
	content:'';
	 position:absolute;
	 top:0;
	 right:0;
	 bottom:0;
	 left:0;
	 z-index:50;
	 opacity:0;
	 -webkit-transition:opacity 0.7s, transform 0.7s;
	 -moz-transition:opacity 0.7s, transform 0.7s;
	 -o-transition:opacity 0.7s, transform 0.7s;
	 -ms-transition:opacity 0.7s, transform 0.7s;
	 transition:opacity 0.7s, transform 0.7s;
	 }
.sub_pro_content .pro_img:before {
	border-top:5px solid #ff6500;
	 border-bottom:5px solid #ff6500;
	 -webkit-transform:scale(0,1);
	 -moz-transform:scale(0,1);
	 -o-transform:scale(0,1);
	 -ms-transform:scale(0,1);
	 transform:scale(0,1);
	 }
.sub_pro_content .pro_img:after {
	 border-left:5px solid #ff6500;
	 border-right:5px solid #ff6500;
	 -webkit-transform:scale(1,0);
	 -moz-transform:scale(1,0);
	 -o-transform:scale(1,0);
	 -ms-transform:scale(1,0);
	 transform:scale(1,0);
	 }
.sub_pro_content .pro_img:hover:before,
.sub_pro_content .pro_img:hover:after,
.sub_pro_content .pro_img:focus:before,
.sub_pro_content .pro_img:focus:after {
	 -webkit-transform:scale(1);
	 -moz-transform:scale(1);
	 -o-transform:scale(1);
	 -ms-transform:scale(1);
	 transform:scale(1);
	 opacity:1;
	 }

 
.sub_pro_content a:hover p{
	color:#ff6500;
	
 }

.sub_pro_content .proinfolist{
	margin-top:20px;
	text-align:left;
	
 }
.sub_pro_content .proinfolist ul li{
	font-weight:300;
	font-size:14px;
	background: url(../image/pro/icon.png) no-repeat 0 7px;
	padding-left:15px;
	
 }


/*배경색*/
#sub_contents_pro .bgA{
	background:#eef1f6;
	 }

	/*제품상세*/
.product_infobox{
	background:#eef1f6;
 }
 .product_infobox:after{
	 clear:both;
	 display:block;
	 content:'';
	 height:5px;
 }


.product_infobox.nonebg{
	background:#fff;
	 }

.product_infobox .info_img{
	width:50%;
	float:left;
	
  }

.product_infobox .info_img img{
		max-width:100%;
		 
		
  }

  
@media(max-width:1120px){
	.product_infobox .info_img{
		width:100%;
		float:right;
		text-align:center;
		
	  }
 
 }

.product_infobox .info_img.imgwidththree,
.product_infobox .info_img.imgwidthsix,
.product_infobox .info_img.imgwidthfive	{
		margin:20px auto;
		text-align:center;
	
 }
/*
.product_infobox .info_img.imgwidththree img{
		max-width:320px;
	
  }
.product_infobox .info_img.imgwidthfive img{
		max-width:500px;
	
  }
.product_infobox .info_img.imgwidthsix img{
		max-width:600px;
	
 }
 */

.product_infobox .proinfo_txt{
		width:50%;
		float:right;
		padding-top:50px;
		padding-bottom:10px;
	
 }

 .product_infobox .proinfo_txtB{
		width:50%;
		float:right;
		padding-top:50px;
	
 }

 @media(max-width:1120px){

		.product_infobox .proinfo_txt{
				width:100%;
				float:left;
				
			
		 }

 }
	/*.product_infobox .proinfo_txt .pro_part:before{
	position:absolute;
	content:'';
	width:30px;
	height:1px;
	background:#999;
	top:13px;
	left:0;
	
  }*/

	.product_infobox .proinfo_txt .pro_part{
		
		margin-bottom:20px;

		
 }
 	.product_infobox .proinfo_txt .pro_part span{
	padding:5px 10px;
		position:relative;
		font-size:19px;
		font-weight:300;
		background:#d9dce1;
		border-radius:6px;
		text-align:center;
	}
 	.product_infobox .proinfo_txt .pro_part:after{
		clear:both;
		display:block;
		content:'';
		position:relative;
		 

		
 }
#sub_contents_pro .product_infobox .proinfo_txt  h2.pro_tit:before{
 
	  
	
	 
	}

 /*background:#d9dce1;
	color:#fff;
	padding:5px 15px;
	 border-radius:6px;
	margin-bottom:20px;
	width:150px;
	*/

#sub_contents_pro .product_infobox .proinfo_txt  h2.pro_tit{
		font-size:55px;
		line-height:1.5;
		color:#000;
		margin-top:0px;
		font-weight:500;
	
  }
  @media(max-width:1000px){

	#sub_contents_pro .product_infobox .proinfo_txt  h2.pro_tit{
			
			font-size:48px;
			letter-spacing:-2px;
			display:block;
			margin-top:0px;
			float:left; 
			position:relative;
			padding-bottom:20px;
			
			padding-right:20px;
			margin-right:20px; 
		
	  }
	  #sub_contents_pro .product_infobox .proinfo_txt  h2.pro_tit:after{
			position:absolute;
			display:block;
			content:'';
			width:1px;
			height:40px;
			background:#ccc;
			
			top:22px;
			right:0;
	  }
 
 }
 @media(max-width:680px){
	#sub_contents_pro .product_infobox .proinfo_txt  h2.pro_tit{
			float:none;
			font-size:38px;
			padding-bottom:0;
		}
		#sub_contents_pro .product_infobox .proinfo_txt  h2.pro_tit:after{
			background:none;
			height:0px;
			top:0;
		}

 }

  @media(max-width:480px){
	#sub_contents_pro .product_infobox .proinfo_txt  h2.pro_tit{
		font-size:33px;
		line-height:1.2;
		
	}

	 #sub_contents_pro .product_infobox .proinfo_txt  h2.pro_tit:after{
		 
			height:35px;
			top:15px;
		 
	  }

  }

  @media(max-width:320px){
	#sub_contents_pro .product_infobox .proinfo_txt  h2.pro_tit{
		font-size:26px;
		 
	}

	  

  }

     

.product_infobox .proinfo_txt .modelno{
		font-size:40px;
		line-height:1;
		font-weight:400;
		color:#e06828;
		 word-break:keep-all;
		 word-wrap: break-word;
		padding-left:10px;
		
	
  }

  @media(max-width:1120px){
	 
	.product_infobox .proinfo_txt .modelno{
	 
		padding-top:20px;
	}
  }

   @media(max-width:680px){
		.product_infobox .proinfo_txt .modelno{
			padding-top:0px;
			padding-left:0px;
			margin-top:0;
		}
	  }


    @media(max-width:480px){
		.product_infobox .proinfo_txt .modelno{
			padding-top:10px;
			font-size:30px;
		}	
	}

	 @media(max-width:320px){
		.product_infobox .proinfo_txt .modelno{
			padding-top:5px; 
			font-size:25px;
		}	
	}

	 
.product_infobox .dec_guseong{
	width:50%;
		float:right;
		padding-top:20px;
		margin-bottom:30px;
}

@media(max-width:1120px){

		.product_infobox .dec_guseong{
				width:100%;
				float:left;
				
			
		 }

 }

.product_infobox .pro_dec{
		margin-top:50px;
		 font-size:18px;
		 position:relative;
		  

	
  }
@media(max-width:1120px){

	.product_infobox  .pro_dec{
		clear:both;
	}
}

@media(max-width:480px){

	.product_infobox  .pro_dec{
		
		 margin-top:30px;
		font-size:15px;
	}
}

.product_infobox  .pro_dec ul li{
		background: url(../image/pro/icon.png) no-repeat 0 12px;
		padding-left:20px;
		margin-bottom:10px;
	
 }
 .product_infobox  .pro_dec ul li strong.subject{
	color:#2e4e7d;
 }
.product_infobox  .guseong{
		padding:10px 0;
		margin-top:40px;
	
  }
	
.sub_titA:before{
		position:absolute;
		content:'';
		width:6%;
		height:1px;
		background:#ccc;
		top:16px;
		left:0;
	
  }
.sub_titA:after{
		position:absolute;
		content:'';
		width:6%;
		height:1px;
		background:#ccc;
		top:16px;
		margin-left:10px;
	
  }
.sub_titA{
		display:block;
		padding-left:8%;
		position:relative;
		font-size:25px;
		margin-bottom:30px;
		font-weight:500;
	
 }
@media(max-width:480px){

	.sub_titA{
		font-size:20px;
	}
	 .sub_titA:after{
			 
			background:none;
			 
		
	  }
 }


.product_infobox .guseong ul{
	 width:100%;
	
 }
 .product_infobox .guseong ul:after{
		clear:both;
	
  }
 
	.product_infobox .guseong ul li{
		background:#fff;
		text-align:center;
		margin-bottom:10px;
		padding: 0 5px;
		
		border:1px solid #e5e5e5;
		-webkit-box-shadow: 0 5px 1px 0 rgba(0,0,0,0.11),0 1px 5px 0 rgba(0,0,0,0.08);
		-moz-box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11),0 5px 15px 0 rgba(0,0,0,0.08);
		box-shadow: 0 2px 5px 0 rgba(0,0,0,0.31),0 5px 10px 0 rgba(0,0,0,0.08);
		
		min-height:50px;
		max-height:50px;
		vertical-align:middle;
		display:table;
		line-height:1.2;

	 }


	 .product_infobox .guseong ul.guseong_col_one li{
		width:100%;
		float:left;
		max-width:420px;
		
	 }

	 .product_infobox .guseong ul.guseong_col_two li{
		width:49%;
		float:left;
		margin-right:1%;
	 }

	 .product_infobox .guseong ul.guseong_col_three li{
		width:32%;
		float:left;
		margin-right:1%;
	 }
	 .product_infobox .guseong ul.guseong_col_four li{
		width:49%;
		float:left;
		margin-right:1%;
	 }

	 .product_infobox .guseong ul.guseong_col_five li{
		width:32%;
		float:left;
		margin-right:1%;
	 }
	 .product_infobox .guseong ul.guseong_col_six li{
		width:32%;
		float:left;
		margin-right:1%;
	 }

	 @media(max-width:680px){

		 .product_infobox .guseong ul.guseong_col_three li{
			width:49%;			 
			margin-right:1%;
		 }

		 .product_infobox .guseong ul.guseong_col_five li{
			width:49%;			 
			margin-right:1%;
		 }
		 .product_infobox .guseong ul.guseong_col_six li{
			width:49%;			 
			margin-right:1%;
		 }
 
	 }

	 @media(max-width:480px){

		.product_infobox .guseong ul.guseong_col_two li{
			width:100%;
			max-width:450px;
			margin-right:0;
		
	 }

		 .product_infobox .guseong ul.guseong_col_three li{
			width:100%;
			max-width:450px;
			margin-right:0;
		 }

	 .product_infobox .guseong ul.guseong_col_four li{
			width:100%;
			max-width:450px;
			margin-right:0;
	 }

		  .product_infobox .guseong ul.guseong_col_five li{
			width:100%;
			max-width:450px;
			margin-right:0;
		 }
		 .product_infobox .guseong ul.guseong_col_six li{
			width:100%;
			max-width:450px;
			margin-right:0;
		 }
 

	 }



.product_infobox .guseong ul li span{
		display:table-cell;
		vertical-align:middle;
	
 }


.product_infobox .guseong ul li.orangecolor{
		background:#e56500;
		color:#fff;
		font-size:16px;
	
  }
.product_infobox .guseong ul li.orangecolorB{
		background:#e52400;
		color:#fff;
		font-size:16px;
	
  }
.product_infobox .guseong ul li.orangecolorC{
		background:#c12481;
		color:#fff;
		font-size:16px;
	
 }




.pro_sub_imglist{
		margin-top:60px;
		font-size:16px;
	
  }

  .bgon{
	background:#f8f8f9;
  }

  /*제품 이미지 사이즈에 맞추기*/
	 /*.one_imgwidh_two_four img{width:100%;max-width:240px;}
	.one_imgwidh_two_five img{width:100%;max-width:250px;}	
	.one_imgwidh_three img{width:100%;max-width:300px;}
	.one_imgwidh_three_five img{width:100%;max-width:350px;}
	.one_imgwidh_four img{width:100%;max-width:400px;}
	.one_imgwidh_four_five img{width:100%;max-width:450px;}
	.one_imgwidh_five img{width:100%;max-width:500px;}
	.one_imgwidh_five_five img{width:100%;max-width:550px;}
	.one_imgwidh_six img{width:100%;max-width:600px;}
	.one_imgwidh_six_five img{width:100%;max-width:650px;}
	.one_imgwidh_seven img{width:100%;max-width:700px;}
	.one_imgwidh_eight img{width:100%;max-width:800px;}
	.one_imgwidh_eight_five img{width:100%;max-width:850px;}
	.one_imgwidh_nine img{width:100%;max-width:900px;}
	.one_imgwidh_ten img{width:100%;max-width:1000px;}
	.one_imgwidh_tentwo img{width:100%;max-width:1200px;}*/



.pro_sub_imglist span{
		display:block;
		margin-bottom:15px;
	
  }
.pro_sub_imglist .imgbox{
		text-align:center;
	
  }
.pro_sub_imglist .back_pro{
		background: #f1f1f1;
	
 }
 
.pro_sub_imglist .imgarea{
		display:inline-block;
		
		vertical-align:top;
		text-align:center;
		max-width:100%;
	
  }
  .pro_sub_imglist .imgarea span{
		display:block;
		padding:5px 5px;

  }
 
  .pro_sub_imglist img{
		max-width:100%;
  }

 .pro_sub_imglist.pro_sub_imglist_colthree .imgarea {
	width:30%;
	margin:0px 3px;
  }




  @media(max-width:480px){


  .pro_sub_imglist.pro_sub_imglist_colthree .imgarea {
	width:46%;
	 
  }
 }

.pro_sub_imglist .imgarea .center{
		padding:0%;
		display:block;
		margin:0 auto;
		position:relative;
		width:100%;
	

  }
.pro_sub_imglist .imgarea .center.txtA{
		 padding-bottom:30px;
		 
  
  }
.pro_sub_imglist .imgbox:after{
		clear:both;
		content:'';
		position:relative;
		display:block;
		height:10px;
	
  }
 

 

 


  
.pro_sub_imglist .verticalmiddle .imgarea{
		vertical-align:middle;
	
 }

.width_small{
		max-width:1000px;
		margin:0 auto;
		position:relative;
	
 }

.width_small_twenty{
		max-width:1200px;
		margin:0 auto;
		position:relative;
	
  }
 
.width_small_eight{
		max-width:800px;
		margin:0 auto;
		position:relative;
	
  }
.width_seven{
		max-width:700px;
		margin:0 auto;
		position:relative;
	
  }
.width_five{
		max-width:500px;
		margin:0 auto;
		position:relative;
	
  }
  


 
/**/
.pro_certi .imgbox img{
	border:3px solid #ccc;
	
 }
.pro_certi .imgbox span{
	display:block;
	text-align:center;
	padding:5px 0;
	
 }
.pro_certi  .colOne{
	max-width:300px;
	
 }
	
/*제품상세이미지리스트*/

.pro_sub_img{
	margin-top:30px;
	
 }
.pro_sub_img ul li{
	display:inline-block}

  /*spec*/
.product_spec{
	}
 .dimarea{
	text-align:left;
	
 }
.dimarea.wideimg img{
	 
	max-width:100%;
	
 }
.halfspec .tablearea{
	width:50%;
	display:inline-block;
	float:left;
	
 }
.halfspec .dimarea{
	width:50%;
	display:inline-block;
	float:left;
	
 }
 @media(max-width:1200px){

	.halfspec .tablearea{
		width:100%;
		 
		float:none;
		
	 }
	.halfspec .dimarea{
		width:100%;
		 
		float:none;
		
	 }
 
 }

.halfspec:after{
	clear:both;
	content:'';
	display:block;
	position:relative;
	height:30px;
	
 }

/*major feauter*/
.product_major_feature{
	padding:30px 0;
	
 }
.product_major_feature .sub_wrap{
	background:#fce7b7;
	padding:30px 0px;
	
 }
 
.product_major_feature .colthree .pro_part{
	float:left;
	width:29%;
	margin:0 2%;
	}

 
.product_major_feature .colone .pro_part{
 
	padding:20px 30px;
	}

@media(max-width:1000px){
 
.product_major_feature .colthree .pro_part{
	float:none;
	width:96%;
	 
	}


 
 }


.product_major_feature .title{
	text-align:center;
	padding:20px 0px;
	font-size:28px;
	font-weight:500;
}
.product_major_feature .colone .title{
	text-align:left;
	padding-bottom:10px;
}

.product_major_feature .fature{
	font-size:18px;
	margin:30px auto;
	max-width:420px;
	color:#ff2a00;
	
 }
.product_major_feature .infotxt{
	margin-top:10px;
	font-size:18px;
	
 }

 /*feature*/
.product_feature{
	clear:both;
	position:relative;
	margin-top:20px;
	background:#f8f8f8;
	padding-top:30px;
	
 }
 
.product_feature.bgnone{
	background:#fff;
	
 }
.product_feature_in{
	padding:50px;
	
 }

@media(max-width:1000px){

	.product_feature_in{
			padding:0px;
			
		 }

  }
.product_feature_in_in{
	clear:both;
	
 } 
.product_feature_in_in:after{
	clear:both;
	content:'';
	display:block;
	height:10px;
	
 }
	
.half_feature .fature_text{
	width:50%;
	float:left;
	
 }
.half_feature .fature_img{
	width:50%;
	float:left;

}


 @media(max-width:1340px){
		.half_feature.half_feature_imgcol_four .fature_text{
			width:100%;
			float:left;
			
		 }
		.half_feature.half_feature_imgcol_four .fature_img{
			width:100%;
			float:left;

		}
}
	

 @media(max-width:790px){

	.half_feature .fature_text{
			width:100%;
			float:left;
			
		 }
		.half_feature .fature_img{
			width:100%;
			float:left;

		}
 
 }

 
 
	
.three_feature .fature_text{
	width:40%;
	float:left;
	
 }
.three_feature .fature_img{
	width:60%;
	float:left;
	
 }


@media(max-width:1100px){

.three_feature .fature_text{
	width:100%;
	float:none;
	
 }
.three_feature .fature_img{
	width:100%;
	float:none;
	
 }
 
 }



.fature_text{
	}
.product_feature h4{
	padding-top:3px;
	
 }
.product_feature span.number{
	display:block;
	vertical-align:middle;
	float:left;
	background:#be1818;
	color:#fff;
	font-size:20px;
	line-height:1;
	padding:3px 10px 5px 10px;
	margin-right:10px;
	margin-top:5px;
	
 }
 @media(max-width:480px){

	.product_feature span.number{
	
		font-size:15px;
		line-height:1;
		padding:3px 10px 5px 5px;
		margin-bottom:20px;
		
		
	 }
 
 }


.product_feature h4:after{
	clear:both;
	
 }
.fature_txt{
	font-size:16px;
	margin-bottom:30px;
	
 }

.fature_img{
	font-size:16px;
	
 }
 
.fature_img:after{
	clear:both;
	content:'';
	display:block;
	position:relative;
	height:10px;
	
 }
.fature_img .imgbox{
	text-align:center;
}
.fature_img .imgbox.left{
	text-align:left;
}
.fature_img .imgarea{
	display:inline-block;
	text-align:center;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
	vertical-align:top;
	max-width:100%;
	
 } 
 .fature_img .imgarea img{
	max-width:100%;
 }

 





.fature_img .imgbox .imgarea p{
	font-size:16px;
	 
	text-align:center;
 } 
	.fature_img .imgbox .bgcolor p{
	background:#fff;
	
 }

.boxtit{
	background:#ff0000;
	color:#fff;
	font-size:20px;
	margin:0 auto;
	text-align:center;
	padding: 8px 0;
	width:90%;
	border-radius:10px;
	
  }
  @media(max-width:480px){

		.boxtit{
			 
			font-size:17px;
		 
			padding: 5px 0;
			 
			
		  }
 
 }

.swidth{
	width:300px;
	margin: 0 auto;
	
 }

@media(max-width:400px){

	.swidth{
		width:100%;
		margin: 0 auto;
		
	 }

 
 }







/*연구개발*/
 
.rnd_txt{
	background:#fff;
	margin:0px auto 0 auto;
	position:relative;
	padding:20px 0;
	max-width:900px;
	
 }
.rnd_txt strong{
	display:block;
	font-size:40px;
	font-weight:300;
	margin-bottom:50px;
	letter-spacing:-2px;
	
 }


@media(max-width:1000px){

	.rnd_txt strong{
		font-size:30px;
	}
 
 }

 @media(max-width:480px){

	.rnd_txt strong{
		font-size:22px;
		margin-bottom:30px;
	}
 
 }


.rndimgarea_txt{
	position:relative;
	height:100%;
	margin-bottom:50px;
	
 }
.rndimgarea_txt .rndimg{
	position:relative;
	
 }
 @media(max-width:1000px){

	.rndimgarea_txt .rndimg img{
		width:100%;
	}
 
 }

.rndimgarea_txt .rndinfo {
	position:absolute;
	 margin-left:40%;
	  top:0;
	padding-top:40px;
	
 }
 @media(max-width:1000px){

	.rndimgarea_txt .rndinfo {
		position:relative;
		 margin-left:0%;
	}
 
 }

.rndimgarea_txt .rndinfo .boxtxt {
	font-size:20px;
	font-weight:400;
	background:#fff;
	padding:80px;
 }

  @media(max-width:1000px){
	.rndimgarea_txt .rndinfo .boxtxt {
		padding:0;
		font-size:17px;
	}

  }


/*카다로그*/
 
.catalog_content{
	display:inline-block;
	width:19%;
	margin-bottom:30px;
	vertical-align:top;
	position:relative;
 }

 @media(max-width:1000px){

	.catalog_content{
		width:24%;
		margin-bottom:10px;
	}
 
 }
  @media(max-width:680px){

	.catalog_content{
		width:32.3%;
	}
 
 }

  @media(max-width:480px){

	.catalog_content{
		width:49%;
	}
 
 }

.catalog_content .catalog_content_box{
	
	display:block;
	width:90%;
	margin:0 auto;
	background:#fff;
	border-radius:0px;
	padding:0px 0;
	overflow:hidden;
	border:1px solid #ccc;
	
    -webkit-box-shadow: 0 15px 30px 0 rgba(0,0,0,0.21),0 5px 15px 0 rgba(0,0,0,0.08);
    -moz-box-shadow: 0 15px 30px 0 rgba(0,0,0,0.21),0 5px 15px 0 rgba(0,0,0,0.08);
	box-shadow: 0 15px 30px 0 rgba(0,0,0,0.21),0 5px 15px 0 rgba(0,0,0,0.08);
 }

.catalog_content .catalog_img{
	text-align:center;
	border:0px solid #fff;
	
 }
.catalog_content .catalog_img img{
	width:100%;
	overflow:hidden;
	
 }
.catalog_content h3{
	font-size:17px;
	margin-top:20px;
	letter-spacing:-1px;
	text-align:center;
	font-weight:400;
	
 }

.icon_download{
	
	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;
 	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	-ms-transition:all 0.4s;
	transition:all 0.4s
}
 .icon_download a{
	
	position:absolute;
	
	display:block;
	text-align:center;
	margin:0 auto;
	width:100%;
	top:50%;
	
	
   opacity:0;
	filter:Alpha(opacity=0);
	-webkit-transition:all 0.4s 0.1s;
	-moz-transition:all 0.4s 0.1s;
	-o-transition:all 0.4s 0.1s;
	-ms-transition:all 0.4s 0.1s;
	transition:all 0.4s 0.1s;
	color:#fff;
	font-size:16px;
}

@media(max-width:480px){
	.icon_download a{
		font-size:14px;
	}
 
 }
.catalog_content .icon_download img{
	display:block;
	position:relative;
	margin: -33% auto 0 auto;
	text-align:center;
	width:30%;
}

.catalog_content:hover .catalog_img{
	background:#000;
}
.catalog_content:hover .catalog_img img{
	opacity:0.5;
	filter:Alpha(opacity=50);
	
 }
.catalog_content:hover .icon_download{
	visibility:visible;
	 opacity:1.0;
	filter:Alpha(opacity=100);
	
 }

.catalog_content:hover .icon_download a{
	 opacity:1.0;
	filter:Alpha(opacity=100);
	
 }


/*유투브*/

.videoArea{
	}

.youtubeMovie{
	position:relative;
	 max-width:1000px;
	height:100%;
	 margin:0px auto;
	 background-size:cover !important;
	 color:#fff;
	 text-align:center;
	
 }
.youtubebox {
	position:relative;
	 width:100%;
	height: 100%;
	 overflow: hidden;
	
 }

 .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%;
	
}
/* .youtubearea iframe{
	text-align:center;
	width:100%;
	min-height:500px;
	
 }*/
.Videolist {
	margin:30px auto;
	text-align:center;
	max-width:1000px;
	
 }
 @media(max-width:1140px){
	.Videolist {
		width:85%;
	}
 
 }
.Videolist ul li{
	display:inline-block;
	 
	overflow:hidden;
	text-align:center;
	margin:0 10px;
	
 }
.Videolist ul li img{
	width:100%;
	
 }
.Videolist ul li span{
	display: block;
	
 }



/*갤러리*/
.gallery_board:after{
	clear:both;
	display:block;
	content:'';
	
 }
.gallery_box{
	width:23%;
	margin:1% 1%;
	float:left;
	
 }
 @media(max-width:800px){
	.gallery_box{
		width:31%;
	}
 
 }
 @media(max-width:640px){
	.gallery_box{
		width:48%;
	}
 
 }
.gallery_box a{
	display:block;
	background:#f4f4f4;
	border:1px solid #d9d8d6;
	
 }
.gallery_box .imgare{
	text-align:center;
	}
.gallery_box .imgare img{
	width:100%;
	
 }
.gallery_box .tit_area{
	text-align:center;
	font-size:16px;
	padding:20px 5px;
	overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}

 @media(max-width:1120px){
	.gallery_box .tit_area{
		font-size:14px;
	}
 
 }


/*동영상갤러리*/
.youtube_board{
	text-align:center;
	vertical-align:top;
}
.youtube_board:after{
	clear:both;
	display:block;
	content:'';
	
 }
.youtube_box{
	width:17%;
	margin:1% 1%;
	display:inline-block;
	position:relative;
	vertical-align:top;
	
 }

 @media(max-width:1000px){
	.youtube_box{

		width:22%;

	}
 
 }

  @media(max-width:800px){
	.youtube_box{

		width:30%;

	}
 
 }

   @media(max-width:640px){
	.youtube_box{

		width:46%;

	}
 
 }

 @media(max-width:480px){
	.youtube_box{

		width:97%;

	}
 
 }
.youtube_box a{
	position:relative;
	width:100%;
	display:block;
	background:#f4f4f4;
	border:1px solid #d9d8d6;
	
 }
.youtube_box .imgare{
	text-align:center;
	 
	
	}
.youtube_box .imgare img{
	width:100%;
	
 }
.youtube_box .tit_area{
	text-align:center;
	font-size:14px;
	padding:20px 5px;
}

.youtube_box .movieicon{
	top:0;
	position:absolute;
	width:30%;
	height:20%;
	background: url(../image/customer/video.png) no-repeat center 0;
	background-size:100%;
	z-index:3;
	top:0;	
	left:50%;
	margin-top:30%;
	margin-left:-15%;
	
 }


/*온라인문의*/
.inqarea{
	padding-bottom:0px;
	border-top: 2px solid #555;
	margin-top:30px;
	width:100%;
	
 }

.inqarea .row {
	padding:0 20px;
 
 }
.inqarea .row:after {
	content:'';
	display:block;
	clear:both;
	
 }
.inqarea .row .tdcol {
	float:left;
	width:50%;
	margin-top:15px;
	
 }

.inqarea .row .tdcol.wide {
	width:100%;
	
 }
.inqarea .row .tdcol .tdtit {
	
	display:inline-block;
	 width:100px;
	 line-height:1.2;
	 font-size:14px;
	 color:#3b3b3b;
	   vertical-align:middle;
	
 }
  .inqarea.inqareaB .row .tdcol .tdtit {width:200px;}
  .inqarea.inqareaB .row .tdcol .tdtit.pilsu {}
  .inqarea.inqareaB .row .tdcol .tdtit.pilsu .star{padding-right:10px;color:#ff0000;}
.inqarea .row .tdcol .tdtit.tdright{
	text-align:center;
	
 }
  

.inqarea .row .tdcol .tdinput {
	overflow:hidden;
	 border:1px solid #999999;
	   line-height:1.2;
	  width: calc(100% - 120px);
	  display:inline-block;
	  vertical-align:middle;
	
 }
 .inqarea.inqareaB .row .tdcol .tdinput,
 .inqarea.inqareaB .row .tdcol .tdinputB {
 display:inline-block;
	  vertical-align:middle;
	overflow:hidden;
width: calc(100% - 220px);
 
}

  .inqarea.inqareaB .row .tdcol .radioblock{
	display:inline-block;
  }


.inqarea .row .tdcol .tdinputB input[type=radio]+label{
	 display:inline-block;
	vertical-align:middle;
	line-height:40px;
	margin:0 10px 0 5px;
	padding-top:3px;
	}
.inqarea .row .tdcol .tdinputB input[type="radio"]{
	display:inline-block;
	vertical-align:middle;
 	  appearance: none;
  border: max(2px, 0.1em) solid gray;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  
 
 
}
.inqarea .row .tdcol .tdinputB input[type="radio"]:checked {
  border: 0.4em solid tomato;
}


 input.form_style{
	width:100%;
	 height:40px;
	 font-size:14px;
	 color:#3b3b3b;
	 border:none;
	
 }
 
.form_textareaB{
	width:100%;	 
 	 border:none;
	 resize:none;	
     line-height:130%;	
	 padding:0;	
 }
.btnarea{
	text-align:center;
	width:340px;
	margin: 20px auto;
 }
 
.sendbutton{
    
	background: #1b364d;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 15px;
	line-height:16px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 500;
 	min-width:80px;
 	margin: 5px 2px;
}

.cancelbutton{
 	background: #727272;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 15px;
	line-height:16px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 500;
 	min-width:80px;
 	margin: 5px 2px;
}

 .sendbutton a, .sendbutton a:hover,
 .cancelbutton a, .cancelbutton a:hover
 {
	color:#fff;
 }

 .iconarea{
	width:100%;
	position:relative;
	text-align:center;
	border-top: 1px solid #ccc;
	padding:10px 0;
	margin: 20px auto 0 auto;
	
 }
 .iconarea_in{
	padding:30px 0;
	margin: 0 auto;
 }
 .iconarea_in .sendbutton{
	display:inline-block;
	vertical-align:middle;
}
 .iconarea_in .cancelbutton{
	display:inline-block;
	vertical-align:middle;
}
 .iconarea_in .boardbutton{
	display:inline-block;
	vertical-align:middle;
}
 .iconarea_in .blank{
	display:inline-block;
	width:0;
	height:0px;
	vertical-align:middle;
}



.agreementcontents h3{
	font-size:19px;
	margin-top:30px;
	font-weight:400;
	
 }
.agreementcontents h4{
	font-size:16px;
	margin-top:30px;
	font-weight:400;
}

@media(max-width:640px){
	.inqarea .row .tdcol {
		float:none;
		width:100%;
	}
	.inqarea .row .tdcol .tdtit {width:100%;}
	  .inqarea.inqareaB .row .tdcol .tdtit {width:100%;}
	  .inqarea .row .tdcol .tdinput {width:100%;}

	   .inqarea.inqareaB .row .tdcol .tdinput,
 .inqarea.inqareaB .row .tdcol .tdinputB{width:100%;}

	.inqarea .row .tdcol .tdtit.tdright{
		text-align:left;
		
	 }
 
 }


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


 /* page */
.paginate{
	clear:both;
	padding:30px 0;
	text-align:center;
	font-size:12px;
}
.paginate a, .paginate span{
	display:inline-block;
	position:relative;
	min-width:32px;
	height:32px;
	line-height:32px;
	color:#2a2f3a;
	text-decoration:none;
	border:1px solid #d5d5d5;
	padding:0 5px;
}
.paginate a:hover{
	background:#fff;
	border:1px solid #555;
}
.paginate span{
	color:#fff !important;
	background:#2c48b4;
	border:1px solid #2c48b4;
}
.paginate a.pre,.paginate a.next,.paginate a.first,.paginate a.last{
	position:relative;
	vertical-align:top;
}
.paginate a i{
	display:block;
	overflow:hidden;
	background:url("../image/page.png") no-repeat;
	text-indent:-9999px;
	position:absolute;
	top:6px;
	left:10px;
	width:23px;
	height:20px;
}
.paginate a.pre{
	margin:0 12px 0 0;
}
.paginate a.pre i{
	background-position:-45px 0px;
}
.paginate a.next{
	margin:0 0 0 12px;
}
.paginate a.next i{
	background-position:-177px 0px;
}
.paginate a.first i{
	width:23px;
	background-position:0 0px;
}
.paginate a.last i{
	width:23px;
	background-position:-223px -0px;
}


/**개인정보동의**/
.personbox{
	background:#f7f7f7;
	 margin-top:20px;
	margin-bottom:20px;
	width:100%;
	padding:20px 0;
	
 }
.personbox .person_content{
	font-size:12px;
	line-height:1.3;
	letter-spacing:0px;
	color:#333;
	padding:0px 3%;
	height:100%;
	width:94%;
	max-height:130px;
	overflow: scroll;
	 overflow-x: hidden;
	border:1px solid #f7f7f7;
	 }
.personbox .person_content h3.pers_tit{
	margin-bottom:10px;
	font-size:20px;
	text-align:center;
	font-weight:400;
	
 }
.personbox .person_content h4{
	font-size:16px;
	margin-top:30px;
	
 }
.personbox .person_content ul,
.personbox .person_content ol
{
	margin:10px 0 0 0;
	padding:0;
}
.personbox .person_content li {
	list-style:none;
	margin-bottom:10px;
	
 }
 
.personbox .person_content table.per_table{
	width: 100%;
	border-collapse:collapse;
	margin:10px 5px 0 0px;
	 }
.personbox .person_content table.per_table caption{
	display:none;
	
 }
.personbox .person_content table.per_table th{
	background:#fff;
	font-size:12px;
	font-weight:500;
	border-top:2px solid #3679e9;
	padding:10px 0;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	
 }
.personbox .person_content table.per_table td{
	font-size:12px;
	vertical-align:middle;
	 padding:5px;
	 text-align:center;
	border:1px solid #ccc;
	
 } 


 

 /*spec table*/

.table_box{
}
.table_tr{
	border-bottom: 1px solid #ccc;
}
.table_tr:after{
	clear:both;
	content:'';
	display:block;
	position:relative;
}
.table_box dl{
	float:left;
}
/*11*/
.table_col_eleven dl{
	width:9.09%;
}
/*10*/
.table_col_ten dl{
	width:10%;
}
/*9*/
.table_col_nine dl{
	width:11.11%;
}
/*8*/
.table_col_eight dl{
	width:12.5%;
}
/*7*/
.table_col_seven dl{
	width:14.28%;
}
/*6*/
.table_col_six dl{
	width:16.66%;
}
		
 

.table_col_five dl{
	width:20%;
}



			/*사이즈가다를때*/
			.table_col_eight dl.large{
				width:20%;
			}
			.table_col_eight dl.small_two{
				width:8.75%;/* col 2개적용*/
			}
			.table_col_eight_free_lar_one dl{
				width:11.42%;
			}

			.table_col_eight_free_lar_one dl.large{
				width:20%;
			}



			.table_col_nine dl.large{
				width:20%;
			}
			.table_col_nine dl.small_two{
				width:6.665%;/* col 1개적용*/
			}

			.table_col_nine_free dl{
				width:10%;
			}

			.table_col_nine_free dl.large{
				width:20%;
			}

			.table_col_seven_free_lar_two dl{
				width:12%;
			}

			.table_col_seven_free_lar_two dl.large{
				width:20%;
			}


			.table_col_seven_free_lar_one dl{
				width:13.333%;
			}

			.table_col_seven_free_lar_one dl.large{
				width:20%;
			}


			.table_col_eleven_free_lar_one dl{
				width:8%;
			}

			.table_col_eleven_free_lar_one dl.large{
				width:20%;
			}




			/*////사이즈가다를때*/


.table_box dl dt{
	background:#2e4e7d;
	color:#fff;
	text-align:center;
	padding:5px;
	letter-spacing:-0.03em;
	word-wrap:break-word;
	word-break:break-all;
}
.table_box.mobileonly dl dt{
	display:none;
}
.table_box dl dd{
	background:#fff;
	text-align:center;
	padding:5px;
	word-wrap:break-word;
	word-break:break-all;
	min-height:34px;
}
.table_box dl dd.tdcolor{
	background:#ececec;
}
.table_box dl dd.row_span{
	height:68px;
	padding-top:18%;
	
	 
	 
}

.table_box dl dd.tdline{
	 border-top: 1px solid #ccc;
	 
	 
}

 
@media(max-width:1200px){
.table_col_eleven dl,
.table_col_ten dl,
.table_col_nine dl,
.table_col_eight dl,
.table_col_seven dl,
.table_col_six dl,
.table_col_five dl,
.table_col_eight dl.large,
.table_col_eight dl.small,
.table_col_nine dl.large,
.table_col_nine dl.small_two,
.table_col_nine_free dl,
.table_col_nine_free dl.large,
.table_col_seven_free_lar_two dl,
.table_col_seven_free_lar_two dl.large,
.table_col_seven_free_lar_one dl,
.table_col_seven_free_lar_one dl.large,
.table_col_eight_free_lar_one dl,
.table_col_eight_free_lar_one dl.large,
.table_col_eleven_free_lar_one dl,
.table_col_eleven_free_lar_one dl.large
{
	width:100%;

}
.table_box dl{
	border-top:1px solid #ccc;
	display:table;
}
.table_row_two dl dt{
	width:30%;
	display:table-cell;
	vertical-align:middle;
}
.table_box.mobileonly{
	margin-top:30px;
}
.table_box.mobileonly dl dt{
	display:table-cell;
}

.table_row_two dl dd{
	width:70%;
	display:table-cell;
	vertical-align:middle;
}

.table_row_three dl dt{
	width:30%;
	display:table-cell;
	vertical-align:middle;
}

.table_row_three dl dd{
	width:35%;
	display:table-cell;
	vertical-align:middle;
}
	.table_row_three dl dd.tdcolA{
		width:70%;
		display:table-cell;
	vertical-align:middle;
	}
.table_row_four dl dt{
	width:25%;
	display:table-cell;
	vertical-align:middle;
}

.table_row_four dl dd{
	width:25%;
	display:table-cell;
	vertical-align:middle;
}
		.table_row_four dl dd.tdcolC{
				width:75%;
				display:table-cell;
				vertical-align:middle;
			}

.table_row_five dl dt{
	width:20%;
	display:table-cell;
	vertical-align:middle;
}

.table_row_five dl dd{
	width:20%;
	display:table-cell;
	vertical-align:middle;
}

.table_row_six dl dt{
	width:16.66%;
	display:table-cell;
	vertical-align:middle;
}

.table_row_six dl dd{
	width:16.66%;
	display:table-cell;
	vertical-align:middle;
}

.table_box dl dd.row_span{
	height:20px;
	padding-top:0;
	
	
	 
	 
}
.table_row_three dl dd.row_span{
	width:70%;
}
 
 }


@media(max-width:640px){
.table_box dl dt,
.table_box dl dd
{
	font-size:13px;
}

}


/*esg사업*/

.esg .keytxt{
	font-size:200%;
	line-height:1.5;
	letter-spacing: -1px;
	font-weight:400;
	margin:30px auto;
	max-width:800px;
}

.esg .keytxtB{
	font-size:150%;
	line-height:1.5;
	letter-spacing: -1px;
	font-weight:400;
 	max-width:700px;
}

.esg .keytxtB.engfont{
	letter-spacing: 0px;
}
.esg .keytxtC{
	font-size:250%;
	line-height:1.3;
	letter-spacing: -1px;
	font-weight:500;
 	max-width:700px;
}
.esg .keytxtC span{
	display:inline-block;
}

.esg .keytxtB span{
	display:inline-block;
}

@media(max-width:1000px){
	.esg .keytxt{
		font-size:180%;
	}
	.esg .keytxtB{
		font-size:140%;
	}
	.esg .keytxtC{
		font-size:200%;
		}
	
	.esg .keytxtB span{
		display:inline;
	}
	.esg .keytxtC span{
		display:inline;
	}
 }

/**/
.contents_block{
	padding-top:150px;
 	padding-bottom:150px;
}
@media(max-width:1000px){
	.contents_block{
		padding-top:50px;
 		padding-bottom:50px;
		 
	}
 }

#esg_first{
	margin-top:40px;
}
.flexbox{
	display:flex;
}

.flexbox .flexbox_in{
	width:50%;
	min-height:600px;
	
}

.flexbox  .leftcon{

	background:linear-gradient(45deg, #174d86, #1161b4);
	display:flex;
	justify-content:flex-end;
 	padding-right:50px;
	padding-left:50px;
 }


.flexbox .flexbox_in .boxlist{
	max-width:700px;
	display:flex;
	flex-wrap:wrap;
	 
}
.flexbox .flexbox_in .boxlist .boxin{
	width:48%;
	margin:1%;
	background: rgba(255,255,255,.1);
	padding:30px;
	border-radius:10px;
	border:1px solid rgba(255,255,255,.5);
	box-shadow: var(--shadow-normal);
	text-align:center;
	font-size:170%;
	font-weight:500;
	line-height:1.2;
	display:flex;
	 align-items: center;
	 text-align:center;
	 justify-content: center;
	 color:#fff;
}

.flexbox  .leftcon .keytxtB{
	color:#fff;
	opacity:.9; 
	text-align:center;
	margin:80px auto 0 auto;
	
}

.flexbox  .rightcon{
	background: url(../image/pro/esg_img01.jpg) no-repeat center center;
	background-size:cover;
}
@media(max-width:1000px){
	.flexbox{
		
		flex-wrap:wrap;
		display:block;
		position:relative;
	}
	.flexbox .flexbox_in{
		width:100%;
		min-height:450px;
	}
	.flexbox  .leftcon{
			justify-content:center;
			padding-right:20px;
			padding-left:20px;
			padding-top:500px;
	 
	}
	.flexbox  .rightcon{
		 position:absolute;
		 top:0;
		 width:100%;
	}
}
/**/
#esg_second{
	background: url(../image/pro/esg_img04.jpg) no-repeat center center;
	background-size:cover;
}
#esg_second .visionbox  .stxt{
	color:#fff;
	font-size:15px;
	display:block;
	text-align:center;
	margin-bottom:30px;
}
#esg_second .visionbox .keytxtB{
	color:#fff;
	margin: 30px auto;
	text-align:center;
}


.visionbox{
	
}
.visionbox .stxt{
	position:relative;
	display:block;
	font-size:130%;
}
.visionbox .stxt:after{
	content:'';
	display:block;
	position:relative;
	margin:10px auto;
	background:#fff;
	height:2px;

	width:30px;
	
}

.visionbox .keyarea{
	color:#fff;
	margin: 0 auto;
	max-width:700px;
}
@media(max-width:1000px){
		.visionbox .keyarea{
			margin-left:20px;
			margin-right:20px;
		}
}

.visionbox .keytxtC{
	text-align:center;
}

.visionbox .missionlist{
	font-size:150%;
	text-align:left;
	margin-bottom:90px;
}
@media(max-width:1000px){
	.visionbox .missionlist{
		font-size:130%;
	}
}
.visionbox .missionlist li{
	position:relative;
	padding-left:30px;
}
.visionbox .missionlist li:after{
	content:'';
	display:block;
	position:absolute;
	 left:0;
	 top:15px;
	background:#fff;
	height:6px;
	width:6px;
	border-radius:50% 50%;
	
}

#mission .keytxtC{
	 
}


.flexboxB{
	display:flex;
	align-items: center;
}

.flexboxB .flexbox_in{
	width:50%; 
	align-self: center;
	
}

.flexboxB .leftcon{
	
	min-height:400px;
	background: url(../image/pro/esg_img02.jpg) no-repeat center top;
	background-size:cover;
 }

 .flexboxB .rightcon{
	padding-left:80px;
 }

 #esg_third{
 
 }
 

.flexboxB .rightcon{
	
}

#esg_third h4{

}
#esg_third .ulli{
	margin-top:60px;
	font-size:130%;
}
@media(max-width:1000px){
	.flexboxB{
		flex-wrap:wrap;
	}
	.flexboxB .flexbox_in{
		width:100%;  
		
	}
	 .flexboxB .rightcon{
		padding-left:0px;
	 }
	 #esg_third h4{margin-top:30px;}
	#esg_third .ulli{
		margin-top:30px;
		font-size:120%;
	}
}


#esg_four{

}


#esg_four .workbox{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
#esg_four .workbox .workbox_in{
	width:23%;
	margin:1%;
	margin-bottom:40px;
}
#esg_four .workbox .imagearea{
	margin-bottom:30px;
	 
}
#esg_four .workbox .imagearea img{
	width:100%;
	max-width:100%;
	border-radius:10px;
	overflow:hidden;
} 
#esg_four .workbox .txtarea strong{
	display:block;
	text-align:center;
	padding:0 10px 10px 10px;
	font-size:140%;
	font-weight:500;

}
@media(max-width:1000px){
	#esg_four .workbox .txtarea strong{

		font-size:130%;
	}
}

#esg_four .workbox .txtarea .txt_info{
	font-size:16px;
	margin-top:20px;
	opacity:.8;
}

@media(max-width:1000px){
	#esg_four .workbox .txtarea .txt_info{

		font-size:15px;
	}
}


@media(max-width:1000px){
	#esg_four .workbox .workbox_in{
		width:48%;
		 
	}

}
@media(max-width:480px){
	#esg_four .workbox .workbox_in{
		width:98%;
		 
	}

}



@media(max-width:1000px){


}


#esg_faqr .div_block{
	margin-bottom:30px;
	font-size:16px;
}

@media(max-width:1000px){
	#esg_faqr .div_block{

		font-size:15px;
	}
}
#esg_faqr .div_block_Lp{
	padding-left:30px;
}
#esg_faqr h4.redt{
	color:#ff0000;
}

#esg_faqr .stitle{
	display:block;
	margin-bottom:20px;
	font-size:130%;
}

@media(max-width:1000px){
	#esg_faqr .stitle{

		font-size:120%;
	}
}

#esg_faqr .tablearea{
	margin-bottom:30px;
}

.halfcon{
	display:flex;
}

.halfcon .halfcon_in{
	padding:20px;
	
}

.halfcon .halfcon_in .imagearea{
	text-align:center;
}


@media(max-width:1000px){
	.halfcon{
		 flex-wrap:wrap;
		}

}

.tablearea{margin-bottom:0px; width: 100%; overflow: auto;}
 
 
/************************ table_esg  table ************************/
	table.table_esg				{width: 100%; height: 100%;min-width:500px; border-collapse:collapse;margin:0px 0px 0 0px;border-bottom:1px solid #dadada; }

	table.table_esg caption		{display:none;}
	 
 	table.table_esg th{font-size:16px;line-height:1.3; color:#333;background:#f6f6f6;padding:10px 10px; font-weight:400;border-top:1px solid #ccc;border-bottom:1px solid #ccc; border-left:1px solid #ccc;border-right:1px solid #dadada;}
 	table.table_esg td{font-size:16px; position:relative;vertical-align:middle; line-height:1.3;padding:5px; text-align:center;border-left:1px solid #dadada;border-right:1px solid #dadada;border-bottom:1px solid #dadada;border-top:1px solid #dcdcdc;letter-spacing:0;background:#fff;} 
    table.table_esg td img{width: 80px;}
	table.table_esg td.left{text-align:left;}
 	table.table_esg td.td01{background:#dff5f6;}
	table.table_esg td.right_line{
		border-right:1px solid #dadada;
	}
	table.table_esg th.right_line{
		border-right:1px solid #dadada;
	}


	@media(max-width:1000px){
	table.table_esg th{font-size:15px;}
	table.table_esg td{font-size:15px;}
}



/*FAQ*/

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