/*
Description: dwb_style_skin01(PC 홈페이지)
Author: mail@dwb.kr
Version: 1.0
P-Day:2020.02.06
Last_Edit:
Update:
*/


html{ overflow-y:scroll;}
body {margin: 0px;padding: 0px;}
img{margin:0px; padding:0px;}
#dwb_Center_header .inner,
#dwb_Center_body .inner,
#dwb_Center_footer .inner{width:1200px;}
.span1{width:128px;}.span2{width:256px;}.span3{width:384px;}.span4{width:512px;}.span5{width:640px;}
.span6{width:768px;}.span7{width:896px;}.span8{width:1024px;}.span9{width:1152px;}.span10{width:1200px;}



#TopScroll{opacity:0; display:scroll;position:fixed; bottom:50px;left:50%; margin:0 0 0 660px; z-index:999;}
.full_img{width:100%;}
.full_img img{width:100%;}
.PCNoneDisplay,.hidden-desktop,.visible-mobile,.NoneDisplay{display:none;}


.point_color{
	color: #008cd6;
}
.big_title{
	font-size: 45px;
	line-height: 55px;
}
a{
	text-decoration: none;
	color: #000;
}




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


#dwb_Center_header a{ text-decoration: none; color: #000; }
#dwb_Center_header li{list-style: none; float: left;}
#dwb_Center_header{
	height: 150px;
	background-color: #fff;
}
#dwb_Center_header .h_logo{		
	float: left;
	margin-left: 50px;
	margin-top: 35px;
}


#dwb_Center_header .inner{						
	line-height: 150px;
}
#dwb_Center_header .inner .span10{					
	width: 460px;
	margin-left: 370px;
}
#dwb_Center_header .inner .span10 ul{				
	margin: 0;
	width: 460px;
	padding: 60px 0;
}
#dwb_Center_header .inner .span10 ul li{			
	font-size: 20px;
	margin-right: 20px;
}
#dwb_Center_header .inner .span10 ul li:last-child{
	margin-right: 0;
}
.li1{
	width: 100px;
}
.li2{
	width: 90px;
}
.li3{
	width: 90px;
}
.last{
	width: 120px;
}
#dwb_Center_header .inner .span10 ul li a:hover{
	font-weight: bold;
	color: #008cd6;
}
 
.country_box{
	width: 90px!important;
	float: right;
}
.country_box select{
	width: 90px;
}









/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/






/*박스 사이즈*/
*{
	box-sizing: border-box ;
	/*outline:1px solid black;*/
}
/*박스 사이즈*/

/*상단 logo+사이드 메뉴+ 메인 메뉴*/
/*기본설정*/
#header{width:100%; height:auto; }
#header::after{content:""; clear:both; display:block;}
/*기본설정*/

/*logo+사이드메뉴*/
#top{width:100%; /*padding:2% 0;background-color:#651d32;*/}
/*사이드 메뉴 (로그인창)*/
#top>aside{width:67%; float:right; margin-top:-1%; display:block;}
#top>aside>#navi{float:right; margin-right:2%;}
#top>aside>#navi>li::after{content:"*"; clear:both; display:inline-block; float:right; color:#eee;margin:0 5px;}
#top>aside>#navi>li{text-align: center; display:block; color:#eee;  font-size:0.9rem; padding:3px 0;}
#top>aside>#navi>li:last-child::after{content:""; clear:both; display:inline-block; color:#eee;margin:0 0;}
#top>aside>#navi>li>a{display:inline-block;}
#top>aside>#navi>li>a:hover{
	color:#fff; font-weight:bold;}
/*사이드 메뉴 (로그인창)*/

/*가운대 로고 */
#top>#logo{width:10%; padding:3% 0; background:url(../images/logo.png) no-repeat center/100%;margin:0 auto; position:relative;}
#top>#logo>a{position:absolute; width:100%; height:100%; top:0; left:0; }
/*가운대 로고 */

/*logo+사이드메뉴*/












/*메인 메뉴*/
/*기본 설정*/
#gnb{width:100%; padding: 0;  box-shadow:0 2px 2px #ccc; position:relative;  }
#gnb::after{content:""; clear:both; display:block;}
/*기본 설정*/







