﻿/*
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:10px;  z-index:999; right:10px	}

.full_img{width:100%;}
.full_img img{width:100%;}
.hidden-mobile_h,.MobileNoneDisplay,.NoneDisplay{display:none;}



.small_text{
	font-size: 3vw;
	line-height:4vw;
}


.point_color{
	color: #008cd6;
}
.big_title{
	font-size:6.3vw;
	line-height: 12vw;
}
a{
	text-decoration: none;
	color: #000;
}



/******헤더 시작
**************************************/
#dwb_Center_header.fixed{ margin-top:10px; position:fixed; z-index:999; }
#dwb_Center_header .inner{width:96%; margin-right: 2%; margin-left:2%; overflow: hidden;}
#dwb_Center_header .inner{background-color: rgba(255,255,255,0.9); }
#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:6vw; line-height:10vw; text-align: center; color:#1d2088;}
#dwb_Center_header .inner .span3 img{ width:60%; margin:5px 120px;}


#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: 3.3vw; line-height: 26px; margin:22px;}
#dwb_Center_header .inner  a{color:#191b5f; text-decoration: none; font-weight:700;/*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);*/}























	
/*
*************************************
                        헤더 끝*******


/******바디 시작
**************************************/
.cont1{
	background: url("../img/main/cont1.jpg") no-repeat center/cover;
	height: 1000px;
}
.cont1 .inner{						
	padding-top: 200px;
}
.cont1 .inner .left_box{				
	width: 100%;
	text-align: center;
}
.cont1 .inner .left_box .Myeongjo{
	font-size: 35px;
	color: #fff;
}
.cont1 .inner .left_box .Myeongjo span{
	display: block;
	margin-top: 30px;
}
.cont1 .inner .left_box .small_t{
	color: #fff;
	font-size: 5VW;
	margin-top: 50px;
	line-height: 8VW;
	margin-bottom: 50px;
}
.cont1 .inner .left_box .small_t span{
	display:block;
}
.cont1 .inner .efect_btn{
	width: 70%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	border: 2px solid #fff;
	color: #fff;
	font-size: 5vw;
	font-weight: bold;
	margin-top: 50px;
	margin-left: 15%;
	margin-right: 15%;
}
.cont1 .inner .left_box .efect_btn:hover{
	background-color: #008cd6;
	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_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%; 
	height: 250px; 
	margin: 0px;
}
#dwb_main_banner .carousel-inner>div{			
	width: 100%; 			
	height:250px;                
}
.banner_img01{
	background:url("../img/main/main_food_img_01.png") no-repeat center/cover;              
}
.banner_img02{
	background:url("../img/main/main_food_img_02.png") no-repeat center/cover;
}
.banner_img03{
	background:url("../img/main/main_food_img_03.png") no-repeat center/cover; 
}










/*♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥*/







.cont2{
	background: url("../img/main/right_img.png") no-repeat center/cover;

}
.cont2 .inner{					
	padding-top: 50px;
	position: relative;
	color: #000;
	text-align: center;
}
.cont2 .inner .main_foodimg1{			
	float: left;
}
.cont2 .inner .right_box{
	width:100%;
	
	margin-top:00px;
}
.cont2 .inner .right_box .big_title{
	font-weight: 200;
}
.cont2 .inner .right_box .big_title .block{
	display: block;
	font-weight: 200;
}

.cont2 .inner .right_box .small_text{
	font-size: 3.5vw;
	line-height: 9vw;
	margin-top: 75px;
	background-color:rgba(255,255,255,0.5);
}
.cont2 .inner .right_box .small_text span{
	display: block;
}
.cont2 .inner .right_box .right_img{display: none;
	position: absolute;
	right: 0;
	top:0;
	z-index: 1;
}










/*♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥*/










li{list-style: none; float: left;}



.cont3{					
	background: url("../img/main/cont3.jpg") no-repeat center/cover;
	
}
.cont3 .inner{										
	padding: 30px 0;
	width: 96%!important;
	margin-left: 2%;
	margin-right: 2%;
}
.cont3 .inner .span4{							
	width: 100%;
	float: left;
}
.cont3 .inner .span4 h5{
	font-size: 20px;
}

