﻿/*
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%;}




/******헤더 시작
**************************************/

#dwb_Center_header.fixed{ position: absolute; z-index: 998; top:10px; }
#dwb_Center_header .inner{width:96%; margin-right: 2%; margin-left:2%; overflow: hidden;}
#dwb_Center_header .inner{background-color: rgba(0,0,0,0.4); }
#dwb_Center_header .inner .span3{width:72%; margin-left:1%; margin-right:1%;} 
#dwb_Center_header .inner .span1{width:12%; overflow: hidden; text-align: center;}
#dwb_Center_header .inner .span1 i{font-size:8vw; line-height:15vw; text-align: center;}
#dwb_Center_header .inner .span3 img{ width:100%;}


#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{list-style: none; font-size: 16px; line-height: 26px; margin:22px;}
#dwb_Center_header .inner  a{color:#fff; text-decoration: none; font-weight:700;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);}
#dwb_Center_header .inner .point a{color:#b20000; font-weight:900;}

/******헤더 끝
**************************************/

/******바디 시작
**************************************/

#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:250px;}
#dwb_Center_body.sub.customer{background: url("../img/main/sub_bg_customer.jpg"); background-repeat: no-repeat; background-position: center top; background-size:900px 250px;}
#dwb_Center_body.sub.cargo{background: url("../img/main/sub_bg_cargo.jpg"); background-repeat: no-repeat;background-position: center top; background-size:900px 250px;}
#dwb_Center_body.sub.quick{background: url("../img/main/sub_bg_quick.jpg"); background-repeat: no-repeat;background-position: center top; background-size:900px 250px;}
#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 250px;}
#dwb_Center_body.sub.truck{background: url("../img/main/sub_bg_truck.jpg"); background-repeat: no-repeat;background-position: center top; background-size:900px 250px;}
#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 250px;}
#dwb_Center_body.sub.qan{background: url("../img/main/sub_bg_truck.jpg"); background-repeat: no-repeat;background-position: center top; background-size:900px 250px;}
#dwb_Center_body.sub.delivery{background: url("../img/main/sub_bg_truck.jpg"); background-repeat: no-repeat;background-position: center top; background-size:900px 250px;}





#sub_title_txt{ position:absolute; z-index:997;top:13%;;text-align: center; width:100%; overflow: hidden;}
#sub_title_txt .title{ font-size:10vw; 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;}

/******푸터 끝
**************************************/


#dwb_Iframe{height: 800px; border:none; }
#dwb_Iframe_Img{display: none;}


/******엘리먼트 시작
**************************************/

#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: #0ea1ff; }
.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%;}

.NoneDisplay,.hidden-mobile_h,.MobileNoneDisplay{display:none;}





.gray_bg{background-color:#eeeeee; color: #0ea1ff;}
.title_bg{background-color: #202b61; 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 #1fa8e7; color:#1fa8e7;  margin-left:10px; }
.dwb_effect_btn.blue:hover{text-decoration:none; background-color: #1fa8e7; 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;}
/******엘리먼트 끝
*************************************