@charset "utf-8";

.sub_contents {width:100%;  line-height:1.55; color:#666;  font-size:1.8rem; margin-top:0rem }
.sub_contents2 {width:100%;  line-height:1.55;  font-size:1.8rem;  }

.wid_1600 {width:100%; position:relative; max-width:1600px; margin:auto}
.wid_1400 {width:100%; position:relative; max-width:1400px; margin:auto}
.wps_100 {width:100%;}
.point {color:#2b469b !important;}
.grey_bg {background:#f8f8f8;}
.txt_l {text-align:left !important;}
.txt_c {text-align:center !important;}
.txt_r {text-align:right !important;}

.clear_fix {width:100%; position:relative;}
.clear_fix:after {display:block;clear:both;content:''}

.div_scroll, .div_scroll2 {overflow: auto;position: relative}

.only_pc {display:block;}
.only_mob {display:none;}

@media( max-width:1600px) {
	.side_pd {padding-left:20px !important; padding-right:20px !important;}
	.sub_contents {overflow-x:hidden; }
}

@media( max-width:1024px) {

.div_scroll table {width:1000px; font-size:15px;}
.div_scroll img {width:1000px;}
}

@media( max-width:600px) {
.div_scroll2 table {width:600px; font-size:15px;}
.div_scroll2 img {max-width:600px !important;}
.sub_contents {margin-top:0rem; overflow-y:hidden;}

.only_pc {display:none;}
.only_mob {display:block;}
}



@media( max-width:600px) {

.div_scroll img {max-width:768px !important;}
.sub_contents {margin-top:0rem;}
}


.mg_t0 {margin-top:0px!important;}
.mg_t10{margin-top:1.0rem!important;}
.mg_t20{margin-top:2.0rem!important;}
.mg_t30{margin-top:3.0rem!important;}
.mg_t40{margin-top:4.0rem!important;}
.mg_t50{margin-top:5.0rem!important;}
.mg_t80{margin-top:8.0rem!important;}
.mg_t100{margin-top:10.0rem!important;}
.mg_t120{margin-top:12.0rem!important;}
.mg_t150{margin-top:15.0rem!important;}


.mg_b10{margin-bottom:1.0rem!important;}
.mg_b20{margin-bottom:2.0rem!important;}
.mg_b30{margin-bottom:3.0rem!important;}
.mg_b40{margin-bottom:4.0rem!important;}
.mg_b50{margin-bottom:5.0rem!important;}
.mg_b80{margin-bottom:8.0rem!important;}


.pd_b100 {padding-bottom:10.0rem!important;}
.pd_b130 {padding-bottom:13.0rem!important;}
.flex_box {display:flex; flex-wrap:wrap;}

/*동영상*/
.video-section{
  width:100%;
  max-width:100%;
  margin:0 auto;
}

.video-container{
 margin-bottom:1.0rem;
  background:#dfdfdf;
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 56.25%;
}

.video-container iframe{
  z-index: 1;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}



/*테이블*/
.table {width:100%;  text-align:center;   position:relative; font-size: 1.8rem; background:transparent; line-height:1.65; }
.table thead {border-top: 3px solid #2a303a; background:#f8f8f8; }
.table thead th{ border-bottom: 1px solid #2a303a;   border-left: 1px solid #2a303a; color: #000; font-weight: bold;  padding: 20px 12px; }
.table thead th:first-child {border-left: 0;}
.table .le_line { border-left: 1px solid #2a303a !important;}
.table .le_line2 { border-left: 1px solid #bebebe !important;}

.table tbody th {border-bottom: 1px solid #bebebe; padding: 12px; color: #000;  vertical-align: middle;  font-weight: bold;}
.table tbody td {border-bottom: 1px solid #bebebe; border-left: 1px solid #bebebe; padding: 12px; color: #555;  vertical-align: middle;  }
.table tbody td:first-child {border-left: 0; text-align:center; }
.table tbody td {text-align:center;}
.table tbody td strong {color:#000;}



.table2 {width:100%;  text-align:center;   position:relative; font-size: 15px; background:transparent; line-height: 1.45;}
.table2 thead { border-top: 3px solid #2a303a; background:#f8f8f8;  }
.table2 thead th{ border-bottom: 1px solid #2a303a;   border-left: 1px solid #2a303a; color: #000; font-weight: bold;  padding: 20px 12px; }
.table2 thead th:first-child {border-left: 0;}
.table2 .le_line { border-left: 1px solid #ddd !important;}
.table2 .le_line2 { border-left: 1px solid #bebebe !important;}

.table2 tbody th {border-bottom: 1px solid #bebebe; background:#f8f8f8; padding: 12px; color: #000;  vertical-align: middle;  font-weight: bold;}
.table2 tbody td {border-bottom: 1px solid #bebebe; border-left: 1px solid #bebebe; padding: 12px; color: #555;  vertical-align: middle;  }
.table2 tbody td:first-child {border-left: 0;}
.table2 tbody td strong {color:#000;}




@media screen and (max-width: 1600px){

}
@media screen and (max-width: 1400px){
 
}
@media screen and (max-width: 1024px){

}
@media screen and (max-width: 768px){

}


/*공통*/




/*회사개요*/
.company_top {color:#fff; text-align:center; padding:15.0rem 0; border-radius:2.0rem;}
.company_top strong {font-size:3.4rem; }
.company_top p {font-size:4.8rem; font-weight:800; }


.company_conts {margin:0 -2.5rem 0 0;}
.company_box {width:calc(33% - 2.5rem); margin-right:2.5rem; margin-bottom:2.5rem; border-radius:10px; border:1px solid #ddd; 
				display:flex; flex-direction: column;justify-content: center;align-items: center; padding:4.0rem 3.0rem; }
.company_box1 {background:#604c3f; text-align:center;  }

.company_box strong {margin-top:1.5rem; color:#000; font-size:2.0rem;}
.company_box p {color:#666; margin-top:0.3rem; font-size:1.8rem; text-align:center; line-height:1.45;}


.company_sns {flex-direction: row;  gap:5px;}
.company_sns > div {width:100%; text-align:center; color:#000; font-size:2.4rem;margin-bottom:0rem; font-weight:800;}
.company_sns a { text-align:center; }
.company_sns a img {width:5.0rem; }

@media screen and (max-width: 1600px){
.company_top {border-radius:0px;}

}


@media screen and (max-width: 1024px){

.company_box {width:calc(50% - 2.5rem);}
.company_sns {width:100%;}
}

@media screen and (max-width: 768px){

.company_top strong {font-size:2.6rem; }
.company_top p {font-size:3.0rem; }

.company_box img {width:6.0rem;}

.company_box1 img {width:12.0rem}
}



/*ceo 메세지*/
.message_wrap {gap:5%; }
.message_txt {width:45%;}
.message_txt .txt1 {font-size:3.0rem; color:#000; font-weight:600;}
.message_txt p {font-size:1.8rem; margin-top:3.0rem;}
.message_txt p > strong {font-size:2.4rem; color:#000;}
.message_img {width:50%; border-radius:4.0rem 4.0rem 4.0rem 0; overflow:hidden; }
.message_txt .ceo_name {position:relative;  z-index:1; display:flex; align-items: center; gap:2.0rem; margin-top:5.0rem; font-size:2.0rem; color:#000; height:14.5rem;}
.message_txt .ceo_name:after {content:''; z-index:-1;  bottom:0rem; left:30.0rem; width:20.4rem; height:14.5rem; position:absolute;  
								background: url("../../pages/images/ceo_signature.png") no-repeat center/contain;}
.message_txt .ceo_name strong {font-size:3.2rem; }



@media screen and (max-width: 1024px){
.message_txt {width:100%; order:2; margin-top:5.0rem;}
.message_img {width:100%; order:1; min-height:50.0rem;}
.message_txt .txt1 {font-size:2.4rem;}

.message_txt .ceo_name {margin-top:2.0rem;}
.message_txt .ceo_name strong {font-size:2.4rem;}
.message_txt .ceo_name:after {width:17.0rem; left:28.0rem;}
}


@media screen and (max-width: 768px){
.message_img {min-height:40.0rem;}
.message_txt p {font-size:1.7rem}


}


/*비전및미션*/
.vision_wrap { margin-bottom:15.0rem; }
.vision_wrap .vision_img {width:50%; border-radius:4.0rem;}
.vision_wrap .vision_txt {width:45%; padding:8.0rem 0 8.0rem 5%; }
.vision_wrap .vision_txt span {font-size:2.4rem; color:#000;  display:block; font-weight:700; }
.vision_wrap .vision_txt strong { color:#000; font-size:3.0rem; font-weight:600; margin-top:3.0rem; display:block; line-height:1.4; }
.vision_wrap .vision_txt p {font-size:2.0rem; margin-top:3.0rem; }

.mission_wrap {padding:15.0rem 0;}
.mission_top {color:#000; display:flex; width:100%;}
.mission_top h3 {width:25.0rem; font-size:2.4rem; font-weight:700;} 
.mission_top p {width:calc(100% - 25.0rem); font-size:3.0rem; font-weight:600; }

.mission_inner {margin-top:5.0rem;}
.mission_inner .mission_img {width:50%; min-height:38.0rem; border-radius:4.0rem;} 
.mission_inner .mission_txt {width:50%; justify-content: center; align-items: center; display:flex;  padding:5.0rem 8.0rem; font-size:2.0rem;  }

.mission_inner:nth-child(2n-1) { flex-direction: row-reverse; }


@media screen and (max-width: 768px){
.vision_wrap {margin-bottom:5.0rem;}
.vision_wrap .vision_img {min-height:35.0rem; width:100%; }
.vision_wrap .vision_txt {width:100%; padding:5.0rem  3.0rem;}
.vision_wrap .vision_txt strong {font-size:2.6rem;}

.mission_wrap {padding:8.0rem 0;}
.mission_top { flex-direction: column; margin-bottom:5.0rem; padding:0 3.0rem;}
.mission_top p {margin-top:2.0rem; width:100%; line-height:1.4; font-size:2.6rem;}

.mission_inner {margin-top:0rem; }
.mission_inner .mission_img {width:100%;min-height:30.0rem; border-radius:2.0rem;}
.mission_inner .mission_txt {width:100%;  padding:4.0rem 3.0rem;}


}


/*연혁*/

.history_top {padding:5.0rem 3.0rem;  font-size:3.0rem; font-weight:600; color:#000;  text-align:center;  background:#fff;
				/*background: url("../../pages/images/his_top.jpg") no-repeat center center; background-size:cover;*/ border-radius:0rem; overflow:hidden;}

.history_top img {width:15.0rem;}

.history_top {text-align:center; padding:10.0rem 5.0rem;  border-radius:4.0rem;}
.history_top h3 {font-size:3.6rem; font-weight:600; color:#fff;}
.history_top p {font-size:2.0rem; margin-top:2.0rem; color:rgba(255, 255, 255, 0.7); font-weight:400;}

.history_wrap {width:100%; position:relative; padding-top:10rem;}
.history_wrap:before {content:""; position: absolute;top: 10px;left:50%;width:1px;height: calc(100% + 50px);background:#ddd;}

.history_list {width:100%; position:relative; display:flex; flex-wrap: wrap; margin-bottom:5.0rem;}
.history_list .his_year {width:50%; text-align:right; padding-right:4.0rem; font-size:4.2rem; font-weight:600; color:#44352c; }

.history_list .his_img {width:100%; margin-top:2.0rem; }
.history_list .his_img img {max-width:275px; width:100%;  border-radius:0rem; border:1px solid #ddd; }

.history_list {  }
.history_list strong {color:#000;}
.history_list .his_txt {position:relative; width:100%; }
.history_list .his_txt .his_txt_inner {margin-bottom:2.5rem; position:relative;  }


.history_list .his_txt_inner {width:100%;}

.history_list .his_txt_inner dl {position:relative; width:50%; padding-top:0rem; margin-bottom:2.0rem; }
.history_list .his_txt_inner dl:nth-child(2n-1) {position:relative; margin-left:50%;  padding-left:4.0rem;}
.history_list .his_txt_inner dl:nth-child(2n) {position:relative;text-align:left;  margin-left:0%; text-align:right; padding-right:4.0rem;}

.history_list .his_txt_inner dl:nth-child(2n-1):before {content:""; position: absolute; top: 10px;left: -4px;width:8px;height:8px; border-radius:50%;background: #44352c;}
.history_list .his_txt_inner dl:nth-child(2n-1):after {position: absolute;  left:4px; top: 13px;  display: block; content: ""; width: 20px; height: 1px;
														 background-color: #ddd}
.history_list .his_txt_inner dl:nth-child(2n):before {content:""; position: absolute;top: 10px;right: -4px;width:8px;height:8px; border-radius:50%;background: #44352c;}
.history_list .his_txt_inner dl:nth-child(2n):after {position: absolute;  right:4px; top: 13px;  display: block; content: ""; width: 20px; height: 1px;
														 background-color: #ddd}



.history_list .his_txt_inner dl dt {font-weight:600; font-size:2.2rem; color:#000; }
.history_list .his_txt_inner dl dd {font-size:2.0rem;  color:#666;  }


@media screen and (max-width: 1600px){
.history_top {border-radius:0rem;}


}


@media screen and (max-width: 768px){
.history_top img {width:10.0rem;}
.history_top br {display:none;}

.history_wrap {padding-top:5.0rem;}
.history_wrap:before {content:"";position: absolute;top: 10px; left: 39px;width:1px;height: calc(100% + 50px);background:#ddd;}


.history_list .his_year {width:100%; text-align:left; padding-left:7.0rem; font-size:2.8rem; }
.history_list .his_txt_inner {padding-left:20px;}
.history_list .his_txt_inner dl {width:100%; }
.history_list .his_txt_inner dl:nth-child(2n-1) {margin-left:0; padding-left:5.0rem; } 
.history_list .his_txt_inner dl:nth-child(2n) {text-align:left; padding-left:5.0rem; }

.history_list .his_txt_inner dl:nth-child(2n):before {content:""; position: absolute; top: 6px;left: -4px;width:8px;height:8px; border-radius:50%;background: #44352c;}
.history_list .his_txt_inner dl:nth-child(2n):after {position: absolute;  left:4px; top: 8px;  display: block; content: ""; width: 20px; height: 1px;
														 background-color: #ddd}
.history_list .his_txt_inner dl .his_dd2 {padding-top:1.0rem;}


.history_list .his_txt_inner dl dt {font-size:2.0rem;}
.history_list .his_txt_inner dl dd {font-size:1.8rem; }
}





/*
.history_top {text-align:center; padding:10.0rem 5.0rem;  border-radius:4.0rem;}
.history_top h3 {font-size:3.6rem; font-weight:600; color:#fff;}
.history_top p {font-size:2.0rem; margin-top:2.0rem; color:rgba(255, 255, 255, 0.7);}

.history_conts {margin-top:8.0rem;}
.history_conts .his_left {width:50%; font-weight:800; color:#000; font-size:4.6rem; line-height:1.4; position:sticky;top:100px;height:100%;}
.history_conts .his_right {width:50%; border-top:1px solid #ddd; }


.his_box {padding:5.0rem 3.0rem; border-bottom:1px solid #ddd; }
.his_box dl {display:flex;}
.his_box dl dt {font-weight:600; width:12.0rem; color:#000; font-size:2.0rem;}
.his_box dl dd {font-size:1.8rem; width:calc(100% - 12.0rem); }
.his_box .his_img {margin-top:3.0rem;}



@media screen and (max-width: 1600px){
.history_top {border-radius:0rem;}


}

@media screen and (max-width: 1400px){

.history_conts .his_left {font-size:3.2rem;}
}

@media screen and (max-width: 768px){
.history_top p {font-size:1.8rem; line-height:1.8;}
.history_top p br {display:none;}
.history_conts .his_left {display:none;}
.history_conts .his_right {width:100%;}
.his_box  {padding:3.0rem 1.0rem;}
}
*/


/*조직도*/
.organigram {text-align:center; }
.organigram img {margin:auto;}

@media screen and (max-width: 1024px){

.organigram {padding-bottom:3.5rem;}


}



/*보유인증서*/
.cert_wrap { padding:10.0rem 8.0rem; display:flex;  flex-wrap: wrap;  justify-content: center; gap:5.0rem; } 

.cert_wrap .cert_img {padding:2.0rem; background:#fff; text-align:center; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; }
.cert_wrap .cert_img img {max-width:90%; }
.cert_wrap p {text-align:center; font-size:2.0rem; color:#000; margin-top:1.5rem; }


@media screen and (max-width: 1024px){

.cert_wrap { padding:8.0rem 3.0rem;}
}


/*커뮤니케이션*/
.sns_wrap { display:flex;  justify-content:center;  flex-wrap:wrap; border:1px solid #ddd; background:#f8f8f8; }

.sns_wrap a {text-align:center; border-right:1px solid #ddd; width:calc(100% / 3); padding:5.0rem 3.0rem; }
.sns_wrap a:nth-child(3n) {border-right:0;}
.sns_wrap a:nth-child(1), 
.sns_wrap a:nth-child(2),
.sns_wrap a:nth-child(3){border-bottom:1px solid #ddd;}
.sns_wrap a p {font-size:2.2rem; color:#000; margin-top:1.0rem; font-weight:600;}
.sns_wrap a:hover img {margin-top:-1.5rem; transition: all 0.6s;}
.sns_wrap a img {transition: all 0.6s;}


@media screen and (max-width: 768px){
.sns_wrap a img {width:6.5rem;}
.sns_wrap a p {font-size:1.8rem; }
}



/*사업영역*/
.biz_top {text-align:center; padding:12.0rem 5.0rem;  border-radius:4.0rem;}
.biz_top h3 {font-size:3.6rem; font-weight:600; color:#fff;}
.biz_top p {font-size:2.0rem; margin-top:2.0rem; color:rgba(255, 255, 255, 0.8); line-height:1.8}


@media screen and (max-width: 1024px){
.biz_top p br {display:none;}
.biz_top h3 {font-size:3.0rem; line-height:1.4;}
}




/*기업물류*/
.b2b_conts {margin-top:8.0rem;}
.b2b_wrap { padding: 0 15.0rem;}
/*.b2b_wrap .b2b_left {width:35.0rem; color:#000; font-size:3.6rem; font-weight:700; }
.b2b_wrap .b2b_right {width:calc(100% - 35.0rem);}*/

.b2b_wrap .b2b_right {width:100%;}

.b2b_box1 {background:#f7f2ef; border-radius:4.0rem; padding:8.0rem 5.0rem;}
.b2b_box1 span {display:block; margin-bottom:2.0rem;}

.b2b_box1 dl {}
.b2b_box1 dl dt {color:#000; font-size:2.4rem; font-weight:600;}
.b2b_box1 dl dd {margin-top:1.0rem; }


.b2b_ico_wrap { justify-content: space-between;}
.b2b_ico_wrap .b2b_box {width:49%; background:#f7f2ef; border-radius:3.0rem;  padding:4.0rem 5.0rem; margin-bottom:2.0rem; }
.b2b_ico_wrap .b2b_box .b2b_ico_img {width:18.0rem;}
.b2b_ico_wrap .b2b_box .b2b_ico_txt {width:calc(100% - 18.0rem); display:flex; align-items: center; font-size:2.2rem; color:#000; font-weight:600;}

@media screen and (max-width: 1600px){

.biz_top {border-radius:0;}
}

@media screen and (max-width: 1600px){
.b2b_wrap { padding: 0 5.0rem;}

}



@media screen and (max-width: 1200px){

.b2b_wrap .b2b_left {width:100%; font-size:3.0rem;}
.b2b_wrap .b2b_right {width:100%; margin-top:2.0rem; }
}


@media screen and (max-width: 768px){
.b2b_wrap { padding:0rem;}

.b2b_ico_wrap .b2b_box { flex-direction: column; text-align:center; padding:3.0rem 2.0rem; }
.b2b_ico_wrap .b2b_box .b2b_ico_img {width:100%;}
.b2b_ico_wrap .b2b_box .b2b_ico_img img {width:13.0rem;}
.b2b_ico_wrap .b2b_box .b2b_ico_txt {width:100%;  justify-content: center; font-size:2.0rem;  margin-top:2.0rem;}
}





/*택배물류*/

.b2c_conts {margin-top:8.0rem;  justify-content: space-between;}
.b2c_conts .b2c_box {background:#f7f2ef; border-radius:4.0rem; padding:5.0rem 3.0rem; width:49%; text-align:center;  }

.b2c_conts .b2c_box dl {color:#000; margin-bottom:2.0rem;}
.b2c_conts .b2c_box dl dt {font-size:3.0rem; font-weight:700;}
.b2c_conts .b2c_box dl dd {font-size:2.2rem;font-weight:600; }
.b2c_conts .b2c_box p {margin-top:3.0rem; font-size:2.0rem;}




@media screen and (max-width: 1024px){
.b2c_conts .b2c_box {width:100%; margin:auto; max-width:76.8rem;}
.b2c_conts .b2c_box {margin-bottom:3.0rem; }

}



/*쿠팡파트너사*/
.coupang_top {background:#f7f2ef;  border-radius:4.0rem; text-align:center; padding:8.0rem 5.0rem;}
.coupang_top p {margin-top:2.0rem; font-size:2.0rem; color:#222; font-weight:600;}


.coupang_conts .coupang_wrap {gap:5%;}
.coupang_conts .coupang_wrap:nth-child(2n) {flex-direction: row-reverse; border:1px solid #dd;  }

.coupang_wrap .coupang_img {width:50%;}
.coupang_wrap .coupang_txt {width:45%; display:flex;  justify-content: center;align-items: center;}

.coupang_wrap .coupang_txt dl dt {font-size:3.0rem; color:#000; font-weight:700;}
.coupang_wrap .coupang_txt dl dd {font-size:2.0rem; margin-top:2.0rem;}
.coupang_wrap .coupang_txt dl dd strong {color:#000;}

@media screen and (max-width: 1400px){

.coupang_top { border-radius:0rem;  padding:5.0rem 3.0rem;}

}


@media screen and (max-width: 768px){

.coupang_wrap {margin-bottom:8.0rem; }
.coupang_wrap .coupang_img {width:100%;}
.coupang_wrap .coupang_txt {width:100%; padding:3.0rem 2.0rem;   justify-content: flex-start;}

.coupang_wrap .coupang_txt dl dt {font-size:2.2rem;}
.coupang_wrap .coupang_txt dl dd {font-size:1.8rem }
}


/*집하센터*/
.b2c_gallery { justify-content: space-between;}
.b2c_gallery .gal_2 {width:49.5%; margin-bottom:1.5%;}
.b2c_gallery .gal_3 {width:32.5%; margin-bottom:1.5%;}



@media screen and (max-width: 768px){

.b2c_gallery .gal_3 {width:49%;}
}




/*오시는길*/
.loc_txt { border-top:1px solid #222; padding:5.0rem 3.0rem; border-bottom:1px solid #ddd;}
.loc_txt .loc_left {width:20%; }
.loc_txt .loc_left img {max-width:100%;}
.loc_txt .loc_right {margin:4.0rem 0 0 5%; width:75%; }
.loc_txt .loc_right dt {font-size:3.0rem; font-weight:600; margin-bottom:2.0rem; color:#000}
.loc_txt .loc_right dd {font-size:1.8rem; color:#666; }
.loc_txt .loc_right dd ul li { margin-right:3.0rem; margin-bottom:0.5rem;}
.loc_txt .loc_right dd ul li span {color:#202020; margin-right:15px;}

.loc_map {width:100%; margin-top:3.0rem; padding:2.0rem 0; }
.loc_map .map_height {height:40.0rem; width:100%;}
.loc_map .root_daum_roughmap .wrap_map {height: 100% !important; z-index:0;}
.loc_map iframe {width:100%; height:40.0rem; }



@media screen and (max-width: 768px){

.loc_txt.loc_txt .loc_left  {display:none; }
.loc_txt .loc_right {margin:0;  width:100%; }

.loc_txt {padding:3.0rem 0;}
.loc_txt .loc_right dd ul li {width:100%;}

.loc_map .map_height {height:320px}
}