#header .h_logo{		
	position: absolute;
	left: 3%;
	top: 21%;
}





/*하겐다즈 + 매장메뉴 + 매장안내 + 창업문의*/
#gnb>#gnbBox{			
	width:25%; 
	padding:0; 
	margin:0 auto;   
}
#gnb>#gnbBox>li{
	width:25%; 
	padding: 10% 0; 
	
}
#gnb>#gnbBox>li>a{
	color: #000; 
	display:block; 
	font-size: 20px;
	text-decoration: none;
}
#gnb>#gnbBox>li>a:hover{
	color:#008cd6;
}

#gnb>#gnbBox>li>ul{			
	width:5.5%; 
	position:absolute; 
	top:120%;
	overflow:hidden;
	z-index:10;
	margin: 0;
}
#gnb>#gnbBox>li>ul>li{
	width:100%; 
	padding:0;
}
#gnb>#gnbBox>li>ul>li>a{
	width:100%; 
	padding:7% 0; 
	display:block; 
	text-align:center; 
	color: #000; 
	opacity:0;
	margin-top:-30%;
	text-decoration: none;
}

/*하겐다즈 + 매장메뉴 + 매장안내 + 창업문의 끝*/
/*내려오는 박스*/
#gnbBg{
	width:100%; 
	padding:0 0; background: #eee;
	position:absolute;
	top:100%;
	left:0;
	z-index:1;
}
/*내려오는 박스*/



.country_box{
	width: 90px!important;
	margin-right: 450px;
	margin-top: 50px;
}
.country_box select{
	width: 90px;
}





/*온라인구매 메뉴*/
#gnb>#store{width:100%;  }
#gnb>#store>li{width:12%; padding:0.6% 0; text-align:center; }
#gnb>#store>li>a{width:100%; font-size:1.1rem; display:block; font-weight:bold; color:#651d32}
#gnb>#store>li>ol{width:100%;padding: 0; position:absolute; top:100%; 
	right:-100%; transition: all 1s; z-index:9999;}
	#gnb>#store>li:hover>ol{right:0;}
#gnb>#store>li>ol>li{width:14.28571428571429%; height:100%; }
#gnb>#store>li>ol>li>a{ color: #999; height:100%; font-size:1.1rem; font-weight:bold; display:block; background-color: #eee; padding:5% 0; transition:all 0.3s; }
#gnb>#store>li>ol>li>a:hover{background-color: #999; color:#fff;}
#gnb>#store>li>ol>li>a>div{width:60%; padding:30% 0;  margin:0 auto;}
#gnb>#store>li>ol>li>a>#storeImg01{ background: url(../images/storemini.png) no-repeat center/35%;}
#gnb>#store>li>ol>li>a>#storeImg02{ background: url(../images/storepint.png) no-repeat center/45%;}
#gnb>#store>li>ol>li>a>#storeImg03{ background: url(../images/storequart.png) no-repeat center/55%;}
#gnb>#store>li>ol>li>a>#storeImg04{ background: url(../images/storecon.png) no-repeat center/60%;}
#gnb>#store>li>ol>li>a>#storeImg05{ background: url(../images/storebar.png) no-repeat center/33%;}
#gnb>#store>li>ol>li>a>#storeImg06{ background: url(../images/storesd.png) no-repeat center/100%;}
#gnb>#store>li>ol>li>a>#storeImg07{ background: url(../images/storecake.png) no-repeat center/100%;}

/*온라인구매 메뉴*/





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



/******바디 시작
**************************************/
#dwb_Center_body li{list-style: none; float: left;}


.cont1{
	background: url("../img/main/cont1.jpg") no-repeat center/cover;
	height: 670px;
}
.cont1 .inner{						
	padding-top: 220px;
}
.cont1 .inner .left_box{				
	width: 530px;
	
}
.cont1 .inner .left_box .Myeongjo{
	font-size: 65px;
	color: #fff;
}
.cont1 .inner .left_box .Myeongjo span{
	display: block;
	margin-top: 60px;
}
.cont1 .inner .left_box .small_t{
	color: #fff;
	font-size: 18px;
	margin-top: 70px;
	line-height: 30px;
}
.cont1 .inner .left_box .small_t span{
	display:block;
}
.cont1 .inner .left_box .efect_btn{
	width: 310px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	border: 2px solid #fff;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin-top: 80px;
}
.cont1 .inner .left_box .efect_btn: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;
}










