/* organization */
.org{
	overflow:hidden;
}
em.t-br{display:block;font-weight:300;}
.org-chart {
	position :  relative;
	width : 100%;
	max-width:1200px;
	overflow:hidden;
	height:auto;
 	margin :  2rem auto 0.5rem;
  	//background:url(/img/company/bg-org.png) center 110px  no-repeat;
} 

	.org-web { display:block; }
	.org-mob { display:none; 
			  text-align:left; 
			  max-width:100%; 
			  font-size:20px;
			background:url(/img/company/mbar.png) left  0px  no-repeat;
	}

/*

.org-chart  li{
	position :  absolute;
	left :  50%;
	text-align :  center;
	width:230px;
 	color :  #fff;
	display:block;
 	font-weight:500;
}  
.org-chart  li.c1{
	top:0px;  
	margin-left:-70px;
  	background:url(/img/company/bg-org01.png) center top  no-repeat;
 	font-size:19px;
 	width:140px;
	height:124px;
	line-height:25px;
  	font-weight:500 !important;
	padding-top:20px;
}
.org-chart  li.c1 em.t-br{  	font-weight:500 !important;}


.org-chart  li.ceo{
	background:#104284;
 	font-size:17px;
 	width:220px;
	height:65px;
	line-height:22px;
 	border-radius:35px;
 	font-weight:500;
	padding-top:8px;
}
.org-chart  li.c2{
	top:190px;  
	margin-left:-430px;
}
.org-chart  li.c3{
	top:190px;  
	margin-left:210px;
}
.org-chart  li.hq{
	background:#fff;
	border:3px solid #104284;
	color:#104284;
 	font-size:16px;
 	width:185px;
	height:56px;
	line-height:20px;
  	border-radius:30px;
 	font-weight:500;
	padding-top:14px;
}
.org-chart  li.hq-1{
 	padding-top:5px;
}
.org-chart  li.c4{
	top:310px;  
	margin-left:-515px;
}
.org-chart  li.c5{
	top:310px;  
	margin-left:-310px;
}
.org-chart  li.c6{
	top:310px;  
	margin-left:380px;
}
.org-chart  li.part{
	background:#219a90;
  	font-size:14px;
 	width:145px;
	height:45px;
	line-height:17px; 
	border-radius:6px;
 	padding :5px;
	font-weight:400;
}
.org-chart  li.c7{
	top:395px;  
  	margin-left:-600px;
}
.org-chart  li.c7-1{
	top:445px; 
	width:145px;
  	margin-left:-600px;
}
.org-chart  .part-box{
	position:relative;
	background:#f9f9f9;
	border:1px solid #e4e4e4; 
	color:#666;
	border-radius:6px;
	padding:0.5rem 0;
}
.org-chart  .part-box2{
	position:relative;
	background:#fff;
	border:1px solid #e4e4e4; 
	color:#666;
 	padding:0.75rem 0;
 	width:100px;
	height:180px;
}
.org-chart .part-box li {
	position:relative;
	color:#666;
	font-size:12px;
	text-align:left;
	left:10px;
	line-height:20px;
	padding-left:7px;
	font-weight:300;
}
.org-chart .part-box2 li{
	position:relative;
	color:#666;
	font-size:12px;
	text-align:left;
	left:10px;
	line-height:18px;
	padding-left:5px;
	width:105px;
	font-weight:300;
}
.org-chart .part-box2 .stit{
	color:#111;
	font-weight:700;
	font-size:12px;
	line-height:1.4;
 	text-align:center;
	padding-bottom:0.25rem;
 }
.org-chart .part-box li::before,
.org-chart .part-box2 li::before{
	position:absolute;
	left:0;
	top:10px;
	background:#ccc;
	width:2px;
	height:2px;
	z-index:2;
	content: "";
	display: block;
}
.org-chart  li.c8{
	top:395px;  
	margin-left:85px;
}
.org-chart  li.c9{
	top:395px;  
	margin-left:345px;
}
.org-chart  .part-box2{
	position:relative;
	background:#fff;
	border:1px solid #e4e4e4; 
 	color:#666;
	border-radius:0px;
	padding:0.5rem 0;
}
.org-chart  li.team{
	background:#888;
 	color:#fff;
 	font-size:12px;
 	width:100px;
	height:65px;
	line-height:1.3; 
	font-weight:400;
	padding-top:6px;
}
.org-chart  li.team-1{
 	padding-top:15px;
}
.org-chart  li.team::before{
	position:absolute;
	margin-left:-4px;
	left:50%;
	top:-4px;
	background:#fff;
	border:1px solid #d9d9d9;  
	border-radius:50%;
	width:8px;
	height:8px;
	z-index:2;
	content: "";
	display: block;
}
.org-chart  li.c10{
	top:580px; 
  	margin-left:-575px;
}
.org-chart  li.c10-1{
	top:637px; 
  	margin-left:-575px;
}
.org-chart  li.c11{
	top:580px; 
  	margin-left:-470px;
}
.org-chart  li.c11-1{
	top:637px; 
  	margin-left:-470px;
}
.org-chart  li.c12{
	top:580px; 
  	margin-left:-365px;
}
.org-chart  li.c12-1{
	top:637px;  
  	margin-left:-365px;
}
.org-chart  li.c13{
	top:580px; 
  	margin-left:-260px;
}
.org-chart  li.c13-1{
	top:637px;  
  	margin-left:-260px;
}
.org-chart  li.c14{
	top:580px; 
  	margin-left:-155px;
}
.org-chart  li.c14-1{
	top:637px;  
  	margin-left:-155px;
}
.org-chart  li.c15{
	top:580px; 
  	margin-left:-50px;
}
.org-chart  li.c15-1{
	top:637px;  
  	margin-left:-50px;
}
.org-chart  li.c16{
	top:580px; 
  	margin-left:55px;
}
.org-chart  li.c16-1{
	top:637px;  
  	margin-left:55px;
}
.org-chart  li.c17{
	top:580px; 
  	margin-left:160px;
}
.org-chart  li.c17-1{
	top:637px;  
  	margin-left:160px;
}
.org-chart  li.c18{
	top:580px; 
  	margin-left:265px;
}
.org-chart  li.c18-1{
	top:637px;  
  	margin-left:265px;
}
.org-chart  li.c19{
	top:580px; 
  	margin-left:370px;
}
.org-chart  li.c19-1{
	top:637px;  
  	margin-left:370px;
}
.org-chart  li.c20{
	top:580px; 
  	margin-left:475px;
}
.org-chart  li.c20-1{
	top:637px;  
  	margin-left:475px;
}
.org-chart .hq em{
	font-weight:500;
}
*/
@media all and (min-width:1200px) and (max-width:1400px) {
/*
	.org-chart  li.c7,
	.org-chart  li.c7-1{
 		margin-left:-575px;
	}
	*/
}

