/*
Description: dwb_style_Dain(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,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10{width:100%;}


.NoneDisplay,.hidden-mobile_h,.MobileNoneDisplay{display:none;}





.color1{
	color: #ee3722;
}
.color2{
	color: #113366;
}
.dwb_btn{
	width: 50%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #fff;
	color: #113366;
	border: 2px solid #113366;
}
.dwb_btn:hover{
	background-color: #113366;
	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_Center_header li{
	list-style: none;
	float: left;
}
#dwb_Center_header a{
	text-decoration: none;
}


/******헤더 시작
**************************************/

#dwb_Center_header{ 
	width:100%;
	z-index: 998;
	position: absolute;
}
#dwb_Center_header .inner{
	background-color:#011931;
	box-shadow: 1px 1px 1px #666;
}
#dwb_Center_header .inner .span3{
	width:72%;
	margin: 1%;
	text-align: center;

} 
#dwb_Center_header .inner .span3 img{
	width: 30%;
}
#dwb_Center_header .inner .span1{
	width:12%; 
	overflow: hidden; 
	text-align: center;
}
#dwb_Center_header .inner .span1 i{
	font-size:5vw;
	line-height:12vw; 
	text-align: center; 
	color:#fff;
}
/*#dwb_Center_header .inner .span1 a{ color:#f8c400;}*/


#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;  }


#dwb_Center_header .inner li{
	width: 100%;
	list-style: none;
	font-size: 16px; 
	margin:15px;
}
#dwb_Center_header .inner  a{
	color:#fff;
	text-decoration: none; 
	font-weight:700;
	text-shadow: none;
}



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








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


/*※※※※※※※※※※※※※※※※※※※※※※※※컨텐츠111111※※※※※※※※※※※※※※※※※※※※※※※*/
.video_contents{
	width: 100%;
	height: 300px;
	background-color: aquamarine;
	
}

/*※※※※※※※※※※※※※※※※※※※※※※※※컨텐츠111111※※※※※※※※※※※※※※※※※※※※※※※*/






/*※※※※※※※※※※※※※※※※※※※※※※※※컨텐츠2222222※※※※※※※※※※※※※※※※※※※※※※※*/
.Services_you_need .inner{						
	margin-top: 270px;
}
.Services_you_need .inner .color1{				
	width: 100%;
	font-size: 7vw;
	line-height: 10vw;
}
.Services_you_need .inner .span1{
	width: 25%;	
	text-align: center;
	margin-top: 30px;
	margin-right: 0;
	cursor: pointer;
}
.Services_you_need .inner .span1_box{
	margin-left: 0;
}
.Services_you_need .inner .span1 .hover{
	display: none;
}
.Services_you_need .inner .span1 p{
	font-size: 15px;
	margin-top: 20px;
	font-weight:bold;
}

/*※※※※※※※※※※※※※※※※※※※※※※※※컨텐츠2222222※※※※※※※※※※※※※※※※※※※※※※※*/








/*※※※※※※※※※※※※※※※※※※※※※※※※컨텐츠3333333※※※※※※※※※※※※※※※※※※※※※※※*/

.Call_center_kakao{
	
}

.Call_center_inner{			
	background: url("../img/main/Call_center2.png")no-repeat -300px 0/cover;
	
	margin-top: 50px;
}

.Call_center_inner .left_span5 p span{	
	display: inline;
	
}
.Call_center_inner .left_span5 .big_text{
	font-size: 5vw;
	font-weight: bold;
	line-height: 8vw;
	text-align: center;
}
.Call_center_inner .left_span5 .big_text span{
	font-weight: bold;
}
.Call_center_inner .left_span5 .small_text{
	font-size: 3.5vw;
	line-height:6vw;
	padding: 10px 0 0px 0;
}



.Call_center_inner .right_span5{		
	position: relative;
}
.Call_center_inner .right_span5 .logo{
	float: left;
	position: absolute;
}
.Call_center_inner .right_span5 p{	
	text-align: center;
}
.Call_center_inner .right_span5 .color1{
	font-size: 6.3vw;
	margin-bottom: 30px;
	font-weight: bold;
	text-align: center;
}
.Call_center_inner .right_span5 .color2 span{
	font-size: 27px;
	font-weight: bold;
}
.Call_center_inner .right_span5 .img{
	margin-top: 30px;
	outline: 2px solid #777;
}
.Call_center_inner .right_span5 .dwb_btn{
	margin-top: 30px;
	margin-left: 25%;
	margin-right: 25%;
}
.Call_center_inner .right_span5 .img img{width: 100%;}



/*<!--==================================================================-->*/
.kakao_inner{			
	background-color: #f2cf00;
	margin-top: 50px;
	padding-bottom: 20px;
}

