﻿/*
Description: dwb_style_PhubCloud(mobile 홈페이지)
Author: mail@dwb.kr
Version: 1.0
P-Day:2020.02.06
Last_Edit:
Update:
*/



/*
body {margin: 0px;padding: 0px;}
img{margin:0px; padding:0px;}
#dwb_Center_header .inner,
#dwb_Center_body .inner,
#dwb_Center_footer .inner{width:100%; overflow: hidden;}
.span1{width:128px;}.span2{width:256px;}.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10{width:100%;}
#TopScroll{opacity:0; display:scroll;position:fixed; bottom:50px;left:50%; margin:0 0 0 660px; z-index:999;}
.hidden-mobile_h,.MobileNoneDisplay,.NoneDisplay{display:none!important;}
*/

body{margin: 0px;padding: 0px;}
#dwb_Center_header .inner,
#dwb_Center_body .inner,
#dwb_Center_footer .inner{width:100%;  overflow: hidden;}
#dwb_Center_body .inner2{width: 100%;}
.span1{width:128px;}.span2{width:256px;}.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10{width:100%;}
#TopScroll{opacity:0; display:scroll;position:fixed; bottom:50px;left:50%; margin:0 0 0 660px; z-index:999;}
.hidden-mobile_h,.MobileNoneDisplay,.NoneDisplay{display:none!important;}






#dwb_Center_header a,
#dwb_Center_body a,
#dwb_Center_footer a{text-decoration: none;}
.right_area{
	float: right;
}
.mob_right_area{
	float: right!important;
}
.round{
	text-align: center;
	color: #fff;
	background-color: #3bba77;
	border-radius: 20px;
	
}
.font14{font-size: 5vw;}
p{font-size: 3.5vw;}
li{list-style: none;}

.right-x{				
	margin-right: 0!important;
}
.color1{
	color: #e83428;
}
.color2{
	color: #012a48;
}
.dwb_btn{
	width: 165px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #fff;
	border: 2px solid #3bba77;
	color: #3bba77;
	font-weight: bold;
}
.dwb_btn:hover{
	background-color: #3bba77;
	border: 2px solid #3bba77;
	color: #fff;
	-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_btn2{
	width: 35%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #fff;
	border: 2px solid #3bba77;
	color: #000;
	font-weight: bold;
}

.block{display:block;}


.Template_text_color{
	color: {{메인텍스트컬러}}!important;
}
.Template_sub_color{
	color: {{서브컬러}}!important;
}
.Primary_Color{
	background-color: {{주컬러}}!important;

}
.Template_border_color{
	border: 2px solid {{보더컬러}}!important;
}
.Template_border_bottom_color2{
	border-bottom: 2px solid {{보더바텀컬러}}!important;
}
.Template_btn_hover:hover{
	background-color: {{주컬러}}!important;
	color: {{화이트텍스트컬러}}!important;
	border: 2px solid {{보더컬러}}!important;
	
}
.Template_white_color{
	color: {{화이트텍스트컬러}}!important;
}


/******헤더 시작
**************************************/
#dwb_Center_header{ position: absolute; z-index: 998;}
#dwb_Center_header .inner{width:100%;overflow: hidden;}
#dwb_Center_header .inner{background-color: #fff; }
#dwb_Center_header .inner .span3{width:72%; margin-left:1%; margin-right:1%; text-align: center;line-height:13vw;} 
#dwb_Center_header .inner .span1{width:12%; overflow: hidden; text-align: center;}
#dwb_Center_header .inner .span1 i{font-size:5vw; line-height:15vw; text-align: center; color:#113366;}
#dwb_Center_header .inner .span1 a{ color:#113366;}
#dwb_Center_header .inner .span3 a img{ width:70%;  }

#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: 3vw; line-height: 8vw; margin:22px;}
#dwb_Center_header .inner  a{color:#113366; text-decoration: none; font-weight:700;text-shadow: none;}



/******헤더 끝
**************************************/







/******바디 시작
**************************************/


/*<!-------------------------메인 배너 작업 부분------------------------------>*/

#dwb_main_banner{
	width: 100%;
	margin: 0px;
	
}
#dwb_main_banner .carousel-inner>div{
	width: 100%; 
	height:550px; 
}
.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;}
 /*슬라이드 이미지를 페이드로 처리하는 법*/
