/*
Description: dwb_style_THL(Mobile 홈페이지)
Author: mail@dwb.kr
Version: 1.0
P-Day:2017.08.01
Last_Edit:2019.02.29
Update:
*/

body {margin: 0px;padding: 0px; overflow-x: hidden!important;}
img{margin:0px; padding:0px;}
#dwb_Center_header .h_menu,
#dwb_Center_body .inner,
#dwb_Center_footer .inner{width:100%!important; }
#dwb_Center_header .inner2
#dwb_Center_body .inner2,
#dwb_Center_footer .inner2{width:100%!important; overflow-x: hidden!important;}
.span1{width:128px;}.span2{width:256px;}.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10{width:100%;}

.hidden-mobile_h,.MobileNoneDisplay,.NoneDisplay{display:none!important;}
#dwb_Center_header .h_menu li,
#dwb_Center_body .inner li,
#dwb_Center_footer .inner li{list-style: none; float: left;}
#dwb_Center_header .h_menu a,
#dwb_Center_body .inner a,
#dwb_Center_footer .inner a{text-decoration: none;}




.Template_text_color{
	color: {{메인텍스트컬러}}!important;
}
.Template_sub_color{
	color: {{서브컬러}}!important;
}
.Primary_Color{
	background-color: {{주컬러}}!important;
/*	background-color: chartreuse!important;*/
}
.Template_border_color{
	border: 2px solid {{보더컬러}}!important;
}
.Template_btn_hover:hover{
	background-color: {{주컬러}}!important;
	color: {{화이트텍스트컬러}}!important;
	border: 2px solid {{보더컬러}}!important;
	
}
.Template_white_color{
	color: {{화이트텍스트컬러}}!important;
}


/******헤더 시작
**************************************/
#dwb_Center_header.fixed{ position: absolute; z-index: 998;}
#dwb_Center_header .inner{width:100%;overflow: hidden;}
#dwb_Center_header .inner{background-color: #fff;padding: 3px 0; }
#dwb_Center_header .inner .span3{width:72%;height: 70px; text-align: center; overflow: hidden;} 
#dwb_Center_header .inner .span3 a img{max-width: 100%; max-height: 100%; }
#dwb_Center_header .inner .span1{width:12%; overflow: hidden; text-align: center;}
#dwb_Center_header .inner .span1 i{font-size:8vw; line-height:17vw; text-align: center; color:#113366;}
#dwb_Center_header .inner .span1 a{ color:#113366;}

#dwb_Mobile_Menu{  height:auto; margin-top:-800px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;	 }
#dwb_Mobile_Menu.NavActive{margin-top:0px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;  }


#TopScroll{opacity:0; display:scroll;position:fixed; bottom:10px;  z-index:999; right:10px	}
#dwb_Center_header .inner li{list-style: none; font-size:4.5vw; line-height:17vw; width: 100%; display: inline-block;}
#dwb_Center_header .inner  a{color:#113366; text-decoration: none; font-weight:700;text-shadow: none;}


/******로딩 시작
**************************************/


#dwb_start{background: linear-gradient( to top, rgb(255,255,255), rgb(224,226,254) );width: 100%;   height: 100%; position:absolute; z-index:9999; }
#dwb_start .inner{width:100%;; text-align: center;}
.dwb_start_logo_img{ padding-top:0px; padding-bottom:0px; width:80%; margin-top:30%;}

.dwb_Btn_Contents{width:150px; height:44px;overflow:hidden;  border-radius:22px;  cursor: pointer; text-align: center; left:50%; margin:0 0 0 -75px; margin-top:60px; position: absolute;}
.dwb_Btn_Contents .dwb_effect_btn{width:150px; height:44px;line-height:44px; text-decoration:none; text-align:center; font-weight:bold; font-size:15px; background-color:#349f3a; color: #fff;}
.dwb_Btn_Contents :hover{text-decoration:none;}
.dwb_Btn_Contents .dwb_effect_btn:hover{ text-decoration:none; background-color:#FFF; color:#349f3a;-webkit-transition: background-color 1s;-moz-transition: background-color 1s;-ms-transition: background-color 1s;-o-transition: background-color 1s;transition: background-color 1s;}

#dwb_Start_txt{color:#083388;font-size:7.5vw; margin-top:30px; line-height: 60px; }
#dwb_Start_txt .carousel-inner .item{font-weight: 900;}
#dwb_Start_txt .carousel .active.left, .carousel .active.right {left:0;opacity:0;z-index:2;}
#dwb_Start_txt .carousel .next, .carousel .prev {left:0;opacity:1;z-index:1;}
#dwb_Start_txt .text_green{color:#083388; }
#dwb_Start_txt .text_black{color:#000; }

#dwb_Start_txt .carousel-inner{
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;}

#dwb_Start_txt .carousel-inner .item.active{
  opacity: 1;
  -webkit-animation: zoom-in 0.8s;
  -moz-animation: zoom-in 0.8s;
  animation: zoom-in 0.8s;
}