.kakao_inner .span7{					
	width: 100%;
}
.kakao_inner .span7 .kakao_title{
	margin-top: 30px;
	margin-bottom: 30px;
}
.kakao_inner .span7 .kakao_title img{
	width: 100%;
}
.kakao_inner .span7 p{
	padding-left: 0;
	font-size: 3vw;
	line-height: 6vw;
	
}
.kakao_inner .span7 .dwb_btn{
	margin-left: 25%;
	margin-right: 25%;
	margin-top:50px;
}








/*※※※※※※※※※※※※※※※※※※※※※※※※컨텐츠3333333※※※※※※※※※※※※※※※※※※※※※※※*/



















/*※※※※※※※※※※※※※※※※※※※※※※※※컨텐츠44444※※※※※※※※※※※※※※※※※※※※※※※*/

.quick_inner img{width: 100%;}

.quick_inner{											
	
}
.quick_inner .span5{
	width: 100%;
	margin-bottom: 0;
}
.quick_inner .text_span5{						
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
}
.quick_inner .img_span5{
	margin-top: 30px;
}
.quick_inner .text_span5 span,
.quick_inner .other_text_span5 span{
	display: block;
}
.quick_inner .text_span5 h3,
.quick_inner .text_span5 p{
	text-indent:0;
}
.quick_inner .text_span5 h3,
.quick_inner .other_text_span5 h3{
	padding:0;
	font-size: 7vw;
}
.quick_inner .text_span5 p,
.quick_inner .other_text_span5 p{
	font-size: 3.5vw;
	line-height: 6vw;;
}
.quick_inner .text_span5 .dwb_btn,
.quick_inner .other_text_span5 .dwb_btn{
	margin-top: 30px;
}
.quick_inner .text_span5 .dwb_btn{
	width: 45%;
}
.quick_inner .text_span5 .dwb_btn2{
	float: right;
}
.quick_inner .text_span5 .dwb_btn1{
	margin-left: 0;
	margin-right: 0;
}
.quick_inner .other_text_span5 .dwb_btn1{
	margin-right: 0;
}









/*※※※※※※※※※※※※※※※※※※※※※※※※컨텐츠44444※※※※※※※※※※※※※※※※※※※※※※※*/













/*※※※※※※※※※※※※※※※※※※※※※※※※컨텐츠555555※※※※※※※※※※※※※※※※※※※※※※※*/

.download{
	background-color: #f7e2d7;
	margin-top: 50px;
}
.download .inner{				
	padding-top: 0px;
}
.download .inner .span5{
	
}
.download .inner .span5 h3{
	margin-bottom: 30px;
	font-size: 7vw;
}
.download .inner .span5 h4{
	margin: 0;
	font-size: 4vw;
	line-height: 7vw;
}
.download .inner .span5 p{
	font-size: 4.3vw;
}
.download .download_span5{
	text-align: center;
}



.download .download_span5 .download_img{
	width: 100%;
	margin-right: 0;
}
.download .download_span5 .span1{					
	width: 100%;
	margin-bottom: 20px;;
}
.download .download_span5 .span1 span{
	display: block;
}
.download .download_span5 .span1 p{
	padding: 10px 0;
	font-size: 3.5vw;
	line-height: 5vw;
}
.download .download_span5 .dwb_btn{
	margin-left: 25%;
	margin-right: 25%;
}





.download .center_span5{
	padding-bottom: 20px;
}
.download .center_span5 h3{
	text-align: center;
}
.download .center_span5 .p1{
	margin-top: 10px;
}
.download .center_span5 .num{
	width: 80px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	border: 1px solid #ee3722;
	background-color: #ee3722;
	border-radius: 30px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	margin:  20px 0 0 30px;
	float: left;
}
.download .center_span5 h1{		
	margin:  10px 0 0 0;		
	font-size: 10vw;
	padding-left: 20px;
	text-shadow: 1px 1px 1px #fff;
	float: left;
	
}
.download .center_span5 h3{
	margin-bottom: 10px!important;
}

.mob_text{
	text-align: center;
	font-size: 7vw!important;
	line-height: 9.5vw;
	font-weight: bold;
}
.download .center_span5 .mob_text span{
	display: block;
	font-size: 6vw!important;
}
.download .center_span5 .line_box{
	width: 96%!important;
	margin-left: 2%!important;
	margin-right: 2%!important;
	border: 2px solid #ee3722;
	background-color: #fff;
	border-radius: 10px;
	text-align: center;
}
.download .center_span5 .line_box h5{
	font-size: 5vw;
}
.download .center_span5 .line_box p span{
	display: inline;
}
.download .center_span5 .line_box p{
	font-size: 4.3vw;
	line-height: 6vw;
}
.download .center_span5 .line_box .meritz{
	margin-top: 0px;
}