.main_banner_text_area{		
	position:absolute;
	text-indent: 20px;
	z-index:980;
	left: 0;
	width:100%;
	min-width:100%;
	color: #fff;
	top:150px;
	font-weight: 600;
}
.main_banner_text_area p{
	font-weight: 600;
	text-shadow: 1px 1px 1px #000;
}
.main_banner_text_area .text-1{
	font-size: 5vw;
}
.main_banner_text_area .text-2{
	font-size:15vw;
	font-weight: 500!important;
}
.main_banner_text_area .text-3{
	font-size:5.7vw;
	line-height:9vw;
	margin-top: 30px;
}
.main_banner_text_area .text-3 a{
	color: #fff;
}
.main_banner_text_area .block{
	font-weight: 600;
	text-indent: 20px;
}





/*<!-------------------------메인 배너 작업 부분------------------------------>*/











.content1{
	position: relative;
}
.content1 .title{
	font-size: 5vw;
	text-align: center;
	font-weight: 500;
	line-height: 130px;
}
.content1 .w-bg{
	position:static;
	width:100%;
}
.content1 .w-bg .span6{							
	width: 90%;
	margin-right: 5%;
	margin-left:5%;
	margin-top: 15px;
}
.content1 .w-bg .span6 .span3{				
	width: 47%;
	height: 120px;
	float: left;
	padding: 10px 0;
	border-bottom: 3px dotted #999;
	text-align: center;
}
.content1 .w-bg .span6 .span3 p{
	font-size: 13.5px;
	
}
.content1 .w-bg .span6 .span3 .title-text{
	font-weight: 500;
}
.content1 .w-bg .span6 .span3 .sub-title-text{
	margin: 10px 0 0 0;
	line-height: 25px;
	letter-spacing: -1px;
}
.content1 .w-bg .span6 .span3.right-box{
	float: right;
}
.content1 .w-bg .span6 .main-btn{
	width: 40%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	display: inline-block;
	border-radius: 10px;
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.content1 .w-bg .span6 .main-btn i{
	float: right;
	margin-right: 20px;
	line-height: 45px;
}
.content1 .w-bg .span6 .red-btn{
	background-color: #e83428;
}
.content1 .w-bg .span6 .blue-btn{
	background-color: #012a48;
	float: right;
}
























.content4{
	width: 100%;
	background: url("../img/main/icon_bg.png") no-repeat center/cover;
	color: #fff;
	text-align: center;
	display: inline-block;
}
.content4 .inner{
	padding-top: 30px;
}
.content4 .icon_box{		
	margin: 0 auto 50px!important;
	width: 50%;
	text-align: center!important;
}
.content4 img{
	padding: 0;
}
.content4 .icon_box p{
	width: 100%;
	display: inline-block;
}
.content4 .span5 img{
	margin-left: 0px;
}
.content4 .title_t{
	line-height: 35px;
	font-weight: 500;
}
.mob-icon-box{
	text-align: center;
}
.mob-icon-box .mob-icon{
	width: 90px;
	height: 90px;
	background-color: #fff;
	border-radius: 50%;
	text-align: center!important;
	line-height: 115px;
	
}
.mob-icon-box i{
	color: #012a48;
	font-size: 16vw;
}









/*==============서브페이지================================서브페이지====================*/


/*------------------------------------서브페이지 공통사항----------------------------------*/
#dwb_Center_body.sub{padding-top: 350px; position: relative;}
#dwb_Center_body.sub.company{background: url("../img/sub/company_bg.jpg");	background-repeat: no-repeat; background-size:100% 350px;}
#dwb_Center_body.sub.logistics{background: url("../img/sub/logistics.jpg");	background-repeat: no-repeat; background-size:100% 350px;}
#dwb_Center_body.sub.transit{background: url("../img/sub/transit.jpg");	background-repeat: no-repeat; background-size:100% 350px;}
#dwb_Center_body.sub.business{background: url("../img/sub/business.jpg");	background-repeat: no-repeat; background-size:100% 350px;}
#dwb_Center_body.sub.customer{background: url("../img/sub/sub_title_bg_05.jpg");	background-repeat: no-repeat; background-size:100% 350px;}

#sub_title_txt{ 
	position:absolute;
	z-index:980;
	right:0; 
	top: 179px;
	margin-right:0;
	width:100%;
	min-width:100%;
	padding-top:0px; 
	text-align: center;   
}
#sub_title_txt .title{ 
	font-size:5vw; 
	color:#fff; 
	font-weight: bold;   
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
}
#sub_title_txt .title span{
	display: block;
	font-size:8vw; 
	font-weight: 500;
	line-height: 15vw;
}