/*슬라이드 이미지를 페이드로 처리하는 법*/


/*#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: 670px; 
	height:624px; 
	margin: 0px;
}
#dwb_main_banner .carousel-inner>div{
	width: 670px; 
	height:624px;               
}
.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/cont2.jpg") no-repeat center/cover;
	height: 959px;
}
.cont2 .inner{					
	padding-top: 250px;
	position: relative;
}
.cont2 .inner .main_foodimg1{			
	float: left;
}
.cont2 .inner .right_box{
	width: 780px;
	float: right;
	margin-top: 170px;
}
.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{
	line-height: 28px;
	margin-top: 75px;
	font-size: 16px;
	letter-spacing: -1px;
}
.cont2 .inner .right_box .small_text span{
	display: block;
}
.cont2 .inner .right_box .right_img{
	position: absolute;
	right: 5px;
	top: 474px;
}










/*♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥*/










li{list-style: none; float: left;}



.cont3{
	background: url("../img/main/cont3.jpg") no-repeat center/cover;
	height: 688px;
}
.cont3 .inner{												
	padding: 190px 0;
}
.cont3 .inner .span4 .small_text{
	font-size: 16px;
	line-height: 25px;
}
.cont3 .inner .span4 span,
.cont3 .inner .span7 span{
	display: block;
}
.cont3 .inner .span7{									
	width: 640px;
	overflow: hidden;
	position: relative;
}
.cont3 .inner .span7 .move_box_ul{					
	width:600%;
	margin: 0;
	padding: 0;
	float: left;
	
}
.cont3 .inner .span7 .span2{			
	width: 640px;
	margin-right: 110px;
	float: left;	
}
.cont3 .inner .span7 .span2:last-child{
	margin-right: 0;
}

.cont3 .inner .span7 .span2 .food_img{
	float: left;
	margin-right: 30px;
}
.cont3 .inner .span7 .span2 h5{
	margin-top: 200px;
	font-size: 17px;
}
.cont3 .inner .circle_btn_wrap{						
	width:70px;
	cursor: pointer;
	float: right;

	position: relative;
}
.cont3 .inner .circle_btn_wrap .circle_btn{
	float: left;
}
.cont3 .inner .circle_btn_wrap .circle_btn02{
	float: right;
}
.cont3 .inner .circle_btn_wrap .circle_btn01 .hover{
	position:absolute; 
	top: 0;
	left: 0;
	display: none;
}
.cont3 .inner .circle_btn_wrap .circle_btn02 .hover{
	position:absolute; 
	top: 0;
	right: 0;
	display: none;
}
.cont3 .inner .circle_btn_wrap .circle_btn:hover .hover{display:block;}






/*♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥*/











.cont4{
	background: url("../img/main/cont4.jpg") no-repeat center/cover;
	height: 582px;
	color: #fff;
}
.cont4 .inner{			
	padding: 190px 0;
}
.cont4 .inner span{
	display: block;
}
.cont4 .inner .span3{					
	width: 310px;
}
.cont4 .inner .span4{			
	width: 450px;
	line-height: 25px;
	margin-left: 240px;
	font-size: 16px;
}
.cont4 .inner .span4 p:last-child{
	margin-top: 30px;
	letter-spacing: -1px;
}










/*♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥*/