.cont3 .inner .span4 .small_text{
	margin-top: 30px;
	font-size: 3.5vw;
	line-height: 5vw;
}
.cont3 .inner .span7{								
	width:500%;
	overflow: hidden;
	position: relative;
	margin-top: 50px;
}
.cont3 .inner .span7 .move_box_ul{				
	width:100%;
	margin: 0;
	padding: 0;
	float: left;
	
}
.cont3 .inner .span7 .span2{					
	width: 20%;
	margin-right:0;
	float: left;	
	text-align: center;
}
.cont3 .inner .span7 .span2:last-child{
	margin-right: 0;
}
.cont3 .inner .span7 .span2 .food_img{	
	width: 100%;							
	text-align: center;
}
.cont3 .inner .span7 .span2 .food_img img{
	width: 70%;
}
.cont3 .inner .span7 .span2 h5{
	margin-top:20px;
	font-size: 5vw;
}
.cont3 .inner .circle_btn_wrap{			
	width:50%;
	position: static;
	margin-top: 20px;
	cursor: pointer;
	margin-left: 25%;
	margin-right: 25%;
}
.cont3 .inner .circle_btn_wrap .circle_btn{			
	float: left;
}
.cont3 .inner .circle_btn_wrap .circle_btn02{
	float: right;
}
.cont3 .inner .circle_btn_wrap .hover{
	position:absolute; 
	top: 0;
	left: 0;
	display: none;
}










/*♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥*/











.cont4{
	background: url("../img/main/cont4.jpg") no-repeat center/cover;
	
	color: #fff;
}
.cont4 .inner{
	padding: 30px 0;
	text-align: center;
	width: 96%!important;
	margin-left: 2%;
	margin-right: 2%;
}
.cont4 .inner .span3 span{
	display: block;
}
.cont4 .inner .span3{					
	width: 100%;
}
.cont4 .inner .span4{
	width: 100%;
	line-height: 25px;
	margin-left: 0;
	margin-top: 20px;
	font-size: 3vw;
	line-height: 5vw;
}
.cont4 .inner .span4 p:last-child{
	margin-top: 30px;
}










/*♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥*/











.cont5{						
	background: url("../img/main/cont5.jpg") no-repeat center/cover;
	
}
.cont5 .inner{
	padding: 30px 0;
	width: 96%!important;
	margin-left: 2%;
	margin-right: 2%;
	text-align: center;
} 
.cont5 .inner .span4{
	 width:100%;
}
.cont5 .inner .span4 p{
	margin-top: 20px;
	font-size: 3.5vw;
	line-height: 9vw;
}

.cont5 .inner .span6{
	width:100%;
}
.cont5 .inner .span6 .blue_bg{
	background: url("../img/main/blue_bg.jpg") no-repeat center/cover;
	width:100%;
	height: 400px;
	float: left;
	color: #fff;
	margin-bottom: 50px;
}
.cont5 .inner .span6 .yellow_bg{
	background: url("../img/main/yellow_bg.jpg") no-repeat center/cover;
	width:100%;
	height: 400px;
	color: #3a1f17;
	margin-top:416px;
}
.cont5 .inner .span6 p{
	font-size: 4.5vw;
	line-height: 9vw;
}
.cont5 .inner .span6 p:first-child{
	font-weight: bold!important;
	font-size: 5vw!important;
	margin-top: 30px;
}
.cont5 .inner .span6 .blue_bg p:nth-child(2){
	margin-top: 50px;
}
.cont5 .inner .span6 .yellow_bg p:nth-child(2){	
	margin-top: 30px;
	font-size: 3.5vw;
	line-height: 7vw;
}
.cont5 .inner .span6 .yellow_bg p:last-child{
	font-size: 5vw;
	margin-top: 20px!important;
}
.cont5 .inner .span6 .yellow_bg p:last-child a{
	font-weight: bold;
	color:  #3a1f17;
}











/* ====================================서브페이지 ====================================*/
/* ====================================서브페이지 ====================================*/
#dwb_Center_body.sub{width: 100%; padding-top: 500px; position: relative;}




#dwb_Center_body.sub.company{
	background: url("../img/sub/1.jpg");	
	background-repeat: no-repeat;
	background-size:100% 500px;
}

#dwb_Center_body.sub.Factory{
	background: url("../img/sub/2.jpg");	
	background-repeat: no-repeat;
	background-size:100% 500px;
}