/*※※※※※※※※※※※※※※※※※※※※※※※※컨텐츠555555※※※※※※※※※※※※※※※※※※※※※※※*/





/******바디 시작
**************************************/
.dwb_LinkBg{width:100%;   overflow: hidden; padding-top:10px; margin-top:0px; padding-bottom:20px; background-color: #fff;}



.dwb_LinkBg h2{
	text-align: center; font-size:3vh;; font-weight: 600;
	 color: #333;  margin-top: 0px; padding-top:10px; padding-bottom: 10px; display: none;
}
#dwb_Center_body .inner #dwb_Linkbox{padding-top:10px;}
#dwb_Center_body .inner #dwb_Linkbox .span3{ width:100%; overflow:hidden; text-align:center;}

#dwb_Center_body .inner #dwb_Linkbox .span3 .span1 a,#dwb_Linkbox .span1 a:hover,#dwb_Linkbox .span1 :hover{text-decoration:none;}
#dwb_Center_body .inner #dwb_Linkbox li{text-align:left;}
.dwb_GrayBg{width:100%;  background-color:#f5f5f5; padding-top:10px; padding-bottom:10px; border-top:1px solid #ddd;}

#dwb_Center_body .inner #dwb_center_Left.span1{width:260px; padding-right:30px;}

#dwb_center_Right{padding-top:55px;}
.span9 h2 p{ font-size:16px; line-height:40px; color:#999;}

#dwb_video_txt #start_text.black .sub_txt.line,#dwb_video_txt #start_text.black .sub_txt,#dwb_video_txt #start_text.black .title{ color:#fff;  }

#dwb_Linkbox{padding-bottom:0px;}


.cont1_inner .left_cont{z-index: 99;}
.cont1_inner .left_cont .left_bg{ width:100%; overflow: hidden; margin-top:0px;}
.cont1_inner .left_cont .left_bg img{width:100%;}
.cont1_inner .left_cont .left_text_box{  position: absolute; right: 0; top: 260px;width:90%; margin-left: 5%; margin-right:5%; overflow: hidden; background-color:rgba(255,255,255,0.4); padding-bottom:20px;}
.cont1_inner .left_cont .left_text_box .txt1{ }
.cont1_inner .left_cont .left_text_box p{}
.cont1_inner .left_cont .left_text_box p span{display: block; line-height: 35px;}
.cont1_inner .left_cont .left_text_box .left_mario_img img{width:90%;}
.cont1_inner .left_cont .left_text_box .left_mario_img{display: none;}
.cont1_inner .right_cont{display: none;}

.text_Area{ width:90%; padding:2%; margin:3%; font-size:4vw; line-height:7vw; font-weight:500;}
.text_Area .point span{display:block;}
.text_Area .point{color:#113366; font-size:5vw; margin-top:10px; line-height:7vw; font-weight:800;}




#dwb_Center_body .inner #dwb_Linkbox{padding-top:0px;}
#dwb_Center_body .inner #dwb_Linkbox .span3{ width:50%; overflow:hidden; padding-top:5px; text-align:center;}
#dwb_Center_body .inner #dwb_Linkbox .span3 .span2{width:100%; text-align:center;}
#dwb_Center_body .inner #dwb_Linkbox .span3 .span2 h4{ color:#333; font-size:2vh;}
#dwb_Center_body .inner #dwb_Linkbox .span3 .span1{width:100px; margin-left:20%; margin-right:25%; height:100px;  margin-bottom:5px; background-color:#083d8a; padding-top:0px;border-radius:50px; text-align:center;}
#dwb_Center_body .inner #dwb_Linkbox .span3 .span1:hover{ text-decoration:none; background-color:#083d8a;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
#dwb_Center_body .inner #dwb_Linkbox .span3 .span1 i{font-size:8vh;color:#fff; line-height:100px; }
#dwb_Center_body .inner #dwb_Linkbox .span3 .span1:hover i {color:#fff;}	
#dwb_Center_body .inner #dwb_Linkbox .span3 .span1 a,#dwb_Linkbox .span1 a:hover,#dwb_Linkbox .span1 :hover{text-decoration:none;}

#dwb_Center_body .inner #dwb_Linkbox .span3 .span1.dwb_IconPoint{ background-color:#ea5532}
#dwb_Center_body .inner #dwb_Linkbox .span3 .span1.dwb_IconPoint:hover{ text-decoration:none; background-color:#555555;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}



.cont2_inner,.cont3_inner,.cont4_inner,.cont5_inner,.cont6_inner{display: none;}

#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_txt{ position:absolute; z-index:997;  top:15%;text-align: center; width:100%; overflow: hidden;}

#dwb_video_txt .title{ font-size:15vw; line-height:15vw; padding-bottom:0px; color:#fff; font-weight:500;   text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75); }
#dwb_video_txt .sub_txt{ font-size:5vw; padding-top:30px; line-height:7vw;color:#fff; font-weight:300; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); }
#dwb_video_txt .sub_txt.line{ font-size:5.5vw; line-height:7vw;color:#fff; font-weight:300; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);padding-top:0px; }
#dwb_video_txt .sub_txt.small_point{ font-size:5vw; line-height:7vw;color:#fff; font-weight:300; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); padding-top:0px; }
#dwb_video_txt .sub_txt.small{ font-size:4.5vw; line-height:6vw;color:#fff; font-weight:300; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);padding-top:20px; }

#dwb_video_txt .dwb_effect_btn{width:40vw; height:10vw;line-height:10vw; border-radius:5vw; text-decoration:none; text-align:center;  font-size:4vw; font-weight:300; background-color:#349f3a; border: 1px solid #349f3a; color:#fff;  margin-left: 10px; margin-top:10vw;}
#dwb_video_txt .dwb_effect_btn:hover{text-decoration:none; background-color:rgba(255,255,255,0.70);border: 1px solid #349f3a; 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; cursor: pointer;}


#dwb_main_banner .title{ font-size:15vw; line-height:15vw; padding-bottom:0px; color:#fff; font-weight:500;   text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);}
#dwb_main_banner .dwb_Text_Area{position:absolute; z-index:997; top:150px; text-align: center; width:100%; overflow: hidden; color:#fff;font-size:7vw; line-height:10vw;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);}

#dwb_main_banner .slideLogo{width:75%; overflow: hidden; text-align: center; padding-bottom:20px; }




#dwb_video_txt .title{ font-size:15vw; line-height:15vw; padding-bottom:0px; color:#fff; font-weight:500;   text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75); }
#dwb_video_txt .sub_txt{ font-size:5vw; padding-top:30px; line-height:7vw;color:#fff; font-weight:300; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); }
#dwb_video_txt .sub_txt.line{ font-size:5.5vw; line-height:7vw;color:#fff; font-weight:300; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);padding-top:0px; }
#dwb_video_txt .sub_txt.small_point{ font-size:5vw; line-height:7vw;color:#fff; font-weight:300; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); padding-top:0px; }
#dwb_video_txt .sub_txt.small{ font-size:4.5vw; line-height:6vw;color:#fff; font-weight:300; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);padding-top:20px; }


 /*슬라이드 이미지를 페이드로 처리하는 법*/
#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{
	width: 100%;
	margin: 0px;
}
#dwb_main_banner .carousel-inner>div{
	width: 100%; height:480px; 
}

.banner_img01{
	background:url(../img/main/banner1.jpg) no-repeat; background-position: -500px top; background-size:950px;
}
.banner_img02{
	background:url(../img/main/banner2.jpg) no-repeat;  background-position: 0px top; background-size:950px;
}
.banner_img03{
	background:url(../img/main/banner3.jpg) no-repeat;  background-position: -100px top; background-size:950px; 
}

#dwb_main_banner h1{
	width: 100%; text-align: center;
	position: absolute; z-index: 99; top: 90px; 
	text-shadow: 3px 3px 3px #444;
	color: #fff; font-size:1.55rem;
	/*outline: 1px solid red;*/
}
#dwb_main_banner h1 span{
	position: absolute;
	width: 100%; text-align: center;
	display: block; line-height:30px;
	color: #fff; font-weight: bold;
	font-size:2rem;
	/*outline: 3px solid blue;*/
 }
