@charset "utf-8";

@font-face {
  font-family: 'FontAwesome';
  src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.sub_wrap{
	width:98%;
	margin:0 auto;
	padding:0px;
	max-width:1500px;

}
@media(max-width:1000px){
  .sub_wrap{
	width:96%;
	}
 }
.sub_wrap_wide{
	width:100%;
	margin:0 auto;
	padding:0px;
 

}

.mobileon{display:none;}
.mobiletit {display:none;}

 
 /*////////////////////////////////////////////////////////////////////sub 공통/////////////////////////////////////////////////*/

 
/*글자사이즈*/
h2{
	color:#fff;
	font-size:300%;
	font-weight:800; 
	line-height:1;
	letter-spacing:-2px; 
	display:block;
	text-align:left;
 	
}

h3{
	
	font-size:250%;
	padding:0px;
	margin:0px;
	font-weight:600;
	line-height:1.2;
	letter-spacing:-1px;
	position:relative;

}
h3.title{
	 
	text-align:center;
	margin-top:30px;
	margin-bottom:30px;
	padding-left:10px;
	font-weight:700;
	 
}
h3.title:after{
	display:block;
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:10px;
	height:10px;
	border-radius: 50% 50%;
 	
}
.goodsview h3.title{
	display:none;
}
  
h4{
 	font-size:200%;
	letter-spacing:-1px; 	 
	line-height:1.3;
	font-weight:600;
	position:relative;


}
h4.title{
	color: var(--t_majorcolor);
	margin-bottom:20px;
}

 
h5{
	 
	font-size:150%;
	line-height:1.1;
	padding-left:0px;
	margin-bottom:10px;
	margin-top:0;
	font-weight:600;

}

 
.headtxtA{font-size:300%;line-height:1.1;font-weight:600; letter-spacing:-2px;}
 .headtxtA span.thiny{font-weight:400; }
.headtxtB{font-size:230%;line-height:1.3;font-weight:500; }
.headtxtC{font-size:200%;line-height:1.2; font-weight:500; }
.headtxtD{font-size:150%;line-height:1.2;font-weight:600;}
.headtxtE{font-size:130%;line-height:1.4;font-weight:500;}

.businessmajor .headtxtB,
.businessmajor .headtxtC,
.businessmajor .headtxtD{
		font-weight:700;
		letter-spacing:-1px;}

}
 
@media all and  (max-width:1000px){
	h2{font-size:250%;}
	h3{font-size:200%;}  
	h4{font-size:150%;} 
	h5{font-size:120%;}

	h3.title{
 		margin-top:20px;
		margin-bottom:20px;
	}
	 
	.headtxtA{font-size:260%; }
	.headtxtB{font-size:200%;}
	.headtxtC{font-size:160%;}
	.headtxtD{font-size:140%;}
	.headtxtE{font-size:120%;}
}

@media all and  (max-width:780px){
	h2{font-size:220%;}
	h3{font-size:170%;}  
	h4{font-size:120%;} 
	h5{font-size:110%;}
	
	 
	.headtxtA{font-size:250%; }
	.headtxtB{font-size:180%;}
	.headtxtC{font-size:150%;}
	.headtxtD{font-size:130%;}
	.headtxtE{font-size:110%;}
}

@media all and  (max-width:640px){
	h2{font-size:200%;}
	h3{font-size:160%;}  
 
	 
	.headtxtA{font-size:220%; }
	.headtxtB{font-size:170%;}
	.headtxtC{font-size:140%;}
	.headtxtD{font-size:120%;}
 
}
@media all and  (max-width:480px){
	.headtxtA{font-size:170%; }
	.headtxtB{font-size:160%;}
	.headtxtE{font-size:100%;}
}

 


 




/*///글자사이즈*/
    
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}

 
ul.ulli {padding-left:10px;margin-left:0;}
ul.ulli > li{
	 position:relative;
	padding-left:35px;
	padding-bottom:0px;
	line-height:1.5;
	margin-bottom:5px;
}
ul.ulli > li:before{
	position:absolute;
	display:block;
	content:'';
	width:4px;
	height:4px;
	top:13px;
	left:13px;
	background:#555;
}
ul.ulli.ulliA > li:before{
	top:20px;

 }

 ul.ulli > li span{
	font-size:90%;
	opacity:.8;
 }
@media all and  (max-width:800px){
	ul.ulli > li:before{
		 
		top:9px;
		 
	}

	ul.ulli.ulliA > li:before{
		top:15px; 
	 }

}

@media all and  (max-width:640px){
	 
}



ul.ulli > li strong{
	 display:block;
	 font-size:19px;
	color:#000;
}
ul.ulliB {
	margin:10px 0 10px 0px;
}
ul.ulliB >  li{
	 position:relative;
	padding-left:20px;
	padding-bottom:0px;
	 
}
ul.ulliB > li:before{
	position:absolute;
	display:block;
	content:'';
	width:0px;
	height:1px;
	top:11px;
	left:10px;
	background:#333;
}
 

ul.ulliC {
	margin:0px 0 0px 0px;
}
ul.ulliC >  li{
	 position:relative;
	padding-left:10px;
	padding-bottom:0px;
	font-size:85%;
}
ul.ulliC > li:before{
	position:absolute;
	display:block;
	content:'';
	width:5px;
	height:1px;
	top:11px;
	left:10px;
	background:none;
}

ul.ulli_icon {padding-left:0px;margin-left:0;}
ul.ulli_icon > li{
	 position:relative;
	padding-left:35px;
	padding-bottom:0px;
	line-height:1.5;
	margin-bottom:15px;
}
ul.ulli_icon > li:before{
	position:absolute;
	display:block;
	content:'';
	width:30px;
	height:30px;
	top:0px;
	left:5px;
	content:'\f14a';
	font-family: 'FontAwesome';
	font-size:130%;
	line-height:1.2;
	color: var(--color-blue-500);;
 
}
 
 


/**/
ol.olli {
	margin-left:30px;
}
ol.olli > li{
	 
	 position:relative;
	padding-left:15px;
	padding-bottom:0px;
	line-height:1.5;
	margin-bottom:5px;
}

ol.olli_icon {
	margin-left:30px;
}
ol.olli_icon > li{
	 
	position:relative;
	padding-left:15px;
	padding-bottom:0px;
	line-height:1.5;
	margin-bottom:10px;
}
ol.olli_icon > li strong{
	display:block;
	font-weight:600;
	color: var(--color-blue-600);
}
ol.olli_icon > li strong.black{
	color: #333;
	font-size:120%;
}
ol.olli_icon > li span.colorA{
		color: var(--color-red-300);
}

/* DT DD*/

dl.dldtA{
	position:relative;
	margin-bottom:30px;
	 border-bottom: 1px solid #ccc;
}
dl.dldtA dt{
	font-size:130%;
	font-weight:500;
	padding-top:3px; 
	padding-bottom:3px; 
	margin-bottom:0px;
	position:relative;
	padding-left:35px;
	
}
 