.cont5{
	background: url("../img/main/cont5.jpg") no-repeat center/cover;
	height: 474px;
}
.cont5 .inner{
	padding: 190px 0;
} 
.cont5 .inner .span4{
	 width: 420px;
}
.cont5 .inner .span4 p{
	margin-top: 70px;
	line-height: 30px;
	font-size: 16px;
	letter-spacing: -1px;
}
.cont5 .inner p span{
	display: block;
}
.cont5 .inner .span6{
	width: 640px;
	float: right; 
}
.cont5 .inner .span6 .blue_bg{
	background: url("../img/main/blue_bg.jpg") no-repeat center/cover;
	width: 200px;
	height: 200px;
	float: left;
	color: #fff;
}
.cont5 .inner .span6 .yellow_bg{
	background: url("../img/main/yellow_bg.jpg") no-repeat center/cover;
	width: 420px;
	height: 200px;
	float: right;
	color: #3a1f17;
}
.cont5 .inner .span6 p{
	text-indent: 30px;
}
.cont5 .inner .span6 p:first-child{
	font-weight: bold!important;
	font-size: 15px!important;
	margin-top: 30px;
}
.cont5 .inner .span6 .blue_bg p:nth-child(2){
	margin-top: 70px;
}
.cont5 .inner .span6 .yellow_bg p:nth-child(2){	
	margin-top: 30px;
	line-height: 25px;
}
.cont5 .inner .span6 .yellow_bg p:last-child{
	
	font-size: 15px;
	margin-top: 20px!important;
}
.cont5 .inner .span6 .yellow_bg p:last-child a{
	font-weight: bold;
	color:  #3a1f17;
}










/*♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥*/


















/* ====================================서브페이지 ====================================*/
/* ====================================서브페이지 ====================================*/
#dwb_Center_body.sub{padding-top: 425px; position: relative;}




#dwb_Center_body.sub.company{
	background: url("../img/sub/1.jpg");	
	background-repeat: no-repeat; 
	background-size:100% 425px;
}
#dwb_Center_body.sub.Product{
	background: url("../img/sub/2.jpg");	
	background-repeat: no-repeat; 
	background-size:100% 425px;
}
#dwb_Center_body.sub.Factory{
	background: url("../img/sub/3.jpg");	
	background-repeat: no-repeat; 
	background-size:100% 425px;
}
#dwb_Center_body.sub.Help_Center{
	background: url("../img/sub/4.jpg");	
	background-repeat: no-repeat; 
	background-size:100% 425px;
}
#dwb_Center_body.sub.customer{
	background: url("../img/sub/sub_bg_customer.jpg");	
	background-repeat: no-repeat; 
	background-size:100% 425px;
}



.line_sub_title_txt{
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}


#sub_title_txt{ 							
	position:absolute;
	right:50%; 
	top: 38px;
	margin-right:-400px;
	width:800px;
	min-width:800px; 
	padding-top:0px; 
	text-align: center;  
	color: #fff;
	line-height: 70px;
	padding: 70px 0;
}
#sub_title_txt .title{ 
	font-size:50px; 
}
#sub_title_txt .middle_title{
	font-size: 16px;
	line-height: 25px;
}
#sub_title_txt span{display: block;}
#sub_title_txt .line{
	width: 90px;
	height: 2px;
	background-color: #fff;
	text-align: center;
	margin-left: 355px;
	margin-right: 355px;
	margin-top: 10px;
	margin-bottom: 35px;
}





.sub_page_top_title{
	color: #008cd6;
	font-size: 48px; 
	font-weight: 500;
}






















/*♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥회사소개?부분♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥*/
.sub_cont1{
	background: url("../img/sub/bg1.jpg") no-repeat center/cover;
	height: 926px;
}
.sub_cont1 .inner,.sub_cont2 .inner,.sub_cont3 .inner{
	padding-top: 190px;
}
.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: 418px;
	margin-top: 80px;
}
.sub_cont1 .inner .blue_bg .span5{				
	width: 530px;
	color: #fff;
	margin-top: 80px;
}
.sub_cont1 .inner .blue_bg .span5 span{
	display: block;
}
.sub_cont1 .inner .blue_bg .Myeongjo_text_box{
	text-align: center;
	font-size: 50px;
	line-height: 70px;
}
.sub_cont1 .inner .blue_bg .right_num_box{
	float: right;
	margin-right: 110px;
}
.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{	
	width: 90px;
	text-align: right;
	font-size: 50px;
	float: left;
	font-weight: 500;
}
.sub_cont1 .inner .blue_bg .right_num_box p{
	font-size: 15px;
	margin-top: 7px;
	line-height: 25px;
	text-indent: 20px;
	
}