#dwb_Center_body.sub.Product{
	background: url("../img/sub/3.jpg");	
	background-repeat: no-repeat;
	background-size:100% 500px;
}

#dwb_Center_body.sub.Help_Center{
	background: url("../img/sub/4.jpg");	
	background-repeat: no-repeat;
	background-size:100% 500px;
}



#sub_title_txt{ 					
	position:absolute;
	z-index:980; right:0;
	margin-right:0;
	width:100%;
	min-width:100%; 
	padding-top:0px; 
	top:140px; 
	text-align: center; 
	color: #fff;
}
#sub_title_txt .title{ 
	font-size:6vw;   				
	line-height: 8vw;
	width: 100%;
}

#sub_title_txt .middle_title{						
	font-size: 3.5vw;
	line-height: 6vw;
	width: 100%;
	text-align: center!important;
}
#sub_title_txt span{display: block;}

#sub_title_txt .line{
	width: 20%;
	height: 2px;
	background-color: #fff;
	text-align: center;
	margin-left: 40%;
	margin-right: 40%;
	margin-top: 10px;
	margin-bottom: 20px;
}





.sub_page_top_title{
	color: #008cd6;
	font-size: 6vw;   
	font-weight: 500;
}
.sub_cont1 .inner,
.sub_cont2 .inner,
.sub_cont3 .inner{
	padding-top:30px;
}





/*♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥회사소개?부분♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥*/
.sub_cont1{
	background: url("../img/sub/bg1.jpg") no-repeat center/cover;
	
}

.sub_cont1 .inner .sub_page_top_title{text-align: center;}
.sub_cont1 .inner .blue_bg{
	background: url("../img/sub/blue_bg.jpg") no-repeat center/cover;
	height: 1000px;
	margin-top: 50px;
}
.sub_cont1 .inner .blue_bg .span5{				
	width: 100%;
	color: #fff;
	margin-top: 20px;
}
.sub_cont1 .inner .blue_bg .Myeongjo_text_box span{
	display: block;
}
.sub_cont1 .inner .blue_bg .Myeongjo_text_box{
	text-align: center;
	font-size: 10.5vw;
	line-height: 15vw;
}
.sub_cont1 .inner .blue_bg .right_num_box{
	
	margin-right:0;
}
.sub_cont1 .inner .blue_bg .right_num_box .span1{
	width: 100%;
}
.sub_cont1 .inner .blue_bg .right_num_box .line{
	width: 100%;
	height: 2px;
	background-color: #fff;
	margin: 18px 0;
}
.sub_cont1 .inner .blue_bg .right_num_box h2{	
	font-size: 15vw;
	float: left;
	margin-left: 10px;
	font-weight: 500;
}
.sub_cont1 .inner .blue_bg .right_num_box p{		
	width: 77%;
	font-size: 4.5vw;
	line-height: 6vw;
	margin-top: 7px;
	float: right;
	
}










.sub_cont2{
	background: url("../img/sub/Donuts_bg.jpg") no-repeat -250px 0/cover;
}
.sub_cont2 .inner{
	width: 96%!important;
	margin-right: 2%;
	margin-left: 2%;
}
.sub_cont2 .inner .span5{				
	width:100%;

}
.sub_cont2 .inner .span5 h2{
	margin-bottom: 50px;
	text-align: center;
	text-shadow: 1px 1px 1px #333;
}
.sub_cont2 .inner .span5 p{
	width: 100%;
	color: #fff;
	font-size: 4.5vw;
	line-height: 6vw;
	padding-bottom: 30px;
	background: rgba(0,0,0,0.5);
	margin: 0;
}













.sub_cont3{
	margin-bottom: 190px;
}
.sub_cont3 .sub_page_top_title{
	text-align: center;
}
.sub_cont3 .span9{
	width: 100%;
	margin-left: 0;
	margin-top: 80px;
}
.table td span{display: block;}
.sub_cont3 .span9 table{
	 border-collapse:collapse;
	border: 1px solid #fff;
	border-top: 2px solid #008cd6;
	border-bottom: 2px solid #008cd6;
}
.sub_cont3 .span9 td{
	vertical-align: middle;
	font-size: 4.5vw;
	line-height: 6vw;
	border: 1px solid #fff;
	border-left: none;
	border-bottom: none;
	border-top: 1.3px solid #008cd6;
	border-right: none;
	line-height: 25px;
	font-size: 16px;
	color: #777;
}
.sub_cont3 .dwb_Scroll_Table{overflow-x:scroll;}
.sub_cont3 .span9 table table{width:auto;}
.sub_cont3 .span9 table th,.sub_cont3 .span9 table td{ white-space:nowrap;}