dl.dldtA dt span.num_box{
	position:absolute;
	display:block;
	vertical-align:top;
	margin-right:10px;
	top:5px;
	left:0;
	width:30px;
	height:30px;
	color:#989797;
	font-size:70%;
	line-height:30px;
	background:#fff;
	text-align:center;
	border-radius:100% 100%;
}
dl.dldtA dd{
 	 margin-bottom:10px;
	 
}
dl.numdt dd{
 	 padding-left:40px;
	 
}

/**/

/*tab*/
.tabmenu{
	position:relative;
	margin-bottom:30px;
}
.tabmenu ul{
	position:relative;
	font-size:0;
}
.tabmenu ul li{
	 display:inline-block;
	font-size:18px;
	background:#f7f7f7;
}
.tabmenu ul li.on{
	 display:inline-block;
	font-size:22px;
	background:var(--color-blue);
}
.tabmenu ul.coltwo li{
	width:50%;
}
.tabmenu ul li a{
	display:block;
	text-align:center;
	color:#333;
	padding:10px;
}
.tabmenu ul li.on a{
	color:#fff;
}
 
/*layout*/
 
 

#TopContainer{
	padding-top:0px;
	overflow:hidden;
	width:100%; 
	position:relative; 
	height:470px;
}
#TopContainer.businesstop{
	  
    min-height:700px;
}


 


#topfiximg{position:absolute; width:100%;height:100%;background-size:100%;}

@media all and  (max-width:1980px){
	#topfiximg{background-size:cover;}
}
.aboutus{background: url(/image/about/topimg.jpg)  no-repeat center 0; }
.topimgA{background: url(/image/reports/topimg.jpg)  no-repeat center 0; }
.topimgB{background: url(/image/reportspackage/topimg.jpg)  no-repeat center 0; }
.topimgC{background: url(/image/foodpackage/topimg.jpg)  no-repeat center 0; }
.topimgD{background: url(/image/sukpakpackage/topimg.jpg)  no-repeat center 0; }
.topimgE{background: url(/image/sukpak/topimg.jpg)  no-repeat center 0; }

.reser{background: url(/image/reser/topimg.jpg)  no-repeat center bottom; }
.customer{background: url(/image/customer/topimg.jpg)  no-repeat center 0; }

 


    
 .topTXTarea{
	margin: 0px auto 0 auto;
	position:relative;
	padding-top:200px;
 }
.topTXTarea h2{
	text-align:center;
 }
 .topTXTarea .top_desc{
 	color:#fff;
	opacity:.7;
	font-size:140%;
	letter-spacing:-1px;
	margin:10px auto;
	max-width:400px;
	text-align:center;
	
	
}
 .topTXTarea .top_desc strong{
	 
	font-weight:600;
 }

.topTXTarea .top_loc{
	margin: 0px auto 0 auto;
	position:relative;
	margin-top:20px;
	text-align:center;

	
	 
}  
.topTXTarea .top_loc span{
	 position:relative;
	color:#fff;
	display:inline-block;
 	padding-left:25px;
	font-size:80%;
	opacity:.8;
}
.topTXTarea .top_loc span a{
	color:#fff;
}
 




.topTXTarea .top_loc span:after{
		display:block;
		position:absolute;
		content:'\f105';
		font-family: 'FontAwesome';
		width:20px;
		height:20x;		
		color:#fff;
		top:0;
		left:0;
	}
.topTXTarea .top_loc span.homelink:after{
		content:'';
	}
.topTXTarea .top_loc span.homelink{
		margin-left:0px;
		padding-left:0px;
	}
.topTXTarea .top_loc span a{
		display:block;
		position:relative;
		

	}
 
	
@media(max-width:1000px){
	 #TopContainer{
 		height:350px;
	}  
	 .topTXTarea{
 		padding-top:130px;
	 }
	 .topTXTarea .top_desc{
		font-size:130%;
	 }

	   .Toptxtbox .subtop_majortxt span{
			display:inline;
		  }
 }
@media(max-width:640px){
		.topTXTarea .top_desc{
			font-size:110%;
		 }
}
@media(max-width:420px){
	 #TopContainer{
 		height:300px;
	}  
	 .topTXTarea{
			padding-top:130px;
	 }
	 .topTXTarea .top_desc{
			font-size:80%;
			 
		 }
}
 
/**/
 
 /*//////////sUBMENU/////////////*/ 

 /**/


.sub_loc{
	 
	width:100%;
	position:relative;
	margin-top:-90px;
	text-align:center;
	padding-bottom:10px;
	 
	
 }
.sub_loc_in{
	display:inline-block;
	margin:0 auto;
	width:100%;
	max-width:1000px;
	font-size:0;

	 
	
 }
.sub_loc_in:after{
	display: block;
	content: '';
	clear: both;
	
 }
 


.sub_loc_in .Depth_first,
.sub_loc_in .Depth_second,
.sub_loc_in .Depth_third{
	display: none;
	
 }


.sub_loc_in .Depth_first.on,
.sub_loc_in .Depth_second.on,
.sub_loc_in .Depth_third.on{
	display: inline-block;
	
 }
.sub_loc_in .Depth_second.last,
.sub_loc_in .Depth_third.last{
	/*background:#fe1010;*/
	
 }

 
.sub_loc_in .depth{
	position:relative; 
	display:inline-block;
	font-size:14px;
	font-weight:500;
  }

 .sub_loc_in .depth span{
	border-radius:0px;
	background: rgba(12,77,162,.5);
	color:#fff;
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	border-top: 1px solid rgba(255,255,255,.2);
	border-left: 1px solid rgba(255,255,255,.2);
	border-bottom: 1px solid rgba(255,255,255,.2);
 }
  .sub_loc_in .depth:last-child span{border-right: 1px solid rgba(255,255,255,.2);}

  .sub_loc_in .depth.Depth_second span{
	color:#fff;
  }
.sub_loc_in .depth.Home{
	display:none;
	width:60px; 
	border-radius:0px;
	padding:20px;
	color:#fff;
	background: rgba(12,77,162,1);
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	border-top: 1px solid rgba(255,255,255,.2);
	border-left: 1px solid rgba(255,255,255,.2);
	border-bottom: 1px solid rgba(255,255,255,.2);
 	
 }
 

.sub_loc_in .depth.dep1{
	
	
 }
 .sub_loc_in .depth:after{
	content:'';
	display:block;
	position:absolute;
	right:0;
	width:1px;
	height:80%;
	background:rgba(0,0,0,.1);
	
	top:10%;
 }
 