#dwb_main_banner .banner_click{ 
	position:absolute; left:50%; transform:translate(-50%,-50%);  top:230px; 
	width:115px; height:40px; 
	border:2px solid #fff; border-radius:200px; z-index: 99;
	
}
#dwb_main_banner .banner_click p{
	text-align:center; line-height:40px; font-size:1rem; text-shadow: 3px 3px 3px #444; font-weight:bold;
}
#dwb_main_banner .banner_click p a{text-decoration:none; color:#fff;}
























#dwb_Link_Area{ position:absolute; z-index:998; bottom:2%;  width: 100%; overflow: hidden;}
#dwb_Link_Area .span1{width:20%; font-size:8vw;  line-height:18vw; text-align: center;}
#dwb_Link_Area .span1 a{text-decoration: none; color: rgba(0,0,0,0.9);}
#dwb_Link_Area .span1 .dwb_btn{  width:80%; margin:10%; border-radius:8vw; height:16vw; line-height:18vw; background-color: rgba(255,255,255,0.8);}


#dwb_btn_Area{ position:absolute; z-index:998; top:5%; right:5%; overflow: hidden;}
#dwb_btn_Area .span1{width:20%; font-size:16vw;  line-height:16vw; text-align: center;}
#dwb_btn_Area .span1 a{text-decoration: none; color: rgba(255,255,255,0.7);}
#dwb_btn_Area .span1 a:hover{text-decoration: none; color: rgba(255,255,255,1.0);text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75); }
#dwb_btn_Area .span1 .dwb_btn{  width:100%;  height:16vw; line-height:16vw;}