.sub_cont2{
	background: url("../img/sub/Donuts_bg.jpg") no-repeat center/cover;
	height: 971px;
}
.sub_cont2 .inner .span5{				
	width: 530px;
	float: right;
	margin-right: 110px;
}
.sub_cont2 .inner .span5 h2{
	margin-bottom: 80px;
	font-weight: 200;
}
.sub_cont2 .inner .span5 p{
	color: #fff;
	font-size: 15.5px;
	line-height: 30px;margin-bottom: 30px;
}















.sub_cont3{
	margin-bottom: 190px;
}
.sub_cont3 .sub_page_top_title{
	text-align: center;
}
.sub_cont3 .span9{
	width: 970px;
	margin-left: 115px;
	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: 16px;
	line-height: 25px;
	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_cont4{
	background: url("../img/sub/sub_cont4.jpg") no-repeat center/cover;
	height: 1025px;
	position: relative;
}
.sub_cont4 .inner{					
	padding: 190px 0 0 0;
}


/*=================================================================*/













.sub_cont4 .span4{				
	width: 440px;
	float: left;
}
.sub_cont4 .span4 .small_text{
	font-size: 16px;
	margin-top: 70px;
	line-height: 25px;
}
.sub_cont4 .span4 span{
	display: block;
}
.sub_cont4 .scroll_img_wrap{		
	position: absolute;
	width: 1000px;
	right: 0;
	overflow-x: scroll;
     white-space:nowrap
} 
.sub_cont4 .scroll_img_wrap .span2{
	width: 420px;
	float: left;
}




.wrap{						
     width: 1000px;
     height: 557px!important;
     overflow-x: scroll!important;
     white-space:nowrap;
	float: right;
	margin-top: -178px;
	overflow-y:hidden
   }
.wrap img{				
   width:394px;
   height:100%;
	padding-bottom: 30px;
}
.table-scroll::-webkit-scrollbar {
     height: 8px;
	
}
.table-scroll::-webkit-scrollbar-thumb {
     background: rgba(180, 180, 180, 0.7);
}
/*=================================================================*/
.positione_box{							
	position: absolute;
	right: 0;
	width: 1000px;
	 
	
}
#gallerywrap{								
	position: relative;
	width: 100%; 
	height:410px; 
	overflow: hidden!important; 
	margin: 15% auto 4%;
	overflow-x:scroll; 
	white-space:nowrap;	
}
/*.table-scroll::-webkit-scrollbar {
     height: 8px;
}
.table-scroll::-webkit-scrollbar-thumb {
     background: rgba(180, 180, 180, 0.7);
}*/
#gallerywrap>#gallerybox{			
	margin-top: -3%;
	left: 0;
}

#gallerywrap>#gallerybox>#move{
	position: absolute;
	width: 100%; 
	height: 70%; 
	overflow: hidden; 
	margin: 0;
	top: 0;
	left: 0;

}
#move>ul>li{									
	width: 440px; 
	height: 100%; 
	overflow: hidden;
}
#move>ul>li>img{ 					
	width: 100%; 	
	max-width: 100%; 
	height: 100%;
}
#move>ul>li .move_food{
	padding-left: 50px;
}
#gallerywrap .btn{
	position: absolute; 
	width: auto;
	height: auto;
	font-size: 1.3rem; 
	z-index: 333; 
	cursor: pointer; 
	top: 55%; 
	transform: translateY(-50%); 
	display: none; 
}
/*=================================================================*/

















.sub_cont5{								
	
}
.sub_cont5 .inner .span2{					
	width: 220px;
	margin-top: 70px;
}
.sub_cont5 .inner .span2 ul{
	width: 100%;
	margin: 0;
	padding: 0;
}
.sub_cont5 .inner .span2 ul li{
	width: 100%;
	display: block;
	font-size: 16px;
	line-height: 0!important;
	margin-bottom: 50px;
}
.sub_cont5 .inner .span2 ul li a:hover{
	color: #000;
}
.sub_cont5 .inner .span9{					
	width: 978px;
	float: right;
	margin-top: 70px;
}
.sub_cont5 .inner .span9 .span3{
	width: 310px;
	border: 1px solid #eee;
	margin-right: 20px;
	margin-bottom: 50px;
}
.sub_cont5 .inner .span9 .span3 img{
	border-bottom: 1px solid #eee;
}
.sub_cont5 .inner .span9 .span3.last_span3{
	margin-right: 0;
}
.sub_cont5 .inner .span9 .span3 h4{
	padding: 20px 0;
	text-indent: 30px;
}
.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: #c6c6c6;
}
.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%;
}