.dep1 span{
	display: block;
	position:relative;
	padding:10px;
	padding-right:30px;
	box-sizing:border-box;
	text-align:center;
}
.dep1 i{
	display: block;
	position:absolute;
	padding-right: 0px;
	box-sizing:border-box;
	text-align:center;
	right:5px;
	top:10px;
	font-size:20px;
	 transition: rotate 0.4s ease;
}
.dep1.clickon i{
	 rotate: 180deg;
	  transition: rotate 0.4s ease;
}
 
 



 

.depth2{
	display:none;
	position:absolute;
	top:40px;
	left:0px;
	width:100%;	 
	z-index:100;
	border:1px solid #c9c9c9;
	box-shadow: var(--shadow-medium);
  }
.depth2 li{
	border-bottom:1px solid #e4e4e4;
 
	
  }
.depth2 li:last-child{
	border-bottom:0;
	
  }
.depth2 li > a{
	display:block;
	line-height:1.2; 
	color:#2b2b2b;
	text-align:center;
	background:#fff;
	padding-top:10px;
	padding-bottom:10px;
	font-size:90%;
	
  }

.depth2 li > a:hover{
	color:#fff;
	background:#2b2b2b;
	
 }



 .depth2 li.subOn a{background-color:var(--t_majorcolor);color:#fff;}

@media screen and (min-width: 640px) {
	
 .sub_loc{
	 
	 
	margin-top:-90px; 
	padding-bottom:20px;
	 
	
 }
	.sub_loc_in .depth{
		font-size:16px;
	}
	.dep1 span{
		padding-top:15px;
		padding-left:15px;
		padding-bottom:15px;
		
		}
	.dep1 i{
		top:15px;
		font-size:22px;
	}
	.depth2{
		top:48px;
	}

}



@media screen and (min-width: 1000px) {

	.sub_loc_in .depth.Home{
		display:inline-block;
	}
	.sub_loc_in .depth.{
		font-size:18px;
		
	}
	.sub_loc_in .depth.dep1{min-width:180px;}
	.dep1 span{
		padding-top:20px;
		padding-left:20px;
		padding-bottom:20px;
		
		}
	.dep1 i{
		top:20px;
		font-size:25px;
	}
	.depth2{
		top:58px;
	}
}


 /**/



 
/*/////////BODY CONTNETS////////*/
  
#sub_contents{
 
	background-color: #fff;
	width:100%;
	color:#333;
	margin:0;
	letter-spacing:-0.03em;
	font-weight:500;
	padding:30px 0px 50px 0px; 
	position:relative; 
	font-size:18px; 
	line-height:1.8;
	min-height: 500px;
	z-index:1;
 }

 #sub_contents_con{
		position:relative; 
		padding-bottom:60px;
 }

 .contest_block{
		position:relative; 
		margin-bottom:60px;
 }
.p_block{
	margin-bottom:30px;
}

/*배경박스*/
.bg_gray{
	background: var(--color-white-200);
	padding:40px;
	border-radius:20px;
	margin-bottom:30px; 
}
.bg_gray:last-child{
	margin-bottom:0px; 
}


@media(max-width:1000px){
  .bg_gray{
		padding:20px;
  }
 }
 

/* 박스 테두리*/
.box_txt{
	background:#f7f7f7;
	padding:30px;
}
@media(max-width:1000px){
	.box_txt{
		padding:10px;
	}
}
/*notice_txt*/ 
.not_t{
	opacity:.7;
	background:#f7f7f7;
	padding:10px;
	font-size:80%;
	border-radius:10px;
}

/**/

 .keyword_t{
	margin-bottom:40px;
 	letter-spacing:-1px;
}
.keyword_t  strong{
	 font-weight:600;
	line-height:1.3;
	color: var(--t_majorcolor);
}
.keyword_t  span{
 	display:inline-block;
}

 
/**/ 
.max_widthA{
	max-width:700px;
	margin:0 auto;
	text-align:center;
}
.max_widthA .bigtxt{
	color:var(--t_majorcolor);
	margin-bottom:30px;
	
}
.max_widthA .middletxt{
	 margin-bottom:30px;
}


.max_widthB{
	max-width:1100px;
	margin:50px auto 70px auto;
}
.max_widthB .txtA{
	margin-bottom:30px;
}
.max_widthB .txtB{
	margin-bottom:30px;
}


.max_widthB span{display:inline-block;}

 


 /*#################  이미지 + 텍스트 #################*/


.txt_img_box{
	margin-top:30px;
	 
}
.txt_img_box:after{
	clear:both;
	display:block;
	content:' ';
	position:relative;
	height:30px;
	
}
.txt_img_box .imgarea{
	width:50%;
	vertical-align:top;
	text-align:left;
	
}
.txt_img_box.imgLeft .imgarea{
	float:left;
}
.txt_img_box.imgRight .imgarea{
	float:right;
}
.txt_img_box .imgarea img{
	/*border: 1px solid #ccc;*/
	/*box-shadow:-10px 30px 30px rgba(0,0,0,0.2);*/
}

.inqarea .txt_img_box .imgarea{
	border-radius:20px;
}

.txt_img_box .textarea{
	width:50%;
	vertical-align:top;
	padding:30px;
}

.txt_img_box.imgLeft .textarea{
	float:right;
}
.txt_img_box.imgRight .textarea{

	float:left;
}
.txt_img_box .textarea p{
	margin-bottom:30px;
	line-height:1.6;
	 
}

@media(max-width:1100px){
  .txt_img_box .imgarea{
	width:100%;
	text-align:center;
  }
  .txt_img_box .textarea{
	width:100%;
  }
 }

/**/
.imgtxtarea_box:after{
	clear:both;
	display:block;
	position:relative;
	content:'';
}
.imgtxtarea_box .txtarea{
	width:50%;
	padding:60px;
}
.imgtxtarea_box .txtarea span{
	display:block;
	text-align:center;
	font-size:30px;
	color:var(--t_red);
	margin-bottom:10px;
}
.imgtxtarea_box .txtarea strong{
	display:block;
	margin-bottom:50px;
	text-align:left;
	color:var(--t_majorcolorBlue);
	 
}
 
.imgtxtarea_box .txtarea .t_des2{
 font-size:120%;
 text-align:left;
}

.imgtxtarea_box .imgarea{
	width:50%;
}
.rightimg .txtarea{
 float:left;
}
.rightimg .imgarea{
 float:right;
}
.leftimg .txtarea{
	float:right;
}
.leftimg .imgarea{
	float:left;
}


.imgtxtarea_box .imgarea img{
	width:100%;
}


@media(max-width:1200px){
	.imgtxtarea_box .txtarea{
		padding:10px;
	}
}

@media(max-width:1000px){
	.imgtxtarea_box .txtarea strong{
		margin-bottom:20px;
	}
}

@media(max-width:860px){
	
	.imgtxtarea_box:after{
		height:30px;
	}
	.imgtxtarea_box .txtarea{
		width:100%;
		 
	} 
	.imgtxtarea_box .imgarea{
		width:100%;
	}
}


/*이미지 리스트*/