#dwb_Center_body #company{width:100%; overflow:hidden; color:#000;}
#dwb_Center_body #company .text_Area{ width:94%; padding:3%; font-size:4vw; line-height:7vw; font-weight:500;background: url("../img/main/main_company_bg.jpg"); background-size: cover;color:#FFF;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);}
#dwb_Center_body #company .text_Area .point{color: #ffda00; font-size:8vw; margin-top:30px; line-height:10vw; font-weight:800;}
#dwb_Center_body #company .text_Area .point>span{ display:block; font-weight:800;}
#dwb_Center_body #company .span5 img{width:80%;}

#dwb_Center_body #kakao{width:100%; overflow:hidden; background-color:#ffda00; padding-bottom:30px;}
#dwb_Center_body #kakao p{ width:94%; padding:3%; font-size:4vw; line-height:7vw;  }
#dwb_Center_body #kakao .span5 img{width:100%;}


#dwb_Table_Area #txt04{
	text-align: center; margin-top: 20px;
	font-size: 4vw; line-height: 7vw; color:#535353;
	/*outline: 1px solid red;*/
}
#dwb_Table_Area #price{
	font-size: 4vw; text-align: right; margin-top: 20px;
}

#dwb_Table_Area #txt05{
	text-align: center;  
	font-size: 3.5vw;
	margin:0px;

}
#dwb_Table_Area tr td{text-align:center;}
#dwb_Table_Area span{display: block;}



#option .option_p{text-align: center; margin:20px 0; font-size: 1.2rem; color:#535353; letter-spacing:-1px; }
#option p,#dwb_Table_Area p,#car p,#pay p,#cargo p,#quick p,#store p{text-align: center; margin-top: 20px;font-size:4vw; line-height:7vw; color:#535353;  }

#cargo .cargo_h2{ padding:30px 0;}

#option p span{display:block;}
#option h3{color: #0ea1ff;}
#pay .span3 img,#cargo .span3 img,#quick .span3 img,#store .span3 img,#delivery .span3 img,#damas_labo .span3 img{ width:100%;}
#pay .span3{ margin-left:-50px;}
#pay .span7,#cargo .span7,#quick .span7{width:100%; margin-top:50px;}
#pay .title,#cargo .title,#quick .title,#delivery .title,#damas_labo .title{font-weight:700; padding-left:30px; font-size:15px; }
#pay .table td,#cargo .table td,#quick .table td,#delivery .table td,#damas_labo .table td{vertical-align: middle; line-height: 30px;}
#pay p span{display:block}
#pay .bank_num{padding-bottom:50px;}

#pay #bank_num span{display: inline;}
/*#quick .quick_h2{outline:1px solid red;}*/


#store p{text-align:center}
#store p span{display:block}
.dwb_Scroll_Table{overflow-x:scroll;}
.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;}