.breadcrumb_area{
	background-color: #3bba77;
}
.breadcrumb_area ul{
	float: right;
	margin: 0;
	padding: 0;
}
.breadcrumb_area ul li{
	float: left;
	color: #fff;
	padding: 10px 0;
}
.breadcrumb_area ul li::after{
	clear: both;
	display: inline-block;
	content: ">";
	padding: 0 10px;
}
.breadcrumb_area ul li:last-child::after{
	display: none;
}
.common_sub_title_area{						
	border-bottom: 1px solid #3bba77;
}
.common_sub_title_area .inner{		
}
.sub_left_menu_title,.sub_menu{	
	width: 250px;
}
.sub_page_title_wrap{		
	width: 100%;
}
.sub_left_menu_title,.sub_page_title_wrap{
	padding: 30px 0;
}
.sub_left_menu_title p,.sub_page_title_wrap p{	
	line-height: 50px;
	font-size: 14px;
	font-weight: 500;
}
.sub{position: relative;}
.sub_page_line{
/*
	position: absolute;
	width: 2px;
	height: 100%;
	background-color: #3bba77;
	left:561px;
*/
}
.sub_menu{
	padding-bottom: 500px;
	border-right: 1px solid #3bba77;
}
.sub_menu ul{					
	margin: 30px 0 0 0;
	width: 90%;
}
.sub_menu ul li{
	line-height: 50px;
	font-size: 16px;
	border-bottom: 1px solid #ddd;
}
.sub_menu ul li i{
	margin-right: 10px;
	font-size: 18px;
	font-weight: 500;
}
.business .sub_menu,.transit .sub_menu{
	padding-bottom: 1500px;
}
.transit_page23 .sub_menu{
	padding-bottom: 3000px;
}




.left_service_center_info{		
	background: url("../img/sub/left_info_bg.png") no-repeat center/cover;
	width: 250px;
	height:300px;
	margin-top: 250px;
}
.left_service_center_info h2{
	font-size: 25px;
}
.left_service_center_info h2,
.left_service_center_info h1,
.left_service_center_info p{	
	width: 100%;
	line-height: 35px;
}
.left_service_center_info .round{
	width: 60px;
	height: 20px;
	line-height: 20px;
	margin: 15px 0;
}
.left_service_center_info h1{
	display: inline-block;
	font-size: 45px;
	line-height: 70px;
}

.sub_title_text{
	font-size: 3.5vw;
	line-height: 6vw;
}
.sub_title_text span{
	font-weight: bold;
}
.sub_p_title_text{
	line-height: 30px;
}
.sub_p_title_text span{
	font-weight: 500;
}
/*------------------------------------서브페이지 공통사항----------------------------------*/


/*------------------------------------회사소개------------------------------------*/
.sub_cont_wrap{			
	width: 100%!important;
	margin: 30px 0 0 0;
	overflow: hidden!important;
}

.sub_cont_wrap .half_area{		
	width: 100%;
	
}
.sub_cont_wrap .half_area h2,.sub_cont_wrap .half_area p{
	margin-bottom: 30px;
}

.sub_cont_wrap .half_area p{
	line-height: 5vw;
}
.sub_cont_wrap .half_area img{width: 100%; margin-bottom: 30px;}

.over_view_table p{					
	margin-top: 20px;	
	font-size: 14px;
	width: 100%;
	display: inline-block;
}
.Organization_chart{				
	background: url("../img/sub/Organization_chart_bg.png") no-repeat center/cover;
	width: 100%;
	height: 518px;
	margin:  100px auto;
}
.Organization_chart h1{
	float: right;
	font-size: 25px;
	line-height: 40px;
	font-weight: 500;	
	margin-right: 100px;
	margin-top: 30px;
}



/*------------------------------------회사소개------------------------------------*/




/*------------------------------------운송안내------------------------------------*/
.Business_sub_cont_wrap{	
	width:100%;
	margin-bottom: 200px;
}
.Business_sub_bg01{
	background: url("../img/sub/Business_sub_bg01.jpg") no-repeat center/cover;
	width: 100%;
	height: 491px;
}
.Business_sub_bg02{
	background: url("../img/sub/Business_sub_bg02.png") no-repeat center/cover;
	width: 100%;
	height: 491px;
}
.Business_sub_bg03{
	background: url("../img/sub/Business_sub_bg03.png") no-repeat center/cover;
	width: 100%;
	height: 491px;
}
.Business_sub_bg04{
	background: url("../img/sub/Business_sub_bg04.png") no-repeat center/cover;
	width: 100%;
	height: 491px;
}
.Business_sub_bg05{
	background: url("../img/sub/Business_sub_bg05.png") no-repeat center/cover;
	width: 100%;
	height: 491px;
}
.Business_sub_bg06{
	background: url("../img/sub/Business_sub_bg06.png") no-repeat center/cover;
	width: 100%;
	height: 491px;
}
.Business_sub_bg07{
	background: url("../img/sub/Business_sub_bg07.png") no-repeat center/cover;
	width: 100%;
	height: 300px;
}