/*♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥회사소개?부분♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥*/









/*♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥팩토리 부분♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥*/



.sub_cont6 .inner{							
	position: relative;
	margin-top: 50px;
}
.sub_cont6 .inner .position_blue_bg{
	width: 100%;
	background-color: #008cd6;
	position: absolute;
	color: #fff;
	text-align: center;
	font-size: 5vw;
	line-height: 8vw;
	padding: 15px 0;
	
	
}
.sub_cont6 .inner .span3{
	width: 32%;
	margin-right: 1.9%;
	color: #fff;
	text-align: center;
	height: 640px;
	
}
.sub_cont6 .inner .span3 h5{
	margin-top: 200px;
	font-size: 3vw;
	margin-bottom: 50px;
	
}
.keyword_img1{
	background: url("../img/sub/keyword_img1.jpg") no-repeat center/cover;
	margin-left: 0;
}
.keyword_img2{
	background: url("../img/sub/keyword_img1.jpg") no-repeat center/cover;
}
.keyword_img3{			
	background: url("../img/sub/keyword_img1.jpg") no-repeat center/cover;
	margin-right: 0!important;
}
.sub_cont6 .inner .span3 p{
	line-height: 7vw;
	font-weight: 200;
}
.sub_cont6 .inner .span3 h4{		
	margin-top: 100px;
	line-height: 5vw;
	text-shadow: 1px 1px 1px #333;
	font-size:3.5vw;
}
.sub_cont6 .inner .span3 h4 span{
	font-weight: bold;
}












.sub_cont6 .inner span,
.sub_cont7 .inner span{display: block;}












.sub_cont7{
	margin-top: 100px;
}
.sub_cont7 .inner{
	position: relative;
}
.sub_cont7 .inner .span7_blue_bg{
	width: 100%;
	background-color: #008cd6;
	color: #fff;
	padding: 20px 0;
}
.sub_cont7 .inner .span7_blue_bg p{
	padding-left: 10px;
}
.sub_cont7 .inner .span7_blue_bg .small_title{
	margin-top: 30px;
	font-size: 3.5vw;
	line-height: 6vw;
}
.sub_cont7 .inner .right_box{
	width: 100%;

}
.sub_cont7 .inner .right_box img{
	margin-top: 20px;
}
.sub_cont7 .inner .position_img{
	width: 100%;
	position: static;
	top:0;
	left: 0;
	
}
.sub_cont7 .inner img{
	width: 100%;
	display: none;
}














.sub_cont8{
	background: url("../img/sub/Catalog.jpg") no-repeat center/cover;
	height:150px;
	margin-top: 100px;
	color: #fff;
}
.sub_cont8 .inner h2{
	text-align: center!important;
	line-height: 40px!important;
	font-size: 5vw;
}
.sub_cont8 .inner .btn_effect{
	width: 60%;
	height: 45px;
	border: 2px solid #fff;
	text-align: center;
	line-height: 45px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	margin-left: 20%;
	margin-top: 20px;
	margin-right: 20%;
}
.sub_cont8 .inner .btn_effect:hover{
	background-color: #fff;
	color: #008cd6;
	-webkit-transition: background-color 1s;
	-moz-transition: background-color 1s;
	-ms-transition: background-color 1s;
	-o-transition: background-color 1s;
	transition: background-color 1s;
}






/*♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥팩토리 부분♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥*/









/*♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥Help_Center♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥*/




/*****공통사항*****//*****공통사항*****/

.common_Help_Center{
	background-color: #008cd6;
	color: #fff;
	margin-top: -40px;
}
.common_Help_Center .span2{					
	width: 17%;
	text-align: center;
	padding: 15px 0;
}
.common_Help_Center .span7{							
	width: 83%;
	padding: 15px 0;
	font-size: 3vw;
}
.common_Help_Center .span7 span{
	padding: 0 ;
	font-weight: bold;
}
.common_Help_Center .left_span2{
	font-size: 3.5vw;
	font-weight: bold;
}
.common_Help_Center .right_span2{
	background-color: #f4f4f4;
	color: #008cd6;
	font-weight: bold;
	font-size: 16px;
}