@-webkit-keyframes zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
  }
}
@-moz-keyframes zoom-in {
  0% {
    opacity: 0;
    -moz-transform: translateZ(100px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateZ(0);
  }
}
@keyframes zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(100px);
    -moz-transform: translateZ(100px);
    -ms-transform: translateZ(100px);
    -o-transform: translateZ(100px);
    transform: translateZ(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
}



/******로딩 끝
**************************************/

/**************************************
                        헤더 끝*******

/******바디 시작
**************************************/

.dwb_main_banner-inner{
	position: relative;
}
#dwb_main_banner{
	width: 100%;
	margin: 0px;	
}
#dwb_main_banner .carousel-inner>div{
	width: 100%; height:400px; 
}
.banner_img01{
	background:url("../img/main/main-banner01.png") no-repeat center/cover;
}
.banner_img02{
	background:url("../img/main/main-banner02.png") no-repeat center/cover;
}
/*슬라이드 이미지를 페이드로 처리하는 법*/
#dwb_main_banner .carousel-inner{margin:0;}
#dwb_main_banner.carousel.slide{margin-bottom:0px;}
#dwb_main_banner.carousel .item {-webkit-transition: opacity 3s;-moz-transition: opacity 3s;-ms-transition: opacity 3s;-o-transition: opacity 3s;transition: opacity 3s;}
#dwb_main_banner.carousel .active.left, .carousel .active.right {left:0;opacity:0;z-index:2;}
#dwb_main_banner.carousel .next, .carousel .prev {left:0;opacity:1;z-index:1;}
 /*슬라이드 이미지를 페이드로 처리하는 법*/







.dwb_main_banner-inner .btn-2-wrap{		
	width: 96%;
    display: inline-block;
    float: right;
    margin-top: 20px;
    margin-left: 2%;
    margin-right: 2%;
    position: absolute;
    top: 300px;
    z-index: 9;
}
.dwb_main_banner-inner .btn-2{
	width: 45%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	border-radius: 30px;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 10px;
}
.dwb_main_banner-inner .btn-2 span{			
	margin-left: 20px;
}
.bg-btn1{
	background-color: #e83428;
}
.bg-btn2.right-btn{
	float: right;
	background-color: #012a48;
}


/*<!-------------------------메인 배너 작업 부분------------------------------>*/

.content5{
	width: 100%;
	background-color: #f1f1f1;
	color: #11366;
	text-align: center;
}
.content5 .inner{
	padding-top: 30px;
}
.content5 .icon_box{		
	margin: 0 auto 50px!important;
	width: 50%;
	text-align: center!important;
}
.content5 img{
	padding: 0;
}
.content5 .icon_box p{
	width: 100%;
	display: inline-block;
}
.content5 .span5 img{
	margin-left: 0px;
}
.content5 .title_t{
	line-height: 35px;
	font-weight: 500;
}







.Freight-Information{					
	margin-top: 100px;
}
.Freight-Information .span2{					
	width: 100%;
	margin-top: 30px;
	margin-right: 0;
}
.Freight-Information .span2 img{
	width: 100%;
}
.Freight-Information .span2 .gray-bg{
	width: 100%;
	padding: 20px 0;
	background-color: #f2f2f3;
}
.Freight-Information .span2 .gray-bg .gray-bg-title{
	font-size: 16px;
}
.Freight-Information .span2 .gray-bg .gray-bg-sub-title{
	font-size: 14px;
}
.Freight-Information .span2 .gray-bg p{
	padding-left: 20px;
	font-weight: 500;
}




















































#dwb_Center_footer{
	border-top: 1px solid #ddd;
	background-color: #e5e5e5;
}
#dwb_Center_footer .inner{					
	padding: 20px 0;
	text-align:center;
}

