@import url("common.css");



#visual{position:relative; overflow:hidden; width:100%; text-align:center; height:380px;}
	.subtop_company{background:url('/img/subtop_company.jpg') center 0 no-repeat; background-size:cover;}
	.subtop_business{background:url('/img/subtop_business.jpg') center 0 no-repeat; background-size:cover;}
	.subtop_forte{background:url('/img/subtop_forte.jpg') center 0 no-repeat; background-size:cover;}
	.subtop_culture{background:url('/img/subtop_culture.jpg') center 0 no-repeat; background-size:cover;}
	.subtop_customer{background:url('/img/subtop_customer.jpg') center 0 no-repeat; background-size:cover;}
	.subtop_other{background:url('/img/subtop_other.jpg') center 0 no-repeat; background-size:cover;}


#visual .subtop_txt{margin-top:190px}
.subtop_txt{overflow:hidden; position:relative; margin-top:109px}
.subtop_txt .kot{font-size:18px; color:#fff; line-height:100%; text-transform: uppercase; font-weight:700; letter-spacing:0;  margin-top:15px;}
.subtop_txt .engt{font-size:45px; color:#fff;font-weight:500; line-height:120%; letter-spacing:0;}


#contents{overflow:hidden; position:relative;}

.lnb {position:relative; overflow:hidden; border-bottom:1px solid #ddd;}
	.lnb ul{position:relative; overflow:hidden; max-width:100%; margin:0 auto; text-align:center;}
	/*.lnb ul.nine li{width:11.11111111111111%;}
	.lnb ul.eight li{width:12.5%;}
	.lnb ul.seven li{width:14.285714%;}
	.lnb ul.six li{width:16.66666666666667%;}
	.lnb ul.five li{width:20%;}
	.lnb ul.four li{width:25%;}
	.lnb ul.three li{width:33.33333333%;}
	.lnb ul.two li{width:50%;}*/
	.lnb li {position:relative; display:inline-block; text-align:center; width:auto;     padding: 0 15px;}
	.lnb li a{border-bottom: 2px solid transparent; padding: 0 30px; color:#666; font-size:15px; letter-spacing:0; display:block; line-height:60px; height:60px; text-align:center; transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
	.lnb li a:hover{display:block; color:#005dab; text-decoration: none;  }
	.lnb .com_warp li a{padding: 0 10px;}
	.left_linktop{display:block; color:#005dab !important; text-decoration: none;    border-bottom-color: #005dab !important;}

.lnb_mobile{display:block; background:#fff;  position:relative;  border-bottom: 1px solid #ddd}


.lnbMenu{background:#f7f7f7}
/** 2018.12.17 추가 - dropdownlist **/
.dropLst { display:inline-block; /* position:relative; */ vertical-align:middle; color:#666; }
.dropLst .txt { position:relative; display:block; text-align:left; text-decoration:none; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:40px; padding:0 40px 0 10px; box-sizing:border-box; color:#333; }
.dropLst .hidradio { opacity:0; filter:alpha(opacity=0); position:absolute; z-index:-1; top:5px; left:5px; }
.dropLst .dlst { display:none; position:absolute; z-index:9; } /* box-shadow:1px 1px 1px rgba(0,0,0,.2); -webkit-box-shadow:1px 1px 1px rgba(0,0,0,.2);  min-width:100%; */
.dropLst.bottom .dlst { top:auto; bottom:100%; }
.dropLst .dlst.aright { right:0; }
.dropLst ul { background-color:#fff; max-height:530px; padding:0; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; -webkit-box-sizing:border-box; }
.dropLst ul > li { position:relative; }
.dropLst ul > li > label { display:block; position:relative; cursor:pointer; }
.dropLst ul > li > label > span { display:block; }
.dropLst ul > li > a:hover, .dropLst ul > li > label:hover > span, .dropLst ul > li > label.hover > span { /* background-color:#f3f3f3; */ }
.dropLst .txt, .dropLst ul { border:1px solid #d7d7d7; }
.dropLst .txt, .dropLst li span, .dropLst li a { line-height:38px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dropLst li span, .dropLst li a { padding:0 10px; }
.dropLst li a.selected, .dropLst li a.on, .dropLst li label.on span {/*font-weight:bold;*/}
.dropLst li span, .dropLst li a { display:block; }

/** 2018.12.17 서브 네비게이션 모바일 **/
.mobile_snb {display: block; max-width:1200px; margin:0 auto; height:60px; border-left:1px solid #ddd;}
.mobile_snb h2 {float:left; background:#f7f7f7; }
.mobile_snb h2 a {display:block; width:60px; height:60px; border-right:1px solid #ddd; background:url('/img/home.png') center no-repeat}
.mobile_snb .box {width: 300px; float:left; height: 60px; background-color: #f7f7f7; box-sizing:border-box; border-right:1px solid #ddd} /* background-color: #fff;  */
.mobile_snb .box.dep1 {/*background-color: #003591;*/}
.mobile_snb .dropLst .txt, 
.mobile_snb .dropLst li span, 
.mobile_snb .dropLst > a {padding-left:20px; width:100%; height:60px; line-height:60px; font-size:15px; border:none; z-index: 99; box-sizing:border-box; letter-spacing:0;}
.mobile_snb .box .dropLst .txt {padding-right:40px; color:#666;}
.mobile_snb .box .dropLst .txt:before {content: ""; position: absolute; top:50%; right:20px; display: block; width: 11px; height: 8px; margin-top:-4px; background: url("/img/icons.png") no-repeat center center/cover; background-size:100%; -webkit-transition:all 0.2s cubic-bezier(0, 0, 0.25, 1); transition:all 0.2s cubic-bezier(0, 0, 0.25, 1);}
.mobile_snb .box .dropLst .txt.on:before {-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.mobile_snb .box .dropLst ul {padding:0;}
.mobile_snb .box.dep1 .dropLst ul,
.mobile_snb .box.dep1 .dropLst ul li {background-color: #fff;} /* background-color: #003591; */
.mobile_snb .box.dep1 .dropLst ul li:first-child {}
.mobile_snb .box.dep1 .dropLst ul li:last-child {border-bottom:0;}
.mobile_snb .box.dep1 .dropLst li .value {padding-left:20px; width:100%; height: 50px; line-height: 50px; font-size:15px; border:none; z-index: 99; box-sizing:border-box; letter-spacing:0; color:#555;}
.mobile_snb .box.dep1 .dropLst li .value.on {color:#fff;  background:#cf0a2c;}
.mobile_snb .box.dep1 .dropLst .txt {color:#666; } /* color:#fff; */
.mobile_snb .box.dep1 .dropLst .txt:before {background-position:top left;} /* 첫번째 서브메뉴 화살표 위치 */ /* background-position: 0px 0px */
.mobile_snb .box.dep2 .dropLst ul,
.mobile_snb .box.dep2 .dropLst ul li  {background-color: #fff;} /*background-color: #fff;*/
.mobile_snb .box.dep2 .dropLst li .value {padding-left:20px; width:100%; height: 50px; line-height: 50px; font-size:15px; border:none; z-index: 99; box-sizing:border-box; letter-spacing:0; color:#555;} /*color:#003591;*/
.mobile_snb .box.dep2 .dropLst li .value.on {color:#fff;  background:#cf0a2c;} /*color:#00aeef;*/
.mobile_snb .dropLst {width:100%; box-sizing: border-box;}
.mobile_snb .dropLst .dlst {width:300px;}
.mobile_snb .dropLst .dlst ul {border:1px solid #ddd; }







.contentArea{max-width:1200px;position: relative;  overflow:hidden; margin:80px auto 80px auto;}
.contentArea_wide{width:100%; overflow:hidden; margin-top:80px}
.width1200{max-width:1200px; position: relative;  overflow:hidden; margin:0 auto}

#contents .tit_area{width:100%; padding:0 0 38px 0; overflow:hidden;}
#contents .tit_area2{position: relative;  overflow:hidden;}
#contents .tit_area2:after{content: ""; display:block; width:1px; height:35px; background:#ddd; margin: 20px auto;}
#contents .tit_area3{padding:0 0 15px 0; overflow:hidden;}
	#contents p.location {float:right; font-size:12px; color:#777; padding:15px 0 0 0}
	#contents p.location a:link, .tit_area p.location a:visited{font-size:12px; color:#777; }
	#contents p.location a:hover{color:#222;}
	#contents p.location img{vertical-align:middle; margin-bottom:2px;}
	#contents h3.title {text-align:center; color:#333; font-weight:600; font-size:38px; line-height:40px;letter-spacing:0;}	

.contents_in {position:relative; clear:both; margin:0 0 0 0; *zoom:1;}


/*** 공통css ***/
.point_txt{font-weight:bold; color:#333; letter-spacing:0;}

.tpad_10{padding-top:10px}
.tpad_20{padding-top:20px}
.tpad_35{padding-top:35px}
.bpad_5{padding-bottom:5px}
.bpad_10{padding-bottom:10px}
.bpad_20{padding-bottom:20px}
.bpad_25{padding-bottom:25px}
.bpad_30{padding-bottom:30px}
.bpad_40{padding-bottom:40px}
.bpad_50{padding-bottom:50px}
.bmar_30{margin-bottom:30px;}
.bmar_20{margin-bottom:20px;}
.bmar_80{margin-bottom:80px;}

.con_tit{font-size:20px; line-height:24px; letter-spacing:0; color:#444; font-weight:700; padding:0 0 15px 0;}
.con_tit span.thin{line-height:24px; letter-spacing:0; color:#444; font-weight:100;}


.table_style{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333;}
.table_style th{color:#444; font-weight:700; text-align:center; border-right:1px solid #ddd; padding:15px;letter-spacing:0; border-bottom:1px solid #ddd; background-color:#f9f9f9; letter-spacing:0; font-size:16px;}
.table_style th.bornone{border-right:0}
.table_style td{border-bottom:1px solid #ddd; padding:15px; text-align:center;  font-size:16px; letter-spacing:0;}
.table_style td.bor{border-right:1px solid #ddd;}

.table_style2{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333; border-left:1px solid #ddd;}
.table_style2 th{color:#444; font-weight:600; text-align:center; padding:14px 0 14px 0; border-bottom:1px solid #ddd; background-color:#f9f9f9; border-right:1px solid #ddd;}
.table_style2 td{ border-bottom:1px solid #ddd; padding:14px 0 14px 0; text-align:center; border-right:1px solid #ddd;}


h4.sub_title{font-size:30px; line-height:37px; margin-bottom:10px; letter-spacing:0; color:#333; font-weight:500}
h4.sub_title2{font-size:30px; line-height:37px; margin-bottom:10px; color:#333; font-weight:500}
h4.sub_etitle{font-size:40px; color:#333; font-weight:300; line-height:44px; margin-bottom:20px}
 span.red{line-height:44px; color:#cf0a2c; font-weight:700;}
 span.ye{line-height:44px; color:#ff9900; font-weight:700;}
 span.sbold{font-weight:700;  letter-spacing:0; line-height:37px; }
h5.sub_stitle{font-size:24px; line-height:28px; letter-spacing:0; color:#333; font-weight:300; margin-bottom:20px;}
span.st_bold{font-weight:700; line-height:28px; letter-spacing:0; color:#cf0a2c}



p.sub_stit{position: relative;overflow: hidden;background:url('/img/dep.png') left 6px no-repeat; background-size:14px; margin-bottom:15px;padding-left:18px; font-size:22px; color:#333; letter-spacing:0; line-height:30px; font-weight:500}

p.sub_txt{font-size:16px; line-height:26px; letter-spacing:0; }
p.sub_txt2{font-size:16px; line-height:26px; }
.sqt{font-size:16px; line-height:100%; letter-spacing:0; font-weight:500; margin-bottom:8px; color:#333; background:url('/business/img/dep2.gif') left no-repeat; background-size:5px; padding-left:10px}


.dep_list{position:relative; overflow:hidden;}
.dep_list li{background:url('/customer/img/line.gif')left 10px no-repeat; padding-left:10px; font-size:16px; line-height:24px; letter-spacing:0; margin-bottom:5px;}
.dep_list li:last-child{margin-bottom:0}

.line{width:40px; height:1px; display:block; background:#fff; margin:30px auto;}

.contbox{position:relative; overflow:hidden; margin-bottom:60px;}



.white-popup2 {position: relative; width:auto; max-width:800px;margin: 20px auto; padding-top:50px}
.white-popup2 .mpbox{background:#fff; text-align:center; padding:20px}
.white-popup2 .mpbox img{max-width:760px; width:100%}
.white-popup2 .mfp-close{right:-18px}
.padd{padding:0 20px 20px 20px;}

.white-popup3 {position: relative; width:auto; max-width:512px;margin: 20px auto; padding-top:50px}
.white-popup3 .mpbox{background:#fff; text-align:center;}
.white-popup3 .mpbox img{max-width:512px; width:100%}
.white-popup3 .mfp-close{right:-18px}

.white-popup4 {position: relative; width:auto; max-width:206px;margin: 20px auto; padding-top:50px}
.white-popup4 .mpbox{background:#fff; text-align:center;}
.white-popup4 .mpbox img{max-width:206px; width:100%}
.white-popup4 .mfp-close{right:-18px}

.white-popup5 {position: relative; width:auto; max-width:459px;margin: 20px auto; padding-top:50px}
.white-popup5 .mpbox{background:#fff; text-align:center;}
.white-popup5 .mpbox img{max-width:459px; width:100%}
.white-popup5 .mfp-close{right:-18px}


.white-popup6 {position: relative; width:auto; max-width:700px;margin: 20px auto; padding-top:50px}
.white-popup6 .mpbox{background:#fff; text-align:center;}
.white-popup6 .mpbox img{max-width:700px; width:100%}
.white-popup6 .mfp-close{right:-18px}


/* 카테고리 */
.scate_tab {overflow:hidden; clear:both; margin-bottom:50px;}
.scate_tab ul{display: block;text-align: center;  border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.scate_tab li {position:relative; display:inline-block;}
.scate_tab a {position:relative; display:block; height:60px; line-height:60px; font-size:16px; letter-spacing:0; padding:0 30px;  background:#fff; text-align:center; color:#666;}
.scate_tab a:hover {text-decoration:none; color:#cf0a2c;}
.scate_tab a.hover {background:#fff; color:#cf0a2c;}
.scate_tab a.hover:after{    display: block; bottom: -1px; position: absolute; left: 0px;width: 100%; content: "";height: 2px;background-color: #9c2033;}



/* 3차 탭*/
body {overflow-x:hidden;}
.clearfix{*zoom:1;}
.clearfix:after{clear:both; display:block; content:"";}

/*  SUB LAYOUT :: 서브메뉴  */
#sideMenu{position:relative; height:78px; z-index:7; margin:0 0 40px 0 ;  }
.side-menu-inner-box{position:absolute; top:0px; left:0px; right:0px;height:76px; border:1px solid #e5e5e5; background-color:#fff; z-index:5}
#sideMenu.fixed .side-menu-inner-box{
	position:fixed; right:130px; left:130px; z-index:6; width:auto; border-bottom:1px solid #e5e5e5;
}
.sub-menu-list-con{height:100%; margin:0 !important; }
.sub-menu-list-con .swiper-wrapper{text-align:center; display:block; text-align:center;}
.sub-menu-list-con .swiper-slide{width:auto !important; display:inline-block; padding:0 15px; text-align:center;}
.sub-menu-list-con .swiper-slide a{
	display:block; height:74px; line-height:76px; color:#666; font-size:16px; letter-spacing:0; font-weight:400; padding:0 30px; border-bottom:2px solid transparent;
	-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;
}
.sub-menu-list-con .swiper-slide.active a,.sub-menu-list-con .swiper-slide a.on{color:#cf0a2c; border-bottom-color:#cf0a2c;}
.sub-menu-list-con .swiper-slide.active a:after,.sub-menu-list-con .swiper-slide a.on:after{display: block;
    position: absolute;
    left: 0px;
    width: 100%;
    content: "";
    height: 2px;
	bottom:0px;
    background-color: #cf0a2c;}

/*  SUB LAYOUT ::  서브메뉴  */
	.side-menu-inner-box{border:0; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; background:#FFF} 
	#sideMenu.fixed .side-menu-inner-box{left:0; right:0}
	.sub-menu-list-con .swiper-slide{padding:0}
	.sub-menu-list-con .swiper-slide a{font-size:15px; padding:0 20px;}


	/*  SUB LAYOUT ::  서브메뉴  */
	#sideMenu{height:60px}
	.side-menu-inner-box{height:58px;  }
	
	
	.sub-menu-list-con .swiper-slide a{height:58px; line-height:60px; border-bottom-width:1px;}

	#sideMenu{overflow:hidden;}
	/* --------  SUB LAYOUT ::  서브메뉴 -------- */
	/* 서브메뉴 :: 일반메뉴 */
	.menu-no-flicking .swiper-slide{float:left; }
	.menu-no-flicking .swiper-slide a{padding:0;}
	.sub-menu-list-con .menu-item-1 .swiper-slide{width:100% !important; }
	.sub-menu-list-con .menu-item-2 .swiper-slide{width:50% !important;}
	.sub-menu-list-con .menu-item-3 .swiper-slide{width:33.33% !important;}
	.sub-menu-list-con .menu-item-4 .swiper-slide{width:25% !important;}



	/*  SUB LAYOUT ::  서브메뉴  */
	.sub-menu-list-con .swiper-slide a{font-size:16px}





/******** 회사소개 *********/
/* 인사말 */
.greeting_con{position:relative; overflow:hidden; text-align:center; padding-bottom:20px;}
.greeting_con h4.sub_title{color:#fff; font-weight:300}
.greeting_con p.sub_txt{color:rgba(255,255,255,0.8)}
.greeting_con .gr_tbox{padding:100px 50px; position:relative; overflow:hidden; background:url('/company/img/greeting_img01.jpg') center no-repeat; background-size:cover;}
.greeting_con .ceo{font-size:16px; color:#333; line-height:100%;   padding:35px; position:relative; overflow:hidden; background:#fff; border-radius:10px; max-width:840px;  margin:-45px auto 0 auto; box-shadow: 1px 1px 20px rgba(0,0,0,0.1);}
.greeting_con .ceo span{font-weight:700; font-size:18px; line-height:100%; letter-spacing:0; padding-left:5px;}
.greeting_con .ceo img{margin-left:20px;}
.greeting_con .ceo div{letter-spacing:0; display:inline-block;}
.greeting_con .ceo .one{margin-right:30px;}



/* ci */
.ci_con{position:relative; overflow:hidden;}
.ci_con .ciimg{margin-bottom:30px; position:relative; overflow:hidden; padding:80px 50px; border:1px solid #ddd; text-align:center; background:url('/company/img/cibg.gif') repeat; box-sizing: border-box;}
.ci_con .ciimg img{max-width:100%}
.ci_con .sub_txt{text-align:center;}

.btn_box{position:relative; overflow:hidden; margin:40px auto 0 auto}
.down_btn{display:block; transition:all 0.8s, color 0.2s 0.2s; text-align:center;width:180px;   margin:0 auto; border:1px solid #ddd; padding:15px 0; font-size:16px; letter-spacing:0; line-height:100%; color:#333}
.down_btn span:after{ display:inline-block; 
    content: "";
    width: 14px;
    height: 14px;
    background: url('/company/img/down.png') no-repeat; background-size:14px;
    transition: all .8s ease;
	margin-right:10px; 
}
.down_btn:hover{color:#fff; box-shadow:0 84px 0 0 #cf0a2c inset, 0 -84px 0 0 #cf0a2c inset; border-color:#cf0a2c}
.down_btn:hover span:after{ background: url('/company/img/down2.png') no-repeat; background-size:14px; }


.ci_con .cencept{position:relative; overflow:hidden; background:#f2f2f2; text-align:center; padding:60px 0}
.ci_con .cencept h4.sub_title2 span{margin-left:10px; background:url('/company/img/check.png') no-repeat; display:inline-block; width:36px; height:43px; }
.ci_con .cencept .in{position:relative; overflow:hidden;max-width:1200px; margin:0 auto;}
.ci_con .cencept ul{position:relative; overflow:hidden; margin-top:40px;}
.ci_con .cencept li{position:relative; font-size:16px; line-height:100%; display: inline-block;  text-align:center; padding:0 15px; }
.ci_con .cencept li:before{ content: ""; display:block; width:4px; height:4px; background:#cf0a2c; position: absolute; right:0; margin-right:-2px; top:5px;  }
.ci_con .cencept li:last-child:before{display:none;}
.ci_con .cencept li span{font-weight:500}


.ci_con .ci_box{position:relative; overflow:hidden; margin:60px 0 60px 0; }
.ci_con .ci_box h4.sub_title{text-align:center;}
.ci_con .ci_box ul{margin-top:40px;}
.ci_con .ci_box li{float:left; width:20%; text-align:center; margin-bottom:30px}
.ci_con .ci_box li .clogo{text-align:center; padding:30px 20px;}
.ci_con .ci_box li .clogo img{max-width:100%}
.ci_con .ci_box li .sub_txt{margin-top:15px;}
.ci_con .ci_box li.no1 .clogo{background:#fff; box-sizing: border-box; border:1px solid #ddd;}
.ci_con .ci_box li.no2 .clogo{background:#cccccc; box-sizing: border-box; border:1px solid #cccccc;}
.ci_con .ci_box li.no3 .clogo{background:#d9e3ef; box-sizing: border-box; border:1px solid #d9e3ef;}
.ci_con .ci_box li.no4 .clogo{background:#22154b; box-sizing: border-box; border:1px solid #22154b;}
.ci_con .ci_box li.no5 .clogo{background:#000; box-sizing: border-box; border:1px solid #000;}
.ci_con .ci_box li.no6 .clogo{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffaa00+0,ed1f28+100 */
background: rgb(255,170,0); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYWEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZDFmMjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,170,0,1) 0%, rgba(237,31,40,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,170,0,1) 0%,rgba(237,31,40,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,170,0,1) 0%,rgba(237,31,40,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaa00', endColorstr='#ed1f28',GradientType=0 ); /* IE6-8 */ box-sizing: border-box; border-top:1px solid #ffaa00; border-bottom:1px solid #ed1f28; border-right:0 ; border-left:0}
.ci_con .ci_box li.no7 .clogo{background:#bababa; box-sizing: border-box; border:1px solid #bababa;}
.ci_con .ci_box li.no8 .clogo{background:#8e6e25; box-sizing: border-box; border:1px solid #8e6e25;}
.ci_con .ci_box li.no9 .clogo{background:#fd361f; box-sizing: border-box; border:1px solid #fd361f;}
.ci_con .ci_box li.no10 .clogo{background:#000; box-sizing: border-box; border:1px solid #000;}





/* 조직도 */
.organization_con{position:relative; overflow:hidden; text-align:center; margin:0 2% 80px 2% }
.organization_con .img {position:relative; overflow:hidden; margin-top:40px;}
.organization_con .img img{max-width:100%}
.organization_con .img .mob{display:none;}


.titlebox{position:relative; overflow:hidden;float:left; width:100%;}
.infobox{position:relative; overflow:hidden; float:left; width:100%;}

/* 계열사 */
.affiliate_con{position:relative; overflow:hidden;}
.affiliate_con .infobox p.sub_txt{word-break: keep-all;}
.affiliate_con .infobox .img{}
.affiliate_con .infobox img{max-width:100%}
.affiliate_con .infobox .mapt{position:relative; overflow:hidden;}
.affiliate_con .infobox .mapt li{float:left; width:100%}
.affiliate_con .infobox .mapt p.sub_txt{margin-bottom:3px; float:left;}
.affiliate_con .infobox .mapt p.sub_txt span{margin-right:20px}

.affiliate_con .infobox .mapt .title{margin-bottom:10px; background:url('/company/img/affiliate_img02.gif') no-repeat; background-size:14px; padding-left:20px; font-size:22px; color:#333; line-height:100%; letter-spacing:0;}



/* 찾아오시는 길 */
.root_daum_roughmap{width:100% !important; padding:0 !important; border:none !important;}
.root_daum_roughmap .wrap_map{height:400px !important;}
.roughmap_maker_label{display:none;}


.location_con {position:relative; overflow:hidden;}
.location_con .mtbox{position:relative; border:1px solid #ddd; border-top:none; padding:25px 25px 15px 25px;}
.location_con .mtbox ul{position:relative; overflow:hidden;padding-right:130px;}
.location_con .mtbox li{position:relative; overflow:hidden; margin-bottom:5px}
.location_con .mtbox li:nth-child(2){float:left; margin-right:20px;}
.location_con .mtbox li:nth-child(3){float:left; margin-right:20px;}
.location_con .mtbox li:nth-child(4){float:left; margin-right:20px;}
.location_con .mtbox li:nth-child(5){float:left;}
.location_con .mtbox li span.tit{font-weight:700; color:#333; line-height:26px; letter-spacing:0; margin-right:10px;}
.location_con .mtbox li span{line-height:26px; letter-spacing:0;}
.location_con .tel_box{margin-top:60px}

.location_con2 {position:relative; overflow:hidden;}
.location_con2 .mtbox{position:relative; border:1px solid #ddd; border-top:none; padding:25px 25px 15px 25px; margin-bottom:60px}
.location_con2 .mtbox ul{position:relative; overflow:hidden;}
.location_con2 .mtbox li{position:relative; overflow:hidden; margin-bottom:5px}
.location_con2 .mtbox li:nth-child(2){float:left; margin-right:20px;}
.location_con2 .mtbox li:nth-child(3){float:left;  margin-right:20px;}
.location_con2 .mtbox li:nth-child(4){float:left;}
.location_con2 .mtbox li:nth-child(5){clear:both;}
.location_con2 .mtbox li span.tit{font-weight:700; color:#333; line-height:26px; letter-spacing:0; margin-right:10px;}
.location_con2 .mtbox li span{line-height:26px; letter-spacing:0;}

.location_con h4.sub_title{text-align:center}

.locationBtn{position:absolute; top:25px; right:25px}
	.locationBtn .detail_btn{text-indent:-9999px; display:inline-block; background:url('/company/img/map.png') center no-repeat, #cf0a2c; width:50px; height:50px; transition: all 0.5s ease;-o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
	.locationBtn .detail_btn:hover{background:url('/company/img/map.png') center no-repeat, #f47d31;}
	.locationBtn .print_btn{text-indent:-9999px;display:inline-block; background:url('/company/img/print.png') center no-repeat, #313131; width:50px;  height:50px; transition: all 0.5s ease;-o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
	.locationBtn .print_btn:hover{background:url('/company/img/print.png') center no-repeat, #000;}

.locationBtn2{position:absolute; top:25px; right:25px}
	.locationBtn2 .print_btn2{text-indent:-9999px;display:inline-block; background:url('/company/img/print.png') center no-repeat, #313131; width:50px;  height:50px; transition: all 0.5s ease;-o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
	.locationBtn2 .print_btn2:hover{background:url('/company/img/print.png') center no-repeat, #000;}

/******** 사업영역 *********/
/* 해상운송 */
.sea_con{position:relative; overflow:hidden;}
.sea_con .dep_list li{float:left; width:47%; margin-right:3%}
.sea_con .dep_list li:nth-child(2n){margin-right:0}
.sea_con .dep_list li:nth-child(2n+1){clear:left;}
.sea_con .img1{position: relative; overflow:hidden;}
.sea_con .img1 img{max-width:100%}
.sea_con .img1:after{position: absolute;bottom:7px;left:20px;z-index: 1; content: "SEA FREIGHT"; display: block; color: rgba(255,255,255,0.3); font-size:80px;}
.sea_con .img2 img{max-width:100%}
.sea_con .img2{border:1px solid #ddd;box-sizing: border-box; text-align:center; padding:50px 30px}
.sea_con .contbox:last-child{margin-bottom:0}

/* 항공운송 */
.flight_con{position:relative; overflow:hidden;}
.flight_con .dep_list li{float:left; width:47%; margin-right:3%}
.flight_con .dep_list li:nth-child(2n){margin-right:0}
.flight_con .dep_list li:nth-child(2n+1){clear:left;}
.flight_con .img1{position: relative; overflow:hidden;}
.flight_con .img1 img{max-width:100%}
.flight_con .img1:after{position: absolute;bottom:7px;left:20px;z-index: 1; content: "AIR FREIGHT"; display: block; color: rgba(255,255,255,0.3); font-size:80px;}
.flight_con .img2 img{max-width:100%}
.flight_con .img2{border:1px solid #ddd;box-sizing: border-box; text-align:center; padding:50px 30px}
.flight_con .contbox:last-child{margin-bottom:0}


/* 육상 운송 */
.inland_con{position:relative; overflow:hidden;}
.inland_con .dep_list li{float:left; width:47%; margin-right:3%}
.inland_con .dep_list li:nth-child(2n){margin-right:0}
.inland_con .dep_list li:nth-child(2n+1){clear:left;}
.inland_con .img1{position: relative; overflow:hidden;}
.inland_con .img1 img{max-width:100%}
.inland_con .img1:after{position: absolute;bottom:7px;left:20px;z-index: 1; content: "INLAND HAULAGE"; display: block; color: rgba(255,255,255,0.3); font-size:80px;}
.inland_con .img2 img{max-width:100%}
.inland_con .img2{border:1px solid #ddd;box-sizing: border-box; text-align:center; padding:50px 30px}
.inland_con .contbox:last-child{margin-bottom:0}


/* 보세창고 */
.warehouse_con{position:relative; overflow:hidden;}
.warehouse_con .dep_list.one li{float:none; width:100%; margin-right:0}
.warehouse_con .dep_list li{float:left; width:47%; margin-right:3%}
.warehouse_con .dep_list li:nth-child(2n){margin-right:0}
.warehouse_con .dep_list li:nth-child(2n+1){clear:left;}
.warehouse_con .img1{position: relative; overflow:hidden;}
.warehouse_con .img1 img{max-width:100%}
.warehouse_con .img1:after{position: absolute;bottom:7px;left:20px;z-index: 1; content: "BONDED WAREHOUSE"; display: block; color: rgba(255,255,255,0.3); font-size:80px;}
.warehouse_con .img2 img{max-width:100%}
.warehouse_con .img2{border:1px solid #ddd;box-sizing: border-box; text-align:center; padding:50px 30px}
.warehouse_con .contbox:last-child{margin-bottom:0}


/* 사옥임대 */
.lease_con{position:relative; overflow:hidden;}
.lease_con .dep_list li{word-break: keep-all;}
.lease_con .img1{position: relative; overflow:hidden;}
.lease_con .img1 img{max-width:100%}
.lease_con .img1:after{position: absolute;bottom:7px;left:20px;z-index: 1; content: "LEASE"; display: block; color: rgba(255,255,255,0.5); font-size:80px;}
.lease_con .pic_box{position:relative; overflow:hidden; margin-bottom:20px}
.lease_con .pic_box li{float:left; width:23.3333333333%; margin-right:2.22222222222%}
.lease_con .pic_box li:nth-child(4){margin-right:0}
.lease_con .pic_box li .img img{max-width:100%}
.lease_con .pic_box li .bor{border:1px solid #ddd; border-bottom:none; box-sizing: border-box;}
.lease_con .pic_box li .tit{background:#05ad8e; text-align:center; color:#fff; font-size:16px; line-height:100%; letter-spacing:0; padding:8px 5px}

.lease_con .facilities_list{position:relative; overflow:hidden; }
.lease_con .facilities_list li{float:left; width:31.6666666667%; margin-right:2.5%}
.lease_con .facilities_list li:nth-child(3){margin-right:0}
.lease_con .facilities_list li .pic{position:relative; overflow:hidden; text-align:center; margin-bottom:20px}
.lease_con .facilities_list li.one .pic{background:url('/business/img/lease_img08.jpg') center no-repeat; background-size:cover;}
.lease_con .facilities_list li.two .pic{background:url('/business/img/lease_img09.jpg') center no-repeat; background-size:cover;}
.lease_con .facilities_list li.three .pic{background:url('/business/img/lease_img10.jpg') center no-repeat; background-size:cover;}
.lease_con .facilities_list li .in{border: 1px solid rgba(255,255,255,0.5); margin:10px; padding:45px}
.lease_con .facilities_list li .pic .tit{font-size:22px; line-height:100%; letter-spacing:0; margin-top:15px; color:#fff;}

.tel_warp{position:relative; overflow:hidden;background:#f9f9f9; padding:60px 0}
.tel_warp .in{position:relative; overflow:hidden; max-width:1200px; margin:0 auto; text-align:center;}
.tel_warp .telimg{margin:30px 0}
.tel_warp .teltxt{font-size:30px; font-weight:700; color:#333; line-height:100%; margin-bottom:10px}
.tel_warp .teltxt a{color:#333; line-height:100%;}


/********** 동우강점 *************/



/* 글로벌 네트워크 */
.network_con {position:relative; overflow:hidden; text-align:center;}
.network_con p {font-size:16px; letter-spacing:0; margin-bottom:45px;}
.network_con .network_bg {width:100%; background:#fbfbfb; padding:50px 0 60px 0;}
.network_con .network_bg img {max-width:100%}
.network_con .img{position:relative; overflow:hidden; max-width:1170px; margin:0 auto}
.network_con .img .mob{display:none;}

.network_con .dot_work{position: absolute}
.network_con .dot_work.no1{top: 15%;left: 12%;}
.network_con .dot_work.no2{top:11%; left: 48%;}
.network_con .dot_work.no3{top: 25%; left:76%;}
.network_con .dot_work.no4{top: 56%;left: 25%;}
.network_con .dot_work.no5{top: 44%;left: 51%;}
.network_con .dot_work.no6{ top: 63%;right: 12%;}
.network_con .dot_work span{padding:5px 12px;background:#71788d;color:#fff; border-radius: 5px; font-size:16px; font-weight:500; transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.network_con .dot_work .wline{width:1px; height:46px; background:#3c3c3c; margin:0 auto}
.network_con .dot_work .wdot{background:#fff; width:9px; height:9px; border:3px solid #71788d;box-sizing: border-box;border-radius: 9px; margin:0 auto; transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.network_con .dot_work:hover span{background:#cf0a2c;}
.network_con .dot_work:hover .wdot{border-color:#cf0a2c;}

.network_con .network_bg2{background:#d6e8f4}
.network_bg2 .mob{display:none;}
.network_con .network_bg2 img{max-width:1200px; width:100%}



/* 물류 노하우 */
.knowhow_con {position:relative; overflow:hidden;}
.knowhow_con .img {position:relative; overflow:hidden; margin-top:20px; text-align:center;}
.knowhow_con .img img{max-width:100%}
.knowhow_con .img .mob{display:none;}

.knowhow_con .list_con{position:relative; overflow:hidden; background:#f9f9f9; padding:100px 0;}
.knowhow_con .list_con .sub_title {text-align:center; margin-bottom:30px;}
.knowhow_con .list_con .cargo_list { font-size:18px; color:#333; margin:0 auto; vertical-align:middle;}
.knowhow_con .list_con .cargo_list li {position:relative; width:296px; float:left; background:#fff; border:1px solid #ddd; margin:0 4px 4px 0; box-sizing:border-box;}
.knowhow_con .list_con .cargo_list li img {padding:15px 18px 15px 22px;}



/* 물류 컨설팅 */
.consulting_wrap{position:relative; overflow:hidden;}
.consulting_con {position:relative; overflow:hidden; text-align:center;}
.consulting_con .sub_title {}
.consulting_con p.sub_txt{width:96%; margin:0 auto 45px auto}
.consulting_con .img {position:relative; overflow:hidden; margin-top:20px; text-align:center;}
.consulting_con .img img {max-width:100%;}
.consulting_con:after {content: ""; display:inline-block; width:100%; height:280px; background:#f9f9f9; float:left; margin-top:-200px;}

.arrow .mob {display:none;}
.arrow img {position:absolute; left:18%; top:37%;}
.ar02 img {left:39%}
.ar03 img {left:60%;}
.ar04 img {left:81%;}


.list_box {padding-top:6%; text-align:center; position:relative; overflow:hidden; }
.list_box .sub_title {}
.list_box dl {position:relative; float:left; width:200px; padding-top:50px; margin-right:50px;}
.list_box dl.five_li{margin-right:0;}
.list_box dl dt {padding-bottom:16px;}
.list_box dl dd {}
.list_box dl dd p{font-size:20px; font-weight:500; color:#333; letter-spacing:0; padding-bottom:10px;}
.list_box dl dd span{font-size:16px; letter-spacing:0;}
.list_box .conimg{margin-top:40px; margin-bottom:6%;}
.list_box .conimg img{max-width:100%}
.list_box .conimg img.mo{display:none;}


.cont_con {position:relative; overflow:hidden; width:1200px; border:1px solid #dfdfdf; margin:70px auto 100px; text-align:center; }
.cont_con p {font-size:16px; padding:20px 0;}
.cont_con span.txt {font-size:20px; font-weight:500; color:#333; letter-spacing:0; padding-bottom:10px; vertical-align:middle; }
.cont_con span.txt:after {content: ""; display:inline-block; width:1px; height:13px; background:#ddd; margin:0 20px;}
.cont_con span .tel{}



/* 3pl */
.pl_con {position:relative; overflow:hidden; text-align:center;}
.pl_con .pl{position:relative; overflow:hidden;}
.pl_con .pl .sub_txt{margin-bottom:50px}
.pl_con .pl .img {position:relative; overflow:hidden; text-align:center;}
.pl_con .pl:after {content: ""; display:inline-block; width:100%; height:280px; background:#f9f9f9; float:left; margin-top:-200px;}
.pl_con .pl .img img {max-width:100%;}

.pl_con .width1200{position:relative; overflow:hidden; margin-top:80px; margin-bottom:100px}
.pl_con .width1200 ul{position:relative; overflow:hidden; margin-top:60px}
.pl_con .width1200 li{position:relative; float:left; width:24.75%; margin-right:0.33333333333%; text-align:center; border:1px solid #ddd; padding:48px 0; box-sizing: border-box;}
.pl_con .width1200 li:before{display: inline-block;
    position: absolute;
    top: -1px;
    left: 50%;
    margin-left: -25px;
    content: "";
    width: 50px;
    height: 2px;
    background-color: #cf0a2c;}
.pl_con .width1200 li:last-child{margin-right:0}
.pl_con .width1200 li .icon{margin-bottom:30px}
.pl_con .width1200 li .txt{margin-top:10px; font-size:20px; line-height:130%; color:#333; letter-spacing:0; -webkit-text-size-adjust: 100%;}



/* AEO */
.aeo_con{position:relative; overflow:hidden; text-align:center;}
.aeo_con ul{position:relative; overflow:hidden; text-align:center;  margin-bottom:30px}
.aeo_con li{display:inline-block; text-align:center; margin-right: 20px;}
.aeo_con li:last-child{margin-right:0}
.aeo_con li img{max-width:216px; width:100%}
.aeo_con li p{margin-top:10px; color:#333; font-weight:500;}
.aeo_con .box1{position:relative; overflow:hidden; margin-top:40px;}
.aeo_con .img2{margin-top:20px;}
.aeo_con .img2 img{max-width:100%;}
.aeo_con .img2 .pnone{display:none;}

/********* 기업문화 *************/


/* 비전 */ 
.vision_con{position:relative; overflow:hidden; text-align:center;}
.vision_con h4 {padding-top:3%;}
.vision_con ul{position:relative; overflow:hidden; padding-top:2%;}
.vision_con li{float:left; width:48.7179487179%; margin-right:2.5641025641%; text-align:center; margin-bottom:2.5641025641%}
.vision_con li:nth-child(2n){margin-right:0}
.vision_con li:nth-child(2n+1){clear:left;}
.vision_con li .img img{width:100%}
.vision_con li .tbox{position:relative; border:1px solid #ddd; border-top:none;box-sizing: border-box;} 
.vision_con li .tbox .tit{font-size:26px; font-weight:400; color:#333; letter-spacing:0; padding:30px 0 10px;}
.vision_con li .tbox .tit span{line-height:40px;}
.vision_con li .tbox .txt{min-height:100px;}
.vision_con li .tbox .txt p{font-size:16px;word-break: keep-all;margin-bottom:5px;}
.vision_con li .tbox .txt p:last-child{margin-bottom:0}
.vision_con li .tbox .icon{margin:-78px auto 0;}



/* 윤리경영 */

.ethic_con {position:relative; overflow:hidden; text-align:center; }
.ethic_con .sub_stitle {margin-bottom:40px; }
.ethic_con .img {margin-bottom:30px; }
.ethic_con .img img {max-width:100%;}
.ethic_con p {margin:28px 0 100px 0;}

.ethic_con .et_box {position:relative; overflow:hidden; background:#f9f9f9; padding:100px 0;}
.ethic_con .et_box p {margin-bottom:60px;}
.ethic_con .et_box dl {float:left; text-align:left; margin-bottom:30px;}
.ethic_con .et_box dt {}
.ethic_con .et_box dt img {float:left;}
.ethic_con .et_box dd {width:1020px; box-sizing:border-box; margin:20px 0 0 185px;}
.ethic_con .et_box dd span.italic {font-style: italic; font-size:15px;}
.ethic_con .et_box dd .txt_tit {font-size:20px; color:#333; font-weight:700; margin:0; letter-spacing:0;}
.ethic_con .et_box dd .sub_txt {font-size:16px; margin-top:8px; letter-spacing:0; word-break: keep-all;}


/* 인재상 */

.talent_con {position:relative; overflow:hidden; text-align:center;}
.talent_con p {font-size:16px; letter-spacing:0;} 
.talent_con .img {position:relative; overflow:hidden; margin-top:24px; text-align:center;}
.talent_con .img img{max-width:100%}
.talent_con .img .mob {display:none;}

.human_in {position:relative; overflow:hidden; padding-top:68px;}
.human_in ul {}
.human_in li {margin-bottom:50px;}
.human_in li h5 {background: url('/culture/img/talent_icon.png') no-repeat; background-position:0 26%; font-size:24px; font-weight:500; color:#333; padding:0 0 10px 20px; letter-spacing:0;}
/*.human_in li p {font-size:16px}*/


/* 복리후생 */

.wf_con {position:relative; overflow:hidden; text-align:center;}
.wf_con p {font-size:16px; letter-spacing:0;}

.wf_list {padding-top:78px;}
.wf_list dl {width:600px; float:left; margin-bottom:40px; box-sizing:border-box;}
.wf_list dl.m_li {padding-left:15px;}
.wf_list dt {}
.wf_list dt img {float:left; margin-right:30px;}
.wf_list dd {float:left; margin-top:0px;}
.wf_list dd span.italic {font-style: italic; font-size:15px;}
.wf_list dd .txt_tit {font-size:20px; color:#333; font-weight:700; margin-top:5px; letter-spacing:0;}
.wf_list dd .sub_txt {font-size:16px; margin-top:10px; word-break: keep-all;}









/******** 고객지원 *********/


/* 회사소식 */
.notice_con{position:relative; overflow:hidden;}
.notice_con p.sub_txt{text-align:center; margin-bottom:38px;}




/* 화물추적 */
.cargo_con {position:relative; overflow:hidden; text-align:center;}
.cargo_con h5.sub_stitle{margin-bottom:50px}
.cargo_con .small_tit {font-size:24px; font-weight:700; color:#333; letter-spacing:0; margin:40px 0 25px; }
.cargo_con .cg_list {width:100%; overflow:hidden;  margin-bottom:50px;}
.cargo_con .cg_list li {width:230px; float:left; font-size:16px; letter-spacing:0; margin:0 10px 10px 0;}
.cargo_con .cg_list li:nth-child(5n){margin:0 0 10px 0;}
.cargo_con .cg_list li a{display:block; padding:16px 0; background:#f9f9f9; border:1px solid #ddd; box-sizing:border-box; border-radius:5px; }
.cargo_con .cg_list li a:hover {background:#cf0a2c; border:1px solid #cf0a2c; color:#fff; transition:all 0.3s;}


/* 사이버신문고 */
.cyber_con{position:relative; overflow:hidden;}
.cy_top h4.sub_title{margin-bottom:15px; }
.cy_top p.sub_txt{word-break: keep-all; }
.cy_top {position:relative; overflow:hidden; border:1px solid #ddd; padding:60px;  margin-bottom:30px;}
.cy_top .img{float:left; width:153px; margin-right:67px}
.cy_top .img img{max-width:100%}
.cy_top .tbox{float:left; width: calc(100% - 220px);}

.cy_txt{position:relative; overflow:hidden;  margin-bottom:0px;}
.cy_txt .one{position:relative; overflow:hidden; float:left; width:47.9166666667%; margin-right:4.16666666667%}
.cy_txt .two{position:relative; overflow:hidden; float:left; width:47.9166666667%}

/* 보로셔 */
.brochure_con{position:relative; overflow:hidden; margin-bottom:20px;}
.brochure_con h5.sub_stitle{text-align:center;}


/* 담당자 연락처 */
.contact_con{position:relative; overflow:hidden;}
.contact_con h5.sub_stitle{text-align:center; margin-bottom:60px}

.contact_con h4.sub_title{text-align:center;}
.contact_con .tel_list{position:relative; overflow:hidden; margin-top:20px}
.contact_con .tel_list li{float:left; padding:30px 0; text-align:center; border:1px solid #ddd; box-sizing: border-box; background:#f9f9f9}
.contact_con .tel_list li .tit{font-size:20px; line-height:120%; color:#333; letter-spacing:0; }
.contact_con .tel_list li .icon{margin:48px 0 22px 0}
.contact_con .tel_list li a{font-size:24px; color:#333; line-height:100%; }
.contact_con .tel_list li p.sub_txt{margin-top:15px;}
.contact_con .contact_box1{position:relative; overflow:hidden;}
.contact_con .contact_box1 li{width:23.75%; margin-right:1.66666666667%;   }
.contact_con .contact_box1 li:nth-child(1){padding-bottom:30px;}
.contact_con .contact_box1 li:nth-child(2){padding-bottom:56px;}
.contact_con .contact_box1 li:nth-child(3){padding-bottom:30px;}
.contact_con .contact_box1 li:last-child{margin-right:0; padding-bottom:56px;}
.contact_con .contact_box1 li:last-child .icon{margin-top:24px;}

.contact_con .contact_box2{position:relative; overflow:hidden;}
.contact_con .contact_box2 li{width:32.1666666667%; margin-right:1.75%; margin-bottom:1.75%}
.contact_con .contact_box2 li:nth-child(3n){margin-right:0}

.contact_con .contact_box3{position:relative; overflow:hidden;}
.contact_con .contact_box3 .onbox1{position:relative; overflow:hidden; }
.contact_con .contact_box3 .onbox1 li{float:left; width:49.125%; margin-right:1.75%;}
.contact_con .contact_box3 .onbox1 li:last-child{margin-right:0}

.contact_con .contact_box3 .onbox2{position:relative; overflow:hidden; width:32.1666666667%;}
.contact_con .contact_box3 .onbox2 li{width:100%; background:#fff}




/* 이용약관, 개인정보취급방침 */
.policy_con{position:relative; overflow:hidden; font-size:16px; letter-spacing:0;}
.cont_title{font-size:24px; color:#333; padding-bottom:18px; letter-spacing:0; font-weight:600;}
p.cont_tit {display:block; font-size:18px;  letter-spacing:0;padding-bottom:10px; font-weight:600; color:#333 !important;}
.cont_txt {padding:0px 0px 35px 0;}
.cont_txt2 {padding-bottom:35px;}
.cont_box {border:1px soild #a0a0a0; padding:20px; background:#f4f4f4; margin:7px 0px 10px 0px; display:block; }

.privacy_list {width:91%; overflow:hidden; clear:both; *zoom:1; padding:4% 4% 3% 4%; border:1px dashed #ddd; margin-bottom:30px;}
.privacy_list li {width:49%; float:left; padding-bottom:1%;}
.privacy_list li a {font-weight:500;  letter-spacing:0;} 

/* 천명호추가(2016-07-20) */
.pay_add_tit {font-size: 11px; color: #555;}
.pay_add_tit2 {font-size: 11px; color: #ee2d7a;}


/* 사이트맵 */
.sitemap {position:relative;}
.sitemap ul{position:relative; overflow:hidden;}
.sitemap ul li{float:left; width:17.3333333333%; margin-right:3.33333333333%;  margin-bottom:3.33333333333%;}
.sitemap ul li:nth-child(5n){margin-right:0;}
.sitemap ul li:nth-child(5){margin-bottom:0}
.sitemap ul li:nth-child(5+1){clear: left;}
.sitemap dl{position:relative; overflow:hidden;}
.sitemap dt{background-color:#f1f1f1; font-weight:700;  padding:10px 15px; letter-spacing:0; border-top:1px solid #333;  border-bottom:1px solid #ddd; color:#333; font-size:17px;}
.sitemap dd a.tit{border-bottom:1px dashed #d4d4d4; display:block; padding:10px 15px;  letter-spacing:0; font-size:16px;}

.sitemap dd .grey{background:#f9f9f9; padding:10px 0; border-bottom:1px dashed #d4d4d4;}
.sitemap dd .grey p{margin-bottom:5px}
.sitemap dd .grey p:last-child{margin-bottom:0}
.sitemap dd .grey p a{letter-spacing:0; display:block; background: url('/img/menudot2.gif') 15px center no-repeat; font-size:14px; padding-left:25px; color:#666; }


.sitemap dd.s_depth_3 {padding:0; border-bottom: 1px dashed #d4d4d4;}
.sitemap dd.s_depth_3 ul {background:#f8f8f8; padding:10px 15px;}
.sitemap dd.s_depth_3 ul ol a:link {font-size:13px; color:#888f96; border-bottom:0; background: url('/img/menudot2.gif') left center no-repeat;}
.s_depth_3 a {display:block; height:22px; line-height:22px;}
.s_depth_3 a:link, .s_depth_3 a:visited {display:block; padding:1px 0px 2px 12px !important; font-size:13px;letter-spacing:0;}


.br_none3{display:block; }




/*******************************************************************************
	@media 981px~1199px
*******************************************************************************/
@media all and (max-width:1199px){

#wrap { min-width:auto; }

.contentArea{width:96%;}
.contentArea2{width:96%;}
.width1200{ width:96%}
.contents_in {width:100%; box-sizing:border-box; overflow:hidden; margin:0 auto; padding:0 0 0 0; }

h4.sub_title{font-size:28px;}
h4.sub_title2{font-size:28px;}


/******** 회사소개  ********/
/* 찾아오시는 길 */
.locationBtn .print_btn{display:none;}



/******** 사업영역 *********/
/* 해상운송 */
.sea_con .dep_list li{float:none; width:100%; margin-right:0}
.sea_con .titlebox{margin-bottom:0}
.sea_con .img1:after{font-size:70px}

/* 항공운송 */
.flight_con .dep_list li{float:none; width:100%; margin-right:0}
.flight_con .titlebox{margin-bottom:0}
.flight_con .img1:after{font-size:70px}

/* 육상운송 */
.inland_con .dep_list li{float:none; width:100%; margin-right:0}
.inland_con .titlebox{margin-bottom:0}
.inland_con .img1:after{font-size:70px}

/* 보세창고 */
.warehouse_con .dep_list li{float:none; width:100%; margin-right:0}
.warehouse_con .titlebox{margin-bottom:0}
.warehouse_con .img1:after{font-size:70px}


/* 사옥임대 */
.lease_con .dep_list li{float:none; width:100%; margin-right:0}
.lease_con .titlebox{margin-bottom:0}
.lease_con .img1:after{font-size:70px}
.lease_con .pic_box li .tit{font-size:15px;}
.lease_con .facilities_list li .in{padding:30px 10px}
.lease_con .facilities_list li .icon img{width:50px; }
.lease_con .facilities_list li .pic .tit{font-size:18px}



/*********** 동우강점 ***********/

/* 물류 노하우 */
.knowhow_con .list_con .cargo_list {}
.knowhow_con .list_con .cargo_list li {width:32.6666666667%; margin-right:1%; margin-bottom:1%}
.knowhow_con .list_con .cargo_list li:nth-child(3n){margin-right:0}

/* 물류 컨설팅 */
.consulting_con .img{width:96%; margin:0 auto}
.consulting_con .cst_bg {width:100%; padding:10% 0; margin-top:10%;}
.consulting_con img {max-width:100%;}
.consulting_con:after{     height: 200px; margin-top: -140px;}

.arrow img {position:absolute; left:19%; top:37%;}
.ar02 img {left:39%}
.ar03 img {left:59.5%;}
.ar04 img {left:79.5%;}

.list_box {width:96%; margin:0 auto}
.list_box dl {width:19.2%; margin:0 1% 0 0;}
.list_box dl.five_li {margin-right:0;}
.list_box dt img {width:90%;}
.list_box dd p {font-size:18px;}
.list_box dd span {font-size:14px; letter-spacing:0;}
.list_box dl dd span br {display:none;}
.cont_con {width:96%; margin:70px auto 100px;}


.cargo_con .cg_list li {width:19.2%;  margin:0 1% 1% 0;}
.cargo_con .cg_list li:nth-child(5n){margin:0 0 1% 0;}


/* 3pl */
.pl_con .pl h4{width:96%; margin:0 auto 10px auto}
.pl_con .pl .img{width:96%; margin:0 auto}
.pl_con .pl .sub_txt{width:96%; margin:0 auto 50px auto}
.pl_con .pl .sub_txt .none{display:none; }
.pl_con .pl:after{height: 200px; margin-top:-140px}
.pl_con .width1200{margin-top:50px; margin-bottom:80px}
.pl_con .width1200 li .icon img{width:80px; }
.pl_con .width1200 li .txt{font-size:19px}
.pl_con .width1200 ul{margin-top:40px}



/*.list_box {width:100%; padding-top:6%; text-align:center; position:relative; overflow:hidden; }
.list_box .sub_title {}
.list_box dl {float:left; width:200px; padding-top:50px; padding-right:30px; margin-right:20px; background:url('/forte/img/cst_arrow.png') no-repeat; background-position:right center;}
.list_box dl.four {background-position:right 160px;}
.list_box dl.five_li {padding-right:0; margin-right:0; background:none;}
.list_box dl dt {padding-bottom:16px;  }
.list_box dl dd {}
.list_box dl dd p{font-size:20px; font-weight:500; color:#333; letter-spacing:0; padding-bottom:10px;}
.list_box dl dd span{font-size:16px; letter-spacing:0;}*/

/* 글로벌네트워크 */
.network_bg .img{width:96%; margin:0 auto}

.network_con .dot_work.no2{top:9%;}
.network_con .dot_work.no3{top: 22%;}
.network_con .dot_work.no6{top:60%}
.network_con .dot_work.no5{left:50%}
.network_con .dot_work.no4{left:24%}



/********* 기업문화 *************/


/* 인재상 */

.human_in {padding-top:8%;}
.human_in li h5 {font-size:18px; padding-bottom:3px;}
/*.human_in li p {font-size:15px}*/



/* 복리후생 */

.wf_list dl {width:50%; float:left; margin-bottom:50px; box-sizing:border-box;}
.wf_list dl:first-child {margin-bottom:34px}
.wf_list dl:nth-child(5){margin-bottom:34px}
.wf_list dt {}
.wf_list dt img {float:left;}
.wf_list dd {width:60%; float:left; margin-top:30px;}
.wf_list dd span.italic {font-size:14px;}
.wf_list dd .txt_tit {font-size:18px;}
.wf_list dd .sub_txt {font-size:15px;}

.br_none3{display:none; }


/******** 고객지원 *********/

/* 화물추적 */

.cargo_con .cg_list li {width:32.66666666666667%;  margin:0 1% 1% 0;}
.cargo_con .cg_list li:nth-child(3),
.cargo_con .cg_list li:nth-child(6),
.cargo_con .cg_list li:nth-child(9),
.cargo_con .cg_list li:nth-child(12),
.cargo_con .cg_list li:nth-child(18),
.cargo_con .cg_list li:nth-child(21),
.cargo_con .cg_list li:nth-child(24),
.cargo_con .cg_list li:nth-child(27),
.cargo_con .cg_list li:nth-child(33){margin-right:0;}

.cargo_con .cg_list li:nth-child(5),
.cargo_con .cg_list li:nth-child(10),
.cargo_con .cg_list li:nth-child(20),
.cargo_con .cg_list li:nth-child(25){margin-right:1%;}





/* 사이버신문고 */
.cy_top{padding:30px 40px}
.cy_top .tbox{}




.br_none2{display:block;}







}

/*******************************************************************************
	@media 681~980px
*******************************************************************************/
@media all and (max-width:980px){

.greeting_con .ceo div {display:block; }
.br_none3{display:block; }


#contents .tit_area{padding:0 0 2rem 0}
#contents .tit_area2:after{height:30px; margin:15px auto}
#contents h3.title{font-size:30px}
.contentArea2{width:96%;}
.contentArea{width:96%;}

#visual{height:300px}
#visual .subtop_txt{margin-top:140px}
.subtop_txt .engt{font-size:38px;}

h4.sub_title{font-size:24px;line-height: 30px; letter-spacing:0;}
h4.sub_title2{font-size:24px;line-height: 30px; }
span.sbold{line-height: 30px; }
h4.sub_etitle{font-size:34px; line-height: 36px; margin-bottom:15px;}
span.ye, span.red{ line-height: 36px;}
h5.sub_stitle{font-size:22px}

p.sub_stit{font-size:18px;}
p.sub_txt{font-size:15px;  line-height:24px;}
p.sub_txt2{font-size:15px;  line-height:24px;}
.sqt{font-size:15px;}

.dep_list li{font-size:15px;  line-height:22px;}


.titlebox{width:100%; margin-bottom:20px; float:none;}
.infobox{width:100%;  float:none;}

.contbox{margin-bottom:40px;}


.table_style th{font-size:15px; padding:12px}
.table_style td{font-size:15px; padding:12px}

.scate_tab a{font-size:15px}



/******** 회사소개 *********/
/* 인사말 */
.greeting_con .gr_tbox{padding:60px 40px}
.greeting_con p.sub_txt .none{display:none;}
.greeting_con .ceo{margin:-35px 4% 0 4%; font-size:15px; padding:25px}
.greeting_con .ceo span{font-size:18px}
.greeting_con .ceo img {height:18px; margin-left:15px}


/* 계열사 */
.affiliate_con .infobox .mapt .title{font-size:20px; background: url('/company/img/affiliate_img02.gif') left 0px no-repeat; background-size:12px}

/* ci */
.ci_con .ci_box li{width:25%;}
.ci_con .ci_box li:nth-child(4n+1){clear:left;}
.ci_con .ci_box li .sub_txt{margin-top:10px;}
.ci_con .ciimg img{width:50%}
.ci_con .ciimg{padding:50px 30px}
.ci_con .contbox .none{display:none;}
.ci_con .cencept h4.sub_title2 span{background-size:25px; width:25px; height:30px}
.ci_con .cencept{padding:30px 0 40px}
.ci_con .cencept ul{margin-top:20px}
.ci_con .cencept li{font-size:15px; float:left; width:33%; margin-right:0.5%; margin-bottom:0.5%; padding:10px 0; border:1px solid #ddd; box-sizing: border-box;background:#fff}
.ci_con .cencept li:nth-child(3n){margin-right:0}
.ci_con .cencept li:before{display:none;}
.ci_con .cencept .in{width:96%}
.down_btn{font-size:15px;}


/* 찾아오시는 길 */
.location_con .mtbox{padding:20px}
.locationBtn{position: relative;top: 0;right: 0; margin-top:10px}
.locationBtn .detail_btn {width: 100%; background: #cf0a2c !important;text-indent: 0; text-align: center; color: #fff; font-size: 14px; letter-spacing:0; height: auto;  padding:10px 0;}
.location_con .mtbox ul{padding-right:0}


/******** 사업영역 *********/
/* 해상운송 */
.sea_con .img2{padding:20px}
.sea_con .img1:after{font-size:50px; bottom: 3px;}

/* 항공운송 */
.flight_con .img2{padding:20px}
.flight_con .img1:after{font-size:50px; bottom: 3px;}


/* 육상운송 */
.inland_con .img2{padding:20px}
.inland_con .img1:after{font-size:50px; bottom: 3px;}


/* 보세창고 */
.warehouse_con .img2{padding:20px}
.warehouse_con .img1:after{font-size:50px; bottom: 3px;}


/* 사옥임대 */
.lease_con .img1:after{font-size:50px; bottom: 3px;}
.tel_warp{padding:40px 0}
.tel_warp .teltxt{font-size:26px}
.tel_warp .telimg{margin:20px 0}




/*********** 동우강점 ***********/


/* 글로벌 네트워크 */
.network_con p {font-size:15px;margin-bottom:45px;}
.network_con .network_bg {padding:4% 0;}



/* 물류 노하우 */
.knowhow_con .list_con {padding:8% 0;}
.knowhow_con .list_con .cargo_list li {font-size:15px;}
/* .knowhow_con .list_con .cargo_list li img{padding:20px 18px 20px 22px}
 */
.knowhow_con .list_con .cargo_list li {width:49.5%; margin-right:1%}
.knowhow_con .list_con .cargo_list li:nth-child(even){margin-right:0}
.knowhow_con .list_con .cargo_list li:nth-child(odd){margin-right:1%}
.knowhow_con .list_con .cargo_list li img{padding:10px 18px 10px 22px}


/* 물류 컨설팅 */

.consulting_con .sub_title {}
.consulting_con p br {display:none;}
.consulting_con img {max-width:100%;}
.consulting_con:after{height: 170px;  margin-top: -107px;}

.arrow img {width:14px; left:18.9%; top:39.5%;}
.ar02 img {left:39%}
.ar03 img {left:59.6%;}
.ar04 img {left:79.6%;}

/*.list_box dl {width:19.2%; margin:0 1% 0 0;}
.list_box dl.five_li {margin-right:0;}
.list_box dt img {width:90%;}
.list_box dl dd p{font-size:16px; padding:0; line-height:22px;}
.list_box dl dd span{font-size:14px; line-height:20px;}
.list_box dl dd span br {display:none;}*/


.cont_con {width:96%; margin:8% auto 10%;}


.list_box dl {float:none; width:100%; border:1px solid #ddd; box-sizing: border-box; text-align:left; padding:20px 0; margin:3% 0; border-radius:50px;}
.list_box dl.one {background:url('/forte/img/cst_icon01.png') 3px center no-repeat; background-size:80px; }
.list_box dl.two {background:url('/forte/img/cst_icon02.png') 3px center no-repeat; background-size:80px; }
.list_box dl.three {background:url('/forte/img/cst_icon03.png') 3px center no-repeat; background-size:80px; }
.list_box dl.four {background:url('/forte/img/cst_icon04.png') 3px center no-repeat; background-size:80px; }
.list_box dl.five_li {background:url('/forte/img/cst_icon05.png') 3px center no-repeat; background-size:80px; }
.list_box dt {float:left; width:}
.list_box dt img {display:none;}
.list_box dl dd {margin-left:100px;}
.list_box dl dd p{font-size:16px; padding-right:4px;}
.list_box dl dd span{font-size:14px;}
.arrow .pc{display:none;}
.arrow .mob{display:block;}
.arrow img {position:relative; top:0; left:50%; transform: rotate( 90deg );}

.cont_con span.txt{font-size:18px;}


/* 3pl */
.pl_con .width1200 li{width:49.5%; margin-right:1%; margin-bottom:1%}
.pl_con .width1200 li:nth-child(2n){margin-right:0}
.pl_con .pl:after{height: 170px;  margin-top: -107px;}
.pl_con .width1200 li .txt{font-size:18px;}
.br_none{display:none; }



/* 글로벌네트워크 */
.network_con .dot_work span{font-size:13px; padding:3px 8px}
.network_con .dot_work .wline{height:30px}
.network_con .dot_work.no1{ top:10%;left: 10%;}
.network_con .dot_work.no2{top:9%}






/********* 기업문화 ********/

/* 비전 */ 
.vision_con li .tbox .tit{font-size:20px; padding-top:4%; letter-spacing:0;}
.vision_con li .tbox .txt{min-height:120px;}
.vision_con li .tbox .txt p{width:94%; margin:0 3%; font-size:16px; line-height:22px;}
.vision_con li .tbox .txt br {display:none;}
.vision_con li .tbox .icon img { width:120px;}


/* 윤리경영 */
.ethic_con p { margin-bottom:8%;}
.ethic_con p br {display:none;}

.ethic_con .et_box p br {display:none;}
.ethic_con .et_box {padding-top:8%; margin-bottom:-8%;}
.ethic_con .et_box dd {width:76%; margin-top:1%;}
.ethic_con .et_box dd span.italic {font-size:14px;}
.ethic_con .et_box dd .txt_tit {font-size:18px;}
.ethic_con .et_box dd .sub_txt {font-size:15px;}


/* 인재상 */
.talent_con p {font-size:14px;}
.human_in li {margin-bottom:6%;}
.human_in li h5 {background-size:12px;}
/*.human_in li p {margin:0 3%;}*/

/* 복리후생 */
.wf_con p {font-size:14px;}
.wf_list dl {width:50%; float:left; text-align:center;}
.wf_list dl:nth-child(2n+1){clear:left;}
.wf_list dt {}
.wf_list dt img {float:none; margin:0;}
.wf_list dd {width:100%; margin-top:30px;}
.wf_list dd span.italic {font-size:14px;}
.wf_list dd .txt_tit {font-size:18px;}
.wf_list dd .sub_txt {font-size:15px; margin-top:0;}

.wf_list dl:first-child {margin-bottom:50px}
.wf_list dl:nth-child(5){margin-bottom:50px}






/******** 고객지원 *********/


/* 화물추적 */
.cargo_con .small_tit {padding-top:4%;}


/* 사이버신문고 */
.cy_top .tbox{margin-top:0}
.cy_top .img{width:100px; margin-right:40px}
.cy_top{padding:30px;}
.cy_top .tbox{width: calc(100% - 140px);}
.cy_txt{margin-bottom:40px}


/* 담당자 연락처 */
.contact_con .contact_box1 li{width:49%; margin-right:2%; margin-bottom:2%}
.contact_con .contact_box1 li:nth-child(2n){margin-right:0}
.contact_con .tel_list li .tit{font-size:18px}
.contact_con .tel_list li a{font-size:22px}
.contact_con .contact_box1 li:nth-child(1){padding-bottom:56px;}

.contact_con .contact_box1 li:last-child{padding-bottom:54px; }
.contact_con .contact_box1 li:last-child .icon{margin:48px 0 22px 0}


/************************ 사이트맵 ************************/

.sitemap ul.one{margin-bottom:0;}
.sitemap ul li{float:left; width:48.5%; margin-right:3%; margin-bottom:6%;}
.sitemap ul li:nth-child(2n){margin-right:0;}
.sitemap dt{font-size:14px;}
.sitemap dd a.tit{font-size:13px;}
.sitemap dd .grey p a{font-size:13px}	


/* 개인정보처리방침 */
.policy_con{font-size:13px; letter-spacing:0;}
.privacy_list li{width:100%}
p.cont_tit{font-size:15px; letter-spacing:0;}
.cont_txt2{font-size:14px}
.email_con{padding:5%; font-size:13px; letter-spacing:0;}







}





/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px){
#visual{height:270px}
#visual .subtop_txt{margin-top:120px}
.subtop_txt .engt{font-size:34px}
.subtop_txt .kot{font-size:17px}


.contentArea2{width:94%; margin:40px auto }
.contentArea{width:94%;margin:40px auto}
.contentArea3{margin:40px auto 0 auto}
.contentArea_wide{margin-top:40px;}

.br_none{display:block; }

#contents h3.title{font-size:26px}
#contents .tit_area{padding:0 0 2rem 0}
#contents .tit_area2:after{height:25px; margin:5px auto 14px auto}
#contents .tit_area3{padding-bottom:8px}

.mobile_snb{height:50px}
.mobile_snb h2{display:none;}
.mobile_snb .box{width:50%; height:50px}
.mobile_snb .dropLst .dlst{width:100%; left:0}
.mobile_snb .dropLst .dlst ul{border:none;border-bottom:1px solid #ddd;}
.mobile_snb .dropLst .txt, .mobile_snb .dropLst li span, .mobile_snb .dropLst > a{font-size:14px; height:50px; line-height:50px}
.mobile_snb .box.dep1 .dropLst li .value{font-size:14px; line-height:46px; height:46px}
.mobile_snb .box.dep2 .dropLst li .value{font-size:14px; line-height:46px; height:46px}

h4.sub_title{font-size:22px; letter-spacing:0;}
h4.sub_title2{font-size:22px;}
span.sbold{letter-spacing:0;}
h4.sub_etitle{font-size:30px; line-height:32px; margin-bottom:12px;}
span.ye, span.red{ line-height:32px;}
h5.sub_stitle{font-size:20px; line-height:24px;}
span.st_bold{line-height:24px;}


p.sub_stit{font-size:16px; letter-spacing:0; margin-bottom:10px; line-height:22px;background: url('/img/dep.png') left 3px no-repeat; background-size:12px;padding-left:15px; }
p.sub_txt{font-size:14px; line-height:22px}
p.sub_txt2{font-size:14px; line-height:22px}
.sqt{font-size:14px; }
.dep_list li{background: url('/customer/img/line.gif')left 8px no-repeat; font-size:14px; line-height:20px}


.line{width:35px; margin:25px auto}

.bmar_30{margin-bottom:20px;}
.bmar_80{margin-bottom:40px}

.table_style th{font-size:14px; padding:10px}
.table_style td{font-size:14px; padding:10px}


/* 카테고리 */
.scate_tab {margin-bottom:30px}
.scate_tab a {line-height:50px; height:50px; padding:0 20px;}



/* 3차 탭 */
.sub-menu-list-con.flicking-menu-list-con .swiper-wrapper{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		text-align:left;
}
	/* 서브메뉴 :: 플리킹메뉴 */
	.flicking-menu-list-con:after{
		position:absolute; top:0px; right:0px; width:40px; height:58px; content:""; z-index:9; 
		background: -moz-linear-gradient(100deg,  rgba(249,249,249,0) 0%, rgba(249,249,249,0.47) 40%, rgba(249,249,249,0.61) 52%, rgba(249,249,249,1) 100%);
		background: -webkit-linear-gradient(100deg,  rgba(249,249,249,0) 0%,rgba(249,249,249,0.47) 40%,rgba(249,249,249,0.61) 52%,rgba(249,249,249,1) 100%); 
		background: linear-gradient(100deg,  rgba(249,249,249,0) 0%,rgba(249,249,249,0.47) 40%,rgba(249,249,249,0.61) 52%,rgba(249,249,249,1) 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f9f9f9', endColorstr='#f9f9f9',GradientType=1 ); 
	}

	.sub-menu-list-con.flicking-menu-list-con .swiper-slide a{padding:0 20px;}
	.sub-menu-list-con.flicking-menu-list-con .swiper-slide:last-child{}

.sub-menu-list-con .swiper-slide a{font-size:15px; line-height:48px; height:50px}
.side-menu-inner-box{height:50px}

#sideMenu{height:52px}


/******** 회사소개 *********/


/* 인사말 */
.greeting_con .gr_tbox{padding:40px 30px}
.greeting_con .ceo .one{margin-right:50px}
.greeting_con .ceo{padding:20px; font-size:14px;}
.greeting_con .ceo span{font-size:16px;}
.greeting_con p.sub_txt{margin-bottom:30px}
.greeting_con .ceo span{display:block; padding-left:0; margin:5px 0}
.greeting_con .ceo img{display:block; margin-left:0; margin: 0 auto;}
.greeting_con .ceo div {display:inline-block; }


/* 조직도 */
.organization_con .img .pc{display:none;}
.organization_con .img .mob{display:block;}

/* 계열사 */
.affiliate_con .infobox .mapt li{width:100%;float:none; margin-bottom:20px;}
.affiliate_con .infobox .mapt .title{font-size:18px; background-size: 10px;     padding-left: 15px; letter-spacing:0;}

/* ci */
.ci_con .ci_box li .clogo{padding:15px 20px}
.ci_con .ci_box li{width:50%;}
.ci_con .ci_box li .sub_txt{margin-top:10px;}
.ci_con .ciimg{padding:40px 30px}
.ci_con .ciimg img{width:60%}
.down_btn{font-size:14px;}

/* 찾아오시는 길 */
.location_con .mtbox li span.tit{width:50px; float:left; line-height:20px}
.location_con .mtbox li span.txt{width:calc(100% - 50px); float:left;}
.location_con .mtbox li:nth-child(2), .location_con .mtbox li:nth-child(3), .location_con .mtbox li:nth-child(4), .location_con .mtbox li:nth-child(5){float:none; margin-right:0}
.location_con .mtbox li span{line-height:20px}
.root_daum_roughmap .wrap_map{height:320px !important;}
.location_con .tel_box{margin-bottom:40px}

/******** 사업영역 *********/
/* 해상운송 */
.sea_con .img1:after{font-size:30px; bottom: -3px;}
.sea_con .img2{padding:10px;}

/* 항공운송 */
.flight_con .img1:after{font-size:30px; bottom: -3px;}
.flight_con .img2{padding:10px;}

/* 육상운송 */
.inland_con .img1:after{font-size:30px; bottom: -3px;}
.inland_con .img2{padding:10px;}

/* 보세창고 */
.warehouse_con .img1:after{font-size:30px; bottom: -3px;}
.warehouse_con .img2{padding:10px;}


/* 사옥임대 */
.lease_con .img1:after{font-size:30px; bottom: -3px;}
.lease_con .facilities_list li{float:none; width:100%; margin-right:0; margin-bottom:30px; }
.lease_con .facilities_list li:last-child{margin-bottom:0}
.lease_con .pic_box li{width:48%; margin-right:4%; margin-bottom:4%}
.lease_con .pic_box li:nth-child(2n){ margin-right:0%}
.lease_con .pic_box li .img img{width:100%}
.lease_con .pic_box{margin-bottom:0}
.lease_con .pic_box li .tit{font-size:14px}

.tel_warp .telimg img{width:60px}
.tel_warp .teltxt{font-size:22px;}
.tel_warp .telimg{margin:10px 0}
.tel_warp{padding:30px 0}


/******* 동우강점 *******/


/* 글로벌 네트워크 */
.network_con p {width:94%; margin:0 3% 30px 3%;}
.network_con p br {display:none;}
.network_con .img .pc{display:none;}
.network_con .img .mob{display:block;}
.network_con .network_bg {padding:3% 0;}
.network_con .dot_work{display:none;}

.network_bg2 .pc{display:none;}
.network_bg2 .mob{display:block;}



/* 물류노하우 */
.knowhow_con .img {max-width:96%; margin:0 auto;}
.knowhow_con .img .pc{display:none;}
.knowhow_con .img .mob{display:block;}

.knowhow_con .list_con .cargo_list li {width:49.5%; margin-right:1%}
.knowhow_con .list_con .cargo_list li:nth-child(even){margin-right:0}
.knowhow_con .list_con .cargo_list li:nth-child(odd){margin-right:1%}
.knowhow_con .list_con .cargo_list li img{padding:10px 18px 10px 22px}

.knowhow_con .list_con .sub_title{margin-bottom:20px}
.knowhow_con .list_con .cargo_list li {font-size:14px;}
.knowhow_con .list_con .cargo_list {}
.knowhow_con .list_con .cargo_list li {text-align:center; }
.knowhow_con .list_con .cargo_list li img {width:20%; display:block; margin:0 auto; padding:5% 0;}
.knowhow_con .list_con .cargo_list li span {padding-bottom:10px; display: block; font-size:13px; line-height:100%; letter-spacing:0;}



/* 물류 컨설팅 */
.consulting_con p {width:94%; margin:0 3% 3%; font-size:14px;}
.consulting_con .img:after {height:245px;}
.consulting_con:after{  height: 105px;  margin-top: -54px;}

.arrow .pc {display:none;}
.arrow .mob {display:block;}
.arrow {}
.arrow img {position:relative; top:0; left:50%; transform: rotate( 90deg );}
.ar02 img {}
.ar03 img {}
.ar04 img {}

.list_box .conimg img.pc{display:none;}

.list_box .conimg img.mo{display:block;}




/*.list_box dl {float:none; width:94%; border:1px solid #d9d9d9; text-align:left; padding:20px 0; margin:3% 3%; border-radius:50px;}
.list_box dl.one {background:url('/forte/img/cst_icon01.png') 3px center no-repeat; background-size:80px; }
.list_box dl.two {background:url('/forte/img/cst_icon02.png') 3px center no-repeat; background-size:80px; }
.list_box dl.three {background:url('/forte/img/cst_icon03.png') 3px center no-repeat; background-size:80px; }
.list_box dl.four {background:url('/forte/img/cst_icon04.png') 3px center no-repeat; background-size:80px; }
.list_box dl.five_li {background:url('/forte/img/cst_icon05.png') 3px center no-repeat; background-size:80px; }
.list_box dt {float:left; width:4%; }
.list_box dt img {display:none;}
.list_box dl dd {margin-left:100px;}
.list_box dl dd p{font-size:16px; padding-right:4px;}
.list_box dl dd span{font-size:14px;}*/

.cont_con {width:94%; margin:8% 3% 10%;}
.cont_con p {font-size:14px; padding:15px 0}
.cont_con span {font-size:15px;}
.cont_con span.tel{display:block;}
.cont_con span.dh{display:none;}
.cont_con span.txt:after{margin:0 15px;}



/* 3pl */
.pl_con .pl .sub_txt{margin:0 auto 30px auto}
.pl_con .pl:after{height: 105px;  margin-top: -54px;}
.pl_con .width1200{margin-top:40px; margin-bottom:60px}
.pl_con .width1200 li .icon img{width:60px}
.pl_con .width1200 li{padding:30px 0}
.pl_con .width1200 li .icon{margin-bottom:20px}
.pl_con .width1200 li .txt{font-size:16px; letter-spacing:0;}
.pl_con .width1200 ul{margin-top:30px}



/* AEO */
.aeo_con li{width:48%; margin-right:2%}
.aeo_con .img2 .pnone{display:block;}
.aeo_con .img2 .mnone{display:none;}



/********* 기업문화 ********/




/* 비전 */ 
.vision_con .sub_stitle br {display:inline-block;}
.vision_con li{float:none; width:100%;}
.vision_con li .tbox .tit{font-size:18px; padding-top:2%;  letter-spacing:0;}
.vision_con li .tbox .txt{min-height:80px;}
.vision_con li .tbox .txt p{font-size:14px;}
.vision_con li .tbox .icon {position:relative;}
.vision_con li .tbox .icon img {margin-top:20px; width:100px;}



/* 운리경영 */
.ethic_con p {font-size:13px;}
.ethic_con .et_box p {margin-bottom:6%;}
.ethic_con .et_box dl {float:none; text-align:center;}
.ethic_con .et_box dt img {float:none; width:24%;}
.ethic_con .et_box dd {width:100%; margin:2% auto;}
.ethic_con .et_box dd span.italic {font-size:12px;}
.ethic_con .et_box dd .txt_tit {font-size:16px;}
.ethic_con .et_box dd .sub_txt {font-size:13px;}



/* 인재상 */
.talent_con .img .pc {display:none;}
.talent_con .img .mob {display:block;}
.talent_con p {font-size:13px;}
.human_in {padding-top:8%;}
.human_in li h5 {font-size:16px; background-size:10px; background-position:left 6px;}
/*.human_in li p {font-size:13px}*/




/* 복리후생 */
.wf_con p {font-size:13px;}
.wf_list {padding-top:6%;}
.wf_list dl {width:100%; float:left; text-align:center;}
.wf_list dl.m_li{padding-left:0}
.wf_list dt {}
.wf_list dt img {float:none; width:24%;}
.wf_list dd {width:100%; margin-top:2%;}
.wf_list dd span.italic {font-size:12px;}
.wf_list dd .txt_tit {font-size:16px;}
.wf_list dd .sub_txt {font-size:13px;}










/******** 고객지원 *********/

/* 회사소식 */
.notice_con p.sub_txt{margin-bottom:20px;}

/* 화물추적 */

.cargo_con .small_tit{padding:5px 0 0 0;}
.cargo_con .cg_list {margin-bottom:30px;}

.cargo_con .cg_list li {width:49%;  margin:0 1% 1% 0;}
.cargo_con .cg_list li:nth-child(3),
.cargo_con .cg_list li:nth-child(5),
.cargo_con .cg_list li:nth-child(6),
.cargo_con .cg_list li:nth-child(9),
.cargo_con .cg_list li:nth-child(15),
.cargo_con .cg_list li:nth-child(21),
.cargo_con .cg_list li:nth-child(27),
.cargo_con .cg_list li:nth-child(33){margin-right:1%;}

.cargo_con .cg_list li:nth-child(12),
.cargo_con .cg_list li:nth-child(14),
.cargo_con .cg_list li:nth-child(16),
.cargo_con .cg_list li:nth-child(18),
.cargo_con .cg_list li:nth-child(20),
.cargo_con .cg_list li:nth-child(22),
.cargo_con .cg_list li:nth-child(26),
.cargo_con .cg_list li:nth-child(28),
.cargo_con .cg_list li:nth-child(32),
.cargo_con .cg_list li:nth-child(34){margin-right:0%;}





/* 사이버신문고 */
.cy_top .img{display:none;}
.cy_txt .one{width:100%; margin-right:0; margin-bottom:30px;}
.cy_txt .two{width:100%; }
.cy_txt{margin-bottom:30px}
.cy_top .tbox{width:100%}
.cy_top{padding:25px}

/* 담당자 연락처 */
.contact_con h5.sub_stitle br{display:block;}
.contact_con .contact_box2 li{width:49%; margin-right:2%; margin-bottom:2%}
.contact_con .contact_box2 li:nth-child(2n){margin-right:0}
.contact_con .contact_box2 li:nth-child(2n+1){clear:left;}
.contact_con .contact_box2 li:nth-child(even){margin-right:0}
.contact_con .contact_box2 li:nth-child(odd){margin-right:2%}
.contact_con .tel_list li a{font-size:20px}
.contact_con .tel_list li .icon img{width:40px}
.contact_con .tel_list li .tit{font-size:16px}
.contact_con .tel_list li .icon{margin:33px 0}
.contact_con .contact_box3 .onbox1{width:100%; margin-right:0; float:none;}
.contact_con .contact_box3 .onbox2{width:100%; margin-top:40px;  float:none; clear:both;}
.contact_con .contact_box1 li:nth-child(1){padding-bottom:34px; }
.contact_con .contact_box1 li:last-child{padding-bottom:53px;}
.contact_con .contact_box1 li:last-child .icon{margin:24px 0 22px 0}


}










/*******************************************************************************
	@media ~480px
*******************************************************************************/
@media all and (max-width:480px){
.br_none2{display:none;}

#visual{height:200px}
#visual .subtop_txt{margin-top:93px;}
.subtop_txt .engt{font-size:26px; letter-spacing:0;}
.subtop_txt .kot{font-size:15px; margin-top:10px;}



#contents h3.title{font-size:22px; line-height:28px}
#contents .tit_area{padding:0 0 1.5rem 0}

h4.sub_title{font-size:20px; letter-spacing:0; line-height: 24px;}
h4.sub_title2{font-size:20px; line-height: 24px;}
span.sbold{letter-spacing:0; line-height: 24px;}
h4.sub_etitle{font-size:28px; line-height:30px; margin-bottom:12px;}
span.ye, span.red{ line-height:30px;}
h5.sub_stitle{font-size:18px; line-height:22px;}
span.st_bold{line-height:22px;}

p.sub_txt{font-size:13px; line-height:20px}
p.sub_txt2{font-size:13px; line-height:20px}
.sqt{font-size:13px; }

.dep_list li{font-size:13px; line-height:18px;}

.table_style th{font-size:13px; padding:8px 5px}
.table_style td{font-size:13px; padding:8px 5px}

#sideMenu{height:42px; margin-bottom:25px}
.side-menu-inner-box{height:40px;}
.sub-menu-list-con .swiper-slide a{font-size:13px; line-height:38px; height:40px;}



/******** 회사소개 *********/
/* 인사말 */
.greeting_con .gr_tbox{padding:30px 20px}
.greeting_con .ceo{font-size:13px; padding:15px}


/* 계열사 */
.affiliate_con .infobox .mapt .title{font-size:16px;}


/* ci */
.ci_con .ci_box li{margin-bottom:20px}
.ci_con .ciimg{padding:30px 20px; margin-bottom:20px}

.btn_box{margin-top: 30px}
.down_btn{font-size:13px; width:150px; padding:12px 0}


/******** 사업영역 *********/
/* 해상운송 */
.sea_con .img1:after{display:none;}

/* 항공운송 */
.flight_con .img1:after{display:none;}

/* 육상운송 */
.inland_con .img1:after{display:none;}


/* 보세창고 */
.warehouse_con .img1:after{display:none;}


/* 사옥임대 */
.lease_con .img1:after{display:none;}
.lease_con .pic_box li .tit{font-size:13px}

.tel_warp .teltxt{font-size:20px}



/*********** 동우강점 ************/


/* 물류 노하우 */
.knowhow_con .list_con .sub_title{margin-bottom:20px}
.knowhow_con .list_con .cargo_list li {font-size:14px;}
.knowhow_con .list_con .cargo_list {}
.knowhow_con .list_con .cargo_list li {text-align:center; }
.knowhow_con .list_con .cargo_list li img {width:20%; display:block; margin:0 auto; padding:5% 0;}
.knowhow_con .list_con .cargo_list li span {padding-bottom:10px; display: block; font-size:13px; line-height:100%; letter-spacing:0;}

/* 물류 컨설팅 */
/*.list_box dl {width:435px;}*/
.cont_con p {line-height:20px;}
.cont_con span {font-size:16px;}
.consulting_con:after{height: 85px;  margin-top: -54px;}

.cont_con span.txt{font-size:15px}
.cont_con span{font-size:13px; }

/* 3pl */
.pl_con .pl:after{height: 85px; margin-top: -54px;}
.pl_con .width1200{margin-top:30px; margin-bottom:40px}
.pl_con .width1200 li .txt{font-size:16px;}




/*********** 기업문화 ************/


/* 비전 */

.vision_con li .tbox {padding-bottom:20px;}
.vision_con li .tbox .tit{font-size:18px; padding:10px 0 10px 0;  letter-spacing:0;}
.vision_con li .tbox .txt{min-height:auto; }
.vision_con li .tbox .txt p{}









/******** 고객지원 *********/

/* 화물추적 */

.cargo_con .cg_list li a {font-size:13px; line-height:13px;}





/* 사이버신문고 */
.cy_top{padding:20px;}


/* 개인정보처리방침 */
.cont_txt2{font-size:13px;}


/* 담당자 연락처 */
.contact_con h5.sub_stitle{margin-bottom:40px}
.contact_con .tel_list li a{font-size:16px;}
.contact_con .tel_list li p.sub_txt{font-size:12px;}
.contact_con .tel_list li{padding:25px 5px}
.contact_con .contact_box1 li:nth-child(3) p.sub_txt, .contact_con .contact_box1 li:nth-child(4) p.sub_txt{min-height: 40px;}


}

/*******************************************************************************
	@media ~400px
*******************************************************************************/
@media all and (max-width:400px){

h4.sub_title{font-size:18px; letter-spacing:0; line-height: 22px;}
h4.sub_title2{font-size:18px; line-height: 22px;}
span.sbold{letter-spacing:0; line-height: 22px;}
h4.sub_etitle{font-size:26px; line-height:28px; margin-bottom:10px;}
span.ye, span.red{ line-height:28px;}
h5.sub_stitle{font-size:16px; line-height:22px; letter-spacing:0;}
span.st_bold{line-height:22px; letter-spacing:0;}

.greeting_con .ceo .one{margin:0 0 10px 0}
.greeting_con .ceo div {display:block; }

.cargo_con .cg_list li a{overflow:hidden; white-space:nowrap}

.scate_tab a{font-size:13px; padding:0 15px; line-height:40px; height:40px;}



/* 3pl */
.pl_con .width1200 li .icon img{width:50px}
.pl_con .width1200 li .txt{font-size:14px}



/*******************************************************************************
	@media ~320px
*******************************************************************************/
@media all and (max-width:330px){

/* 서브탭메뉴 */


.cargo_con .cg_list li a{font-size:11px}


}