.img_list{
	position:relative;
	margin: 30px 0;
	
 
}
.img_list ul{
	text-align:center;
}
.img_list ul li{
	display:inline-block;
	vertical-align:top;
	margin:10px;
}
.img_list ul li img{position:relative;width:100%;max-width:100%;}
.img_list ul li span{
	display:block;
	font-size:120%;
}

.img_list.colFour ul li {
	width:24%;
	margin:3px;

	
}
.img_list.coltwo ul li{
	width:47%;
	margin:1%;
}
.img_list.img_listB{
	margin:0;
}
.img_listB ul li{
	overflow:hidden;
	border-radius:30px 0;
}



 

  
  /*////////////////////////////////////////////////////////////////////회사소개////////////////////*/

 
.greetingarea{
	position:relative;
	margin:0 auto;  
	padding: 10px 0;
	width:100%;

}
.greetingarea_inbox{
	position:relative; 
	margin-bottom:10px;
}

.greetingarea_inbox:after{

	clear:both;
	display:block;
	content:'';
	position:relative;
	 
}
 
.greetingarea  p{
	padding-bottom:20px;
}
.greetingarea .gree_left{
	float:right;
	width:55%;
	padding:20px;
	 
}
.greetingarea .gree_right{
	float:left;
	width:44%; 
	padding:20px;
	text-align:left;
}
 
 .greetingarea .headline{
		margin-top:30px;
		margin-bottom:30px;
 }
 @media(max-width:1300px){
	.greetingarea .gree_left{
		width:100%;
		text-align:center;
		padding:10px;
	}
	.greetingarea .gree_left img{width:100%;}
	.greetingarea .gree_right{
		width:100%;
	}
 }


 
 /*인증현황*/
 

 
/**/

.certiarea {
	text-align:center;
	padding-top:40px;
	font-size:0;
}

.certiarea  .certibox{
	background:rgba(0,0,0,0.0);
	 border: 1px solid  rgba(0,0,0,0.1); 
	width:23%;
	margin:10px 1% 30px 1%;;
	display:inline-block;
	padding:20px 20px 30px 20px;
	vertical-align:top;
	border-radius:10px;
	overflow:hidden;
	box-shadow: var(--shadow-medium);
}

.certiarea  .certibox .imgarea{
	text-align:center;
	
	padding:0px;
	
	 
}
.certiarea  .certibox .imgarea img{
	/*border:1px solid #ccc;*/
	/*box-shadow:0px 5px 10px rgba(0,0,0,0.2);*/
}

.certiarea  .certibox .txtarea{
	text-align:center;
	padding-top:40px;
	font-size:20px;
	line-height:1.2;
	position:relative;
	
	 
}
.certiarea  .certibox .txtarea:before{
	content:'';
	display:block;
	position:absolute;
	top:30px;
	left:15%;
	width:70%;
	height:2px;
	background:rgba(0,0,0,0.1);

}


@media all and  (max-width:1000px){
	.certiarea {
	 
		padding-top:20px;
		 
	}
	 .certilistbox ul li{width:98%; }

	 .certiarea  .certibox{
		width:47%;
	 }

}

@media all and  (max-width:780px){

 
	 .certiarea  .certibox{
		 
		padding:5px;
	 }
	 .certiarea  .certibox .txtarea{
		font-size:14px;
	 }

}


/*개요*/
.overbox{
	position:relative;
}
.overbox{
	width:100%;
	margin-bottom:50px;
	display:flex;
	flex-wrap: wrap;
	  
	 align-items:stretch;
	 align-content: stretch;
}
.overbox dl{
	width:31.333%;
	position:relative;
	border:1px solid #ccc;
	border-radius:20px;
	padding:20px 30px;
	background: rgba(0,0,0,.02);
	margin:10px 1%;
	display:flex;
	flex-wrap: wrap;
	  
	 align-items:center;
	 align-content: stretch;
}
.overbox dl:last-child{width:64.666%;}
.overbox dl dt,
.overbox dl dd
{
	align-self: center;
	display:flex; 
	  
	 align-items:center;
	 text-align:left;
}

.overbox dl dt{
	width:100px;
	line-height:1.2;
	 position:relative;
	font-weight:600;
}
.overbox dl dt:after{
	content:'';
	display:block;
	position:absolute;
	right:10px;
	top:0px;
	width:1px;
	height:100%;
	 
	background:#ccc;
}
.overbox dl dd{
	width: calc(100% - 100px);
	opacity:.8;
	line-height:1.2;

}


@media(max-width:1000px){
  .overbox dl{
	width:98%;

	}
	.overbox dl:last-child{width:98%;}
 }


 /**/
 .certiareaB {
	text-align:center;
	padding-top:40px;
	font-size:0;
}

.certiareaB  .certibox{
	background:rgba(0,0,0,0.0);
	 border: 1px solid  rgba(0,0,0,0.5); 
	width:30.333%;
	margin:10px 1% 30px 1%;;
	display:inline-block;
	padding:0px;
	vertical-align:top;
	border-radius:10px;
	overflow:hidden;
	box-shadow: var(--shadow-medium);
}

.certiareaB  .certibox .imgarea{
	text-align:center; 
	padding:0px;
	
	 
}
.certiareaB  .certibox .imgarea img{
	/*border:1px solid #ccc;*/
	/*box-shadow:0px 5px 10px rgba(0,0,0,0.2);*/
}

 

@media all and  (max-width:1000px){
	 
	 .certilistbox ul li{width:98%; }

	 .certiareaB  .certibox{
		width:47%;
	 }

}

@media all and  (max-width:380px){

 .certiareaB  .certibox{
		width:98%;
	 }
	 

}

 /*오시는길*/

.locationarea{
	
}

.locationarea .loc_box{
	position:relative;
	
}
.locationarea .loc_info{
	margin-bottom:30px;
}
.locationarea .loc_box h4{
	display:inline-block;
	vertical-align:middle; 
	margin-right:30px;
}
.locationarea .loc_box .addressinfo{
	
	display:inline-block;
	vertical-align:middle;
}
.locationarea .loc_box .addressinfo span{
	display:inline-block;
	vertical-align:middle;
	position:relative;
	padding-left:70px;
	margin-right:30px;
}
.locationarea .loc_box .addressinfo span strong{
	position:absolute;
	top:0;
	left:10px;
	color:var(--color-blue-500);
}


/*레포츠*/
.first_overview{
	padding:80px 30px;
	width:96%;
	margin:0 auto;
	border-radius:30px;

}
 .bg_rafting{
	background: url('/image/reports/back_rafting.jpg') no-repeat center 0;
	background-size:cover;
}
.bg_survival{
	background: url('/image/reports/back_survival.jpg') no-repeat center 0;
	background-size:cover;
}
.bg_vike{
	background: url('/image/reports/back_vike.jpg') no-repeat center center;
	background-size:cover;
}
.bg_para{
	background: url('/image/reports/back_para.jpg') no-repeat center center;
	background-size:cover;
}

