@charset "utf-8";


.wid_1200 {width:100%; max-width:1200px; margin:auto; height:100%;}


.mg_t0 {margin-top:0px!important;}
.mg_t10{margin-top:10px;}
.mg_t20{margin-top:20px;}
.mg_t30{margin-top:30px;}
.mg_t40{margin-top:40px;}
.mg_t50{margin-top:50px;}
.mg_t80{margin-top:80px;}
.mg_t100{margin-top:100px;}
.mg_t120{margin-top:120px;}

.mg_t120{margin-top:120px;}

.mg_b10{margin-bottom:10px;}
.mg_b20{margin-bottom:20px;}
.mg_b30{margin-bottom:30px;}
.mg_b40{margin-bottom:40px;}
.mg_b50{margin-bottom:50px;}
.mg_b80{margin-bottom:80px;}
.mg_b100{margin-bottom:100px;}

.point {color:#da1b2d !important;}
.txt_l {text-align:left;}
.txt_c {text-align:center;}
.txt_r {text-align:right;}

.txt_b {font-weight:bold;}
.wps_100 {width:100%;}

.fl_left {float:left;}
.fl_right {float:right;}


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


.pc_only {display:block;}
.mobile_only {display:none;}

@media screen and (max-width: 768px){
	.pc_only {display:none;}
	.mobile_only {display:block;}

}

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

.side_pd {padding-left:15px!important; padding-right:15px!important;}

}

.sub_content {width:100%; position:relative; min-height:500px; margin-top:5.0rem; word-break: keep-all; line-height:1.65;}


@media( max-width:1024px ) {
	.sub_content{margin-top:5.0rem;}
}






/*회사개요*/
.title_top{font-size:3.0rem;text-align:center;padding:30px 0;font-weight:400}
#company_cont{margin-bottom:100px;}
#company_message{margin-bottom:100px;}

.company_top {width:100%; position:relative;/*  display:flex; justify-content: space-between; */}
.company_top .company_top_left {width:100%;}
.company_top .company_top_left > p {font-size:2.8rem; font-weight:500; line-height:1.45; /* padding-right:21px; */}
.company_top .company_top_left a.btn_down {position:relative; text-align:left; background:#000; color:#fff; padding:2.0rem 15.0rem 2.0rem 5.0rem; margin-top:5.0rem; font-size:1.6rem;
										   display:inline-block; font-weight:bold; }