/*♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥프로덕트부부누누누♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥*/













/*♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥팩토리 부분♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥*/



.sub_cont6 .inner{								
	position: relative;
	margin-top: 300px;
}
.sub_cont6 .inner .position_blue_bg{
	width: 750px;
	background-color: #008cd6;
	position: absolute;
	color: #fff;
	text-align: center;
	font-size: 30px;
	line-height: 40px;
	padding: 30px 0;
	left: 50%;
	top: 0;
	transform: translate(-50%,-50%);
}
.sub_cont6 .inner .span3{
	width: 310px;
	margin-right: 20px;
	color: #fff;
	text-align: center;
	
}
.sub_cont6 .inner .span3 h5{
	margin-top: 250px;
	font-size: 16px;
	
}
.keyword_img1{
	background: url("../img/sub/keyword_img1.jpg") no-repeat center/cover;
	height: 547px;
	margin-left: 116px;
}
.keyword_img2{
	background: url("../img/sub/keyword_img1.jpg") no-repeat center/cover;
	height: 547px;

}
.keyword_img3{
	background: url("../img/sub/keyword_img1.jpg") no-repeat center/cover;
	height: 547px;

}
.sub_cont6 .inner .span3 p{
	line-height: 90px;
	font-weight: 200;
}
.sub_cont6 .inner .span3 h4{
	margin-top: 60px;
	line-height: 30px;
	text-shadow: 1px 1px 1px #333;
}
.sub_cont6 .inner .span3 h4 span{
	font-weight: bold;
}












.sub_cont6 .inner span,
.sub_cont7 .inner span{display: block;}












.sub_cont7{
	margin-top: 170px;
}
.sub_cont7 .inner{
	position: relative;
}
.sub_cont7 .inner .span7_blue_bg{
	width: 750px;
	background-color: #008cd6;
	color: #fff;
	padding: 140px 0;
}
.sub_cont7 .inner .span7_blue_bg p{
	text-indent: 80px;
}
.sub_cont7 .inner .span7_blue_bg .small_title{
	margin-top: 80px;
	font-size: 16px;
	line-height: 30px;
}
.sub_cont7 .inner .right_box{
	width: 310px;
	float: right;
}
.sub_cont7 .inner .right_box img{
	margin-bottom: 30px;
}
.sub_cont7 .inner .position_img{
	position: absolute;
	top: 200px;
	left: 550px;
}















.sub_cont8{
	background: url("../img/sub/Catalog.jpg") no-repeat center/cover;
	height: 213px;
	margin-top: 170px;
	color: #fff;
}
.sub_cont8 .inner h2{
	float: left;
	line-height: 170px!important;
}
.sub_cont8 .inner .btn_effect{
	width: 310px;
	height: 45px;
	border: 2px solid #fff;
	text-align: center;
	line-height: 45px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	float: right;
	margin-top: 80px;
	margin-right: 110px;
}
.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: 200px;
	text-align: center;
	padding: 30px 0;
}
.common_Help_Center .span7{			
	width: 800px;
	padding: 30px 0;
	font-size: 16px;
}
.common_Help_Center .span7 span{
	padding: 0 30px;
	font-weight: bold;
}
.common_Help_Center .left_span2{
	font-size: 25px;
	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: 80px 0;
}
.Help_Center_gray_bg .span9{
	width: 970px;
	margin-left: 115px;
}
.Help_Center_gray_bg .span9 h2{
	font-size: 30px;
}
.Help_Center_gray_bg .span9 h2 span{
	float: right;
	font-size: 14px;
}
.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;
}
.Help_Center_gray_bg .span9 p span{
	display: block;
}