#car .span3{width:90%; margin:5%;  margin-top:0; outline: 1px solid #ddd; padding-bottom:30px; padding-top:10px;}
#car .wrap01,#car .wrap02{margin-right: 0px;}
#car .span3 .img_wrap{ text-align:center;}
.middle_title{ margin:0px; font-size:5vw; line-height:50px; text-align:center; }
.manual_txt span{display:block; line-height:40px;}
.manual_txt{ text-align:center; font-size:4vw; line-height:8vw;  padding:0;}
#car .line{width:100px; height:3px; background-color: #0ea1ff; margin:20px auto;}
.delivery{font-size:4vw; line-height:8vw;  margin-top:0px;}
.price{text-align:center; margin-top:30px; font-size:10vw; color:#0ea1ff; }


/*#car .span4 h5{text-align: center; font-size:5vw;color: #505050;}
#car .span4 .txt01{font-size:4vw; line-height:8vw;  padding:0;}
#car .span4 .line{color: #009944; font-size: 50px; padding:  0;}
#car .span4 .txt02{font-size:4vw; line-height:8vw;  margin-top:0px;}
#car .span4 .txt03{font-size:10vw; font-weight: bold; color: #009944; padding:x 0;}

*/




































#option{width: 100%;  background-color: #e5f5ec; }
#option .span5{width:90%; margin-right:5%; margin-left:5%; margin-bottom:20px; background-color: #fff;}
#option .span5 img{ width:100%;}
#option .span5 .span2{width:60%; margin-right:20%; margin-left:20%;min-height:150px;}
#option .span5 .span3{width: 100%; overflow: hidden; text-align: center;}
.option_img01{background: url("../img/main/option01.jpg") no-repeat center/100%; }
.option_img02{background: url(../img/main/option02.jpg) no-repeat center/100%; }
.option_img03{background: url(../img/main/option03.jpg) no-repeat center/100%; }
.option_img04{background: url(../img/main/option04.jpg) no-repeat center/100%; }
.option_img05{background: url(../img/main/option05.jpg) no-repeat center/95%; }
.option_img06{background: url(../img/main/option06.jpg) no-repeat center/95%; }
#option .span3 p{width:80%; margin-left:10%; margin-right:10%;}





		/******바디 서브 시작
		**************************************/
      
#dwb_Center_body.sub{padding-top:400px;}
#dwb_Center_body.sub.customer{background: url("../img/main/sub_bg_customer.jpg"); background-repeat: no-repeat; background-position: center top; background-size:900px 400px;}
#dwb_Center_body.sub.cargo{background: url("../img/main/sub_bg_cargo.jpg"); background-repeat: no-repeat;background-position: center top; background-size:900px 400px;}
#dwb_Center_body.sub.quick{background: url("../img/main/sub_bg_quick.jpg"); background-repeat: no-repeat;background-position: center top; background-size:900px 400px;}
#dwb_Center_body.sub.damas_labo{background: url("../img/main/sub_bg_quick.jpg"); background-repeat: no-repeat;background-position: center top; background-size:900px 400px;}
#dwb_Center_body.sub.truck{background: url("../img/main/sub_bg_truck.jpg"); background-repeat: no-repeat;background-position: center top; background-size:900px 400px;}
#dwb_Center_body.sub.service_center{background: url("../img/main/sub_bg_truck.jpg"); background-repeat: no-repeat;background-position: center top; background-size:900px 400px;}
#dwb_Center_body.sub.qan{background: url("../img/main/sub_bg_truck.jpg"); background-repeat: no-repeat;background-position: center top; background-size:900px 400px;}
#dwb_Center_body.sub.delivery{background: url("../img/main/sub_bg_truck.jpg"); background-repeat: no-repeat;background-position: center top; background-size:900px 400px;}
#dwb_Center_body.sub.rider{background: url("../img/main/sub_bg_truck.jpg"); background-repeat: no-repeat; background-size:900px 400px;}






#sub_title_txt{ position:absolute; z-index:997;top:15%;;text-align: center; width:100%; overflow: hidden;}
#sub_title_txt .title{ font-size:7vw; line-height:10vw; line-height:70px; padding-bottom: 5px; color:#fff; font-weight:600;   text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);}
#sub_title_txt .sub_txt.line{font-size:5vw; line-height:7vw; color:#fff; font-weight:400; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);}


.dwb_contents_txt02{font-size:13px; color:#444; line-height:28px; width:96%; margin-left:2%; margin-right:2%;}
.pt30pb50{padding-top:10px; padding-bottom: 20px;}
.version{font-size:16px;}
.version_link a{color:#e77a01; font-size:14px;}
.version_link :hover{text-decoration:none; font-style:italic; font-weight:bold;}
.AgreementContainer{font-size:15px; color:#666; line-height:35px; padding-top:15px; margin-bottom:20px;}
.AgreementContainer .title{color: #0ea1ff; padding-top:10px; font-weight:700;}
.txt03,.txt01{ color: #0ea1ff;}



#center .span3 img,#qna .span3 img{ width:100%;}







.pop_up .inner{}
.pop_up .inner img{ width:100%; }































#dwb_Center_body .inner{}
#dwb_Center_body .inner>.dwb_car_size{
	
}
#dwb_Center_body .inner>.dwb_car_size>.span3{
	width: 100%; margin-top: 50px;
	/*outline: 1px solid red;*/
}#dwb_Center_body .inner>.dwb_car_size>.span3>h1{
	text-align: center; font-size: 30px;
}
#dwb_Center_body .inner>.dwb_car_size>.span7{
	width: 100%;
	/*outline: 1px solid red;*/
}
#dwb_Center_body .inner>.dwb_car_size p{
 text-align: center;
}
#dwb_Center_body .inner>.dwb_car_size p span{ display:block;}
#dwb_Center_body .inner>.dwb_car_size>.span7>p:first-child{
	font-size:25px; padding-top: 0; 
	color:#083388;
}
#dwb_Center_body .inner>.dwb_car_size>.span7>p:nth-child(2){
	font-size: 15px; line-height: 20px; 
}
#dwb_Center_body .inner>.dwb_car_size>.span10{
	margin-top: 20px; margin-bottom: 150px;

}