#dwb_Center_footer .inner p a{color: #000;}
#dwb_Center_footer .inner a{color:#fff;}
#dwb_Center_footer .inner a.btn{color:#fff;}
#dwb_Center_footer p{padding-top:10px; padding-bottom:0px; margin:0px; font-size: 13px;}
#dwb_Center_footer .inner .btn{margin-bottom:5px; width:75px;}
#dwb_Center_footer .inner .btn.dwb_btn_large{margin-bottom:5px; width:275px; margin-top:5px;}

#dwb_Center_footer .inner .span3{width:100%; text-align:center; height:225px; overflow:hidden; margin-top:20px;}
#dwb_Center_footer .inner .span2{width:100%;}
#credit,#eMail_policy{width:310px;margin-left:-155px;text-align:left; color:#313131;}

#dwb_Center_footer .inner2{width:100%; padding-top:5px; padding-bottom:5px; }
#dwb_Center_footer .inner2.p_20{background-color:#761319; padding-top:20px; padding-bottom:20px;}


/*<!--서브페이지시작-->*/
#dwb_Center_body.sub{padding-top:250px; position: relative;}
#dwb_Center_body.sub.company{background: url("../img/sub/company_bg.jpg");	background-repeat: no-repeat; background-size:900px 250px;}
#dwb_Center_body.sub.logistics{background: url("../img/sub/logistics.jpg");	background-repeat: no-repeat; background-size:900px 250px;}
#dwb_Center_body.sub.transit{background: url("../img/sub/transit.jpg");	background-repeat: no-repeat; background-size:900px 250px;}
#dwb_Center_body.sub.business{background: url("../img/sub/business.jpg");	background-repeat: no-repeat; background-size:900px 250px;}
#dwb_Center_body.sub.customer{background: url("../img/sub/sub_title_bg_05.jpg");	background-repeat: no-repeat;  background-size:900px 250px;}


#sub_title_txt{ 
	position:absolute;
	z-index:980;
	right:0; 
	top: 150px;
	margin-right:0;
	width:100%;
	min-width:100%;
	padding-top:0px; 
	text-align: center;   
}
#sub_title_txt .title{ 
	font-size:10vw; 
	color:#fff; 
	font-weight: bold;   
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
}

/*<!--<!--회사소개 서브페이지 작업-->-->*/
.dirext_txt_inner{
	margin-top: 20px!important;
	margin-bottom: 50px;  
}
.mob_span10.span10{
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
	overflow: hidden;
}
.dirext_txt_inner .middle_text1{
	font-size: 3.8vw; 
}
.dirext_txt_inner .middle_text1 span{
	line-height: 20px;
}
.dirext_txt_inner .middle_text2{
	margin-top: 20px;
}

.dirext_txt_inner .middle_text3,.dirext_txt_inner .middle_text4 span{
	margin: 8px 0 20px 0;          
}
.dirext_txt_inner .thank{margin-top: 20px;}