/*****공통사항*****//*****공통사항*****/





.Help_Center_gray_bg{
	background-color: #f4f4f4;
	padding: 20px 0;
}
.Help_Center_gray_bg .span9{
	width: 100%;
	margin-left: 0;
}
.Help_Center_gray_bg .span9 h2{
	font-size: 5.1vw;
	letter-spacing: -1px;
}
.Help_Center_gray_bg .span9 h2 span{
	display: none;
}
.Help_Center_gray_bg .span9 .line{
	width: 100%;
	background-color: #000;
	margin: 25px 0;
}
.Help_Center_gray_bg .span9 p{
	font-size: 16px;
	line-height: 25px;
	width: 100%;
	margin-top: 16px;
}
.Help_Center_gray_bg .span9 p span{
	display: block;
}




.number .span1{		
	width: 30%;
	margin-left: 35%;
	margin-right: 35%;
	margin-top: 50px;
}
.number .span1 p{
	width: 14.2857%;
	float: left;
	text-align: center;
}
.number .span1 p a:hover{
	color: #008cd6;
}










.sub_cont9{							
	margin-top: 30px;
	width: 96%!important;
	margin-left: 2%;
	margin-right: 2%;
}
.sub_cont9 .q_a_inner{
	margin-top: 70px;
}
.sub_cont9>p{			
	font-size: 16px;
}
.sub_cont9 .q_a_inner>h3{
	margin-bottom:30px;
}







#questionsbox{
	width:96%;
	margin-right: 2%;
	margin-left: 2%;
	height: auto;
	margin-top: 20px;

}
#questionsbox>ul{
	position: relative;
	width: 100%; 
	padding:0!important;	
	margin: 0!important;
}
#questionsbox>ul>.faq{
	width: 100%; /*height: auto;*/ 
	
	display: inline-block; 
	cursor: pointer;
	outline: 1px solid #ddd;
	background-color: #f7f7f7;
}
#questionsbox>ul>.faq>p{
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	float: left;				
	height:auto; 						
	margin-top: 10px;
}
#questionsbox>ul>.faq>p>.q_txt,
#questionsbox>ul .answer_box>.p1{		
	width: 12%;						
	float:left; 
	font-size: 1.3rem; 
	font-weight: 600; 
	color: #666;
	text-align:center;

}
#questionsbox>ul>.faq>p>.middel_txt,
#questionsbox>ul .answer_box .p2{		
	width: 75%;
	float:left; 
	font-size: 2.5vw; 
	color:  #666; 
	margin-top: 0;
	padding: 0 10px;
}
#questionsbox>ul .plus{
	margin-top: 300px!important;	
	font-size: 2.5vw;	
	
}

#questionsbox>ul .answer_box{
	width: 100%;  
	float:left;
	display:block; 
	border-top: 1px solid #ddd;
	display:none;
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	float: left;				
	height:auto; 						
	margin-top: 10px;

}
#questionsbox>ul .answer_box>p{
	width: 100%; 
	line-height:15vw;
	text-indent: 0px;
}
#questionsbox>ul .answer_box .p2{
	line-height: 5vw;
	margin-top: 25px;
}

#questionsbox>ul .answer_box>p .block{
	display: block; 
}





.guide_inner .number_wrap .span3{
	width: 100%;	
	margin-left:0;
	margin-top: 30px;
}
.guide_inner .number_wrap .span3 img,
.guide_inner .number_wrap .span3 p{
	float: left;
	margin-right: 12.5px;
}
.guide_inner .number_wrap .span3 .last{
	margin-right: 0;
}
.guide_inner .number_wrap .span3 img{
	margin-top: 8px;
}












/*♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥프로덕트부부누누누♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥*/


.sub_cont4{
	background: url("../img/sub/sub_cont4.jpg") no-repeat center/cover;
	
}
.sub_cont4 .inner{					
	padding: 30px 0 0 0;
	
}
.sub_cont4 .inner .span4{
	width: 96%!important;
	margin-left: 2%;
	margin-right: 2%;
}