.Business_sub_cont_wrap .span3.bg_text_box{
	margin:30px 0 0 0;
	width: 100%;
	color: #000;
	
}
.Business_sub_cont_wrap .span3.bg_text_box p{
	margin-top: 30px;
}

.Business_sub_cont_wrap .Business_sub_bg .dwb_btn2{
	margin-top:150px;
	margin-right: 10px;
}
.Business_m_area{					
	width: 100%;
	margin-top: 50px;
}
.Business_m_area .Type_of_transport{			
	width: 100%;	
	text-align: center;
	margin-right: 0;
	margin-bottom: 50px;
}
.Business_m_area .Type_of_transport h2{
	line-height: 50px;
}
.Business_m_area .Type_of_transport .line{
	display: inline-block;
	width: 50px;
	height: 3px;
	background-color: #3bba77;
	margin: 10px auto 10px;
}
.Business_m_area .Type_of_transport p{
	display: inline-block;
	width: 100%;
}
.Business_m_area .round_box{				
	width: 100%;
	margin-bottom: 20px;
}
.Business_m_area .round_box .round{
	width: 140px;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
}
.Business_m_area .Business_m_Explanation{				
	width: 100%;
	position: relative;
}
.Business_m_area .Business_m_Explanation .dwb_btn2{ 
	position: absolute;
	right: 10px;
	top: -60px;
}
.Business_m_area .Business_m_Explanation p{
	font-weight: 500;
	width: 100%;
	line-height: 6vw;
}
.Business_m_area .Business_m_Explanation .margin_text{
	margin-bottom: 15px;
}
.car_size_img{		
	margin-top: 50px;
	width: 100%;
}

.box_margin{
	margin-top: 50px;
}

.Business_step{			
	text-align: center;
	width: 100%;	
}
.arrow{						
	width: 100%;
	margin: 20px 0 0 0;
	text-align: center;
}
.Business_step img{
	padding: 30px 0;
}
.Business_step h3,.Business_step p{
	font-size: 5vw;
}
.Business_step p span{font-weight: 500;}
.table_title{					
	width: 100%;
	display: inline-block;
	padding: 10px 0;
}
.table_title span{
	color: #000;
	font-size: 5vw;
}
.Business_table td{
	line-height: 30px;
}
.Business_table .table,.Business_table{width: 100%;}
/*------------------------------------운송안내------------------------------------*/