#dwb_Center_body .inner>.dwb_car_size>.span10 .car img{width:100%;}
#dwb_Center_body .inner>.dwb_car_size>.span10>.span2{
	width: 50%; 
	outline: 1px solid #ddd; 
}
/*#dwb_Center_body .inner>.dwb_car_size>.span10>.span2 p{
	outline: 1px solid red; 
}*/
#dwb_Center_body .inner>.dwb_car_size>.span10 .car01,
#dwb_Center_body .inner>.dwb_car_size>.span10 .car02,
#dwb_Center_body .inner>.dwb_car_size>.span10 .car03,
#dwb_Center_body .inner>.dwb_car_size>.span10 .car04,
#dwb_Center_body .inner>.dwb_car_size>.span10 .car06,
#dwb_Center_body .inner>.dwb_car_size>.span10 .car07,
#dwb_Center_body .inner>.dwb_car_size>.span10 .car08,
#dwb_Center_body .inner>.dwb_car_size>.span10 .car09,
#dwb_Center_body .inner>.dwb_car_size>.span10 .car11,
#dwb_Center_body .inner>.dwb_car_size>.span10 .car12,
#dwb_Center_body .inner>.dwb_car_size>.span10 .car13{
	margin-right:0;
}
#dwb_Center_body .inner>.dwb_car_size>.span10 .car01,
#dwb_Center_body .inner>.dwb_car_size>.span10 .car02,
#dwb_Center_body .inner>.dwb_car_size>.span10 .car03,
#dwb_Center_body .inner>.dwb_car_size>.span10 .car04,
#dwb_Center_body .inner>.dwb_car_size>.span10 .car05,
#dwb_Center_body .inner>.dwb_car_size>.span10 .car06,
#dwb_Center_body .inner>.dwb_car_size>.span10 .car07,
#dwb_Center_body .inner>.dwb_car_size>.span10 .car08,
#dwb_Center_body .inner>.dwb_car_size>.span10 .car09,
#dwb_Center_body .inner>.dwb_car_size>.span10 .car10{
	margin-bottom: 0;
}
#dwb_Center_body .inner>.dwb_car_size>.span10>.span4{
	width: 100%;
	outline: 1px solid #ddd;
}

.car14{
	display: none;
}
#dwb_Center_body .inner>.dwb_car_size>.span10 .car15{
	width: 100%; 
	/*outline: 1px solid red;*/
}
#dwb_Center_body .inner>.dwb_car_size>.span10 .car15 .main_txt14{
	width: 100%;
}






#dwb_Center_body .inner>.dwb_car_size>.span10 .car{
	width: 100%; 
	/*outline: 1px solid red;*/
}

#dwb_Center_body .inner>.dwb_car_size>.span10>.span2>.title{
	text-align: center; font-size: 17px; margin-top:20px;

}
#dwb_Center_body .inner>.dwb_car_size>.span10>.span2>.line{
	width: 70%; margin: 0 auto; 
	outline: 1px solid #0ea1ff;
}
#dwb_Center_body .inner>.dwb_car_size>.span10>.car04>.main_txt p{ line-height:14px;}
#dwb_Center_body .inner>.dwb_car_size>.span10>.car12>.main_txt p,#dwb_Center_body .inner>.dwb_car_size>.span10>.car17>.main_txt p{ line-height:30px;}
#dwb_Center_body .inner>.dwb_car_size>.span10>.span2>.main_txt{
	width: 100%; padding-top: 20px; 
	

}
#dwb_Center_body .inner>.dwb_car_size>.span10>.span2>.main_txt>p{
	margin-left: 1.5%; text-align:left; font-size:13px;


}
#dwb_Center_body .inner>.dwb_car_size>.span10>.span2>.main_txt .s_tt{ letter-spacing:-1px;}
#dwb_Center_body .inner>.dwb_car_size>.span10>.span2>.main_txt>p>span{
	float: right; margin-right:4%;

}
#dwb_Center_body .inner>.dwb_car_size>.span10>.car15>.line{
	width: 70%; margin: 0 auto; 
	outline: 1px solid #0ea1ff; 
}
#dwb_Center_body .inner>.dwb_car_size>.span10>.span4>.main_txt14{
	width: 100%; padding-top: 10px;


}
#dwb_Center_body .inner>.dwb_car_size>.span10>.span4>.main_txt14>p{
	text-align:center;
}
#dwb_Center_body .inner>.dwb_car_size>.span10>.span4>.main_txt14>p>span{
	display: block; line-height: 20px;             
}

/*★★★★★★★★★★★★★★★★★★★★★★★화물차량제원 끝★★★★★★★★★★★★★★★★★★★★★★★★★★★*/






