@charset "utf-8";
@import url('https://hangeul.pstatic.net/hangeul_static/css/NanumSonPyeonJiCe.css');




/* message start */
.message_contents .contents_tit h3{
 font-weight:500;
}
 .message_img{
    background: url(/img/about/contents_img_1.jpg) no-repeat center /cover;
}
.message_contents .wrapper{
  display: flex;
  justify-content: space-between;
}
.message_contents .wrapper .contents_left{
/*  width: 47.5%;*/
}
.message_contents .wrapper .contents_left h4{
  font-size: 38px;
  font-weight: 700; 
line-height:1.3;

}

.message_contents .wrapper .contents_left h4 .point{
 color:var(--navy);
   font-size: inherit;
  font-weight: inherit;
   line-height: inherit;
 letter-spacing: inherit; 
}
.message_contents .wrapper .contents_left h4  span{
  font-size: inherit;
  color: inherit;
}
.message_contents .wrapper .contents_right{
  width: 52.5%;
     line-height: inherit;
 letter-spacing: inherit; 
   
}
.message_contents .wrapper .contents_right .contents_txt{
  display:flex;
    flex-direction: column;
   gap:35px;
}
.message_contents .wrapper .contents_right p,
.message_contents .wrapper .contents_right pre{
  font-size: 18px;
  font-weight: 500;
  color:var(--gray01);

word-break:keep-all;

  
}
.message_contents .wrapper .contents_right  strong{
  margin-top: 85px;
  display: block;
  font-weight: var(--fw-700);
 

  color:var(--black);
  font-size:18px;
}
.message_contents .wrapper .contents_right .sign{
  margin-top: 5px;
  font-size:80px;
  font-family: "NanumSonPyeonJiCe";
  color:#363639;
  line-height:1;
}

@media screen and (max-width: 1400px){
.message_contents .wrapper{
	flex-direction: column;
}
 .message_contents .wrapper .contents_right p  br.mv{
    display:block;
    }
.message_contents .wrapper .contents_right p	br.pcv{
    display:none;
    }
}
@media screen and (max-width: 1200px){
	.message_contents .wrapper{
		gap: 50px;
	}
	.message_contents .wrapper .contents_left,
	.message_contents .wrapper .contents_right{
		width: 100%;
	}

}
@media screen and (max-width: 1100px){
	.contents_img{
		height: 400px;
	}
	 .message_contents .wrapper{
       gap:50px;	 
	 }

	.message_contents .wrapper .contents_left h4{
	 /* font-size:30px; */
	}

	.message_contents .wrapper .contents_right  strong{
	  margin-top: 50px;
/*	  font-size:16px;*/
	}
	.message_contents .wrapper .contents_right .sign{
	  font-size:60px;
	}
}
@media screen and (max-width: 900px){
	.message_contents .wrapper .contents_left h4{
		font-size: 30px;
	}

	.message_contents .wrapper .contents_right .contents_txt{
		gap: 25px;
	}

	.message_contents .wrapper .contents_right p,
	.message_contents .wrapper .contents_right pre{
		font-size: 16px;
	}

	.message_contents .wrapper{
		gap: 35px;
	}
}
@media screen and (max-width: 768px){
.message_contents .wrapper{
       gap:30px;	 
	 }
	 .contents_img{
		height: 32.5vw;
	 }
.message_contents .wrapper .contents_left h4{
 font-size:25px;
}
 .message_contents .wrapper .contents_left h4  br.mv{
    display:block;
    }
.message_contents .wrapper .contents_left h4	br.pcv{
    display:none;
    }
	.message_contents .wrapper .contents_right .contents_txt{
	 gap:20px;
	}
.message_contents .wrapper .contents_right p,
.message_contents .wrapper .contents_right pre{
font-size:14px;
}
.message_contents .wrapper .contents_right p .pc{
}
	.message_contents .wrapper .contents_right  strong{
	   margin-top: 30px;
	   font-size:14px;
	}
	.message_contents .wrapper .contents_right .sign{

  font-size:40px;

}

@media screen and (max-width: 640px){
	.message_contents .wrapper .contents_right pre{
		white-space: normal;
	}
}

@media screen and (max-width: 500px){
	 .contents_img{
		height: 42.5vw;
	 }

	 .message_contents .wrapper{
/*		gap: 15px;*/
	 }
}

}
/* message end */