.wrap{							
     width: 100%;
	text-align: center;
     height: 413px!important;
     overflow-x: scroll!important;
     white-space:nowrap;
	margin-top: 50px;
	overflow-y:hidden;
	white-space:nowrap;
	margin-bottom: 50px;
}
.wrap img{										
   width:50%;
	padding-bottom: 30px;
	white-space:nowrap;
}
.table-scroll::-webkit-scrollbar {
     height: 8px;
	
}
.table-scroll::-webkit-scrollbar-thumb {
     background: rgba(180, 180, 180, 0.7);
}
















.sub_cont5{											
	width: 96%!important;
	margin-left: 2%;
	margin-right: 2%;
}
.sub_cont5 .inner .span2{					
	width: 100%;
	margin-top: 70px;
}
.sub_cont5 .inner .span2 ul{
	width: 100%;
	margin: 0;
	padding: 0;
}
.sub_cont5 .inner .span2 ul li{							
	width: 50%;
	display: block;
	font-size: 4vw;
	height: 30px;
	line-height: 30px;
	margin-bottom: 50px;
	text-indent: 30px;
}
.sub_cont5 .inner .span2 ul li a:hover{
	color: #000;
}
.sub_cont5 .inner .span9{					
	width:100%;
	margin-top: 70px;
}
.sub_cont5 .inner .span9 .span3{
	width:50%;
	outline: 2px solid #ddd;
	margin-right: 0;
	margin-bottom: 50px;
}
.sub_cont5 .inner .span9 .span3.last_span3{
	margin-right: 0;
}
.sub_cont5 .inner .span9 .span3 h4{
	padding: 20px 0;
	text-align: center;
}
.sub_cont5 .inner .span9 .span3 img{
	width: 100%;
}
.nav-tabs > li > a{
	padding: 0;
	line-height: 0;
    border: none;;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
	color: #a1a0a0;
}
.nav-tabs{
	border-bottom: none;
}
.nav-tabs > .active > a, 
.nav-tabs > .active > a:hover, 
.nav-tabs > .active > a:focus{
	color: #000;
    cursor: default;
    background-color: transparent;
    border: none;
    border-bottom-color: transparent;
}
.sub_cont5 .inner .span3_wrap{							
	width: 100%;
}





/*♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥프로덕트부부누누누♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥*/








































/******바디 끝
**************************************/



/******푸터 시작
**************************************/
#dwb_Center_footer{background-color:#242424;border-top: 2px solid #f9c615;padding-bottom:20px;padding-top:15px;margin-bottom:0;color:#fff;font-size:14px;line-height:20px; margin-top:0px;}
#dwb_Center_footer .inner{text-align:center;padding-bottom:0px;}
#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 .kakao_member{ text-align:center; margin-top:10px;}
#dwb_Center_footer .inner .kakao_member .span1{ width:34%;}
#dwb_Center_footer .inner .kakao_member .span1.left img{width:26px; height:26px;}
#dwb_Center_footer .inner .kakao_member .span1.left{text-align:right;}
#dwb_Center_footer .inner .kakao_member .span1.center{ width:44px; text-align:center;}
#dwb_Center_footer .inner .kakao_member .span1.center img{width:27px; height:27px;}
#dwb_Center_footer .inner .kakao_member .span1.right{text-align:left; padding-top:3px;}
#dwb_Center_footer .inner .span3{width:100%; text-align:center; height:225px; overflow:hidden; margin-top:20px;}
#dwb_Center_footer .inner .span2{width:100%;}
#dwb_Login,#credit,#eMail_policy{width:310px;margin-left:-155px;text-align:left; color:#313131;}

.btn-inverse2{
	background-color: #f9e000!important;
	color: #331b0a!important;
}

/******푸터 끝
**************************************/




/******엘리먼트 시작
**************************************/




#dwb_Center_body.dwb_Sub .inner2{ background-color: #008ce7;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 #fff;}
#dwb_Center_body.dwb_Sub .dwb_nav .RightBorder{border-right:1px solid #fff;}
#dwb_Center_body.dwb_Sub .dwb_nav .dropdown ul{margin-top: 35px;}
.dropdown-menu{z-index: 99!important;}
#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;}


	/*메뉴박스 끝*/
/******엘리먼트 끝
**************************************/