.first_overview .txtara{
	background: rgba(0,0,0,.4);
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	color:#fff;
	padding:30px;
	max-width:600px;

}
.first_overview .txtara p.h_txt{
	margin-bottom:30px;
}

@media(max-width:1000px){
  .first_overview .txtara{
		max-width:100%;
		width:98%;
		margin:0 1%;
		margin-top:50%;
  }
	  .bg_rafting{
		background: url('/image/reports/back_rafting.jpg') no-repeat 65% center;
		background-size:cover;
	}
	.bg_survival{
		background: url('/image/reports/back_survival.jpg') no-repeat center center;
		background-size:cover;
	}
 

 }
 @media(max-width:420px){
	
	 .first_overview{
		 padding:80px 10px;
		width:100%;
	 }
	 .first_overview .txtara{
		padding:10px;
		width:100%;
		margin:0 0;
		margin-top:40%;
	 }
 }


/*inline-block-box*/

.inline-block-box{
	position:relative;
	margin-top:50px;
	text-align:center;
}
.inline-block-box:after{
	clear:both;
	display:block;
	content:'';
	position:relative;
}
.inline-block-box .inline-block-box_box{
	display:inline-block;
	vertical-align:top;
	width:23%;
	border-radius:60px 0;
	border-bottom:5px solid var(--t_majorcolor);
	overflow:hidden;
	padding:20px;
	min-height:600px;
	margin:10px 1% 30px 0%;
	-webkit-box-shadow: 0 15px 50px 0 rgba(0,0,0,0.11);
    -moz-box-shadow: 0 15px 50px 0 rgba(0,0,0,0.11);
	box-shadow: 0 15px 50px 0 rgba(0,0,0,0.11);

}

.inline-block-box.inline-block-boxB .inline-block-box_box{
	width:31.333%;
	min-height:200px;
}
.inline-block-box .inline-block-box_box .iconimg{
	display:inline-block;
	background:linear-gradient(45deg, var(--color-blue-500), var(--color-blue-300));
	width:100px;
	height:100px;
	overflow:hidden;
	border-radius: 50% 50%;
}
.inline-block-box .inline-block-box_box .iconimg.iconimgB{
		width:50px;
	height:50px;
	color:#fff;
	padding-top:8px;
}


}
.inline-block-box .inline-block-box_box .title{
	padding:10px 0;
}

.inline-block-box .inline-block-box_box .desc_list{
	text-align:left;
}


   
   @media(max-width:1300px){
		.inline-block-box .inline-block-box_box{
			 
			width:47%;
			min-height:400px;
			 

		}
   }

    @media(max-width:1000px){
		.inline-block-box.inline-block-boxB .inline-block-box_box{
 			min-height:250px;
		}

   }
      @media(max-width:780px){
		.inline-block-box .inline-block-box_box{
			 
			width:98%;
			min-height:30px;
			 

		}
		.inline-block-box.inline-block-boxB .inline-block-box_box{
 			width:98%;
			min-height:30px;
		}
   }


/*코스안내*/