.number .span1{		
	width: 180px;
	margin-left: 510px;
	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: 160px;
}
.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: 100%; padding: 0; margin:0 auto;		
	height: auto;
}
#questionsbox>ul{
	position: relative;
	width: 100%; padding:0;
	margin: 0;
	
	/*outline: 1px solid blue;*/ /*background-color: #ddd;*/
}
#questionsbox>ul>.faq{
	width: 100%; /*height: auto;*/ padding: 1.5% 0;
	display: inline-block; cursor: pointer;
	outline: 1px solid #ddd;

}
#questionsbox>ul>.faq>p{				;
	float: left;  width: 100%; height:auto; padding:0.3% 0;
	margin-top: 5px;				
}
#questionsbox>ul>.faq>p>.q_txt{
	width:150px; 
	float:left; 
	text-align:center;
	font-weight: bold;
	font-size: 20px;
	margin-top: 10px;
}
#questionsbox>ul>.faq>p>.q_txt img{
	width: 20%;
}
#questionsbox>ul>.faq>p>.middel_txt{
	width:900px; float:left; 
	font-size: 1rem; color:  #000;
	font-weight: bold;
	margin-top: 0.7%;
}
#questionsbox>ul>.faq>p>.plus{
	width:150px; 
	font-size: 1.3rem; 
	color: #444;
	text-align:center;
}
/*////////////////////////////////////////////////////////*/
#questionsbox>ul .answer_box{
	width: 100%;  float:left;
	display:block; border-top: 1px solid #ddd;
	display:none;
	/*outline: 1px solid red*/
}
#questionsbox>ul .answer_box>p{padding-top: 10px;   }

/*#questionsbox>ul .answer_box>p>.a_txt{
	float:left;	
	width: 150px;					
	font-size: 1.7rem; font-weight: 600; color: #666;
	text-align:center;
}*/
#questionsbox>ul .answer_box>.p1{
	width:150px; 
	float:left; 
	text-align:center;
	font-weight: bold;
	font-size: 20px;
	margin-top: 10px;
}
#questionsbox>ul .answer_box>.p1>span{
	text-align: center;
}
#questionsbox>ul .answer_box .middle_txt{
	float:left;
	color: #000;
	font-size: 1rem; 
	margin-top: 10px;
}
#questionsbox>ul .answer_box>p .block{
	display: block; 
}




















































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



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

#dwb_Center_footer a{color: #fff; text-decoration: none;}

#dwb_Center_footer{
	background-color: #242424;
	color: #fff;
}
#dwb_Center_footer span{
	display: block;
}
#dwb_Center_footer .inner{
	padding: 100px 0 50px 0;
}
#dwb_Center_footer .inner .blog{
	float: right;
	margin-top: -50px;
}
#dwb_Center_footer .inner .line{
	width: 100%;
	height: 2px;
	background-color: #fff;
	margin: 20px 0;
}
#dwb_Center_footer .inner .info_p{
	line-height: 25px;
}
#dwb_Center_footer .inner .p1{
	margin-right: 20px;
	float: left;
}
#dwb_Center_footer .inner .copy{
	float: right;
	margin-top: -30px;
}










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



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

#TopScroll{opacity:0; display:scroll;position:fixed; bottom:50px;left:50%; margin:0 0 0 660px; z-index:999;}
.full_img{width:100%;}
.full_img img{width:100%;}
.PCNoneDisplay,.hidden-desktop,.visible-mobile{display:none;}


.txt01{FONT-SIZE:17px; line-height:40px; COLOR:#0c53a8;  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; }
.dwb_contents_txt02{font-size:16px; color:#444; line-height:40px;}
.pt30pb50{padding-top:30px; padding-bottom: 50px;}
.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:#e83820; padding-top:50px; font-weight:700;}
#AgreementTable a{text-decoration: none; color: #e83820;}
.dwbTable_firstline{border-top:solid 2px #999; padding-bottom:20px;}	
.dwbTable_lastline{border-bottom:solid 2px #999; }
.txt03,.txt01{ color: #e83820;}





.customer_inner{
	padding: 50px 0;
}
/*<!--공통사항-->*/
/******엘리먼트 끝
**************************************/