#dwb_Center_body .inner2{ }
#dwb_Center_body .inner2>#dwb_coupone_download{
	background-color: #effbfe; margin-top:0px; margin-bottom:0px;
	width: 100%; height:200px;
	background:url(../img/main/background.jpg) no-repeat center/cover
}

#dwb_Center_body .inner2>#dwb_coupone_download>.inner>.span4{
	width: 100%; 
	/*outline: 1px solid green;*/
}
#dwb_Center_body .inner2>#dwb_coupone_download>.inner>.span4>h1{
	text-align: center; padding-top: 30px; font-size:30px;
} 
#dwb_Center_body .inner2>#dwb_coupone_download>.inner>.span4>.down_box{
	width: 220px; height: 40px; margin: 0 auto; margin-top:50px; 
	border: 3px solid #083388;
}
#dwb_Center_body .inner2>#dwb_coupone_download>.inner>.span4>.down_box a{text-decoration:none;}
#dwb_Center_body .inner2>#dwb_coupone_download>.inner>.span4>.down_box p{
	font-size: 23px; text-align: center; line-height: 40px;
	color:#083388;
}
#dwb_Center_body .inner2>#dwb_coupone_download>.inner>.span7{
	width: 800px; display:none;
	/*outline: 1px solid blue;*/
}
#dwb_Center_body .inner2>#dwb_coupone_download>.inner>.span7>p{
	margin-top: 50px;
	font-size: 18px; line-height: 30px;
}
#dwb_Center_body .inner2>#dwb_coupone_download>.inner>.span7>p>span{
	display: block;
}
#dwb_Center_body .inner2>#dwb_coupone_download>.inner>.span7>.blue_txt{
	color:#083388; font-weight: bold;
}
#dwb_Center_body .inner2>#dwb_coupone_download>.inner>.span7>.hand_phone{
	width: 249px; height: 390px; float: right; margin-top: -252px;
	background:url(../img/main/phone_hand.png) no-repeat center/cover;
/*	outline: 1px solid orange;*/
}












#dwb_Accordion_Area{margin-top:20px; margin-bottom:20px;}
#dwb_Accordion_Area a{text-decoration: none; color: #1443E0; font-weight: bold;}
#dwb_Accordion_Area .accordion-heading,
#dwb_Accordion_Area .accordion-body{padding:10px; font-size:13px; line-height:20px;}


		/******바디 서브 끝
		**************************************/


/******바디 끝
**************************************/



















/******푸터 시작
**************************************/
#dwb_Center_footer{ background-color: #111;  border-top:1px solid #ddd; color:#fff; margin-top: 0px;}
#dwb_Center_footer .inner{padding-top:20px; }
#dwb_Center_footer .inner{text-align:center;padding-bottom:20px;}
#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;}

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





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

#TopScroll{opacity:0; display:scroll;position:fixed; bottom:10px;  z-index:999; right:10px	}
.title_h2{text-align: center; font-size: 1.9rem; font-weight: 500; color: #113366; }
.title_h2 span{display:block; }
.title_p{	text-align: center; margin-top: 20px; margin-bottom:0px; font-size: 1.2rem; color:#535353;}
.full_img{width:100%; }
.full_img img{width:100%;}



.gray_bg{background-color:#eeeeee; color: #000;}
.title_bg{background-color: #000; color: #fff;}
.A_right{text-align: right;}
.dwb_effect_btn{width:150px; height:40px;line-height:40px;text-decoration:none; text-align:center;  font-size:12px; font-weight:900;border:1px solid #221e1f; color:#221e1f;  margin-left:10px; }

.dwb_effect_btn:hover{text-decoration:none; background-color:#221e1f; color:#f1f1f1;-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;}
.dwb_effect_btn.green{width:120px; height:40px;line-height:40px;text-decoration:none; text-align:center;  font-size:12px; font-weight:900;border:1px solid #009944; color:#009944;  margin-left:30px; }
.dwb_effect_btn.green:hover{text-decoration:none; background-color: #0ea1ff; color:#f1f1f1;-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;}

.dwb_effect_btn.blue{width:90px; height:40px;line-height:40px;text-decoration:none; text-align:center;  font-size:12px; font-weight:900;border:1px solid #113366; color:#113366;  margin-left:10px; }
.dwb_effect_btn.blue:hover{text-decoration:none; background-color: #113366; color:#f1f1f1;-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;}

h2{text-align: center; font-size:10vw; line-height:10vw; font-weight: 500; color:  #0ea1ff;margin-top:80px;}
h3{text-align: center; font-size:7vw; line-height:8vw; font-weight: 600; color: #0ea1ff;padding-top:10px;}
/******엘리먼트 끝
*************************************