/* history& award 공용 start */
.year_contents {
  position: relative;
}
.sub_sec1 .year_img{
   position: relative;
}
.sub_sec1 .year_img img{
   width:100%;
   height:100%;
   object-fit:cover;
}
 .year_img .sub_logo{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.year_list{

  display: flex;
  flex-direction: column;
  gap: 100px;
}
.year_item{
  display: flex;
  justify-content: center;
  gap:80px ;
  align-items: center;
  
}
.year_left{
  text-align: right;
}
.year_left p{
  display: flex;
  justify-content: right;
  gap: 20px;
  align-items: center;
  flex-wrap:wrap;
 

}
.year_right p{
  display: flex;
  justify-content: left;
  gap: 20px;
  align-items: center;
  flex-wrap:wrap;
 

}
.year_right{
  text-align: left;
}
.year_item .year{
  width: calc((100% - 170px)/2);
  font-size:75px ;
  font-weight: 700;
  color: var(--navy);
 

 
}
.year_item .year_txt {
  font-size: 18px;
  font-weight: 500;
  color: var(--gray01);
  width: calc((100% - 170px)/2);
  display: flex;
  flex-direction: column;
  gap:25px ;
 

  
}
.year_item .year_txt .mv{
  display: none;
}
.year_item .two_line {
  padding-top: 50px;
}
.year_item .year_txt p{
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  word-break: keep-all;
   line-height: inherit;
 letter-spacing: inherit; 
}

.year_item .year_txt .month{
  font-size: 26px;
  font-weight: 700;
  color: #171718;
  width: 50px;
}
.year_item .deco{
  width: 10px;
  height: 10px;
  background: var(--navy);
  border-radius: 2px;
}

@media(max-width:1200px){
  .year_list{
    gap: 80px;
  }
  .year_item .year{
    
    font-size:50px ;
  }
  .year_left p{
    gap: 0;
  }
  .year_right p{
    gap: 0;
   
  }
  .year_item .year_txt .month{
    font-size: 20px;
  }
  .year_item .year_txt{
    font-size: 16px;
    
  }
  .year_item{
    
    gap:40px ;
   
    
  }
}
@media(max-width:800px){

  .year_item .year_txt .mv{
    display: block;
  }
  
 
}

@media screen and (max-width: 767px){
	.year_list{
		gap: 50px;
	}
	.year_item{
		gap: 30px;
	}

	.year_item .year_txt{
		gap: 10px;
	}

	.year_item .year_txt p{
		flex-direction: column;
		align-items: flex-start;
	}

	.year_item .year_left p{
		flex-direction: column-reverse;
		align-items: flex-end;
	}


	.year_item .two_line{
		padding-top: 0;
	}


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

  .year_item{
    
    gap:20px ;
   
    
  }
  .year_item .year{
    width: 50%;
    font-size:35px ;
  }
  .year_item .year_txt .month{
    font-size: 18px;
    width: 40px;
  }
  .year_item .year_txt{
    font-size: 14px;
    width:50%;
  }

 .year_item .deco{
  width: 7px;
  height: 7px;
  border-radius: 2px;
}
.year_img{
 margin:0 auto;
}
}
@media(max-width:500px){
 .year_img .sub_logo{
  transform: translate(-50%, -50%) scale(1.2);
 }
  .year_item{
    
    gap:20px ;
   
    
  }
  .year_item .year{
    
    font-size:35px ;
  }
  .year_item .year_txt .month{
    font-size: 18px;
    width: 40px;
  }
  .year_item .year_txt{
    font-size: 13px;
   gap:10px; 
  }

.year_img{
 margin:0 auto;
   
}
.year_img img{
     object-fit: cover;
    width: 100%;
    height: 100%;
}
.year_item .year_txt .month{
 width:100%;
 font-size: 16px;
}
}
/* history& award 공용 end */
/* history start */
.sub_history .line{
  width: 1px;
  height: 97%;
  background:#e1e1e1 ;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  display: block;
  z-index: -1;
}
/* history end */
/*  award start */
.sub_award .contents_img{
       border-radius: 20px;
}

.sub_award .year_tit .year_img {
   border-radius:20px;
}
.sub_award .line{
  width: 1px;
  height: 98.5%;
  background:#e1e1e1 ;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  display: block;
  z-index: -1;
}

/*  award  end */

/*  member start*/
.member_contents{
 padding-top:0;
}
.member_contents .sub_wrapper{
  width: 93.4%;
   height: 100%;
  margin:0 auto;
}
.member_contents .member_chart{
  width: 100%;
  box-sizing: border-box;
  padding: 100px 150px;
  background-color: var(--gray06);
  border-radius: 20px;
}
.member_contents .member_chart img{
  width: 100%;
  object-fit: cover;
}
.member_contents .member_chart img.m_img{
  display:none
}
@media screen and (max-width: 1400px){
	 .member_contents .sub_wrapper{
	  width: 100%;
	   height: 100%;
	  margin:0 auto;
	  padding:0 4%;
	}

	.member_contents .member_chart{
		padding: 60px 80px;
	}
}
@media screen and (max-width: 1200px){
.member_contents .member_chart img.pc_img{
  display:none
}
.member_contents .member_chart img.m_img{
  display:block;
}
}

@media screen and (max-width: 767px){
	.member_contents .member_chart {
        padding: 40px 80px;
    }
}


@media screen and (max-width: 500px){
	.member_contents .member_chart {
        padding: 20px 40px;
    }
}

/*  member end*/

/*  hyosung&dooch 공통 start*/

.company_contents .wrapper{
  display: flex;
  gap:100px;
  justify-content: center;
  align-items: center;
  flex-wrap:wrap;
  padding-bottom:50px;
}

.company_contents .company_thumb{
  width: 36%;
  position: relative;
  
}
.company_contents .company_thumb .thumb_item{
  width: 100%;
  height: 0;
  padding-bottom: 90%;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.company_contents .company_thumb .thumb_item img{
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%,-50%);
    width: 100%;
}

.company_contents .company_thumb .company_logo{
    height: auto;
    position: absolute;
    right: -8%;
    bottom: -10%;
    border-radius: 10px;

    
  
}
.company_contents .company_thumb .company_logo img{
 width:100%;
}

.company_contents .contents_tit{
  text-align: left;
  
}

.company_contents .company_txt{
	width: calc((100% - 36%) - 100px);
}

.company_contents .company_txt pre{
  font-size: 18px;
  color: #777777;
  margin-bottom:50px ;
	

 word-break: keep-all;

}
.company_contents .company_txt pre:last-child{
  margin-bottom: 0;
}

@media screen and (max-width: 1400px){
	.company_contents .company_txt pre{
	  font-size: 16px;
	}

	.company_contents .wrapper{
		gap: 70px;
	}

	.company_contents .company_thumb{
		width: 35%;
	}
	
	.company_contents .company_txt {
		width: calc((100% - 35%) - 70px);
	}
}

@media screen and (max-width: 1300px){
	.company_contents .wrapper{
		flex-direction: column;
	}

	.company_contents .company_thumb{
		width: 40%;
	}

	.company_contents .company_txt{
		width: 80%;
	}
}

@media screen and (max-width: 900px){
	.company_contents .company_thumb{
		width: 80%;
	}

	.company_contents .company_thumb .company_logo{
		bottom: -7%;
	}

	.company_contents .company_txt{
		width: 100%;
	}

	.company_contents.hyosung_contents .company_thumb,
	.company_contents.dooch_contents .company_thumb{
		height: auto;
	}
}

@media screen and (max-width: 768px){
.company_contents .wrapper{
  gap:70px;
}
.company_contents .company_thumb{

  height: 40vw;

  
}
.company_contents .company_thumb .company_logo{
 right:0;
}
.company_contents .company_txt pre{
  font-size: 14px;
  white-space: normal;
  margin-bottom:30px ;
}
	


}

@media screen and (max-width: 767px){
	.company_contents .wrapper{
		gap: 50px;
	}
	.company_contents .company_thumb{
		width:  90%;
	}

	.company_contents .company_thumb .company_logo img{
		width: 150px;
	}

	.company_contents.dooch_contents .company_thumb .company_logo img{
		width: 100px;
	}

}


/*  hyosung&dooch 공통 end*/



/*  hyosung start*/
.hyosung_contents {
  background: url(/img/about/hyosung_logo_bg.png) no-repeat right 0px bottom 40px;
}
.company_contents .contents_tit h3.hyosung_tit{
  color: #270089;
  margin-bottom:25px;
}
.company_contents .company_thumb .hyosung_logo{
  background: #270089 ;
  	padding:30px 20px;
}



@media screen and (max-width: 1400px){
	.hyosung_contents {
	  background: url(/img/about/hyosung_logo_bg.png) no-repeat right 0px bottom 20px;
	  background-size:60%;
	}
}

@media screen and (max-width: 768px){
	.hyosung_contents {
	  background: url(/img/about/hyosung_logo_bg.png) no-repeat right 0px bottom 20px;
	  background-size:80%;
	  }
	  .company_contents .company_thumb .hyosung_logo{
		padding:25px 10px;
	}
}

@media screen and (max-width: 767px){
	.company_contents .contents_tit h3.hyosung_tit,
	.company_contents .contents_tit h3.dooch_tit{
		margin-bottom: 15px;
		line-height: 1;
	}
}

/*  hyosung end*/

/*  dooch start*/
.dooch_contents {
  background: url(/img/about/dooch_logo_bg.png) no-repeat right -100px bottom 20px;
}


.company_contents .company_thumb .dooch_logo{
  background: #960948 ;
  	padding:20px 60px;
}

.company_contents .contents_tit h3.dooch_tit{
  color: #960948;
  margin-bottom:25px;
}

@media screen and (max-width: 1400px){
.dooch_contents {
  background: url(/img/about/dooch_logo_bg.png) no-repeat right -30px bottom 20px;
  background-size:60%;
}
}

@media screen and (max-width: 768px){
.dooch_contents {
  background: url(/img/about/dooch_logo_bg.png) no-repeat right -30px bottom 20px;
  background-size:80%;
}
.company_contents .company_thumb .dooch_logo{
   	padding:10px 40px;
}

}
/*  dooch end*/

/* location start */
.location_contents .map_box{
	position: relative;
	width: 100%; height: auto;
	padding-bottom: 40%;
	/* padding-bottom: 460px; */
	overflow: hidden;
	border-radius: 20px;
	margin-bottom: 70px;
	border:1px solid #e1e1e1;
}
.location_contents .wrap_map{
  height: 100% !important ;
}
.location_contents .map_box .root_daum_roughmap{
	position: absolute;
	width: 100% !important; height: 100% !important;
}
.root_daum_roughmap .border1,
.root_daum_roughmap .border2,
.root_daum_roughmap .border3,
.root_daum_roughmap .border4 {
    display: none !important;
}


.location_contents .company_info{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.location_contents .company_info li dl{
  display: flex;
  gap: 25px;
  align-items: center;
  flex-wrap: wrap;
}
.location_contents .company_info li dl dt{
  font-size: 23px;
  font-weight: 700;
   

  color: var(--navy);
  
}
.location_contents .company_info li dl dd{
  font-size: 18px;
  font-weight: 500;
}
.location_contents .company_info li dl dd *{
	font-size: inherit;
	font-weight: inherit;
}
.location_contents .company_info li dl dd .mv{
  display: none;
}

.root_daum_roughmap .wrap_controllers{
	display: none !important;
}


@media(max-width:1280px){
  .location_contents .company_info li dl dt{
    font-size: 20px;
  
  }
  .location_contents .company_info li dl dd{
    font-size: 16px;

  
  }
 
}
@media(max-width:1180px){
  .location_contents .company_info{
    gap: 20px;
  }
  .location_contents .company_info li {
    width: 100%;
  }

 .location_contents .company_info li:first-child dl{
  align-items:flex-start;
 } 
 
 
}

@media screen and (max-width: 900px){
	.location_contents .map_box{
		margin-bottom: 50px;
		padding-bottom: 45%;
	}


	.location_contents .company_info{
		gap: 15px;
	}


}
@media(max-width:768px){
  .location_contents .map_box{

    padding-bottom: 70%;

  }

  .location_contents .map_box{
  
    margin-bottom: 20px;
  }
  .location_contents .company_info{
    gap: 10px;
  }
  .location_contents .company_info li {
    width: 100%;
  }
  .location_contents .company_info li dl {
    gap: 0;
  }

  .location_contents .company_info li dl dt{
    font-size: 16px;
    width: 80px;
  
  }
  .location_contents .company_info li dl dd,
  .location_contents .company_info li dl dd{
    font-size: 14px;

  
  }
  .location_contents .company_info li dl dd .mv{
    display: block;

  
  }
  
}
@media(max-width:340px){
  .location_contents .company_info{
    gap: 20px;
  }
  .location_contents .company_info li {
    width: 100%;
  }
  .location_contents .company_info li dl {
    gap: 10px;
  
  }
  .location_contents .company_info li dl dt{
    width: 100%;
  }
/* location end */
  
}
#footer{
border-top:1px solid #e1e1e1 ;
}