.red_bg{
	height: 250px;
	background: url(../img/sub/red_bg.jpg) no-repeat center/cover;
}
.red_bg .inner>div{color: #fff;}
.red_bg .inner{
	margin-bottom: 7px;
	margin-top: 20px;
}
.red_bg .inner .middle_text1{
	font-size: 20px;
	line-height: 40px;
}
.red_bg .inner .middle_text1 span{margin-right: 20px; }
.red_bg .inner .middle_text1:last-child{
	letter-spacing: -1px;
}
.red_bg .inner .line.span10{
	outline: 1px solid  #fff;
	width:94%;
	margin: 3% 0;
}
/*★★★★★★★★★★★★★★★★회사소개 서브페이지 작업★★★★★★★★★★★★★★★★*/

.company{position: relative;}
.top_txt{
	font-size:5vw; padding-left:10px;     
}
.top_title{
	font-size: 4.8vw;
    padding-left: 10px;
    font-weight: 500;
    line-height: 24px; 
	margin-top: 15px;
}
.top_title>span{
	display: block;
	font-weight: 500;
}
.company .line,.sub .line{
	height: 2px;
	width:100%;
	background-color: #113366;
	margin: 3% 0;
}

/*★★★★★★★★★★★★★★★★회사소개 조직도 서브페이지 작업★★★★★★★★★★★★★★★★*/


.company_group_inner{
	margin-top: 20px;
	margin-bottom: 50px;      
}
.company_group_inner .group_imgs{
	margin-top: 50px;
}
.company_group_inner .group_imgs img{
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
}
/*★★★★★★★★★★★★★★★★회사소개 조직도 서브페이지 작업★★★★★★★★★★★★★★★★*/


.company_group_letter{
	font-size: 3.8vw;
	line-height: 6vw;
	margin-top: 30px;
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
}
.company_group_letter span{
	display: inline;
}

/*★★★★★★★★★★★★★★★★회사소개 ci 서브페이지 작업★★★★★★★★★★★★★★★★*/
.ci_inner{
	margin-top: 20px;
	margin-bottom: 50px; 
}
.ci_inner h5{
	font-size: 21px;
	text-indent: 10px;
}

.ci_inner .ci_img_letter{
	margin-top: 50px;             
}
.ci_inner .ci_img_letter2 .gray_bg{
	background-color: #f2f2f2;
	height: 300px;
}
.ci_inner .ci_img_letter2 .span5{
	text-align: center;
}
.ci_inner .ci_img_letter .span5 img{width: 100%; }
.ci_inner .ci_img_letter2 .span5 img{width: 90%;}
.ci_inner .ci_img_letter2 .left_img img{margin-top: 40px;}
.ci_inner .ci_img_letter2 .right_img img{margin-top: 50px;}

.ci_inner .Company-Overview{					
	background: url("../img/sub/contact.jpg") no-repeat center/cover;
	height: 300px;
	
}
.ci_inner .Company-Overview .logo{				
	width: 120px;
	float: right;
	margin: 30px 30px 0 0;
}
.ci_inner .Company-Overview .logo img{
	width: 100%;
}
.ci_inner .Company-Overview h3{
	text-align: right;
	margin-top: 130px;
	margin-right: 30px;
}


/*★★★★★★★★★★★★★★★★회사소개 ci 서브페이지 작업★★★★★★★★★★★★★★★★*/



/*★★★★★★★★★★★★★★★★물류시스템 서브페이지 자겁★★★★★★★★★★★★★★★★*/
.logistics_inner{
	margin-bottom: 200px;
}

.logistics_inner .gray_box{
	background-color: #fafafa;	      
	height: 450px; 

}
.logistics_inner .gray_box .span5{
	width: 100%; 
}
.logistics_inner .gray_box .right_box{
	text-align: center; 
}
.logistics_inner .gray_box .right_box img{
	width: 90%;
}
.logistics_inner .gray_box .left_box h3{
	margin: 20px 0 20px 0;
	font-size: 8.3vw;
	text-align: center;
}
.logistics_inner .gray_box .left_box p{
	text-indent: 0; 
	text-align: center;
	font-size: 4vw;
	line-height: 30px;            
	width: 90%; 
	margin-left: 5%;
	margin-right: 5%;
}
.logistics_inner .box1,.logistics_inner .box2{
	margin-bottom: 20px;
}
.logistics_inner .kakao_t{margin-top:100px; }
.logistics_inner .kakao_t a{text-decoration: none; color: #000; }
.logistics_inner .kakao_t p{font-weight: bold; font-size: 3.8vw; text-align: center;}
.logistics_inner .kakao_t .line{
	width: 220px;  border: 1px solid  #113366;
	margin: 0 auto;
}


/*★★★★★★★★★★★★★★★★물류시스템 서브페이지 자겁★★★★★★★★★★★★★★★★*/






/*★★★★★★★★★★★★★★★★운송정보 서브페이지 작업★★★★★★★★★★★★★★★★*/
.transit_inner .table_area{
	text-align: center;         
	margin: 0 auto;
}
.transit_inner .table_area img{width: 99%;}
.option_kinds{
	margin-top: 50px;  
	margin-bottom: 200px;
}
.option_kinds h3{
	text-align: center;
	font-size: 8vw;
}
.option_kinds h3 span{
	font-weight: 800;
	line-height: 7vw;
}
.option_kinds .span5{
	width:45%;        
	margin-top: 10px;     
	margin-bottom: 50px;  
	font-size: 18px;
}
.option_kinds .span5 a{
	text-decoration: none; 
	color: #000;
	font-weight: 800;
}
.option_kinds .kinds_mn {
	text-align: right;  
}
.option_kinds .option_mn{
	float: right;
}
.option_kinds .span2{
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
	outline: 1px solid #212121;
}
.option_kinds .span2 .car_kinds{
	margin: 0 auto;        
	text-align: center;
}
.option_kinds .span2 h4{
	text-align: center;
}
.option_kinds .span2 .line{
	width: 80%;   
	margin: 0 auto;
}
.option_kinds .span2 .t_area{
	width: 80%; 
	margin-bottom: 40px;        
	margin-top: 30px;
	margin-left: 10%; 
	margin-right: 10%;    
}
.option_kinds .span2 .t_area p span{
	float: right;       
}

.kinds_box1,.kinds_box2,.kinds_box3,.kinds_box4,
.kinds_box5,.kinds_box6,.kinds_box7,.kinds_box8,
.kinds_box9,.kinds_box10,.kinds_box11,.kinds_box12,
.kinds_box13,.kinds_box14,.kinds_box15,.kinds_box16{
	margin-bottom: 15px;
}
/*--------------------옵션차량부분----------------------*/
.option_span2{
	background-color: #f7f7f7;
}
.option_span2 .car_kinds{
	background-color: #fff;  
	margin-top: 20px!important;
}
.option_kinds .option_span2 .t_area{
	background-color: #fff;     
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-bottom: 80px;
	padding-top: 35px;
}
.option_kinds .option_span2 .t_area h4{ 
	font-size: 6vw;
}
.option_kinds .option_span2 .t_area p{
	margin: 0;
	padding: 0; 

}
.option_kinds .option_span2 .t_area h4,
.option_kinds .option_span2 .t_area p,
.option_kinds .option_span2 .t_area p span{
	text-align: center;
	width: 100%!important;            
}



/*★★★★★★★★★★★★★★★★운송정보 서브페이지 작업★★★★★★★★★★★★★★★★*/





/*★★★★★★★★★★★★★★★★사업소개 서브페이지 작업★★★★★★★★★★★★★★★★*/



.business_inner .business_area{
	position: relative;    
	margin-top: 30px;        
}

/*사업소개부분에서 공통사항*/
.business_inner .business_area .span5{
	text-align: center;
	margin: 0 auto;
}
.business_inner .business_area .span5 img{
	width: 90%; 
}
.business_inner .business_t_area{
	width: 90%;          
	margin-left: 5%;
	margin-right: 5%; 
	margin-top: 5%;
	margin-bottom: 5%;    
}
.business_inner .business_t_area .first_t{
	font-size: 5vw; 

	margin: 0; padding: 0;
}
.business_inner .business_t_area h4{
	font-size: 6.5vw;
	font-weight: 500;
	margin-bottom: 30px;
	
}
.business_inner .business_t_area .lines{
	width: 100%;
	outline: 1px solid  #113366;
}
.business_inner .business_t_area .second_t{
	padding-top: 20px;              
}
.business_inner .business_t_area .line_t{
	font-size: 3.8vw;    
}
.business_inner .business_t_area .line_t span{
	text-indent: 8px;
}
/*사업소개부분에서 공통사항*/


.business_inner .business_box1 .span6{
	position: static;
	width: 100%;                           
	background-color: #fff;
}
.business_inner .business_box3{
	margin-bottom: 100px;
	margin-top:0px;
}
.business_inner .business_box2{
	margin-bottom: 50px;
	margin-top: 100px;
}
.business_inner .business_box2 .span6{
	position: static;
	width: 100%;                         
	background-color: #fff;
}
.business_inner .business_box2 .span5{
	position: static;
	right: 0;
}
.business_inner .business_box4{
	margin-top: -20px;
	margin-bottom: 200px;
}
.gray_t{color: #9e9e9e;}



/*★★★★★★★★★★★★★★★★사업소개 서브페이지 작업★★★★★★★★★★★★★★★★*/





/******엘리먼트 시작
**************************************/

.main-text-color{
	color: #184288;
}
/*<!--메인 페이지 버튼 부분-->*/
.dwb-btn-1{
	width: 48%;
	height: 40px;
	line-height: 40px;
	border: 2px solid #113366;
	color: #113366;
	text-align: center;
	font-size: 14px;
}
.dwb-btn-1.right-btn{
	float: right;
	color:#fff;
	background-color:#113366;
}

/*<!--메인 페이지 버튼 부분-->*/



.top_text_span{
	margin: 20px 0 20px 0;  
}
.top_text_span p{text-align: center; }
.top_text_span .first_t{font-size: 6.3.8vw; font-weight: 800;}
.top_text_span .first_t span{ font-weight: 800; line-height: 30px;}
.top_text_span .last_t{font-size: 4vw; line-height: 20px; }

.company_sub_menu{
	position: static;
	
	background-color: #212121;
	overflow: hidden!important;
}
.company_sub_menu ul{margin: 0!important; }
.company_sub_menu li{
	float: left;
	list-style: none;
	margin:0!important;     
	padding: 10px 0;
	width: 50%;
	text-align: center;
	outline: 1px solid #fff;
	height:3.8vw;
	line-height:3.8vw;
	font-size: 4vw;
}
.company_sub_menu li a{
	text-decoration: none;
	color: #fff;
	font-size: 3.3.8vw; 
}
.company_sub_menu .img_li{
	width: 100%!important;     outline: 1px solid #313131;
	margin: 0!important;
	padding: 0!important;
}





.red_color{color:  #113366;}
.top_txt.red_color{color:  #212121;}
.mob_block{display: block!important;}
.bold{font-weight: 600;}
.same_font{font-size: 4.3.8vw;}
	/*메뉴박스 끝*/
/******엘리먼트 끝
**************************************/

.center_span10 .span2{
    width: 46%;         
	height: 270px;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 30px;


}
.center_span10 .span2 a{
    color: #000; 
    font-size: 4.3.8vw;
    line-height: 10vw;
    
}
.center_span10 .span2 h3>a{
    font-weight: bold;
    font-size:7vw;      
    
    
}
.center_span10 .span2 h3{
    margin-bottom: 20px;
}
.center_span10 .span2:last-child{
    
}

.btn-yg { padding:10px; padding-left:15px; padding-right: 15px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #223556;
  background-image: -moz-linear-gradient(top, #254086, #223556);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#254086), to(#223556));
  background-image: -webkit-linear-gradient(top, #254086, #223556);
  background-image: -o-linear-gradient(top, #254086, #223556);
  background-image: linear-gradient(to bottom, #254086, #223556);
  background-repeat: repeat-x;
  border-color: #223556 #223556 #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff254086', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-yg:hover,
.btn-yg:focus,
.btn-yg:active,
.btn-yg.active,
.btn-yg.disabled,
.btn-yg[disabled] {
  color: #ffffff;
  background-color: #223556;
  *background-color: #003bb3;
}

.btn-yg:active,
.btn-yg.active {
  background-color: #003399 \9;
}
.dwb_state .on{  display: block;}	  
.on .out, .on .end,.end .on, .end .out, .out .on, .out .end{display: none;}
.dwb_state .end,.dwb_state .out,.dwb_state.end .on,.dwb_state.out .on{display: none;}
.dwb_state.on .on,.dwb_state.end .end,.dwb_state.out .out{  display: block;}

.dwb_Freight_area .span8{width:100%;}
.dwb_Freight_area .span8 .Charge_Table td{text-align:left;}
.dwb_Freight_area .span8 .Charge_Table .table td.RightBorder{border-right:1px solid #ddd !important; text-align: center; }
.dwb_Freight_area .span8 .Charge_Table .table{border-bottom:1px solid #ddd !important; }

#dwb_Center_body .inner.dwb_Contents.dwb_Freight_area.nopadding{padding-top:0px;}
.grey{background-color:#f1f1f1;}


#dwb_video_Area.dwb_video-size {padding-top: 0px;width: 100%; ;height:500px; overflow: hidden;  background: #fff;margin: 0px;padding: 0px; }
#dwb_video_Area.dwb_video-size iframe{width:300%; height:100%; margin-left:-100%}  


#dwb_video_Area #dwb_video_cover{width: 100%; ;height:500px;  position: absolute; background: url("../img/company/dot.png");}


#dwb_video_txt{ position:absolute; z-index:997; ; width:100%; overflow: hidden; top:23%; text-align: center;}


#dwb_video_Link_Area{ position:absolute; z-index:980; width:100%; top:45%; overflow: hidden;}

#dwb_video_Link_Area .span4{ width:40%; height:130px; overflow: hidden; margin:5%; text-align: center; color:#fff;}
#dwb_video_Link_Area .span4 h2{font-size:15px; line-height:20px;}
#dwb_video_Link_Area .span4 p{line-height:13px; font-size:12px;}
#dwb_video_Link_Area .Link_01{background: url("../img/main/Main_Link_02.png"); background-repeat: no-repeat; background-size: cover;}
#dwb_video_Link_Area .Link_02{background: url("../img/main/Main_Link_01.png"); background-repeat: no-repeat; background-size: cover;}


#dwb_video_txt .title{ font-size:3.8vw; line-height:8vw; padding-bottom:0px; margin-top:50px; color:#fff; font-weight:500;   }
#dwb_video_txt .sub_txt{ font-size:2.4vw; line-height:6vw;color:#fff; font-weight:300; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); margin-left:20px; margin-top:50px; }


#dwb_video_txt .dwb_effect_btn{width:30vw; height:10vw;line-height:10vw; border-radius:3.8vw; text-decoration:none; text-align:center;  font-size:12px; font-weight:600; background-color:#b20000; border: 1px solid #b20000; color:#fff;  margin-left: 30px; margin-top:30px;}
#dwb_video_txt .dwb_effect_btn:hover{text-decoration:none; background-color:rgba(255,255,255,0.70);border: 1px solid #b20000; color:#b20000;-webkit-transition: background-color 1s;-moz-transition: background-color 1s;-ms-transition: background-color 1s;-o-transition: background-color 1s;transition: background-color 1s; cursor: pointer;}

.business_introduction{
	margin-top: 30px;        
}

.business_introduction h3{
	color: #333;
	font-size: 6.5vw;
	text-indent: 10px;
}
.business_introduction p{
	font-size: 3.8vw;
	line-height: 7.8vw;
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
}
.business_introduction .scond_h3{
	margin-top: 50px;
}
.business_introduction .scond_h3 span{
	font-weight: 600;
	line-height: 4vw;
}
.business_introduction .table_span10{
	margin-top: 30px;
}
.business_introduction .table_span10 table td{
	vertical-align: middle;
	padding:0 15px;
	font-size: 4vw;
	line-height: 35px;
}
.red_bgs{
	background-color: #113366;
	color: #fff;
}
.red_bgs span{
	
}
.business_introduction .table_span10 .center{
	text-align: center!important;
}
.table_span10{overflow-x:scroll;}
.table_span10 table{width:auto;}
.table_span10 th,.table_span10 td{ white-space:nowrap;}

.company #company_page .inner .Introduce .company_txt{ 
	width:96%; 
	margin-left:2%; 
	margin-right:2%;
}
.Introduce .company_txt .blue_t{ 
	font-weight:800; 
	font-size:4.3.8vw; 
	color:#0d8986; 
	line-height:30px;
}
.Introduce .company_txt .blue_t span{ 
	display: inline;
	margin-bottom:25px;  
	font-weight:800;
}
.Introduce .company_txt p{ 
	margin-top:20px;                  
	font-size:3.3.8vw; 
	text-align:center; 
	line-height:20px;
	width:100%; 
	
	
}
.company_table img{ width:100%; }

.how_to_use{
	margin-top: 50px;
}
.how_to_use .how_t_box{
	width: 96%;     
	margin-top: 0;
	margin-left: 2%;
	margin-right: 2%;
}
.how_to_use .how_t_box .how_t1{
	font-weight: 800;
	font-size: 4vw;
}
.how_to_use .how_t_box .how_t2,.how_to_use .how_t_box .how_t3{
	font-size: 3.8vw;
}
.how_to_use .how_t_box p{
	line-height: 20px;
}


.how_to_use .how_to_use_img_bg{
	width: 100%;    
}
.how_to_use .how_to_use_img_bg .bg_img{
	height: 168px;         
	width: 255px;
	background: url("../img/main/how_to_use_img_bg.png") no-repeat center/cover;
	text-align: center;
	margin: 0 auto;
}
.how_to_use .how_to_use_img_bg .bg_img .span1,.mob_yellow_btn{
	width: 100%;
	margin: 140px 0 0 0;
	line-height:40px;
	color: #13366;
	
}

.line_yellow{
	border: 2px solid #223556;
	border-radius: 10px;
	margin-top: 30px;
	width: 96%;           
	margin-left: 2%;
	margin-right: 2%;
}
.line_yellow .span1{     
	width: 100%;
	margin-bottom: 15px;
}
.line_yellow .span1{
	text-align: center;
}
.line_yellow .span1 .p1{
	font-weight: 800;
}
.line_yellow .span1 p{
	font-size: 3.8vw;
	line-height: 25px;
}
.line_yellow .span1 h5{
	font-size: 23px;
}
.line_yellow .span1 .p2{
	margin-top: 20px;  
}
.line_yellow .mob_arrow{
	text-align: center;
	margin: 50px 0;
}












.selection{
	margin-top: 70px;    
}
.selection .top_txt,
.selection .top_title{
	text-align: center;   
	width: 100%;
}

.selection .span3{
	width: 100%;   
}
.selection .span3 .selection_img{
	text-align: center;
	margin: 50px 0 20px 0;
}
.selection .span3 h5{
	font-size: 18px;
	text-align: center;
	line-height: 50px;
}
.selection .span3 p{
	text-align: center;
	font-size: 3.8vw;
	line-height: 25px;
}
.selection .line{
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	border: 1px solid #000;	
}















.tip{
	margin-top: 70px;       
}
.tip .mob_yellow_btn{
	width: 90%!important;
	margin-left: 10%!important;
	margin-right: 10%!important;
	margin-top: 20px;
	outline: 2px solid #113366;
}

.tip .line_yellow .span9{
	width: 100%;
	border-bottom: 1px solid #000;
}
.tip .line_yellow .red{
	color: #d31531;
	padding-right: 15px;
}
.tip h5{
	font-size: 3.8vw;
	width:100%; 
	text-align: center;
	padding: 10px 0;
}
.tip .line_yellow .vertical{
	display: none;
}
.tip .line_yellow .writing{    	          
	font-size: 3.8vw;
    width: 100%;
    line-height: 20px;
    padding: 0px;
    text-align: center;
}
.tip .line_yellow .writing span,.tip h5 span{display: block;}
.tip .line_yellow .cont_box9{
	border-bottom: 0px #fff;
}
.tip .line_yellow .cont_box6 h5 .block{
	text-indent: 60px;   
	font-weight: 800;
}




.company_group_inner{
	margin-top: 30px;
	margin-bottom: 50px;      
}
.company_group_inner .group_imgs{
	margin-top: 30px;
}
.block{display: block;}


/*화물운송이용뱅법*/
.title_bg{background-color:#f1f1f1;}
.Charge_Table th, .Charge_Table td{ white-space:nowrap;}
.dwb_Scroll_Table table{width:auto;}
.dwb_Scroll_Table th,.dwb_Scroll_Table td{ white-space:nowrap;}
.dwb_Scroll_Table .text-center td{text-align: center;}



.txt01{FONT-SIZE:12px; COLOR:#0c53a8;  font-weight:bold; text-align:left; }
.txt03{FONT-SIZE:18px; COLOR:#111;  font-weight:bold; text-align:left; padding-top:10px; }
.txt04{FONT-SIZE:13px; font-weight:bold; color:#212121; }
.dwb_text_contents .title{line-height:30px; padding-top:20px; font-size:18px; font-weight:bold; color:#000;}
.AgreementContainer{font-size:13px; color:#666; line-height:25px; padding-top:15px; margin-bottom:20px;}
.AgreementContainer .title{color:#0086d1;}
/**************************************
                        바디 끝*******/		

/******푸터 시작
**************************************/



/**************************************
                        푸터 끝*******/	
						





















/*<!--메인 새롭게 작업 css추가-->*//*<!--메인 새롭게 작업 css추가-->*/



/*<!--메인 새롭게 작업 css추가-->*//*<!--메인 새롭게 작업 css추가-->*/











.map_wrap2{						
	height: 250px!important;
}
.map_wrap2 #map{
	height: 250px!important;
}

.yellow_btn{
	width: 280px;
	height: 45px; 
	background-color: #223556;
	text-align: center;
	color: #fff!important;
	line-height: 45px;
	font-size: 18px;
}


.dwb_text_contents{
	width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}





#mobile-table-wrap{									
	width: 90%!important;
	margin-left: 5%;
	margin-right: 5%;
	overflow: hidden;
}
.mobile-table-box{
	width: 100%;
}
.title_bg{
	width: auto;
	background-color: #f5f5f5;
}
.mobile-table-box .table td{
	padding: 5px 0;
    text-align: center;
    font-size: 12px;
	vertical-align: middle;
}
.mobile-table-wrap .table td{
	padding: 5px 0;
    text-align: center;
    font-size: 12px;
	vertical-align: middle;
}