/*------------------------------------차량안내------------------------------------*/
.sub_transit_wrap .transit_top_box,
.sub_transit_wrap .Vehicle_specification_top_box{		
	width: 100%;
	position: relative;
}
.sub_transit_wrap .Vehicle_specification_top_box img{width: 100%;}
.sub_transit_wrap .transit_top_box p{
	margin-top: 30px;
}
.sub_transit_wrap .transit_top_box .dwb_btn2{		
	position: absolute;
	right: 0;
	top: 0;
}
.sub_transit_wrap .Vehicle_specification_top_box .dwb_btn2{
	top: 114px;
}
.Vehicle_type_area{							
	margin-top: 50px;
	width: 100%;
}
.Vehicle_type_area .sub_title_text{
	font-size: 6vw;
	margin-left: 20px;
}
.Vehicle_type_area .car_specification_cont_wrap{	
	width: 100%;
	margin-bottom: 50px;
}
.Vehicle_type_area .sub_title_text{		
	
}
.Vehicle_type_area .Vehicle_type_box{
	width: 96%;
	height:420px;
	border-radius: 10px;
	border: 1px solid #ddd;
	margin-right: 2%;
	margin-left: 2%;
	margin-bottom: 40px;
}
.Vehicle_type_area .Vehicle_type_box .car_imgs{	
	padding: 15px 0;
	text-align: center;
}
.Vehicle_type_area .Vehicle_type_box p{
	text-indent: 30px;
	font-weight: 500;
}
.Vehicle_type_area .Vehicle_type_box .car_type_text{
	font-size: 4.5vw;
	line-height:7vw;
	margin-top: 20px;
}
.Vehicle_type_area .Vehicle_type_box .car_type_text span{font-weight: 500;}
.Vehicle_type_area .Vehicle_specification_box{
	width: 100%;
	border-top: 1px solid #3bba77;
	margin-top: 10px;
	text-align: center;
}
.Vehicle_type_area .Vehicle_specification_box .left_car_img{
	width: 100%;
	text-align: center;
}
.Vehicle_type_area .Vehicle_specification_box .right_car_Explanation{
	width: 100%;					
}
.Vehicle_type_area .Vehicle_specification_box .right_car_Explanation p{
	width: 50%;
	text-align: center;
	line-height: 35px;
	outline: 0.5px solid #ddd;
	float: left;
	font-size: 14px;
}
.car_specification_explanation{		
	width: 100%;
	line-height: 30px;
	font-size: 14px;
}
.How_to_use_step_area{				
	width: 100%;
	margin-top: 50px;
}
.How_to_use_step_area .span2{				
	width: 100%;
	text-align: center;
}
.How_to_use_step_area .span2 .sub_p_title_text{
	font-size:4.5vw;
	line-height: 6vw;
}
.How_to_use_step_area .span2 .line{
	width: 100px;
	height: 2px;
	margin: 20px auto 20px;
	background-color:#3bba77;
}
.How_to_use_step_area .span1{
	width: 100%;
	text-align: center;
	padding: 20px 0;
}


.Select_car_model_box{	
	width: 100%;
	height: 470px;
	border: 1px solid #ddd;
	border-radius: 10px;
	margin-bottom: 30px;
}
.Select_car_model_box.right_area{
	margin-left: 0;
}
.Select_car_model_box p{
	text-indent:10px;
}
.Select_car_model_box p:last-child{
	letter-spacing: -1px;
	line-height: 6vw;
	margin-top: 20px;
	font-size: 3vw;	
}
.Select_car_model_box p:last-child span{
	font-weight: 500;
}
.Select_car_model_box .Select_car_img{		
	padding: 10px 0;
	text-align: center;
}

.round_box_lef .round{
	margin-left: 0px!important;
}
.round_box .round_p{
	margin-top: 30px;
}
.tip_box p:first-child{
	margin-top: 10px;
}
.tip_box_s{						
	height: 370px;
	float: left;
}
.tip_box_l{				
	height: 400px;
}
/*------------------------------------차량안내------------------------------------*/






/*------------------------------------전국 요금 안내-----------------------------------*/
.sub_logistics_wrap{
	position: relative;
}
.shipping_fee_table{
	margin-top: 50px;
}
.shipping_fee_table .title_bg{
	width: 400px;
}
.shipping_fee_table td{
	text-align: center;
	line-height: 25px;
	width: 98.333333px;
}
.sub_logistics_wrap .car_specification_explanation{		
	margin-top: 30px;
}
.sub_logistics_wrap .car_specification_explanation .dwb_btn2{
	position:static;
	float: right;
}
.table_box td{
	height: 20px!important;
	line-height: 20px!important;
}
.table_box .sub_title_text span{
	font-size: 14px;
}
.table_box .table{
	margin-top: 30px;
}
.table_box:last-child{
	margin-top: 100px;
}

/*------------------------------------전국 요금 안내-----------------------------------*/


.site_map_wrap .span2{			
	width: 50%;
	height: 300px;
}
.site_map_wrap .span2 a{
	color: #000;
	line-height: 40px;
	font-size: 16px;
}
.site_map_wrap .span2 h3{		
	font-size: 23px;
	margin-bottom:30px;
}
































/*==============서브페이지=================================서브페이지====================*/







/******바디 끝
**************************************/




/******푸터 시작
**************************************/


#dwb_Center_footer{
	border-top: 1px solid #ddd;
	background-color: #e5e5e5;
}
#dwb_Center_footer .inner{					
	padding: 20px 0;
	text-align:center;
}

#dwb_Center_footer p{
	font-size: 2.5vw;
	line-height: 5vw;
}
#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;}
#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-btn-1{
	width: 100px;
	height: 40px;
	line-height: 40px;
	border: 2px solid #3bba77;
	color: #3bba77;
	text-align: center;
	font-size: 14px;
}
.dwb-btn-1.right-btn{
	float: right;
	color:#fff;
	background-color:#3bba77;
}
/******엘리먼트 끝
**************************************/