.corse_contents{
	position:relative;
	border:1px solid #ccc;
	margin-bottom:30px;
}
.corse_contents{
	display:flex; 
 
}
.corse_contents .imgarea{
	width:50%;
	background:linear-gradient(45deg, #cbefd2, #e1ffe8);
	 
	  
	 
}
 

.corse_animation{
	width:100%; 
	max-width:600px;
	height:100%;
	min-height:550px;   
	margin:0px auto;
	 
}

.corse_animation.corseA{
	animation: blink 1s linear infinite;
}
.corse_animation.corseB{
	animation: blinkb 1s linear infinite;
}
.corse_animation.corseC{
	animation: blinkc 1s linear infinite;
}
.corse_animation.corseD{
	animation: blinkd 1s linear infinite;
}

@keyframes blink {
  0%, 100% {background:url(/image/reports/corse_basic.png) no-repeat center center;background-size:100%;}
  50% {background:url(/image/reports/corse_a.png) no-repeat center center;background-size:100%;;}
}

@keyframes blinkb {
  0%, 100% {background:url(/image/reports/corse_basic.png) no-repeat center center;background-size:100%;}
  50% {background:url(/image/reports/corse_b.png) no-repeat center center;background-size:100%;;}
}

@keyframes blinkc {
  0%, 100% {background:url(/image/reports/corse_basic.png) no-repeat center center;background-size:100%;}
  50% {background:url(/image/reports/corse_c.png) no-repeat center center;background-size:100%;;}
}

@keyframes blinkd {
  0%, 100% {background:url(/image/reports/corse_basic.png) no-repeat center center;background-size:100%;}
  50% {background:url(/image/reports/corse_d.png) no-repeat center center;background-size:100%;;}
}


.corse_contents .txtarea{
	width:50%;
	background:#fff;
	padding:50px;
}

.corse_contents .txtarea .corse_title{
	margin-bottom:30px;
	display:flex;
	flex-wrap: wrap;
 	 align-items:center;
	 align-content: stretch;
	 text-align:left;

}
@media(max-width:1000px){
	 .corse_contents{
			display:block; 
		 
		}
		.corse_contents .imgarea{
			width:100%;
		}
		
		.corse_contents .txtarea{
			width:100%;
			padding:20px 10px;
		}
}

@media(max-width:640px){
	.corse_animation{
			min-height:500px;
		}

}

@media(max-width:480px){
	.corse_animation{
			min-height:400px;
		}

}
@media(max-width:420px){
	.corse_animation{
			min-height:350px;
		}

}
@media(max-width:320px){
	.corse_animation{
			min-height:300px;
		}

}
/**/
/**/
.gridcontents_process_outline{
	margin-bottom:50px;
	}
  .gridcontents_process{
 	display: grid; 
	grid-gap: 20px;
	grid-template-columns: 1fr 50px 1fr;
	grid-auto-flow: dense;
	align-items: stretch; 
	justify-items: stretch;
	margin: 0 ;
	max-width:500px;
	

	 
}

  .gridbox_in{
		 
		padding:0px;
		display: grid;
		align-items: center;
		text-align:center;
		position:relative;
		border-radius:10px;
	}
	 .gridbox_in strong{
		display:block;
		border-radius:10px;   
		padding:20px 10px;  
	 }
	 .gridbox_in strong i{
		display:block;
	 }
	  .gridbox_in.start {
		border: 2px solid var(--color-blue-300);
		background:#fff;
		color:#333;
	  }
	  .gridbox_in.start strong i{
			font-size:80%;
			opacity:.8;
	  }

	   .gridbox_in.end {
		border: 0px solid var(--color-blue-300);
		background:var(--color-blue-300);
		color:#fff;
	  }
	  .gridbox_in.arrow_con {
		    
		}

	.gridcontents_process  .arrow_con i{rotate: 45deg;font-size:200%;color:var(--color-blue-500);}

@media(max-width:1000px){
  .gridcontents_process{
		grid-gap: 10px;
  }
}

@media(max-width:480px){
  .gridcontents_process{
		grid-gap: 10px;
  }
  .gridcontents_process  .arrow_con i{font-size:150%;}
}


/*숙박정보*/
.sukbak_listara {}
.sukbak_listara ul.sukbak_list{width:100%;padding:0;margin:0;text-align:center;}
.sukbak_listara ul.sukbak_list li{position:relative; transition: 0.4s;border: 0px solid #fff;vertical-align:top;text-align:center;display:inline-block;  zoom:1; *display:inline;display: -moz-inline-stack;width:22%;margin-right:2%;padding:0 0 0px 0; overflow:hidden; margin-left:-5px; margin-bottom:30px;}
.sukbak_listara ul.sukbak_list li:hover{
	   
 }
 .sukbak_listara ul.sukbak_list li a{display:block;border: 0px solid #ccc;padding-bottom:10px;}
 .sukbak_listara ul.sukbak_list li:hover a{display:block;border: 0px solid #fff;}

.sukbak_listara ul.sukbak_list li img{width:100%; margin-bottom:0px;}
.sukbak_listara ul.sukbak_list li .imgboxA{padding:0px;border-radius:10px;overflow:hidden;border: 1px solid rgba(0,0,0,.1);}
.sukbak_listara ul.sukbak_list li .sub_stitle span{display:inline-block;font-size:80%;line-height:1.2;padding:3px 12px;border-radius:40px;background:#95a7a8;color:#fff;}
.sukbak_listara ul.sukbak_list li .subjectTitle{font-size:110%;font-weight:700;line-height:1.2;padding:3px 6px;min-height:60px;margin-top:20px;}
.sukbak_listara ul.sukbak_list li .makername{font-size:90%;color:#777777;min-height:40px;padding:3px 6px;}

 

@media all and (max-width:1100px) {
.sukbak_listara ul.sukbak_list li{ width:31.333%;}
 }

@media all and (max-width:780px) {
.sukbak_listara ul.sukbak_list li{ width:48%;}
 }

@media all and (max-width:460px) {
.sukbak_listara ul.sukbak_list li{width:98%;}
 }



 .sukbakareabox{
	padding:30px 30px;
	border: 1px solid #e1e1e1;
	margin-bottom:30px;
	width:100%;position:relative;
}
 
  
 
	/*view*/
	.sukbakViewarea{
		position:relative;
		vertical-align:middle;

	}
	.sukbakViewarea:after{
		clear:both;
		display:block;
		content:'';
	}
	.sukbakViewarea .sukbak_left{
		width:50%;
		display:inline-block;
		vertical-align:middle;
		background:#fff;
		padding:20px; 
		position:relative;

	}
	.sukbakViewarea .sukbak_left .imgarea .mainimg{
	 
	width:100%;
	padding:0px;
	
	border:0px solid #bdc1ba;
}
	.sukbakViewarea .sukbak_left.imgarea .mainimg .slide{width:100%;margin:0 auto;position:relative;text-align:center;}
	.sukbakViewarea .sukbak_left .imgarea .mainimg .slide img{display:block;width:100%;max-width:100%;margin:0 auto;position:relative;text-align:center;}
	.sukbakViewarea .sukbak_left .imgarea .thum_img{
	margin-top:20px;
	width:100%;

 
}
	.sukbakViewarea .sukbak_left .imgarea .thum_img .imgbox{
	border:0px solid #f7f7f7;
	margin:0px 10px 10px 0;
	width:20%;
	display:inline-block;
}
	.sukbakViewarea .sukbak_left .imgarea .thum_img .slick-current.imgbox { 
  border: 1px solid #bdc1ba; 
}

	.sukbakViewarea .sukbak_left .imgarea img{
	max-width:100%;
}

	.sukbakViewarea .sukbak_right{
		width:49%;
		position:relative;
		display:inline-block;
		vertical-align:top;
		padding-top:30px;
		padding-left:80px;
	}

 
	.sukbakViewarea .sukbak_right .sukbaknametitle{
		 
		color:#000;  
		line-height:1.3;
		padding-bottom:20px;
		 
	}
	.sukbakViewarea .sukbak_right .detail_info{
		position:relative;
		padding: 30px 0 30px 10px;
		border-top:2px solid #333;
		
	}
	.sukbakViewarea .sukbak_right .detail_info dl{
		margin-bottom:20px;
		position:relative;
		min-height:40px;
	}
	.sukbakViewarea .sukbak_right .detail_info dt{
		position:absolute;
		left:0;
		top:0px;
		font-weight:600;
		font-size:110%;
		color:var(--color-black-500);

	}
	.sukbakViewarea .sukbak_right .detail_info dd{
		position:relative;
		padding-left:100px;
		color:#4d4d4d;
		

	}
	.sukbakViewarea .sukbak_right .detail_info dd strong{
		font-size:120%;
		line-height:1.2;
		color:#2761ae;
	}
	.sukbakViewarea .sukbak_right .detail_info dd ul > li{
	 position:relative;
	padding-left:20px;
	padding-bottom:3px;
	letter-spacing:-1px;
	font-size:90%;
	line-height:1.2;
	margin-bottom:3px;
}
	.sukbakViewarea .sukbak_right .detail_info dd ul > li:before{
	position:absolute;
	display:block;
	content:'';
	width:3px;
	height:3px;
	top:10px;
	left:0;
	background:#555;
}

	 
  

.sukbakview_title{ padding:10px 20px;border-radius:10px 10px 0 0; display:inline-block;line-height:1.2; background:var(--color-blue-400);; color:#fff;text-align:center;}

	 
.sukbakbox{padding:20px;width:100%;position:relative;margin-bottom:30px;}
.sukbakbox:last-child{margin-bottom:0px;}
.roominfo{margin-bottom:30px;}
.roominfo .rom_title{}
 	
@media(max-width:1000px){
	.sukbakViewarea .sukbak_left{
		width:100%;
		padding:10px;  
	}
	.sukbakViewarea .sukbak_right{
		padding-top:10px;
		padding-left:10px;
		width:100%;
	}

	 
	 .sukbakareabox{
			padding:10px;
		}
		.sukbakbox{padding:5px;}
}
/*photo zone*/
 #gallerArea{
   clear:both;
   margin:10px 10px 0 0px;
   overflow:hidden;
}


.img_box{
   
   float: left;
   padding: 0px;
   overflow:hidden;
   width: 16.666%;
   
}
.img_box img.example-image{
    
   border: 0px;
   display: block;
   width: 100%;
   height:160px;
   
}
.img_box	.imgArea{
   
   padding:5px;
   margin:0px;
   overflow:hidden;
   
}

@media(max-width:1200px){
	.img_box img.example-image{
		height:120px;
	}
 }

 @media(max-width:1000px){
	.img_box{
		width: 33.333%;
	}
	.img_box img.example-image{
		height:200px;
	}
 }
 @media(max-width:780px){
 
	.img_box img.example-image{
		height:150px;
	}
 }
  @media(max-width:640px){
 
	.img_box img.example-image{
		height:120px;
	}
 }
 @media(max-width:480px){
 .img_box{
		width: 50%;
	}
	 
 }
 @media(max-width:320px){
 .img_box{
		width: 100%;
	}
	.img_box img.example-image{
		height:auto;
	}
	 
 }



/* Hover slide */
.slip{
    
}
.slip .hover{
   position:absolute;
}
.slipNo .sliphoveritemTitle{
   display:none !important;
}

.nongallery{
   text-align:center;
   color:#fff;
   
}
/* Preload images */


.lightboxOverlay {
   
  position: absolute;
   top: 0;
   left: 0;
   z-index: 9999;
   background-color: black;
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
   opacity: 0.8;
   display: none;
   }

.lightbox {
   
  position: absolute;
   left: 0;
   width: 100%;
   z-index: 10000;
   text-align: center;
   line-height: 0;
   font-weight: normal;
   }

.lightbox .lb-image {
   
  display: block;
   height: auto;
   max-width: inherit;
   max-height: none;
   border-radius: 3px;
     border: 4px solid white;
   }

.lightbox a img {
   
  border: none;
   }

.lb-outerContainer {
   
  position: relative;
   *zoom: 1;
   width: 250px;
   height: 250px;
   margin: 0 auto;
   border-radius: 4px;
     background-color: white;
   }

.lb-outerContainer:after {
   
  content: "";
   display: table;
   clear: both;
   }

.lb-loader {
   
  position: absolute;
   top: 43%;
   left: 0;
   height: 25%;
   width: 100%;
   text-align: center;
   line-height: 0;
   }

.lb-cancel {
   
  display: block;
   width: 32px;
   height: 32px;
   margin: 0 auto;
   background: url(../images/loading.gif) no-repeat;
   }

.lb-nav {
   
  position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   z-index: 10;
   }

.lb-container > .nav {
   
  left: 0;
   }

.lb-nav a {
   
  outline: none;
   background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
   }

.lb-prev, .lb-next {
   
  height: 100%;
   cursor: pointer;
   display: block;
   }

.lb-nav a.lb-prev {
   
  width: 34%;
   left: 0;
   float: left;
   background: url(../image/btn_prev.png) left 48% no-repeat;
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
   opacity: 1;
   -webkit-transition: opacity 0.6s;
   -moz-transition: opacity 0.6s;
   -o-transition: opacity 0.6s;
   transition: opacity 0.6s;
   }

.lb-nav a.lb-prev:hover {
   
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
   opacity: 1;
   }

.lb-nav a.lb-next {
   width: 64%;
   right: 0;
   float: right;
   background: url(../image/btn_next.png) right 48% no-repeat;
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
   opacity: 1;
   -webkit-transition: opacity 0.6s;
   -moz-transition: opacity 0.6s;
   -o-transition: opacity 0.6s;
   transition: opacity 0.6s;
   }

.lb-nav a.lb-next:hover {
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
   opacity: 1;
   }

.lb-dataContainer {
   
  margin: 0 auto;
   padding-top: 5px;
   *zoom: 1;
   width: 100%;
   -moz-border-radius-bottomleft: 4px;
   -webkit-border-bottom-left-radius: 4px;
   border-bottom-left-radius: 4px;
   -moz-border-radius-bottomright: 4px;
   -webkit-border-bottom-right-radius: 4px;
   border-bottom-right-radius: 4px;
   }

.lb-dataContainer:after {
   
  content: "";
   display: table;
   clear: both;
   }

.lb-data {
   
  padding: 0 4px;
   color: #fff;
   }

.lb-data .lb-details {
   
  width: 95%;
   float: left;
   text-align: center;
   line-height: 1.1em;
   }

.lb-data .lb-caption {
   
  font-size: 18px;
   font-weight: bold;
   line-height: 1em;
   padding-left:30px;
   }

.lb-data .lb-caption a {
   color: #4ae;
   }

.lb-data .lb-number {
   
  display: block;
   clear: left;
   padding-bottom: 1em;
   font-size: 12px;
   color: #999999; 
}

.lb-data .lb-close {
   
   display: block;
   float: right;
   width: 30px;
   height: 30px;
   background: url(../image/btn_close2.png) top right no-repeat;
   text-align: right;
   outline: none;
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
   opacity: 0.7;
   -webkit-transition: opacity 0.2s;
   -moz-transition: opacity 0.2s;
   -o-transition: opacity 0.2s;
   transition: opacity 0.2s;
   
 
}

.lb-data .lb-close:hover {
   cursor: pointer;
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
   opacity: 1;
   
 
}	




/*상품상세*/
/*제품소개*/

.productarea{
	padding:30px 30px;
	border: 1px solid #e1e1e1;
	margin-bottom:30px;
	width:100%;position:relative;
}
 
  
 
	/*view*/
	.proViewarea{
		position:relative;
		vertical-align:middle;

	}
	.proViewarea:after{
		clear:both;
		display:block;
		content:'';
	}
	.proViewarea .pro_left{
		width:50%;
		display:inline-block;
		vertical-align:middle;
		background:#fff;
		padding:20px; 
		position:relative;

	}
	.proViewarea .pro_left .imgarea .mainimg{
	 
	width:100%;
	padding:0px;
	
	border:0px solid #bdc1ba;
}
	.proViewarea .pro_left.imgarea .mainimg .slide{width:100%;margin:0 auto;position:relative;text-align:center;}
	.proViewarea .pro_left .imgarea .mainimg .slide img{display:block;width:100%;max-width:100%;margin:0 auto;position:relative;text-align:center;}
	.proViewarea .pro_left .imgarea .thum_img{
	margin-top:20px;
	width:100%;

 
}
	.proViewarea .pro_left .imgarea .thum_img .imgbox{
	border:0px solid #f7f7f7;
	margin:0px 10px 10px 0;
	width:20%;
	display:inline-block;
}
	.proViewarea .pro_left .imgarea .thum_img .slick-current.imgbox { 
  border: 1px solid #bdc1ba; 
}

	.proViewarea .pro_left .imgarea img{
	max-width:100%;
}

	.proViewarea .pro_right{
		width:49%;
		position:relative;
		display:inline-block;
		vertical-align:middle;
		padding-top:30px;
		padding-left:80px;
	}

 
	.proViewarea .pro_right .pronametitle{
		 
		color:#000;  
		line-height:1.3;
		padding-bottom:20px;
		 
	}
	.proViewarea .pro_right .detail_info{
		position:relative;
		padding: 20px 0 20px 20px;
		border-top:2px solid #333;
		
	}
	.proViewarea .pro_right .detail_info dl{
		margin-bottom:20px;
		position:relative;
		min-height:40px;
	}
	.proViewarea .pro_right .detail_info dt{
		position:absolute;
		left:0;
		top:4px;
		color:#686665;
		font-size:16px;
		color:#000;
		font-weight:500;

	}
	.proViewarea .pro_right .detail_info dd{
		position:relative;
		padding-left:100px;
		color:#4d4d4d;
		

	}
	.proViewarea .pro_right .detail_info dd strong{
		font-size:120%;
		line-height:1.2;
		color:#2761ae;
	}
	.proViewarea .pro_right .detail_info dd ul > li{
	 position:relative;
	padding-left:20px;
	padding-bottom:3px;
	letter-spacing:-1px;
	font-size:90%;
	line-height:1.2;
	margin-bottom:3px;
}
	.proViewarea .pro_right .detail_info dd ul > li:before{
	position:absolute;
	display:block;
	content:'';
	width:3px;
	height:3px;
	top:10px;
	left:0;
	background:#555;
}

	.proViewarea .pro_right .detail_info .pricetxtB{display:inline-block;}
	.proViewarea .pro_right .detail_info .pricearaB .priceA{
	text-decoration: line-through;  
	  
	opacity:.5;
	font-size: 90%;
	 margin-right:10px;
}
	.proViewarea .pro_right .detail_info  .pricearaB{
		margin-top:10px;
		padding-bottom:10px; 
	}
	.proViewarea .pro_right .detail_info  .pricearaB .priceB{
	   font-size: 150%;
	  font-weight:700;
	  color:#ff2d0a;
	  
}
	.proViewarea .pro_right .detail_info  .pricearaB span{font-size: 80%;}



	.proViewarea .pro_right .link_down{
		padding:20px 0px; 
		border-top:1px solid #ccc;
	}


	 
	.proViewarea .pro_right .link_down a.tellink{
		display:inline-block;
		vertical-align:top;
		width:100%;
		text-align:center;
		border:1px solid #f37321;
		padding:8px 15px 8px 15px;
		background: #d50d25;
		border-radius: 10px 0;
		color:#fff;
		 
	}


	.productarea_detail{
		padding:50px 0;
	}
	.productarea_detail .detail_img_list{

		text-align:center;
	}
	.productarea_detail .detail_img_list img{
		margin-bottom:30px;
	}

.link_down{text-align:center;}
.link_down .down_box{display:inline-block;}

.down_box{
	margin:5px 5px ;
	 min-width:150px;
	 padding-inline:10px;
	background:var(--t_majorcolor);
	border-radius:30px;

}
.down_box.naverlink{
	background:#1cbb10;
	 
}
.down_box.naverlink i.fa-naver{
	content:'';
	width:15px;
	height:15px;
	background: url(/image/icon_naver.png) no-repeat center center;
	background-size:300%;
}
.down_box a{
	display:block;
	color:#fff;
	font-size:20px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	 
}
 
	 




/**/
.proview_title{ padding:10px 20px;border-radius:10px 10px 0 0; display:inline-block;line-height:1.2; background:#95a7a8; color:#fff;text-align:center;}

.specbox{padding:20px;width:100%;position:relative;}
.specbox .spec_list div{display:inline-block;}
.specbox .spec_list div img{display:block;max-width:100%;width:100%;}
.specbox div{text-align:center;}
body.goodsview .specbox div{text-align:left;}

.specbox .specbox_txt{display:inline-block;overflow:auto;width:100%;position:relative;text-align:left;}

.specbox .t_right{font-size:80%;}
.specbox  table		{width: 100%;  white-space:nowrap;border-collapse:collapse;margin:20px 0px 0 0px;border-bottom:1px solid #ccc; }
.specbox  table.stable{max-width:500px;}
.specbox  table caption		{display:none;}
.specbox  table td{font-size:80%;line-height:1.2;vertical-align:middle; padding:5px 3px; text-align:center;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px dashed #ccc;border-top:1px solid #ccc;letter-spacing:-0.02em;background:#fff;} 
.specbox  table thead td,	 
.specbox  table th{text-align:center;font-size:85%;line-height:1.2;vertical-align:middle; font-weight:500;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:5px 3px;border-left:1px solid #ccc;border-right:1px solid #ccc;background:#f7f7f7;}

.specbox h5{display:block;text-align:left;padding-left:0px;margin-left:0;}
.specbox h5:before{display:inline-block;content:'';width:8px;height:8px;background:#2389bb;vertical-align:middle;border-radius:100% 100%;margin-right:10px;}
 .specbox .halftablebox:after{
	clear:both;
	content:'';
	display:block;
	position:relative;

 }
.specbox .halftable{display:inline-block; width:47%;margin-right:2%;vertical-align:top;}
.specbox .halftable .t_right{text-align:right;}

@media all and  (max-width:1000px){
	.productarea{padding:10px;} 
	.proViewarea .pro_left{width:100%;padding:0px 0 20px 0;}
	.proViewarea .pro_right{width:100%;padding:0px;}
	.proViewarea .pro_right .detail_info dd{padding-left:70px;}
	.proview_title{padding:10px; }
	.specbox{padding:0px;}
	.specbox .halftable{width:100%;margin-right:0%;}

	.down_box a{
		font-size:17px;
		line-height:1.2;
		
		 
	}

}
@media all and  (max-width:480px){ 
	.proViewarea .pro_right .detail_info{
		padding: 10px 0 10px 0px;
	}
	.proViewarea .pro_right .detail_info dt{
		position:relative;
		display:inline-block;
		vertical-align:top;
		margin-bottom:10px;
	}
		.proViewarea .pro_right .detail_info dd{
			padding-left:5px;
			display:inline-block;
			vertical-align:top;
			padding-top:4px;
		}
			.proViewarea .pro_right .detail_info  .pricearaB .priceB{
				font-size:130%;
			}
		.down_box{
			 margin:5px 0 ;
			 width:100%;
			 min-width:100%;
 			 

		}
 }



/**/
.packagemenu{
	position:relative;
	margin:0 auto 10px auto;
}
.packagemenu ul{
		text-align:center;
		font-size:0;
}

.packagemenu ul li{
		display:inline-block;
		width:31.333%;
		margin: 1%;
		max-width:300px;

}
.packagemenu ul li a{
	display:block;
	text-align:center;
	font-size:18px;
	font-weight:500;
	background: var(--color-black-50);
	padding:5px 10px;
	border: 2px solid rgba(0,0,0,.1);
	border-radius:5px;
	color:var(--t_majorcolor);;
}

.packagemenu ul li.packgeOn a{
		background: var(--t_majorcolor);
		color:#fff;
}


@media(max-width:1000px){
	.packagemenu ul li a{
		font-size:16px;
	}
 }