/* GRIDDER CSS */
.gridder { width: 100%; margin: 0 auto; font-size: 12px; }

.gridder-list { display: inline-block; *display: inline; white-space-collapsing: discard; zoom: 1; width: 24%; margin-left: 1.3%; *margin-left:20px; margin-bottom: 1%; *margin-bottom:26px; background: #f3f3f3; cursor: pointer; position: relative; height:50px; }
.gridder-list .gridder-thumb { display: block; font-size:12px; height:50px; }
.gridder-list .gridder-thumb .overlay { position: absolute; color: #000; z-index: 1; text-align: center; left: 0px; top: -15px; font-weight: normal; display: block; width: 100%; padding:0; font-size: 16px;  }
.gridder-list .gridder-thumb .overlay span { 
background-color: #ff6b00;
width: auto;
margin: 0 auto;
border-radius: 13px;
padding: 3px 8px;
font-size: 14px;
min-width: 26px;
display: inline; }

.gridder-list img { width: 100%; }
/*
.gridder-list:hover .overlay { opacity: 0.8; }
.gridder-list.first { margin-left: 0px; }
*/
.gridder-list.imactive { margin-bottom: 26px; background-color:#fff; }
.gridder-list.imactive:after { content: ""; width: 0px; height: 0px; border-style: solid; border-width: 0 14px 17px 14px; border-color: transparent transparent #f7f7f7 transparent; display: block; position: absolute; bottom: 0px; left: 40%; margin-bottom: -26px; }

.gridder-image, .gridder-content { display: none; }

.gridder-show { text-align: center; position: relative; background: #f3f3f3; float: left; padding: 0px; color: #000; overflow: hidden; font-size: 12px; width: 90%; padding: 40px; margin-bottom: 1%; display:none; margin-left:1.3%}
.gridder-show .image { float: left; width: 50%; margin-left: 50px; }
.gridder-show .content { width: 100%; text-align: left;  }
.gridder-show .content img { width: 160px; float: left; margin-right: 20px; }
.gridder-show .content h2 { font-weight: bold; color: #b2083c; font-size: 30px; margin: 0px; margin-bottom: 15px; }
/*.gridder-show .content p { font-family: Arial; font-size: 14px; margin: 0px; margin-bottom: 20px; line-height: 20px; }*/
.gridder-show .content a { cursor: pointer; }
.gridder-show .image { box-shadow: 0 1px 4px #222; border: 1px solid #222; }
.gridder-show .padding { display: none; }

.gridder-show:after { content: "."; display: block; height: 0; overflow: hidden; }

.gridder-img:hover { opacity: 0.8; }

.gridder-float { float: left; }

.gridder-close { opacity: 1; cursor: pointer; position: absolute; top: 15px; right: 15px; background: url("https://winebanc.co.kr/theme/images/common/icon-close.png") no-repeat center center; width: 13px; height: 13px; }

.gridder-close:hover { opacity: 1; }

.gridder-nav.prev { opacity: 0.7; cursor: pointer; position: absolute; top: 50px; left: 10px; background: url("https://winebanc.co.kr/theme/images/common/prev.png") no-repeat center center; width: 40px; height: 99px; }

.gridder-nav.next { opacity: 0.7; cursor: pointer; position: absolute; top: 50px; right: 10px; background: url("https://winebanc.co.kr/theme/images/common/next.png") no-repeat center center; width: 40px; height: 99px; }

.gridder-prev:hover { opacity: 1; }

/* Media Queries
*********************************************/
/* Retina */
/* Landscape phones and down */
/* Landscape phone to portrait tablet */
/* Portrait tablet to landscape and desktop */
/* Large desktop */