@charset "utf-8";
/*
 * jQuery FlexSlider v2.5.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 * 
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face { 
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus { outline: none; }
.slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.flex-pauseplay span { text-transform: capitalize; }
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider.product { margin: 0; padding: 0; }
.flexslider.product .slides > li { display: none; overflow:hidden; -webkit-backface-visibility: hidden; height:auto; /* border:1px solid #ddd;  */box-sizing:border-box; text-align:center; margin:0 auto }
.flexslider.product .slides > li > dl dt{ position:relative; }
.flexslider.product .slides > li > dl dt:after{ position:absolute; left:-1px; bottom:-1px; content:" 확대보기"; border-radius:0; border:0; display:inline-block; padding:8px 10px; font:400 12px/12px 'FontAwesome',Malgun Gothic; background:url(/img/black_40.png); color:#fff; }
.flexslider.product .slides img { height:100%; display: block; border:none;  padding:0; box-sizing:border-box; }
.flexslider.product .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .flexslider.product .slides { display: block; }
* html .flexslider.product .slides { height: 1%; }
.no-js .flexslider.product .slides > li:first-child { display: block; }
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider.product { }
.flexslider.product .slides { zoom: 1; }
.flexslider.product .slides img { width:100%; margin:0 auto; height:auto; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.carousel li { margin-right: 5px; }
.flex-direction-nav { *height: 0; }
.flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10;  overflow: hidden; opacity: 0.3; font-size:0; cursor: pointer; color: rgba(0, 0, 0, 0.8); /* text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); */ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 30px; padding-top:10px; display: inline-block; content: '\f001'; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); }
.flex-direction-nav a.flex-next:before { content: '\f002'; }
.flex-direction-nav .flex-prev { left: 20px; }
.flex-direction-nav .flex-next { right: 20px; text-align: right; }
.flexslider.product:hover .flex-direction-nav .flex-prev { opacity: 0.5; }
.flexslider.product:hover .flex-direction-nav .flex-prev:hover { opacity: 0.8; }
.flexslider.product:hover .flex-direction-nav .flex-next { opacity: 0.5; }
.flexslider.product:hover .flex-direction-nav .flex-next:hover { opacity: 0.8; }
.flex-direction-nav .flex-disabled { /*  opacity: 0!important; filter: alpha(opacity=0); */ cursor: default; }
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
.flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; }
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }
.titleField{ text-align:center; }

/* 작은 썸네일이미지 */
#carousel.flexslider.product{ margin-top:30px; }
#carousel.flexslider.product .slides > li{ width:79px !important; height:79px !important; max-height:79px; min-height:79px; padding:0; margin-left:6px; box-sizing:border-box; background:#fff; }
#carousel.flexslider.product .slides > li:first-child{ margin-left:0; }
#carousel.flexslider.product .slides img{ padding:0; width:auto; max-width:100%; height:auto; max-height:100%; margin:0 auto; }
#carousel.flexslider.product .slides > li dl dt{ overflow:hidden; text-align:center; }
#carousel.flexslider.product .slides > li > dl dt:after{ display:none; }

#carousel .flex-control-nav{ display:none; }

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {

 /*  .flex-direction-nav .flex-prev { opacity: 1; left: 10px; }
  .flex-direction-nav .flex-next { opacity: 1; right: 10px; } */

}