@media all and  (max-width:1200px) {
/*
	em.t-br{display:inline-block;font-weight:400;}
 	.org-chart {
 		max-width:600px;
		background:none;
 	} 
 	.org-chart li{
		position:relative;
		left:0;
		margin-bottom:10px;
		text-align:left;
  	}
 	.org-chart li li{
 		margin-bottom:0;
		font-weight:400;
 	}
 	.org-chart::before{
		position:absolute;
		left:0rem;
		top:35px;
		background:#d9d9d9;
		width:1px;
		height:100%;
		z-index:-1;
		content: "";
		display: block;
	}
	.org-chart li.c3::after{
		position:absolute;
		left:-1rem;
		top:25px;
		background:#fff;
		width:10px;
		height:1000px;
		z-index:-1;
		content: "";
		display: block;
	}
   	.org-chart li::before{
		position:absolute;
		left:-1rem;
		top:50%;
		background:#d9d9d9;
		width:100%;
		height:1px;
		z-index:-1;
		content: "";
		display: block;
	}
 	.org-chart li.c7::before,
 	.org-chart li.c8::before{
		position:absolute;
		left:-14px;
		top:50%;
		background:#d9d9d9;
		width:100%;
		height:1px;
		z-index:-1;
		content: "";
		display: block;
	}
 	.org-chart li.c7::after{
		position:absolute;
		left:-14px;
		top:-100%;
		background:#d9d9d9;
		width:1px;
		height:610px;
		z-index:-1;
		content: "";
		display: block;
	}
 	.org-chart li.c8::after{
		position:absolute;
		left:-14px;
		top:-100%;
		background:#d9d9d9;
		width:1px;
		height:615px;
		z-index:-1;
		content: "";
		display: block;
	}
 	.org-chart li.c7-1::before,
 	.org-chart li.c10-1::before,
 	.org-chart li.c11-1::before,
 	.org-chart li.c12-1::before,
 	.org-chart li.c13-1::before,
 	.org-chart li.c14-1::before,
 	.org-chart li.c15-1::before,
 	.org-chart li.c16-1::before,
 	.org-chart li.c17-1::before,
 	.org-chart li.c18-1::before,
 	.org-chart li.c19-1::before,
 	.org-chart li.c9::before,
 	.org-chart li.c20-1::before{
		display:none;
	}
   	.org-chart  li.c1{
  		top:0px; 
		margin-left:0rem;
  		background:url(/img/company/bg-org01.png) center top  no-repeat;
		background-size:auto 90px;
		font-size:18px;
 		height:90px;
		line-height:90px;
		text-align:center;
		padding-left:0;
	}
	.org-chart  li.c1{
		top:0px;  
		margin-left:0.5rem;
 		font-size:18px;
		width:250px;
 		height:70px;
		line-height:70px;
		text-align:center;
		padding-left:0;
		background:#50b848;
 		padding:0;
		border-radius:10px;
	}
 	.org-chart  li.c1 span,
	.org-chart  li.c2 span,
	.org-chart  li.c3 span{
		padding-left:0;
	}
	.org-chart  li.ceo{
 		font-size:15px;
		width:250px;
		height:48px;
		line-height:48px;
  		padding-top:0px;
	}
	.org-chart li.c2,
	.org-chart li.c3{
		margin-left:0.5rem !important;
		top:0;
		margin-top:1.5rem;
		text-align:center;
	}
	.org-chart span{
		padding-left:1rem;
	}
	.org-chart  li.hq{
 		font-size:16px;
 		height:46px;
		line-height:40px;
		border-radius:0px;
		margin-top:20px;
		padding-top: 0px;
	}
	.org-chart li.c4, 	.org-chart li.c5, .org-chart li.c6, 	.org-chart li.c7, 	.org-chart li.c7-1, .org-chart li.c8, 	.org-chart li.c9, 
	.org-chart li.c10,	.org-chart li.c11, .org-chart li.c12, 	.org-chart li.c13, .org-chart li.c14, 	.org-chart li.c15, .org-chart li.c16, 	.org-chart li.c17, .org-chart li.c18, 	.org-chart li.c19, .org-chart li.c20,
	.org-chart li.c10-1,	.org-chart li.c11-1, .org-chart li.c12-1, 	.org-chart li.c13-1, .org-chart li.c14-1,	.org-chart li.c15-1, .org-chart li.c16-1,	.org-chart li.c17-1, .org-chart li.c18-1,	.org-chart li.c19-1, .org-chart li.c20-1 {
  		top:0px; 
		margin-left:15%;
		height:auto;
		width:85%;
		max-width:85% ;
  	}
  .org-chart .part-box2{
		height:auto;
		width:100% !important;
		max-width:100% !important;
		margin-top:-10px;
  	}
  .org-chart .part-box2 li{
 		width:100% !important;
		max-width:100% !important;
   	}
 	.org-chart  li.team::before{
 		display:none;
 	}
	.org-chart .part-box2 .stit{
 		text-align:left;
		padding-left:10px;
		padding-bottom:0;
	 } 
	.org-chart .part-box {
		border-radius: 0px;
	}
	.org-chart  .part-box2{
 	}
	.org-chart li.part {
  		height: 45px;
		line-height:  45px;
		border-radius: 0px;
		padding-top: 0px;
	} 
	.org-chart  li.team-1,
	.org-chart  li.team{
 		height:42px;
		line-height:42px;
 		padding-top:0px;
		font-size:13px;
	}
  	.org-chart .part-box li,
  	.org-chart .part-box2 li{
 		font-weight:400 !important;
		font-size:13px;
  	}
	.org-chart .part-box li::before,
	.org-chart .part-box2 li::before{
 		top:8px !important;
 	}
 */
}
@media all and  (max-width:767px) {
	.org-web { display:none; }
	.org-mob { display:block;   }
	.org-mob ul li {  display:block;   text-align:center;  height:60px; line-height:60px; width:300px;	 }
	.org-mob ul li.c1 { font-size:1.0em; background-color:#4fb847; color:#ffffff; font-weight: bold; border-radius: 10px;  margin: 10px 10%;}
	.org-mob ul li.c2 { font-size:1.0em; background-color:#104284; color:#ffffff; font-weight: bold; border-radius: 10px;  margin: 10px 10%;}
	.org-mob ul li.c3 { font-size:0.8em; background-color:#219a90; color:#ffffff;  margin: 10px 25% 1px 25%; text-align:left;  padding-left:4%;      height:50px; line-height:50px; width:400px;	}
	.org-mob ul li.c4 { font-size:0.7em; background-color:#888888; color:#ffffff;   margin: 1px 25%;  text-align:left;   padding-left:4%;    height:40px; line-height:40px; width:400px; }

/*
 	.org-chart {
		max-width:100%;
  	} 
 	.org-chart li.c3::after{
		position:absolute;
		left:-1rem;
		top:26px;
		background:#fff;
		width:10px;
		height:1000px;
		z-index:-1;
		content: "";
		display: block;
	}
   	.org-chart li::before{
		position:absolute;
		left:-1rem;
		top:50% !important;
		background:#d9d9d9;
		width:100%;
		height:1px;
		z-index:-1;
		content: "";
		display: block;
	}
	.org-chart li.c3::after{
		top:25px;
	}
	 .block .text  	.org-chart li::before {
		top:50% !important;
	}
  	.org-chart li.c7::before,
 	.org-chart li.c8::before{
		position:absolute;
		left:-14px;
		top:50%;
		background:#d9d9d9;
		width:100%;
		height:1px;
		z-index:-1;
		content: "";
		display: block;
	}
 	.org-chart li.c7::after{
		position:absolute;
		left:-14px;
		top:-100%;
		background:#d9d9d9;
		width:1px;
		height:605px;
		z-index:-1;
		content: "";
		display: block;
	}
 	.org-chart li.c8::after{
		position:absolute;
		left:-14px;
		top:-100%;
		background:#d9d9d9;
		width:1px;
		height:608px;
		z-index:-1;
		content: "";
		display: block;
	}
 	.org-chart li.c6::after{
		position:absolute;
		left:-17px;
		top:-50px;
		background:#d9d9d9;
		width:1px;
		height:70px;
		z-index:-1;
		content: "";
		display: block;
	}
  	.org-chart li.c4::before,
 	.org-chart li.c5::before,
 	.org-chart li.c6::before{
		position:absolute;
		left:-16px;
		top:50%;
		background:#d9d9d9;
		width:100%;
		height:1px;
		z-index:-1;
		content: "";
		display: block;
	}
	.org-chart li.c4, 	.org-chart li.c5, .org-chart li.c6, 	.org-chart li.c7, 	.org-chart li.c7-1, .org-chart li.c8, 	.org-chart li.c9, 
	.org-chart li.c10,	.org-chart li.c11, .org-chart li.c12, 	.org-chart li.c13, .org-chart li.c14, 	.org-chart li.c15, .org-chart li.c16, 	.org-chart li.c17, .org-chart li.c18, 	.org-chart li.c19, .org-chart li.c20,
	.org-chart li.c10-1,	.org-chart li.c11-1, .org-chart li.c12-1, 	.org-chart li.c13-1, .org-chart li.c14-1,	.org-chart li.c15-1, .org-chart li.c16-1,	.org-chart li.c17-1, .org-chart li.c18-1,	.org-chart li.c19-1, .org-chart li.c20-1 {
 		margin-left:40px;
   	}
*/
}



/* philosophy  */
.philosophy .container{
 }
.philosophy .philosophy-wrap{
	height:750px;
	padding:5rem;
 	background:#f6f6f6 url(/img/company/bg-philosophy.png) center top  no-repeat;
}
.philosophy .philosophy-wrap .t1{
	font-size:44px;
	font-weight:500;
	height:80px;
 	background:url(/img/company/bg-t1_eng.png) center center  no-repeat;
}
.philosophy .philosophy-wrap .t2{
	width:600px;
	height:75px;
	line-height:75px;
	font-size:32px;
	font-weight:500;
  	color:#fff;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	border-radius: 50px;
  	background:#ff7e00;
	margin:4rem  auto 7rem;
	position:relative;

 }
.philosophy .philosophy-box .item{
	width:23%;
	float:left;
	margin:0 1%;
   	position:relative;
 
} 
.philosophy .philosophy-wrap .t2:before{ 
 	content: "";
	position: absolute;
	height:70px;
	left:50%;
 	top: 75px;
 	width:1px;
	background:#d9d9d9;
	z-index:1;
} 
 .philosophy .philosophy-box .item:before{ 
 	content: "";
	position: absolute;
	height:1px;
	left:50%;
 	top: -50px;
 	width:60%;
	background:#d9d9d9;
	z-index:1;
} 
 .philosophy .philosophy-box .item:after{ 
 	content: "";
	position: absolute;
	height:1px;
	left:0%;
 	top: -50px;
 	width:50%;
	background:#d9d9d9;
	z-index:1;
} 
 .philosophy .philosophy-box .item04:before{ 
	display:none;
}
 .philosophy .philosophy-box .item01:after{ 
	display:none;
}

 .philosophy .philosophy-box .circle:before{ 
 	content: "";
	position: absolute;
	height:50px;
	left:50%;
 	top: -50px;
 	width:1px;
	background:#d9d9d9;
	z-index:1;
} 
.philosophy .philosophy-box .circle{
 	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 10%;
	width:200px;
	height:240px;
	color:#fff;
   	position:relative;
	padding:25px 0;
	margin:0 auto;
 } 
.philosophy .philosophy-box .circle01{background:#50b848;}
.philosophy .philosophy-box .circle02{background:#009e84;}
.philosophy .philosophy-box .circle03{background:#0079a2;}
.philosophy .philosophy-box .circle04{background:#104385;}

.philosophy .philosophy-box .num{
 	font-weight:900;
	position:relative;
	font-size:21px;
	font-family: 'NanumSquareRound', 'Noto Sans KR', 'NanumGothic', sans-serif;
 }
.philosophy .philosophy-box .num:after{ 
 	content: "";
	position: absolute;
	height:1px;
	left:50%;
 	top: 35px;
 	width:60px;
	margin-left:-30px;
	background:rgba(255,255,255,0.35);
	z-index:1;
}  
.philosophy .philosophy-box p {
	line-height:1.4 !important;
	margin-top:0.8rem;
 	font-weight:400;
	font-size:18px;
} 

/*
.philosophy .philosophy-box .item02 p {
  	font-size:15px;
}

 .philosophy .philosophy-box .item03  p {
  	font-size:14px;
}
*/
.m-philosophy{
	display:none;
}	

/* product  */
.product-box {
 	line-height:1.5;
	position:relative;
	padding-top:1rem;
}
.product-box:before{ 
 	content: "";
	position: absolute;
	height:5px;
	left:20%;
 	top: 122px;
 	width:70%;
 	background:url(/img/product/product-line.png) center center  repeat-x; 
	z-index:-1;
} 
.product-box .item{
	width:30.3333%;
	float:left;
	margin:0 1.5%;
   	position:relative;
} 
.product-box .item .circle{
	-webkit-border-radius:50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	width:220px;
	height:220px;
	border:10px solid #eee;
  	position:relative;
	margin:0 auto;
	text-align:center;
	background:#fff;
 }
.product-box .item .circle .icon{
 	vertical-align:middle;
	display:inline-block;
	width:100px;
	height:90px;
  	cursor:pointer; 	 
 	background:url(/img/product/icon-product.png) center center no-repeat;  	
	margin:45px 0 10px;
 }
.product-box .item .circle .icon01{background-position:0 0; }
.product-box .item .circle .icon02{background-position:-100px 0; }
.product-box .item .circle .icon03{background-position:-200px 0; }
.product-box .item .tit{
	font-weight:500;
	font-size:21px;
 	color:#333;
}
.product-box .item .list{
	padding-top:1.5rem;
 	line-height:1.5;
	max-width:90%;
	margin:0 0 0 10%;
}
.mark-box {
	float:right;
	margin:3vw 0 0;
 }
.mark-box .items{
	float:right;
	display:inline-block;
	margin:0 0 0 2vw;
}
.mark-box .items img{
	max-height:75px;
}
/* procedure  */
.procedure-box {
	text-align:center;
 	line-height:1.5;
	position:relative;
	padding-top:1rem;
}
  .procedure-box .num{
	position:absolute;
	left:-1px;
 	top:-1px;
	color:#fff;
 	background:#50b848;
 	width:45px;
	height:45px;
	line-height:45px;
	font-weight:900;
	font-size:18px;
  	font-family: 'NanumSquareRound', 'Noto Sans KR', 'NanumGothic', sans-serif;
   }
.procedure-box2 .item{
	height:410px !important;
}
.procedure-box .item{
	width:31.3333%;
	float:left;
	margin:0 1% 2%;
	border:1px solid #dedede;
	 height:520px;
	position:relative;
 } 
   .procedure-box .item:nth-child(2n+1){
 	background:#f5f7f9;
} 
.procedure-box .item .icon{
 	vertical-align:middle;
	display:inline-block;
	width:130px;
	height:130px;
  	cursor:pointer; 	 
 	background:url(/img/recruit/icon-procedure.png) center center no-repeat;  	
 	background-size:780px auto;
	margin-top:2.5rem;
}  
 
.procedure-box .item .icon01{background-position:0 0; }
.procedure-box .item .icon02{background-position:-130px 0; }
.procedure-box .item .icon03{background-position:-260px 0; }
.procedure-box .item .icon04{background-position:-390px 0; }
.procedure-box .item .icon05{background-position:-520px 0; }
.procedure-box .item .icon06{background-position:-650px 0; }

.procedure-box .item .icon span{
	color:#fff;
	margin-top:100px;
	display:inline-block;
	font-weight:500;
	font-size:19px;
}
.procedure-box .item dl{
 	padding-top:1rem;
	font-size:16px;
 	max-width:80%;
	margin:0 auto;
 }
.procedure-box .item dt{
	font-weight:500;
	font-size:24px;
	padding-bottom:1.25rem;
	color:#275591;
}
.procedure-box .item dd{
	text-align:left;
}
.procedure-box .item dd em{
	font-weight:500;
	padding-bottom:1rem;
	color:#577ba9;
}





 /* welfare  */
 .welfare-box{
  	line-height:1.5;
	position:relative;
	padding-top:1rem;
 }

 .welfare-box .box{
	width:47%;
	margin:0 1.5% 3%;
	float:left;
   	position:relative;
	padding:2% 5%;
 	height:180px;
}
 .welfare-box .box1{
	width:97%;
	margin:0 ;
	margin:0 1.5% ;
 }

 .welfare-box .box .icon-box{
	position:absolute;
 	vertical-align:middle;
	display:inline-block;
	width:130px;
	height:150px;
  	cursor:pointer; 	 
 	background:url(/img/recruit/icon-box.png) center center no-repeat;  	
 }  
 .welfare-box .box .icon {
	position:absolute;
 	vertical-align:middle;
	display:inline-block;
	width:130px;
	height:150px;
  	cursor:pointer; 	 
 	background:url(/img/recruit/icon-welfare.png) center center no-repeat;  	
 }  
 .welfare-box .box .icon01{background-position:0 0; }
 .welfare-box .box .icon02{background-position:-130px 0; }
 .welfare-box .box .icon03{background-position:-260px 0; }
 .welfare-box .box .icon04{background-position:-390px 0; }
 .welfare-box .box .icon05{background-position:-520px 0; }
 .welfare-box .box .icon06{background-position:-650px 0; }
 .welfare-box .box .icon11{background-position:0 -150px; }
 .welfare-box .box .icon12{background-position:-130px -150px; }
 .welfare-box .box .icon13{background-position:-260px -150px; }
 .welfare-box .box .icon14{background-position:-390px -150px; }
 .welfare-box .box .icon15{background-position:-520px -150px; }
 .welfare-box .box .icon16{background-position:-650px -150px; }
 .welfare-box .box .icon17{background-position:0px -300px; }
 .welfare-box .box .icon18{background-position:-130px -300px; }
 .welfare-box .box .icon21{background-position:-260px -300px; }

  .welfare-box .box .tit{
	padding:1em 0 0 10rem;
	font-size:21px;
	font-weight:400;
	color:#000;
}
 .welfare-box .box .list{
	padding:1em 0 0 10rem;
 }
/* job */
.job  .text .header  {
	padding-bottom:5rem;
}
.job  .text .header p{
	color:#111;
 	font-size:26px;
	line-height:1.4;
}
.job  .grade{
	font-size:14px;
	padding:0.25rem;
	background:#fff;
	border:1px solid #d9d9d9;
	width:60px;
	text-align:center;
	display:inline-block;
}
.job  .grade1{
	border:1px solid #50b848;	

 	background:#50b848;	
	color:#fff;

 }

 /* recruit */
.recruit .text .header{
	color:#111;
	font-weight:300;
	font-size:28px;
	line-height:1.3;
}
.recruit .text .p1{
 	font-weight:500;
	font-size:70px;
}
.recruit-box {
	text-align:center;
	padding-top:8rem;
	line-height:1.5;
	max-width:90%;
	margin:0 auto;
 }
.recruit .text:before{ 
 	content: "";
	position: absolute;
	height:1px;
	left:0%;
	margin-left:20%;
	top: 350px;
 	width:70%;
	background:#d9d9d9;
	z-index:-1;
} 
.recruit-box:after{ 
 	content: "";
	position: absolute;
	height:160px;
	left:50%;
 	top: 190px;
 	width:1px;
	background:#d9d9d9;
	z-index:-1;
}  

.recruit-box .item{
	width:25%;
	float:left;
 }
 .recruit-box .item01 dt{color:#50b848;}
 .recruit-box .item02 dt{color:#009e84;}
 .recruit-box .item03 dt{color:#0079a2;}
 .recruit-box .item04 dt{color:#104385;}

.recruit-box .item .icon{
 	vertical-align:middle;
	display:inline-block;
	width:150px;
	height:170px;
  	cursor:pointer; 	 
 	background:url(/img/recruit/icon-recruit.png) center center no-repeat;  
}  
.recruit-box .item .icon span{
	color:#fff;
	margin-top:100px;
	display:inline-block;
	font-weight:500;
	font-size:19px;
}

.recruit-box .item .icon01{background-position:0 0; }
.recruit-box .item .icon02{background-position:-245px 0; }
.recruit-box .item .icon03{background-position:-506px 0; }
.recruit-box .item .icon04{background-position:-752px 0; }

.recruit-box .item dl{
 	padding-top:1rem;
	font-size:16px;
 	max-width:75%;
	margin:0 auto;
 }
.recruit-box .item dt{
	font-weight:500;
	font-size:24px;
	padding-bottom:0.5rem;
}


/* org */
.pc-org{
	display:block;
}
.m-org{
	display:none;
}

/* project */
.project th{
 	background:#104284;
	color:#fff;
	border-bottom:1px solid #476ea0;
   	border-left:1px solid #476ea0;
}

/* introduce */
.introduce .text-box {
	padding:5%;
	background:#f5f5f5;
  	position:relative;
  	float:left;
}
  .introduce .boxs{
	width:50%;
 	position:relative;
  	float:left;
}
  .introduce .boxs2{
	width:100%;
 	position:relative;
  	float:left;
}
  .introduce .img-box{
	height:450px;
	max-width:85%;
}
  .img-intro01 .img  {
	display: block;
	width: 100%;
	position: relative;
	z-index: 0;
	height:450px;
	background-image:url(/img/company/img-intro01.jpg) ;
 }
.img-intro02 .img  {
	display: block;
 	width: 100%;
	position: relative;
	z-index: 0;
	height:450px;
	background-image:url(/img/company/img-intro02.jpg);
	margin-left:15%;
 }
.introduce .boxs .p1{
	font-size:18px;
	color:#111;
	font-weight:400;
	padding-bottom:2em;
}
.introduce .boxs .p2{
 	padding-top:2em;
}
/* greetings */
 .line{
	padding:0.75em 1rem  0;
	font-size:12px;
	vertical-align:top;
	display:inline-block;
 }
.line-w{
 	color:rgba(255,255,255,0.3);
}
 .greetings .container{
  	background: url(/img/company/img-greeting2.jpg) left top  no-repeat;
	width:100%;
 	z-index:0;
}
.greetings .top-box{
 	color:#fff;
	line-height:1.42;
	padding:70px 50px 0;
	height:300px;
}
.greetings .top-box .t1{
 	font-size:34px;
	font-weight:100;
	padding-left:60px;
  }
.greetings .top-box .t1 em{
 	font-weight:500;
  }
.greetings .top-box .t2{
 	font-size:66px;
	font-weight:700;
	text-transform:uppercase;
	float:right;
	padding:25px 0 0;
	font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
}
.greetings .text-area{
	margin:0px 0 0 110px;
	background:#fff;
	z-index:9;
 	padding:50px;
}
.greetings .t3{
	font-size:21px;
	color:#111;
	font-weight:500;
}


 /* plan-list */
.plan-list{
	width:95%;
	position:relative;
	margin:2rem auto;
	height:245px;
}
.plan-list li .circle:before{
	position:absolute;
	left:0;
	top:97px;
	background:#7e7e7e;
	width:100%;
	height:1px;
	z-index:-1;
	content: "";
	display: block;
}
.plan-list li:last-child .circle:before{
	width:0%;
}

.plan-list li .circle{
	width:285px;
 	height:255px;
	vertical-align:top;
	display:inline-block;
 	background: url(/img/product/future.png) left top  no-repeat;
}
.plan-list li .circle01{background-position:0 0; }
.plan-list li .circle02{background-position:-300px 0; }
.plan-list li .circle03{background-position:-600px 0; }
.plan-list li .circle04{background-position:-900px 0; }
.plan-list li .t1{
	font-weight:900;
	font-size:26px;
	color:#111;
	padding-bottom:0.5rem;
 	font-family: 'NanumSquareRound', 'Noto Sans KR', 'NanumGothic', sans-serif;
	line-height:1.3;
	height:70px;
}
.plan-list li .t1 .t11{
	padding-left:45px;
}

 /* pipeline-tb */
.pipeline-tb{
 	position:relative;
	width:100%;
	display:table;
	border-bottom:1px solid #ccc;  
}
.pipeline-wrap .pipeline-tb:before{
   	background: url(/img/research/bg-pipeline.jpg) right top  repeat-y;
   	background-size: 100% auto;
	content: "";
	position: absolute;
	height:46px;
	left:0%;
 	top:0px;
 	width:100%;
 	z-index:-1;

}
.pipeline-tb tbody{
	border-right:1px dotted #d9d9d9;
}
.pipeline-tb th{
	color: #fff;
  	text-align:center;
 	vertical-align:middle;
	line-height:1.3;
 	min-width:80px;
	word-break:normal;
  	padding:12px;
 }  
 .pipeline-tb th.first,
 .pipeline-tb td.first{
   	border-left:none;
}
.pipeline-tb td{
	position:relative;
	color: #454545;
	border-left:1px dotted #d9d9d9;
  	vertical-align:middle;
	line-height:1.3;
 	min-width:80px;
	word-break:normal;
 	padding:12px;
}  
 .pipeline-tb td.first{
 	font-weight:500;
 	padding:12px 5px 12px 25px;
	background: #f4f7f8;
}
.pipeline-tb td.fc-b{
	color: #104284;
 }

.pipeline-tb td.fc-c{
	color: #ca6927;
 }

.pipeline-tb td.hd{
  	padding:12px 5px 12px 12px;
}
.bar {
	overflow:hidden;
	width:0;
	height: 20px;
	background: #50b848;
	position: absolute;
 
	left: 0px;
	margin-top:-10px;
}
.bar-right {
	position: absolute;
 	right:0px;
	top: 50%;
	margin-top:-10px;
   	border-top: 10px solid transparent;
 	border-bottom: 10px solid transparent;
 	border-left: 10px solid  #50b848;
	background: #fff;
}
.bar-right2 {
  	border-left: 10px solid  #104284;
 }
.bar-right3 {
  	border-left: 10px solid  #ca6927;
 }
.bar1 {
	width:0%;
}
.bar2 {
	width:335%;
}

.bar22 {
	width:175%;
}

.bar3 {
	width:292%;
}
.bar4 {
	width:390%;
}
.bar5 {
	width:100%;
}
.bar6 {
	width:80%;
}
.bar7 {
	width:55%;
}
.bar8 {
	width:50%;
}
.bar9 {
	width:35%;
	background: #104284;
}
.bar10 {
	width:35%;
	background: #104284;
}
.bar11 {
	width:35%;
	background: #104284;
}
.bar12 {
	width:35%;
	background: #ca6927;
}
.covid_19 {
      margin-top: 20px;
	  padding:  20px;
	  background-color: #e2f0d9;
}
.covid_19  .tit{ font-weight: bold;   padding-bottom: 10px; }
.covid_19  .text { margin-left: 50px; }



 /* inquiry */
.inquiry-wrap{
  	position:relative;
}
.inquiry-wrap li{
	padding:5% 5% 0;
	height:auto;
	min-height:745px;
}
.inquiry-wrap li.left{
	background:#50b848;
 }
.inquiry-wrap li.left li{
	padding:0%;
	width:100%;
	min-height:auto;
}
.inquiry-wrap li.right{
	background:#eef2ed;
 }
.inquiry-wrap li.left .block .text,
.inquiry-wrap li.left .block .text h3{
	color:#fff;
}
.inquiry-wrap li.left .block .text ul.list li::before{
 	background:#fff;
}
.inquiry-wrap .inquiry-form p{
	padding-bottom:0.5rem;
	line-height:2;
	font-size:15px;
}
.inquiry-wrap .inquiry-form span{
	margin-top:0.5rem;
}
.focus{
	color:#50b848;
	line-height:1;
	font-size:20px;
	padding-top:8px;
	vertical-align:middle !important;
}
 
 /* tab-list */
.tab-list{
	font-weight:400;
	max-width:66.6666%;
 	position:relative;
	margin:0 auto 3rem;
}
.tab-list:after{ clear:both;content:'';display:block;}
.tab-list li{
	float:left;
	display:inline-block;
	width:47%;
 	text-align:center;
	margin:0 1.5%;
}
.tab-list li a{
 	display:block;
	border: 1px solid #ccc;
	font-size:18px;
 	padding:12px 0;
 }
 .tab-list li.over:hover a,
 .tab-list li.over a{
	color:#fff;
	background:#50b848;
	border: 1px solid #50b848;
}
.tab-list li:hover a {
 	background:#fff;
	border: 1px solid #50b848;
}


/* product */
.product-wrap .img-box{
	max-width:800px;
	position:relative;
	margin:0 auto;
}
.product-wrap .img-box  img{
	height:500px;
 	overflow:hidden;
	border:1px solid #ccc;
}
.product-wrap .boxs li{
	position:relative;
	float:left;
	width:19%;
}
.product-wrap .boxs li:nth-child(5){
 	width:16% !important;
}
.product-wrap .boxs .img{
	width:225px;
	height:250px;
	display:block;
}

.product-wrap .boxs .img2{
	width:123px;
	height:250px;
	display:block;
}

.product-wrap p.t1{
	font-size:14px;
	line-height:1.5;
	padding:10px 10px 0 20px;
  	text-align:left;
}
.product-wrap p.t2{
  	text-align:center;
	padding:10px;
}
.product-wrap .pd-tb th,
.product-wrap .pd-tb td{ 
	font-size:14px;
	letter-spacing:-0.01rem;
	font-weight:400;
 }
.product-wrap .boxs .circle, .product-wrap .Qboxs .circle{
	width:16px;
	height:16px;
	line-height:14px;
	display:inline-block;
	background:#50b848;
	border-radius:50%;
	text-align:center;
	margin-right:5px;
	margin-bottom:3px;
	margin-top:3px;
	vertical-align:middle;
	float:left;
	margin-left:-20px
}
.product-wrap .boxs .circle em, .product-wrap .Qboxs .circle em{
	color:#fff;
	font-weight:900;
	font-size:11px;
 	font-family: 'NanumSquareRound', 'Noto Sans KR', 'NanumGothic', sans-serif;
}
 .product-wrap .box li{
	position:relative;
	float:left;
	width:33%;
	margin:0 0 2.5%;
 }
.product-wrap .box li:nth-child(2){
	position:relative;
	float:left;
	width:33%;
	margin:0 0 2.5%;
	border-right:1px dotted #ccc;
	border-left:1px dotted #ccc;
}
.vsf .double li img{
	max-height:500px;
	vertical-align:middle;
}
.vsf .double li .box{
	margin:0 3vw;
	text-align:center;
}
.vsf .double li:last-child{
	border-left:1px dotted #ccc;
}
.hbv-fc{
	padding-top:5rem;
	position:relative;
	width:700px;
	margin:0 auto;
	height:500px;
 	background: url(/img/product/bg-hbv.png) left 175px  no-repeat;
}
.hbv-fc li{
	position:absolute;
	left:50%;
	text-align:center;
 	width:200px;
   	color:#fff !important;
	font-weight:500;
	border-radius:8px;
	background:#5b9bd5;
	font-size:18px;
	height:80px;
	line-height:1.4;
}
.hbv-fc li.fc-b{
	width:235px;
	height:70px;
   	color:#5b9bd5 !important;
	background:#fff;
	border:1px solid #5b9bd5;
	font-size:15px;
	text-align:left;
	padding:12px 0 0 15px;
 }
.hbv-fc li.hbv1{
	top: 0px;
  	left:50%;
	margin-left:-100px;
	line-height:80px;
 }
 .hbv-fc li.hbv1-2{
	top: 0px;
  	left:50%;
	margin-left:140px;
 }
.hbv-fc li.hbv2{
 	left:50%;
	top:250px;
	margin-left:-340px;
	padding-top:15px;
 }
 .hbv-fc li.hbv2-2{
	top:95px;
	margin-left:-340px;
	width:200px;
}
.hbv-fc li.hbv3{
 	left:50%;
	top:200px;
	width:185px;
	height:185px;
	line-height:185px;
	padding-top:55px;
	vertical-align:middle;
	border-radius:50%;
	margin-left:-92px;
 }
.hbv-fc li.hbv4{
 	left:50%;
	top:250px;
	margin-left:140px;
	padding-top:15px;
 }
.hbv-img{display:none;}





/* directions */
.directions-wrap {
	position:relative;
	width:66.6666%;
	margin:0rem auto;
}
 
 .directions h3  {
    font-size:2rem;
    font-weight: 600;
	color:#000;
	line-height:1.3;
 padding: 0 0 1rem 0;
 }
 .directions h2  {
    font-size:1rem;
    font-weight: 600;
	color:#000;
	line-height:1.3;
	padding: 0 0 4rem 0;
 }

.directions dl {
 	padding-bottom:3rem;
	position:relative;
}
.directions dt{
	position:absolute;
	left:0;
	top:0;
	width:50px;
	height:50px;
 }
 .directions dd{
	font-size:18px;
	padding:0rem 0 0 6rem;
	text-align:left;
	font-weight: 400;
}
 .map{
	width:100%;
	height:450px;
}
 












@media all and (max-width: 1200px){	
	.product-wrap .boxs li{
 		width:50%;
		margin-bottom:2rem;
	}
	.product-wrap .boxs li:nth-child(5){
		width:50% !important;
	}
	.product-wrap .box li:nth-child(2n+1),
	.product-wrap .boxs li:nth-child(2n+1){
		float:left;
		clear:both;
	}
	.product-wrap .box li{
 		width:50%;
	}
	.plan-list li .circle{
		width:200px;
		height:200px;
 		background-size:800px auto;
	}
	.plan-list li .circle:before{
 		top:64px;
 	}
	.plan-list li .circle01{background-position:0 0; }
	.plan-list li .circle02{background-position:-200px 0; }
	.plan-list li .circle03{background-position:-400px 0; }
	.plan-list li .circle04{background-position:-600px 0; }
	.plan-list:before{
 		top:65px;
 	}
	.plan-list li .t1{
 		font-size:21px;
  	}
	.plan-list li .t1 .t11{
		padding-left:36px;
	}
	.greetings .img-ceo{
		max-width:400px;
	}
	.greetings .text-box{
 		top:4vw; 
 	}
	.greetings .text-box .t1{
		font-size:28px;
 	 }
	.greetings .text-box .sb{
 		background-size:400px auto;
	}
	 .greetings .text-box2{
 		top:7.5vw; 
	}
	.greetings .text-box2 .t1{
		font-size:28px;
	 }
	.greetings .text-box2 .t2{
		padding:3vw 0 0 2.5rem;
	}	.pc-org{
		display:none;
	}
	.m-org{
		display:block;
	}	

	.philosophy-wrap{
		display:none;
 	 
	} 
	.m-philosophy{
		display:block;
	}	
	.philosophy .philosophy-wrap{
		height:auto
		padding:0rem;
 	}
	 .greetings .container{
		padding:0 15px;
	}
	.greetings .top-box .t1 {
 		padding-left: 0px;
	}	
 	.greetings .text-area {
		margin: 0px 0 0 50px;
 	}
 }






@media all and (max-width: 767px){	 
	.product-wrap .img-box{
		max-width:100%;
 	}
	.product-wrap .img-box  img{
		height:auto;
 	}
	.directions-wrap {
		position:relative;
		width:95%;
 	}
	.map{
  		height:250px;
 	}
	.directions  h3  {
		font-size:24px;
		padding: 0 0 1rem 0;
 	 }
	 .directions  h2  {
		font-size:16px;
		padding: 0 0 3rem 0;
 	 }
	.directions dl {
		padding: 0 0 1.5rem 0;
 	}
	.directions dt{
 		width:30px;
		height:30px;
	 }
	 .directions dd{
		font-size:16px;
		padding:0  0 0 3.5rem;
 	  }
	.product-wrap .img-boxs{
		padding-top:1rem;
	}
 	 .product-wrap .boxs li .img{
 		height:170px !important;
		width:160px !important;
		display:block;
 	}
 	.product-wrap .boxs li img{
		width:150px !important;
		height:158px !important;
 	}
	.product-wrap .box{
		border-top:1px dotted #ccc;
	}
	.product-wrap .box li{
 		width:100%;
		padding:0.5rem 0 1.5rem;
		border-bottom:1px dotted #ccc;
		border-right:none;
		margin:0;
	}
	.product-wrap .box li:nth-child(2) {
		width: 100%;
		border-right: transparent;
		border-left:	transparent;
	}
	.vsf .double li img{
		max-height:400px;
 	}
	.vsf .double li .box{
		margin: 0 2vw;
	}
	.vsf .double li:last-child{
		border-top:1px dotted #ccc;
		border-left:none;
		padding-top:2em;
	}
	.vsf .double li:first-child{
 		margin-top:-3em;
	}
	.hbv-fc ul{display:none;}
	.hbv-img{
		display:block;
		padding-bottom:1rem;
 	}
	.hbv-fc{
		padding-top:2rem;
		height:auto;
		max-width:100%;
		background:none;
   	}
	.tab-list{
		max-width:95%;
 	}
 	.tab-list li a{
 		font-size:14px;
		padding:8px 0 6px;
 	}
	.inquiry-wrap li{
 		min-height:0px;
		padding: 5% ;
		height: auto;
	 } 
	.pipeline-tb th,
	.pipeline-tb td{
		font-size:12px;
		font-weight:300;
		min-width:0;
	}
	.pipeline-tb th {
 		padding:8px 0px;
		font-size:11px;
	}  
  	.pipeline-tb td{
 		padding:8px 2px;
	}  
	 .pipeline-tb td.first{
 		padding:8px 2px 8px 10px;
	}
 	.pipeline-tb td.hd{
		padding:8px 2px 8px 4px ;
	}
	.bar {
		height: 12px;
		margin-top:-6px;
	}
	.bar-right {
 		margin-top:-6px;
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
		border-left: 6px solid  #50b848;
 	}
	.bar-right2 {
		border-left: 6px solid  #104284;
	 }
	.bar-right3 {
		border-left: 6px solid #ca6927;
	} 
	.plan-list li .content{
		padding-left:90px;
 	}
	.plan-list li .circle{
		position:absolute;
		width:65px;
		height:80px;
		vertical-align:top;
		margin-top:0.25rem;
		display:inline-block;
		background: url(/img/product/future-m.png) left top  no-repeat;
		background-size:auto 320px;
	}
	.plan-list li .circle01{background-position:0 0; }
	.plan-list li .circle02{background-position:0 -80px; }
	.plan-list li .circle03{background-position:0 -160px; }
	.plan-list li .circle04{background-position:0 -240px; }
	.plan-list li .circle:before{
		position:absolute;
		left:32px;
		top:0px;
		background:#ccc;
		width:1px;
		height:305%;
		z-index:-1;
		content: "";
		display: block;
	}
	.plan-list li:last-child .circle:before{
 		height:80px;
 	}
	.plan-list:before{
		display:none;
	}
	.plan-list li .t1{
 		font-size:18px;
		padding-bottom:0.25rem;
		height:auto;
 	}
	.plan-list li .t1 .t11{
 		padding-left:0;
 	}
	.plan-list li .box{
 		margin-bottom:2rem;
 	}
	  .introduce .boxs{
		width:100%;
		padding-bottom:1em;
	}
	  .introduce .boxs2{
		width:100%;
		padding-bottom:0em;
	}
	  .introduce  .img-box{
		height:auto;
 		min-height:300px;
		max-width:100%;
		margin :1rem 0;
	}
	  .img-intro01 .img,
	  .img-intro02 .img  {
		height:auto;
 		min-height:300px;
		background-size:100%;
	 }
	.introduce .boxs .p1{
		font-size:16px;
		padding-bottom:1em;
 	}
	.introduce .boxs .p2{
		padding-top:0em;
	}
	.img-intro02 .img  {
 		margin-left:0;
	 }
	.greetings .text-box{
 		top:3.5vw; 
 	}
	.greetings .text-box .t1{
		font-size:24px;
		padding:3vw 0 0 2rem !important;
 	 }
	.greetings .text-box .t2{
		display:none;
 	 }
 	.greetings .text-box .sb{
		width:340px;
 		background-size:340px auto;
	}
 	.greetings .text-box2 .t2{
		display:none;
	}
 	.greetings .text-box2 .t1{
		font-size:24px;
		padding:1vw 0 0 2rem !important;
		line-height:1.3;
		max-width:75%;
	}
	.recruit .text .header{
 		font-size:18px;
 	}
	.recruit .text .p1{
 		font-size:42px;
	}
	.recruit-box {
 		max-width:100%;
		padding-top: 3rem;
 	 }
	.recruit .text:before,
 	.recruit-box:after{ 
		display:none;
	}  
 	.recruit-box .item{
		width:50%;
		margin-bottom:3rem;
	  }
	  .recruit-box .item:nth-child(2n+1){
	  float:left;
	  clear:both;
	  }
	 .recruit-box .item .icon{
		width:117px;
		height:131px;
		background-size:700px auto;
	}  
	.recruit-box .item .icon span{
		margin-top:75px;
		font-size:15px;
	}
 	.recruit-box .item .icon01{background-position:0 0; }
	.recruit-box .item .icon02{background-position:-191px 0; }
	.recruit-box .item .icon03{background-position:-393px 0; }
	.recruit-box .item .icon04{background-position:-584px 0; }

	.recruit-box .item dl{
		font-size:14px;
	 }
	.recruit-box .item dt{
		font-size:19px;
	 }
	.job  .grade{
		font-size:12px;
		line-height:1;
 	}
	.job  .text .header p{
		font-size:21px;
	 }
	.procedure-box .num{
		position:absolute;
		left:-1px;
		top:-1px;
		width:35px;
		height:35px;
		line-height:35px;
		font-size:16px;
		}
	.procedure-box2 .item{
		height:auto !important;
	}
	.procedure-box .item{
		width:100%;
		margin:0 0% 15px;
		height:auto !important;
		padding:0 0 1.5rem;
	   } 
 	.procedure-box .item .icon{
		width:90px;
		height:90px;
		cursor:pointer; 	 
		background-size:540px auto;
		margin-top:2rem;
	}  
 	.procedure-box .item .icon01{background-position:0 0; }
	.procedure-box .item .icon02{background-position:-90px 0; }
	.procedure-box .item .icon03{background-position:-180px 0; }
	.procedure-box .item .icon04{background-position:-270px 0; }
	.procedure-box .item .icon05{background-position:-360px 0; }
	.procedure-box .item .icon06{background-position:-450px 0; }

	.procedure-box .item .icon span{
		margin-top:90px;
		font-size:19px;
	}
	.procedure-box .item dl{
		max-width:90%;
	  }
 	 .procedure-box .item dt{
		font-size:19px;
		padding-bottom:1rem;
 	 }
	.procedure-box .item dd{
		font-size:14px;
	}
 	 .welfare-box .box{
		width:100%;
		height:80px;
		padding:0;
	 }
	 .welfare-box .box .icon-box{
		width:61px;
		height:70px;
		background-size:61px 70px;
	 }  
	  .welfare-box .box .tit{
		padding:0.75em 0 0 5.5rem;
		font-size:16px;
 	}
	 .welfare-box .box .icon {
		width:61px;
		height:70px;
		cursor:pointer; 	 
		background-size:366px auto;
	 }  
	 .welfare-box .box .icon01{background-position:0 0; }
	 .welfare-box .box .icon02{background-position:-61px 0; }
	 .welfare-box .box .icon03{background-position:-122px 0; }
	 .welfare-box .box .icon04{background-position:-183px 0; }
	 .welfare-box .box .icon05{background-position:-244px 0; }
	 .welfare-box .box .icon06{background-position:-305px 0; }
	 .welfare-box .box .icon11{background-position:0 -70px; }
	 .welfare-box .box .icon12{background-position:-61px -70px; }
	 .welfare-box .box .icon13{background-position:-122px -70px; }
	 .welfare-box .box .icon14{background-position:-183px -70px; }
	 .welfare-box .box .icon15{background-position:-244px -70px; }
	 .welfare-box .box .icon16{background-position:-305px -70px; }
	 .welfare-box .box .icon17{background-position:0px -140px; }
	 .welfare-box .box .icon18{background-position:-61px -140px; }
	 .welfare-box .box .icon21{background-position:-122px -140px; }

	.welfare-box .box .list{
		padding:0.75em 0 0 5.5rem;
	 }
 	.product-box:before{ 
		display:none;
	} 
	.product-box .item{
		width:100%;
		margin:0 0 1rem;
		min-height:110px;
	 } 
	.product-box .item .circle{
		position:absolute;
		width:80px;
		height:80px;
		border:5px solid #eee;
		margin:0;
		background:#fff;
	 }
	.product-box .item .circle .icon{
		vertical-align:middle;
		display:inline-block;
		width:30px;
		height:25px;
		cursor:pointer; 	 
		background-size:90px auto;
		margin:12px 0 2px;
	 }
	.product-box .item .circle .icon01{background-position:0 0; }
	.product-box .item .circle .icon02{background-position:-30px 0; }
	.product-box .item .circle .icon03{background-position:-60px 0; }
	.product-box .item .tit{
		font-size:13px;
	 }
	.product-box .item .list{
		padding:0.5rem 0 0 100px;
		line-height:1.5;
		max-width:100%;
		margin:0 ;
	 }
	.product-wrap .pd-tb th,
	.product-wrap .pd-tb td { 
		font-size:11px;
		padding:10px 2px;
	}
	.product-wrap .pd-tb li { 
		font-size:11px;
	}
 	.pipeline-wrap .pipeline-tb:before{
		height:30px;
 	}
 	.mark-box .items img{
		max-height:45px;
	}
	 .greetings .container{
		background: url(/img/company/img-greeting2.jpg) left top  no-repeat;
		background-size:auto 250px;
 	}
	.greetings .top-box{
		color:#fff;
 		padding:40px 40px 0;
		height:200px;
	}
	.greetings .top-box .t1{
		font-size:24px;
 	  }
	.greetings .top-box .t1 em{
		font-weight:500;
	  }
	.greetings .top-box .t2{
		font-size:36px;
 		padding:20px 0 ;
 	}
	.greetings .text-area{
 		padding:30px 20px;
		margin:0;
	}
	.greetings .t3{
		font-size:17px;
 	}



 }


@media all and (max-width: 480px){	 
   	.greetings .text-box .t1{
		font-size:16px;
		padding:2vw 0 0 1.125rem !important;
 	 }
 	.greetings .text-box2 .t1{
		font-size:16px;
		padding:0.5vw 0 0 1.125rem !important;
	}
	.greetings .text-box .sb{
  		background-size:220px auto;
	}
	.recruit-box .item{
		width:100%;
 	  }
	.product-wrap .boxs li{
 		width:100%;
		margin:0 0 3rem;
 	}
	.product-wrap .boxs li:nth-child(5){
 		width:100%  !important;
 	}
  	 .product-wrap .boxs .img{
 		margin:0 auto !important;
 	}
	 .greetings .container{
		background: url(/img/company/img-greeting2.jpg) left top  no-repeat;
		background-size:auto 200px;
 	}
	.greetings .top-box{
		color:#fff;
 		padding:30px 20px 0;
		height:150px;
	}
	.greetings .top-box .t1{
		font-size:18px;
 	  }
	.greetings .top-box .t1 em{
		font-weight:500;
	  }
	.greetings .top-box .t2{
		font-size:24px;
 		padding:20px 0 ;
 	}
	.greetings .text-area{
 		padding:30px 20px;
		margin:0;
	}
 }


.br-on-mobile,
.br-on-mobile2,
.t-only,
.m-only{display:none;} 
@media (max-width:414px){
	.br-on-mobile2{display:block;}}
@media (max-width:768px){
	.br-on-pc,
	.pc-only{display:none;}
	.br-on-mobile,
 	.m-only{display:block;}}
@media (max-width:1230px){
	.pc-only2{display:none;}
   	.t-only{display:block;}}