.txt01{FONT-SIZE:17px; line-height:40px; COLOR:#04135d;  font-weight:bold; text-align:left; }
.txt03{FONT-SIZE:18px; line-height:40px;COLOR:#111;  font-weight:bold; text-align:left; padding-top:10px; }
.txt04{FONT-SIZE:16px; line-height:40px;font-weight:bold; color:#212121; }
.AgreementContainer{font-size:15px; color:#666; line-height:35px; padding-top:15px; margin-bottom:20px; padding-top:20px;}
	.AgreementContainer .title{color:#04135d;}
	.AgreementContainer a,.AgreementContainer :hover{text-decoration: none; color:#04135d; }
	.dwbTable_firstline{border-top:solid 2px #999;}	









#dwb_Center_body.dwb_Sub .inner2{ background-color: #212121;width: 100%; }
#dwb_Center_body.dwb_Sub .inner.dwb_Contents { width: 100%; overflow: hidden;padding:0px;}
#dwb_Center_body.dwb_Sub .dwb_nav ul li.RightBorder{list-style: none; line-height: 40px; color: #fff;display:inline;float:left; margin: 0px; }#dwb_Center_body.dwb_Sub .dwb_nav ul{margin: 0px;}
#dwb_Center_body.dwb_Sub .dwb_nav ul li.RightBorder a{font-size:14px;font-weight:bold;float:left;color:#fff;text-decoration: none;cursor: pointer; padding-left: 10px; padding-right: 10px;}
#dwb_Center_body.dwb_Sub .dwb_nav i.home{font-size: 25px; line-height: 35px;}
#dwb_Center_body.dwb_Sub .dwb_nav i.sub{padding-left: 5px;}
#dwb_Center_body.dwb_Sub .dwb_nav ul li.RightBorder a:hover{color:#fff;}
#dwb_Center_body.dwb_Sub .dwb_nav .LeftBorder{border-left:1px solid #333;}
#dwb_Center_body.dwb_Sub .dwb_nav .RightBorder{border-right:1px solid #333;}
#dwb_Center_body.dwb_Sub .dwb_nav .dropdown ul{margin-top: 35px;}

#dwb_Center_body.dwb_Sub .dwb_nav .dropdown-menu > li > a:hover,
#dwb_Center_body.dwb_Sub .dwb_nav .dropdown-menu > li > a:focus,
#dwb_Center_body.dwb_Sub .dwb_nav .dropdown-submenu:hover > a,
#dwb_Center_body.dwb_Sub .dwb_nav .dropdown-submenu:focus > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #fff;
  background-image: linear-gradient(to bottom, #fff, #fff);
  background-repeat: repeat-x;
  filter:none;
}
#dwb_Center_body.dwb_Sub .dwb_nav ul li.RightBorder li a:hover{color:#fff;}
#dwb_Center_body.dwb_Sub .dwb_nav ul li.RightBorder .dropdown li a{color:#333;}
#dwb_Center_body.dwb_Sub .dwb_nav ul li.RightBorder .dropdown li a:hover{color:#b20000;}

#dwb_Center_body.dwb_Sub .dwb_nav ul li .pull-right{ padding-top: 14px;}

#dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area .span5{width: 100%; overflow: hidden; padding-top: 0px; margin-top: 0px;}

#dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area .span5 h2{ padding-left:10px;  font-size: 22px; line-height: 24px; color: #000; font-weight: bold;}
#dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area .span5 h1{padding-left: 10px; padding-bottom: 5px; padding-top: 0px;}
#dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area .end{ margin-bottom: 20px;}
#dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area .start{ padding-top:20px;}
#dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area .title{ color:#005bac; font-family:'Helvetica'; font-weight: bold;}
#dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area .span5 p{padding-left: 10px; font-size: 12px; line-height: 25px;}
#dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area p.end{ margin-bottom: 10px;}
 #dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area hr{ border:solid thin #f1f1f1; overflow: hidden;margin-bottom: 0px; padding-bottom: 0px;}
 #dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area h5{ font-size: 20px; border-left:5px solid #009966; line-height: 24px; padding-left: 10px; margin-left: 10px;}
#dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area .mb20{margin-bottom: 5px;}
#dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area .p20{padding: 5px; line-height:25px; font-size:13px;}




.mob_scroll_table{overflow-x:scroll!important;}

.table th,.table td{ white-space:nowrap;}
.table .text-center td{text-align: center;}
.title_bg{background-color: #f1f1f1;}
