@charset "utf-8";

.branchMap{width:100%; height:300px;border:0px;}

.bNBarMwWrap{display:none !important;}

/* 상세보기 */
.prodWrap{width:100%; overflow:hidden;  position:relative; border-bottom:5px solid #ccc; padding-bottom:45px; margin-bottom:50px;}

.prod01{width:45%; float:left; text-align:center;}
.prod01 #bigphoto{width:90%; margin:0 auto !important; padding:0px;}
.prod01 #bigphoto li{ margin:0 !important; padding:0px;}
.prod01 #bigphoto li a{ margin:0; padding:0px;}
.prod01 #bigphoto li a img{display:block; width:100%; height:auto;}
.prod01 .smallphoto{width:90%; margin:-30px auto 0 ; text-align:center; padding:0px;}
.prod01 .smallphoto a {display:inline-block; width:50px; height:50px; margin:0 1%; border:1px solid #ccc; overflow:hidden; border-radius:50%;cursor:pointer; background-position:center center;background-size:150% auto;}
.prod01 .smallphoto a:hover{border:1px solid #999;}
.prod01 .smallphoto a.active{border:1px solid #000}
.prod02{width:50%; float:right; position:relative; text-align:center;}
.prod02 h2{font-size:26px; color:#000; padding-top:60px;}
.prod02 .sbjB1{padding:10px 30px 0; font-size:16px; color:#666; letter-spacing:-0.05em;}
.prod02 .sbjB2{padding:60px 60px 0 60px; font-size:14px; color:#666;}
.prod02 ul{ border-top:1px solid #e5e5e5; margin-top:30px;padding:45px; text-align:left;}
.prod02 ul li{padding:5px; font-size:13px; color:#666; letter-spacing:0.05em;}
.prodVbtn{overflow:hidden; text-align:center;  position:relative; margin:0 auto; padding:20px; background:#efefef;}
.prodVbtn h3{text-align:left; font-size:14px; color:#666; padding-bottom:10px;}
.prodVbtn a{display:block; width:33%; height:50px; line-height:50px; background:#333; color:#fff;font-size:13px; overflow:hidden ; float:left;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.prodVbtn a:hover{filter:Alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.prodVbtn a:nth-child(3){margin:0 0.5% !important;}
.bigphotoNoimg{display:block;width:100%;position:relative;}
.bigphotoNoimg img{display:block;width:100%;}
.bigphotoNoimg b{color:#999; font-size:16px;position:absolute;left:0px;width:100%; top:50%; height:30px; line-height:30px;margin-top:-15px;}

#bo_v_title .bo_v_cate{font-size:12px; display:block; padding:15px;margin-bottom:10px;}
#bo_v_info{text-align:center;}

.mapLogoMarker{width:150px;text-align:center;padding:6px 0;background:#638d3c;color:#fff;vertical-align:middle;position:relative;}
.mapLogoMarker i{display:inline-block;width:30px; height:30px;background:URL(../../../img/mapLogoMarker.png) no-repeat center center; background-size:100% auto;vertical-align:middle;}
.mapLogoMarker u{display:block;width:16px;height:16px;background:#638d3c;position:absolute; left:50%;bottom:-8px;margin-left:-8px;transform: rotate(45deg);}
@media all and (max-width: 900px)
{
	.prodWrap{background:none;}
	.prod01{width:100%; max-width:500px; margin:0 auto; float:none;}
	.prod01 .smallphoto a {width:40px; height:40px;}

	.prod02{width:100%; float:none;}
	.prod02 h2{font-size:20px; padding-top:0px;}
	.prod02 .sbjB1{padding:10px; font-size:14px;}
	.prod02 .sbjB2{padding:10px 10px 10px 10px; font-size:12px;}

	.prod02 ul{ padding:15px;}
	.prod02 ul li{padding:3px; font-size:12px;}

	.prodVbtn {padding:10px;}
	.prodVbtn a{font-size:11px;}

	.prodVbtnB a{width:50px; height:50px; background-size:100% auto !important;}

}