.company_top .company_top_left a.btn_down:after {content:''; transition:all 0.4s;  width:5.0rem; height:1px; position:absolute; top:50%; transform:translateX(-50%); right: 2.5rem; background:#fff; }
.company_top .company_top_left a.btn_down:hover {background:#da1b2d; transition:all 1s; }
.company_top .company_top_right {width:55%; margin:50px auto; background:#f8f8f8; padding:3.0rem; border-top:2px solid #000;}
.company_top .company_top_right > dl {display:flex; margin-bottom:1.8rem;}
.company_top .company_top_right > dl > dt {width:50%; font-size:1.8rem; color:#000;}
.company_top .company_top_right > dl > dd {width:50%; font-size:1.6rem; color:#585858; }


.company_bottom {margin-top:16.0rem; width:100%; position:relative; text-align:right;}
.company_bottom .company_logo {max-width:1144px; width:70%;margin-bottom:20px;}


@media( max-width:1024px ) {

.company_top {display:block;}


.company_top .company_top_left {width:100%; text-align:center;}
.company_top .company_top_left > p {font-size:2.6rem; padding:0 30px;}
.company_top .company_top_left > p br {display:none;}
.company_top .company_top_right {width:100%; margin-top:5.0rem;}

.company_bottom {margin-top:10.0rem;}

}


@media( max-width:768px ) {

.company_top .company_top_left > p {font-size:2.2rem;}
}





/*인사말*/
.message_wrap {width:100%; position:relative; display:flex; justify-content: space-between; }
.message_wrap .message_img {width:207px;}
.message_wrap .message_txt {width: calc(100% - 300px); background:url(../../pages/images/message_bg.jpg) no-repeat; background-position: center center; }
.message_wrap .message_txt .m_txt1 {font-size:2.8rem; margin-bottom:5.0rem;font-weight:500; line-height:1.45; }
.message_wrap .message_txt p {font-size:1.8rem; color:#4f4f4f; margin-bottom:2.5rem; }
.message_wrap .message_txt .ceo_name {color:#000; font-size:2.0rem; font-weight:700; margin-top:8.0rem; display:block;}


@media( max-width:1024px ) {

.message_wrap {flex-direction: column;text-align:center; }
.message_wrap .message_img {width:100%; }
.message_wrap .message_img img {max-width:207px;}

.message_wrap .message_txt {width:100%; margin-top:5.0rem; background-size: contain;} 

}




/*ci*/
.ci_wrap {width:100%;position:relative; display:flex; flex-wrap: wrap; justify-content: space-evenly; border:1px solid #ddd;  background: url(../../pages/images/ci_bg.jpg) repeat; justify-content: center;} 
.ci_wrap > div {width:45%; text-align:center; padding:8.0rem 0;}

.grey_bg {background:#f8f8f8; padding:0rem 0; }
.ci_wrap02 {width:100%;position:relative; margin:15.0rem 0; text-align:center;  }
.ci_wrap02 h3 {font-size:2.8rem; letter-spacing:1.0rem; margin-bottom:3.0rem;}
.ci_wrap02 p {color:#4f4f4f; font-size:2.0rem; line-height:1.45; font-weight:500;}

.ci_wrap02 .ci_naming {max-width:842px; margin-top: 3.0rem;}
.ci_wrap02 .ci_slogan {max-width:590px; margin-bottom: 3.0rem;}

@media( max-width:1200px ) {
.ci_wrap > div > img {width:60%;}

}

@media( max-width:768px ) {
.grey_bg { padding:5.0rem 0; }
.ci_wrap > div {width:100%; padding:5.0rem 0;}
.ci_wrap > div > img {width:70%;}
.ci_wrap02 p > br {display:none;}

}

.history_container {padding:8.0rem 0;}
.history_right {border-top:2px solid #03347b}
.history {padding:30px 0;border-bottom:1px solid #dddddd;}
.history:after {content:'';clear:both;display:block;}
.history p {width:45%; float:left; font-weight:bold; font-family:'Poppins'; font-size:4.8rem; color:#da1b2d; margin-top:0px; margin-left:10px;margin-bottom:10px;}
.history .history_txt {float:left; margin-top:20px;}
.history dl {margin-bottom:10px;width:100%}
.history dt {width:70px; font-size:1.9rem; color:#666; line-height:1.5; font-weight:700; display:inline-block; vertical-align:top;}
.history dd {width:auto; font-size:1.9rem; color:#2b3137; line-height:1.5; display:inline-block }
@media( max-width:1024px ) {
.history dd{font-size:1.6rem}
.history p{width:30%}
}

@media( max-width:768px ) {
.history p{width:100%}
}
/*연혁/
.history_top { width:100%;position:relative; background: url(../../pages/images/his_top.jpg) repeat;  background-size: cover; }
.history_top > h3 {font-size:3.2rem; color:#fff; text-align:center; line-height:1.45; padding:12.0rem 0; }


.history_container {width:100%; position:relative; margin-top:15.0rem; display:flex; flex-wrap: wrap;}


.history_img {width:50%; position:relative; padding-right:8.0rem; padding-top:3.0rem;}
.history_img p {margin-bottom:3.0rem; display:block;}
.history_img p img {width:100%; }
.history_img p.his_img01 img{max-width:274px}
.history_img p.his_img02 img{max-width:348px}
.history_img p.his_img03 img{max-width:520px}


.history_list {width:100%; position:relative;} 

.history_list:before {display:block;content:"";position: absolute;top: 0;left: 0;width: 1px;height: 100%;background: rgba(0,0,0,0.15);}
.history_list .his_right:before {content:''; position:absolute; width:8px; height:8px; border-radius:50%; background:#da1b2d;left:-3px; top:25px;}
.history_list .his_right:first-child:before {top:0px;width:16px; height:16px; left:-8px;}
.history_list .his_right {position:relative; text-align:left; width:100%; padding:0  0rem 6.0rem 8.0rem;}

.history_list > li {margin-top:-10px;}
.history_list > li .his_year {display:block; font-size:3.6rem; font-family:'Poppins'; font-weight:bold; color:#da1b2d}
.history_list > li:after{content:"";display:block;clear:both}
.history_list > li .his_txt {margin-top:1.0rem; display:flex; width:100%; }
.history_list > li .his_txt .his_date {display:block;  color:#595959; font-size:1.8rem; font-weight:bold; font-family:'Poppins'; width:50px}
.history_list > li .his_txt p{display:block;  font-size:1.8rem;  color:#595959; margin-bottom: 0rem;}


@media( max-width:768px ) {


.history_top > h3 {font-size:2.6rem;  padding:6.0rem 3.0rem;}

.history_container {margin-top:8.0rem;  flex-direction: column-reverse;}
.history_img {width:100%;}
.history_list {width:100%; padding-left:30px; }
.history_list:before {left:30px;}
.history_list .his_right {padding:0  0rem 6.0rem 5.0rem;}
.history_list .his_right:before {top:20px;}


.history_img {padding:0 20px; margin-top:8.0rem;}
.history_img p {text-align:left !important;}
.history_img p img {max-width:100%!important;}

}
/*연혁*/

/*연혁02*/
.history_top { width:100%;position:relative; background: url(../../pages/images/his_top.jpg) repeat;  background-size: cover; }
.history_top > h3 {font-size:3.2rem; color:#fff; text-align:center; line-height:1.45; padding:12.0rem 0; }




/*연혁02*/

/*조직도*/
.organization_wrap {text-align:center; width:100%; position:relative;  background: url(../../pages/images/or_bg.png) no-repeat center center; }
.organization_wrap  img {max-width:1300px; }


@media( max-width:1200px ) {

	.organization_wrap  { background-size:contain}
}


/*오시는길*/
.location_wrap {width:100%; position:relative;}

.location_map .map_height {height:500px; width:100%;  }
.location_map .root_daum_roughmap .wrap_map {
	height: 100% !important;
}


.location_txt {width:100%; position:relative; display:flex;   flex-wrap: wrap; justify-content: center; }
.location_txt .location_list {width:33%; padding:4.0rem 2.5rem; background:#fff; position:relative; transform:translateY(-60px); background-color:#fff; z-index:50;}
.location_txt .location_list span {display:block; text-align:center;}
.location_txt .location_list .loc_icon { color:#da1b2d; font-size:4.0rem;}
.location_txt .location_list .loc_tit {font-weight:bold; font-size:2.0rem; text-transform:capitalize; margin-top:2.0rem}
.location_txt .location_list .loc_txt { font-size:1.6rem; line-height:1.45; color:#4f4f4f;}
.location_txt .location_list:not(:nth-child(3n))::after {content:""; position:absolute; top:50%; right:0; width:1px; height:150px; background-color:#e5e5e5; transform:translateY(-50%);}


@media( max-width:1024px ) {

.location_txt .location_list {width:50%;}
.location_txt .location_list:after {display:none;}

}


@media( max-width:1024px ) {

.location_map .map_height {height:300px;  }

}

/*CARGO AGENT*/
#business_cargo02{padding:0 30px;}
#business_cargo02:after{display:block;clear:both;content:"";}
.swiper-container02{float:left;width:40%;margin-top:14rem;}
.cargo_service {float:left;width:60%;}
.cargo_toptxt {text-align:center; font-size:2.0rem; padding-bottom:8.0rem; /* margin-top:-7.0rem; */}

@media( max-width:1300px ) {

.swiper-container02{width:100%}
.cargo_service {width:100%;}

}

@media( max-width:1300px ) {

.swiper-container02{margin-top:7rem;}

}

@media( max-width:768px ) {

.swiper-container02{margin-top:0rem;}

}

.cargo_topbg {background: url(../../pages/images/cargo_bg.jpg) no-repeat center center; padding:13.5rem 0; background-size:cover;}
/* .cargo_topbg_in {width:100%; position:relative;} */
.cargo_topbg_in {width:100%;position: absolute;top: 64%;left: 50%;transform: translate(-50%, -50%);z-index: 999;}
.cargo_topbg_in > ul {display:flex;   flex-wrap: wrap; justify-content: space-between; }
.cargo_topbg_in > ul > li {width:28%; }

.cargo_topbg_in .circle_bg {width:100%; position: relative; padding-bottom: 100%; height: 0;  border-radius: 100%; background:rgba(218, 27, 45, 0.8);}
.cargo_topbg_in .circle_bg .circle_txt {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:100%; color:#fff; font-size:2.0rem; text-align:center; width:75%; }


#business_cargo{padding:0 30px;}
#business_cargo:after{display:block;clear:both;content:"";}
.swiper-container{float:left;width:40%;margin-top:15rem;}
.cargo_contents  {float:left;width:60%;padding-right:6.0rem}
.cargo_slider_pc{}
.cargo_slider_m{display:none}

@media( max-width:1300px ) {
.cargo_slider_m{display:block;}
.cargo_slider_pc {display:none}
.swiper-container{float:left;width:100%;margin-top:7rem;}
.cargo_contents  {float:left;width:100%;padding-right:6.0rem}

}
@media( max-width:768px ) {
.swiper-container{margin-top:0rem;}

}
.cargo_contents {display:flex; flex-wrap: wrap; justify-content: space-between; /* margin-top:10.0rem; */ /* border-top:3px solid #222; */ padding-top:2.0rem;}
.cargo_contents .cargo_list {width:50%; position: relative; padding:3rem 0rem;   border-bottom:1px solid #ddd;}
.cargo_contents .cargo_list span.cargo_num {color:#da1b2d; font-size:3.2rem; position:absolute; top:40px; left:20px; border-bottom:2px solid #da1b2d; font-weight:bold;}
.cargo_contents .cargo_list dl {margin-left:18.5rem;}
.cargo_contents .cargo_list dl dt {color:#da1b2d; font-size:1.7rem; font-weight:700}
.cargo_contents .cargo_list dl dd {color:#737373; font-size:1.7rem; margin-top:1.0rem;}
.cargo_contents .cargo_list dl dd ul li {padding-left:12px; margin-bottom:0.5rem;position: relative;font-size:1.5rem }
.cargo_contents .cargo_list dl dd ul li:before {content:''; width:3px; height:3px; position:absolute; top:12px; left:0; background:#737373;  }


.cargo_contents .cargo_list:after {content:''; width:106px; height:106px;  position:absolute; left:70px; top:40px;  }
.cargo_contents .cargo_list:nth-child(1):after {background: url(../../pages/images/cargo_ico01.png) no-repeat center center;}
.cargo_contents .cargo_list:nth-child(2):after {background: url(../../pages/images/cargo_ico02.png) no-repeat center center;}
.cargo_contents .cargo_list:nth-child(3):after {background: url(../../pages/images/cargo_ico03.png) no-repeat center center;}
.cargo_contents .cargo_list:nth-child(4):after {background: url(../../pages/images/cargo_ico04.png) no-repeat center center;}
.cargo_contents .cargo_list:nth-child(5):after {background: url(../../pages/images/cargo_ico05.png) no-repeat center center;}
.cargo_contents .cargo_list:nth-child(6):after {background: url(../../pages/images/cargo_ico06.png) no-repeat center center;}



@media( max-width:1024px ) {

.cargo_toptxt {margin-top:-2.0rem; padding-bottom:5.0rem;}
.cargo_contents .cargo_list {width:100%; }
.cargo_topbg_in .circle_bg .circle_txt {font-size:1.7rem;}

}


@media( max-width:768px ) {
.cargo_topbg {padding:5.0rem 0;}


.cargo_topbg_in > ul { justify-content: center; }
.cargo_topbg_in > ul > li {width:38%; margin-bottom:2.0rem; margin-right:2.0rem}
.cargo_topbg_in .circle_bg .circle_txt {font-size:2.0rem;}


.cargo_contents .cargo_list:after {content:''; width:80px; height:80px; background-size:contain !important; left:60px;}
.cargo_contents .cargo_list dl {margin-left:18.0rem;}
}



/*SHIP AGENT*/



#business_cargo03{padding:0 30px;}
#business_cargo03:after{display:block;clear:both;content:"";}
.swiper-container03{float:left;width:40%;margin-top:1.5rem}
.ship_contents  {float:left;width:60%;padding-left:6.0rem;margin-top:1.5rem}

@media( max-width:1300px ) {
.swiper-container03{width:100%;}
.ship_contents  {width:100%;}


}

.ship_contents {display:flex; flex-wrap: wrap; justify-content: space-between; /* margin-top:10.0rem; border-top:3px solid #222; */ padding-top:2.0rem;}
.ship_contents .ship_list {width:50%; position: relative; padding:5.0rem 3.0rem;   border-bottom:1px solid #ddd;}
.ship_contents .ship_list span.ship_num {color:#da1b2d; font-size:3.2rem; position:absolute; top:40px; left:20px; border-bottom:2px solid #da1b2d; font-weight:bold;}
.ship_contents .ship_list dl {margin-left:19.5rem;}
.ship_contents .ship_list dl dt {color:#da1b2d; font-size:2.0rem; font-weight:700}
.ship_contents .ship_list dl dd {color:#737373; font-size:1.7rem; margin-top:1.0rem;}
.ship_contents .ship_list dl dd ul li {padding-left:12px; margin-bottom:0.5rem;position: relative; }
.ship_contents .ship_list dl dd ul li:before {content:''; width:3px; height:3px; position:absolute; top:12px; left:0; background:#737373;  }


.ship_contents .ship_list:after {content:''; width:106px; height:106px;  position:absolute; left:70px; top:40px;  }
.ship_contents .ship_list:nth-child(1):after {background: url(../../pages/images/ship_ico01.png) no-repeat center center;}
.ship_contents .ship_list:nth-child(2):after {background: url(../../pages/images/ship_ico02.png) no-repeat center center;}
.ship_contents .ship_list:nth-child(3):after {background: url(../../pages/images/ship_ico03.png) no-repeat center center;}
.ship_contents .ship_list:nth-child(4):after {background: url(../../pages/images/ship_ico04.png) no-repeat center center;}


.ship_contents .ship_list {width:50%; position: relative; padding:3.0rem 0rem;   border-bottom:1px solid #ddd;}
.ship_contents .ship_list span.ship_num {color:#da1b2d; font-size:3.2rem; position:absolute; top:40px; left:20px; border-bottom:2px solid #da1b2d; font-weight:bold;}
.ship_contents .ship_list dl {margin-left:19.5rem;}
.ship_contents .ship_list dl dt {color:#da1b2d; font-size:1.7rem; font-weight:700}
.ship_contents .ship_list dl dd {color:#737373; font-size:1.7rem; margin-top:1.0rem;}
.ship_contents .ship_list dl dd ul li {padding-left:12px; margin-bottom:0.5rem;position: relative; font-size:1.5rem}
.ship_contents .ship_list dl dd ul li:before {content:''; width:3px; height:3px; position:absolute; top:12px; left:0; background:#737373;  }


/*서비스*/


.cargo_service {display:flex; flex-wrap: wrap; justify-content: space-between; margin-top:3.0rem; /* border-top:3px solid #222; */ padding-top:2.0rem;padding:0 0 0 6.0rem}
.cargo_service .ser_list {width:50%; position: relative; padding:3.0rem 0rem;   border-bottom:1px solid #ddd;}
.cargo_service .ser_list span.ser_num {color:#da1b2d; font-size:3.2rem; position:absolute; top:40px; left:20px; border-bottom:2px solid #da1b2d; font-weight:bold;}
.cargo_service .ser_list dl {margin-left:19.5rem;}
.cargo_service .ser_list dl dt {color:#da1b2d; font-size:1.7rem; font-weight:700}
.cargo_service .ser_list dl dd {color:#737373; font-size:1.7rem; margin-top:1.0rem;}
.cargo_service .ser_list dl dd ul li {padding-left:12px; margin-bottom:0.5rem;position: relative; font-size:1.5rem}
.cargo_service .ser_list dl dd ul li:before {content:''; width:3px; height:3px; position:absolute; top:12px; left:0; background:#737373;  }

.cargo_service .ser_list:after {content:''; width:106px; height:106px;  position:absolute; left:60px; top:40px;  }
.cargo_service .ser_list:nth-child(1):after {background: url(../../pages/images/ser_ico01.png) no-repeat center center;}
.cargo_service .ser_list:nth-child(2):after {background: url(../../pages/images/ser_ico02.png) no-repeat center center;}
.cargo_service .ser_list:nth-child(3):after {background: url(../../pages/images/ser_ico03.png) no-repeat center center;}
.cargo_service .ser_list:nth-child(4):after {background: url(../../pages/images/ser_ico04.png) no-repeat center center;}
.cargo_service .ser_list:nth-child(5):after {background: url(../../pages/images/ser_ico05.png) no-repeat center center;}
.cargo_service .ser_list:nth-child(6):after {background: url(../../pages/images/ser_ico06.png) no-repeat center center;}



@media( max-width:1300px ) {
.cargo_service .ser_list:after{content:''; width:80px; height:80px; background-size:contain !important}

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

.ship_contents .ship_list {width:100%; }
.cargo_service .ser_list {width:100%}
}


@media( max-width:768px ) {


.ship_contents .ship_list:after {content:''; width:80px; height:80px; background-size:contain !important; left:60px;}
.ship_contents .ship_list dl {margin-left:18.0rem;}
}

/*MSC COC 인증*/


.msc_coc_01 {margin-top:-5.0rem; margin-bottom:5.0rem;}

.msc_txt {display:block; font-size:1.8rem; }
.msc_coc_02 > .msc_txt {margin-top:2.0rem;}


@media( max-width:600px ) {

.msc_coc_01 img, .msc_coc_02 img {width:70%; margin:auto;}

}

/*네트워크*/


.network_top {text-align:center; font-size:2.0rem; padding-bottom:8.0rem; /* margin-top:-7.0rem; */}
.network_txt {width:100%; position:relative; display:flex;   flex-wrap: wrap; justify-content: space-between;}
.network_txt .network_left {width:48%; text-align:center;margin:0 auto;padding-bottom:10rem}
.network_txt .network_left img {border:1px solid #ddd; }
.network_txt .network_left span {display:block; margin-top:1.0rem; font-size:1.7rem; color:#4f4f4f}

.network_txt .network_right {width:48%; padding-top:5.0rem;}
.network_txt .network_right p {margin-top:3.0rem; font-size:1.6rem; color:#4f4f4;}


.network_table {margin-top:1.5rem; width:100%; position:relative; display:flex;   flex-wrap: wrap; }
.network_table > div {width:50%; border-top:2px solid #222;} 
.network_table > div dl {width:100%; position:relative; display:flex; font-size:1.7rem; padding:2.0rem; border-bottom:1px solid #ddd;}
.network_table > div dl dt {width:200px; color:#222; font-weight:bold;}
.network_table > div dl dd {color:#4f4f4;}


@media( max-width:1024px ) {
.network_top {margin-top:-2.0rem;font-size:1.8rem; padding-bottom:5.0rem;}

.network_txt .network_left {width:100%;}
.network_txt .network_left:first-child {margin-bottom:4.0rem;}
.network_txt .network_right {width:100%;}

.network_table > div {width:100%;} 
.network_table > div:nth-child(2) {border-top:0px solid #222;} 

}

@media( max-width:768px ) {
.network_table > div dl dt {width:80px;}
.network_table img{width:100%}

}


/*Customer*/
.customer_txt {text-align:center; font-size:2.0rem; padding-bottom:8.0rem; /* margin-top:-7.0rem; */}


@media( max-width:1024px ) {
.customer_txt {margin-top:-2.0rem;font-size:1.8rem; padding-bottom:5.0rem;}

}



/*글로벌*/
.global_customer {position: relative;padding-top:32px;}
.global_customer .historyWrap {width:100%;margin-bottom:70px;}
.global_customer .historyWrap:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.global_customer .container_tab .tab_title{margin-bottom:30px; border:1px solid #cecece}
.global_customer .container_tab .tab_title:after{content:"";display:block;clear:both}
.global_customer .container_tab .tab_title li{width:14.2%;float:left;text-align:center;font-size:2.1rem;;border-right:1px solid #cecece;padding:10px 0;cursor:pointer}
.global_customer .container_tab .tab_title li.on{color:#da1b2d;background:#f8f8fb}
.global_customer .container_tab .tab_cont .tab_01{display:none;}
.global_customer .container_tab .tab_cont .tab_01.on{display:block;}
.global_customer .txt_box{list-style:disc}
.global_customer .img_box{text-align:center}
.global_customer .txt_box li{display:inline-block;padding-right:10px;font-size:18px;list-style:disc}

.global_customer .tab_table{border-top:2px solid #000;width:1100px;margin:50px auto}
.global_customer .tab_table tr td{font-size:1.7rem;text-align:center;padding:20px 0;border-bottom:1px solid #ddd}
.global_customer .tab_table tr td.on{border-right:1px solid #ddd}
.global_customer .container_tab .tab_title li:last-child{border-right:none}

@media screen and (max-width: 1024px){
.global_customer .container_tab .tab_title li{}
.global_customer .img_box img{width:100%}
.global_customer .tab_table{width:100%}
}
@media screen and (max-width: 768px){

.global_customer .container_tab .tab_title li{font-size:1.5rem}
.global_customer .tab_table tr td{font-size:1.5rem}
}




/*파트너*/
.partner{margin-top:60px;width:1200px;margin:50px auto}
.partner ul:after{content:"";display:block;clear:both}
/* .partner ul li{float:left;width:18%;border:1px solid #ddd;margin:0 2.5% 2.5% 0} */
.partner ul li{float:left;width:23%;border:1px solid #ddd;margin:0 2% 2% 0;text-align:center;/* height:164px; */}

.partner img{width:100%;padding:10px;/* margin-top:38px; */}


@media screen and (max-width: 1024px){
.partner{width:100%}

.partner ul li{width:31%;}
.partner{margin-top:50px;}
}
@media screen and (max-width: 768px){

.partner ul li{width:48%;}
.partner{text-align:center}
.partner ul li img{width:100%}
}
/*채용센터*/
.subPageRight_WIDE_ .sub_vg{height:100vh}
.subPageRight_WIDE_{position:relative}
.subPageRight_WIDE_ div#vg_con .sub_vg_txt{display:none}
.subPageRight_WIDE_ .subNavBarInnerWrap{display:none}


.employment_Wrap .people_box:after{content:"";display:block;clear:both}
.employment_Wrap .people_box .TopBg{background: url(../img/employment_img01.jpg) no-repeat; background-size: cover;padding-bottom:53%; position:relative}
.employment_Wrap .people_box .tit{font-size:50px;font-weight:bold;margin:0 0 30px 50px;} 
.employment_Wrap .people_box .tit{position: relative; width:120.0rem; height: 17rem; display: table; background: url(../img/about_logo_bg.png) no-repeat;  background-position: center right; }


.employment_Wrap .people_box .TopTxt{font-size:2.4rem;padding-left:50px;position:absolute;top:19%;right:12%;line-height:1.8}
.employment_Wrap .people_box .TopTxt .tit01{font-size:2.8rem;font-weight:700;color:#da1b2d}
.employment_Wrap .people_box .TopTxt .txt01{font-size:2.1rem;padding:30px 0;}
.employment_Wrap .people_box .TopTxt .txt02{font-size:2.1rem;padding-bottom:30px;}
.employment_Wrap .people_box .TopTxt .txt_mail{font-size:2.1rem;}


.employmentBot { transform: translateY(50px); transition: all 0.6s;}
.employmentBot .tit{font-size:50px;font-weight:bold;margin:0 0 30px 50px;} 
.employmentBot:after {display:block;visibility:hidden;clear:both;content:""}
.employmentBot .sub {float:left; width:calc(100% / 3); position: relative;}
.employmentBot .sub .thumb {position: relative; /*padding-bottom: 152%;*/ padding-bottom:120%;}
.employmentBot .sub .content {position: absolute;top: 5rem; left: 5rem;}
.employmentBot .sub .content .title {font-size: 2.5rem; color: #fff;}
.employmentBot .sub .content .txt{opacity:0;font-size:1.8rem; color:#fff;transition:1s;padding-top:50px;transform:translate(0,5%);line-height:2.5}
.employmentBot .sub:hover .content .txt{transform:translate(0,0%);opacity:1;}

.employmentBot .sub1 {}
.employmentBot .sub1 .thumb {background: url(../img/employment_bg01.jpg) no-repeat; background-size: cover; }
.employmentBot .sub1 .thumb:after{transition:1s;content:"";display:block;opacity:0;width:100%;height:100%;position:absolute;background:#000}
.employmentBot .sub1:hover .thumb:after{opacity:1}

.employmentBot .sub2 {}
.employmentBot .sub2 .thumb {transition:1s;background: url(../img/employment_bg02.jpg) no-repeat; background-size: cover; }
.employmentBot .sub2 .thumb:after{transition:1s;content:"";display:block;opacity:0;width:100%;height:100%;position:absolute;background:#000}
.employmentBot .sub2:hover .thumb:after{opacity:1}

.employmentBot .sub3 {}
.employmentBot .sub3 .thumb {transition:1s;background: url(../img/employment_bg03.jpg) no-repeat; background-size: cover;}
.employmentBot .sub3 .thumb:after{transition:1s;content:"";display:block;opacity:0;width:100%;height:100%;position:absolute;background:#000}
.employmentBot .sub3:hover .thumb:after{opacity:1}


.subTop{position:absolute;top:-133px;left:50px;font-size:3.5rem}



@media( max-width:1300px ) {

.employment_Wrap .people_box .tit{width:100%;margin:0;padding:0 0 30px 50px;}
.employment_Wrap .people_box .TopTxt{right:4%}
.employmentBot .sub .content{top:3rem;left:3rem}
.employmentBot .sub .content .txt{font-size:1.6rem}
.subTop{left:10px;font-size:2.8rem}
.employment_Wrap .people_box .tit{}

}


@media( max-width:768px ) {
.employment_Wrap .people_box .TopBg{padding-bottom:0;height:500px;background-size:cover}
.employmentBot .sub{width:100%}
.employmentBot .sub .content .txt{font-size:1.9rem}
.employmentBot .sub .content{top:7rem;left:3rem}
}