@import url(http://fonts.googleapis.com/css?family=Francois+One);
#container_visul { width:100%;margin:0px auto;padding:0px 0 0px;overflow: hidden;}
#container_visul:after { content:""; display:block; clear:both; }

#contents_main { border-top:0 !important; }

#box { position:relative; width: 1300px; height:810px;  margin: 50px auto;}
.smallBox {width:300px; height: 405px;}
#left_box {margin-right: 20px;width: 300px; height:812px; float:left;}
#right_box { margin-left: 20px;width: 300px; height:812px; float:left;}
#center {width:660px; height:810px;}
#le_1 {}
#le_2 {  }
#center {float:left;}
#ri_1 { }
#ri_2 {}

#bottom_box { width: 1300px; height: 370px; float:left; margin-top:57px;}
#bo_le { width:640px; height: 370px; float:left; }
#bo_ri { width: 650px;
    height: 370px;
    float: left; padding-left: 5px;}
 
.cont {
 	position:relative;
 	z-index:2;
 	width:100%;
 	margin:0 auto;
 	min-height:640px;
 	margin-bottom:30px;
 	overflow:hidden;
 	
 } 
 
 br {display:none;}
 #index9{position: relative;width: 100%;margin: 0 0 40px;}
.glist ul	{	position:relative;width:100%;/*margin: 0 15px 40px;*/}
.glist ul:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.glist ul li {	position:relative;display:inline-block;*display:inline;*zoom:1;color:#333;vertical-align:top;font-family:'malgun gothic';}
.glist ul li .listimg	{position:relative; }
.glist ul li .listimg:hover {}

.glist .limg {
	width:100%;	
}
.glist .gname {	
	font-size:12px;
	padding:15px 0 0 0;
	text-align:left; 
	font-weight:normal;	
}
.glist .gname_pre {
    font-size: 12px;
    padding: 6px 0 20px;
    color: #555555;
    line-height: 18px;
    text-align: left;
    /* width: 300px; */
    margin: 0 auto;
    letter-spacing: 0px;
    font-family: 'malgun gothic'; 
}


.glist .gpre{
    width: 100%;
    border-top: 1px solid #d5d5d5;
    margin: 15px 0 0 0;
    padding: 5px 0 0 0;
    color: #a4a4a4;
    font-family: 'malgun gothic';
    
}

.glist .gpreb{
    width: 100%;
    padding: 5px 0 0 0;
    color: #a4a4a4;
    font-family: 'malgun gothic';
    
}


.glist .gname_pre_hidden{}

.glist .additem { text-align:center; color:#333; position:absolute; bottom:-100%; background:rgba(255,255,255,0.7); width:calc(100% - 20px); }
.glist .additem_mod { text-align:left; color:#333; bottom:-100%; background:rgba(255,255,255,0.7); width:100%; }
.glist .account	{ padding:10px 0;font-weight:bold;font-size:12px;text-align:center;width:240px;margin:0 auto; }
.glist .price1 { padding:10px 10px; font-size:12px; text-decoration:line-through; display:inline-block; color:#f56a6a; }
.glist .slash { font-size:12px; display:inline-block; margin-right:10px; color:#000; }
.glist .price2 { padding:5px 0; font-size:12px; font-weight:bold; display:inline-block; }
.glist .salePercent { color:#f00; font-size: 13px; display: inline-block; margin-left: 10px; }
.glist .icon	{	text-align:center;margin-top:5px;width:240px;margin:0 auto; padding:10px 0 0 0;	}

/* grid7,grid5 */
.grid7 .gname {	
	padding:16px 0 8px 0 !important;
}
.grid7 .gname_pre {
    padding: 2px 0 6px;
}
.grid5 .gname {	
	padding:24px 0 10px 0 !important;
}
.grid5 .gname_pre {
    padding: 6px 0 10px;
}

.hiddenbox {
	position: absolute;
    left:0;
    top:0;
    width: 100% !important;
    height:100% !important;
    opacity:0;    
}
.hiddenbox div {
	position:absolute; 
	bottom:10px; 
	padding:10px; 
	background:rgba(255,255,255,0.9); 
	opacity:0;
}
.hiddenbox:hover {
	position: absolute;
    width: 100% !important;
    height:100% !important;
    opacity:1;   
}
.hiddenbox div:hover {
	position:absolute; 
	bottom:10px; 
	padding:10px; 
	background:rgba(255,255,255,0.9); 
	opacity:1;
}

.g_slide_middle_left {
  position: relative;
  width: 643px;
  height: 370px;
  overflow: hidden;

}

.g_slide_middle_left .item {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
}

.switch_main { position: relative; }

.g_slide_middle_left .switch_nav {
  width: 100%;
  position: absolute;
  right: 0;
  bottom: 10px;
  z-index: 11;
  text-align: center;
}

.g_slide_middle_left .switch_nav_item {
  display: inline-block;
  margin: 0 10px 0 0;
  width: 13px;
  height: 13px;
  line-height: 200px;
  overflow: hidden;
  font-size: 0;
  border-radius: 100%;
  background: #b7b7b7;
  text-align: center;
  font-size: 18px;
  color: #fff;
}

.g_slide_middle_left .switch_nav_item:hover { text-decoration: none; }
.g_slide_middle_left .switch_nav_item_current { background: #eb6100; }
.g_slide_middle_left .prev,
.g_slide_middle_left .next {
  position: absolute;
  top: 50%;
  z-index: 10;
  margin-top: -15px;
  width: 18px;
  height: 30px;
  overflow: hidden;
  background: url(http://bongjashop.imglink.kr/2016/img/slide.png) no-repeat;
  transition: margin-left .3s ease, margin-right .3s ease;
}
.g_slide_middle_left .prev {
  left: -18px;
  _left: 10px;
}
.g_slide_middle_left .next {
  right: -18px;
  _right: 10px;
  background-position: -19px 0;
}
.g_slide_middle_left .prev:hover { background-position: 0 -70px; }
.g_slide_middle_left .next:hover { background-position: -19px -70px; }
.g_slide_middle_left:hover .prev { margin-left: 28px; }
.g_slide_middle_left:hover .next { margin-right: 28px; }

/* tit */
.tit_new {  
    position: relative;
    width: 600px;
    margin: 0 auto;
    padding: 40px 0 40px;
    /* border-bottom: 1px solid #DCDCDC; */
    font-size: 17px;
}
 .tit_new span {
 	/* margin: 0 0 0 -20px; */
 	font-size:13px;
 	letter-spacing: 0px;
 	font-weight:normal;
 	color:#999;
 	vertical-align:4px;
 }
.tit_new a {
  text-decoration: none;
  padding: 20px 40px;
  display: inline-block;
  position: absolute;
  margin-left: auto; 
  margin-right: auto;
  left: 50px; 
  right: 50px;
  z-index: 1;
  max-width: 500px;
  max-height: 60px;
  font-size: 1.3em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ec{
  font-family: 'Francois One', sans-serif;
  border: 4px solid #000;
  font-size: 1.7em;
  line-height: 1em;
  color: #000;
  background: #BF0426;
  text-transform: uppercase;
  padding-right: 4%;
  line-height: 1.4em;
}

.ec:after {
  content: "";
  display: block;
  border: 4px solid #000;
  background: #fff;
  width: 102%;
  height: 107%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 8%;
  left: -7%;
  z-index: -2;
  -moz-transition: all, 0.2s, ease-in;
  -o-transition: all, 0.2s, ease-in;
  -webkit-transition: all, 0.2s, ease-in;
  transition: all, 0.2s, ease-in;
}

.ec:hover {
  background: #fff;
  color: #fff;
  -moz-transition: all, 0.2, ease-out;
  -o-transition: all, 0.2, ease-out;
  -webkit-transition: all, 0.2, ease-out;
  transition: all, 0.2, ease-out;
}

.ec:hover:after {
  background: #BF0426;
  -moz-transition: all, 0.2s, ease-out;
  -o-transition: all, 0.2s, ease-out;
  -webkit-transition: all, 0.2s, ease-out;
  transition: all, 0.2s, ease-out;
}
/* end */

#mainIssue {background-color: #fafafa;padding:30px 0;}
#mainIssue dl {width: 1200px;margin:0 auto;overflow: hidden;}
#mainIssue dt {text-align: center;margin-bottom: 20px;} 
#mainIssue dt span {height: 14px;width: 126px;/* overflow: hidden; *//* line-height: 99px; */display: inline-block;}
#mainIssue dd li {float:left;height: 38px;width: 140px;border:1px solid #dfdfdf;margin-left: 16px;}
#mainIssue dd li:first-child {margin-left: 50px;}

#mainIssue dd li a {display: block;width: 100%;font-family: "맑은 고딕",Malgun Gothic,dotum,sans-serif;text-align: center;line-height: 38px;text-decoration: none;color: #666;}
#mainIssue dd li a:hover  {color:#222;}

/*     전체팝업       */

#FifteenPopUpAd {
 width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 12%;
    position: fixed;
    top: -100%;
    left: 0;
    background: rgba(134, 133, 133, 0.67);
    -webkit-animation-name: FifteenPopUpAd;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    animation-name: FifteenPopUpAd;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    z-index: 11;
}

#FifteenPopUpAdCont {
position: absolute;
    top: 20px;
    width: 80%;
    height: 100%;
    box-sizing: border-box;
    padding: 10px;

}

#FifteenPopUpAdCls {
    width: 20px;

    height: 20px;
    position: absolute;
    padding: 20px 20px 20px;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    top: 30px;
    right: 100px;
    background: rgb(230, 230, 230);
    cursor: pointer;
    z-index: 1;
}

@-webkit-keyframes FifteenPopUpAd {
  from {
    top: -100%
  }
  to {
    top: 0
  }
}

@keyframes FifteenPopUpAd {
  from {
    top: -100%
  }
  to {
    top: 0
  }
}



	/* ####################### POP UP ########################## */

#popfloat{
    width: 450px;
    height: 450px;
    z-index: 999;
    /* border: 22px solid #81b1b9; */
    position: absolute;
    top: -1.5%;
    margin-top: -232px;
    left: 30%;
    margin-left: -380px;
    /*-webkit-box-shadow: 1px 3px 53px 13px rgba(0,0,0,0.75); */
   /* -moz-box-shadow: 1px 3px 53px 13px rgba(0,0,0,0.75);*/
    /* box-shadow: 1px 3px 53px 13px rgba(0,0,0,0.75); */

  }

.popfloatclose{
    font-family: 'Francois One', sans-serif;
    color: #fff;
    background: #81b1b9;
    font-size: 30px;
    width: 40px;
    height: 35px;
    line-height: 34px;
    vertical-align: middle;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: relative;
    top: 20px;
    right: -410px;

    z-index: 900;
}

.popfloatclose:hover{
  background:#a6842a;
}

.popfloattitle, .popfloatsubtitle, .popfloatdetail{
  text-align:center;
  padding:10px;
  font-size:34px;
  color:#007279;
  background:rgba(255,255,255,0.45);
  margin: 10px 13%;
  width:300px;
}

.popfloattitle{
  margin-bottom:85px;
  text-transform:uppercase;
}

.popfloatsubtitle{
  max-width:170px;
  margin-left:163px;
}

.popfloatdetail{
  max-width:250px;
  margin-left:120px;
  font-size:46px;
}

.popfloatbutton{
    font-family: 'Francois One', sans-serif;
    max-width: 130px;
    padding: 13px 20px 20px 20px;
    /* margin: 10px; */
    color: #fff;
    background: #FF502E;
    font-size: 19px;
    text-transform: uppercase;
    text-align: center;
    /* margin: 0%; */
    bottom: 40px;
    margin-left: 110px;
    position: absolute;
}


.popfloatbutton:hover{
  background:#a6842a;
}


/*
 * jQuery FlexSlider v2.6.2
 * 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 {
  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 {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 74px 0 67px;
  background: #fff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 600px;
  -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 {
	position:relative;
  text-decoration: none;
  display: block;
  width: 34px;
  height: 50px;
  margin: -24px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 1 !important;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  -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;
	background-repeat:no-repeat;
	background-size:auto 100%;
	font-size:0;
}
.flex-direction-nav .flex-prev {
  left: 14px;
  background-image:url(/elinfit/SkinImg/arrow_prev.png);
}
.flex-direction-nav .flex-next {
  right: 10px;
  background-image:url(/elinfit/SkinImg/arrow_next.png);

}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.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 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 {
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 16.66%;
  float: left;
  margin: 0;
  box-sizing:border-box;
  border:1px solid #fff;
  border-bottom:0;
}
.flex-control-thumbs li+li {
  border-left:0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  border-bottom:2px solid rgba(255,255,255,0);
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -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;
  border-bottom:2px solid #f00;  
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  border-bottom:2px solid #f00;  
  cursor: default;
}

.flexslider-controls {

}
.flexslider-controls .flex-control-nav {
  overflow: hidden;
}
.flexslider-controls .flex-control-nav li {
  width: 20%;
  float: left;
  color:#000;
  margin: 0;
  padding:15px 0;
  box-sizing:border-box;
  border-bottom:1px solid #000;
  cursor: pointer;
  margin:0 0 29px 0;

  background:#f1f1f1 url(/web/bongjashop/maintab_arrow.jpg) no-repeat 90% 19px;
}
.flexslider-controls .flex-control-nav li+li {
  border-left:0;
}
.flexslider-controls .flex-control-nav li:hover {
  opacity: 1;

}
.flexslider-controls .flex-control-nav .flex-active {
  opacity: 1;
   background:#fff url(/web/bongjashop/maintab_arrow.jpg) no-repeat 90% 19px;
   cursor: default;
   border:1px solid #000;
   border-bottom:0px solid #fff;
}
/* ====================================================================================================================
 * 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;
  }
}


/**********상상품************/


/* 공통 */
.ec-base-product { margin:0; }
.ec-base-product .title { margin:0; font-family:"Roboto", arial, sans-serif; text-align:center; padding:100px 0 0px;}
.ec-base-product .title h2 { font-weight:normal; font-size:14px; color:#000; text-align:center; line-height: 26px;}
.ec-base-product .title h3 { font-weight:normal; font-size:14px; color:#000; text-align:center; font-family:'Montserrat'; line-height:26px;}
.ec-base-product .title .bigT { font-size:18px;  font-family:'Montserrat';font-weight:900; letter-spacing:2px;}
.ec-base-product .title .smallT { font-size:13px; color:#666; padding:5px 0 0 0; display:block;}

.ec-base-product .title1 { margin:0; font-family:"Roboto", arial, sans-serif; text-align:center; padding:20px 0 0px;}
.ec-base-product .title1 h2 { font-weight:normal; font-size:14px; color:#000; text-align:center; line-height: 26px;}
.ec-base-product .title1 h3 { font-weight:normal; font-size:14px; color:#000; text-align:center; font-family:'Montserrat'; line-height:26px;}
.ec-base-product .title1 .bigT { font-size:18px;  font-family:'Montserrat';font-weight:900; letter-spacing:2px;}
.ec-base-product .title1 .smallT { font-size:13px; color:#666; padding:5px 0 0 0; display:block;}



.ec-base-product img { vertical-align:middle; }
.ec-base-product a[href^='/product/detail.html'] > img { border:1px solid #ececec; }

.ec-base-product .prdList { display:table; width:calc(100% + 20px); min-width:756px; margin:0; font-size:0; line-height:0; }
.ec-base-product .prdList > li { position:relative; display:inline-block; margin:46px 0 0; padding:0 20px 0 0; color:#757575; vertical-align:top; overflow:hidden; box-sizing:border-box; }

.ec-base-product .prdList .chk { display:block; margin:0 0 10px; text-align:center; }
.ec-base-product .prdList .thumbnail { position:relative; margin:0 15px 10px; text-align:center; }
.ec-base-product .prdList .thumbnail a img { max-width:100%; box-sizing:border-box; }
.ec-base-product .prdList .thumbnail .wish { position:absolute; right:3px; bottom:4px; z-index:1; cursor:pointer; }
.ec-base-product .prdList .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; }

.ec-base-product .prdList .itemInfo a{ position:absolute; top:0; left:0; width:150px; height:100px; background:#fff; opacity:0; }
.ec-base-product .prdList .itemInfo a:hover{ position:absolute; top:0; left:0; width:150px; height:100px; background:#fff; opacity:0; }

.ec-base-product .prdList .xsoldout {position:absolute; width:100%;top:50%;margin-top:-20px;text-align:center;left:0px;z-index:1;}
.ec-base-product .prdList .xsoldout img {width:60px;}

.ec-base-product .prdList .description {  position:relative;margin:0 auto; padding:0 15px; font-size:12px; line-height:18px; text-align:center; }
.ec-base-product .prdList .description .name { display:block; font-weight:normal;text-align:left; padding-bottom:4px;padding-right:80px;}
.ec-base-product .prdList .description .name a { color:#2e2e2e; }
.ec-base-product .prdList .description .icon { margin:0 0 0; border-bottom:0px solid #e8e8e8; vertical-align:middle; }
.ec-base-product .prdList .description .icon:after { content:""; display:block; clear:both; }
.ec-base-product .prdList .description .promotion {float:left; margin:0 0 4px; text-align:left; }
.ec-base-product .prdList .description .button { float:right; margin:0 0 4px; }
.ec-base-product .prdList .description .button img { cursor:pointer; }
.ec-base-product .prdList .description .button .option { display:inline; position:relative; }
.ec-base-product .prdList .description .mileage { display:block; }
.ec-base-product .prdList .description span.grid { display:block; }

.ec-base-product .prdList .description .button .likeButton { position:absolute;right:15px;top:5px;width:50px;text-align:right;display:inline-block; padding:0 5px; }
.ec-base-product .prdList .description .button .likeButton button { font-family:verdana; color:#9a9a9a; letter-spacing:-1px; background:none; }
.ec-base-product .prdList .description .button .likeButton button img { margin-bottom:0; vertical-align:middle; }
.ec-base-product .prdList .description .button .likeButton button strong {height:16px;font-weight:normal; vertical-align:middle; }
.ec-base-product .prdList .description .button .likeButton.selected button { color:#353535; }


.prdList > li >.thumbnail > p.other { z-index:9999; position:absolute; right:0; bottom:-5px; opacity:0; filter:alpha(opacity=0);font-size:11px; line-height:28px; }
.prdList > li >.thumbnail > p.other > span { display:block; position:relative; cursor:pointer; margin:1px 0 0 0; background:rgba(255,255,255,0.5); }
.prdList > li >.thumbnail > p.other > span:hover { background:rgba(0,0,0,0.05); }
.prdList > li >.thumbnail > p.other > span:hover:after { display:block; content:''; color:#333; position:absolute; top:0; left:100%; line-height:28px; white-space:nowrap; padding:0 10px; background:#fff; border-top:1px solid #eaeaea; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; z-index:5;}
.prdList > li >.thumbnail > p.other > span:first-child:hover:after { content:'장바구니담기'; }
.prdList > li >.thumbnail > p.other > span+span:hover:after { content:'미리보기'; }
.prdList > li >.thumbnail > p.other > span+span+span:hover:after { content:'옵션보기'; }

.color {position:absolute;right:18px;top:8px; width:23px; display:block;opacity:0; filter:alpha(opacity=0);z-index:1;}
.color span {display:inline-block;  width:17px; height:8px; margin:0 0 2px 0; border:1px solid #ccc;}

.prdList li .content p{text-align:left; margin:0 0px 10px;padding:0;}
.prdList li .content p span{padding:0 0 12px 0; font-size:11px !important; color:#999;line-height:1.2em;}
/*.prdList li .content p:last-child {display:none;} 타임세일 모델변수사용관련*/

/* 진열방식 */
.ec-base-product ul.grid3 > li { width:33.33%; }
.ec-base-product ul.grid4 > li { width:25%; }
.ec-base-product ul.grid5 > li { width:20%; }
.ec-base-product ul.grid6 > li { width:16%; }
.ec-base-product ul.grid7 > li { width:14.28%; }


.ec-base-product ul.grid3 > li .color { max-width:230px; }
.ec-base-product ul.grid4 > li .color { max-width:190px; }
.ec-base-product ul.grid5 > li .color { max-width:130px; }

/* module="product_ListItem" */
.ec-base-product .spec { margin:0; }
.ec-base-product .spec li { text-align:left; }
.ec-base-product .spec li .title { font-weight:normal; vertical-align:top; }
.ec-base-product .spec li .title span { vertical-align:top; }
.ec-base-product .spec li .color { overflow:hidden; display:inline-block; margin:3px 0 0 0; }
.ec-base-product .spec li .chips { float:left; width:10px; height:10px; margin:0 2px 2px 0; border:1px solid #e3e3e3; font-size:0; line-height:0; }

/* 할인기간 레이어 */
.ec-base-product .discountPeriod { display:inline-block; z-index:10; position:relative; width:55px; height:19px; vertical-align:middle; }
.ec-base-product .layerDiscountPeriod { display:block;left:50%; top:26px; width:247px; margin:0 0 0 -124px; }
.ec-base-product .layerDiscountPeriod strong.title { display:block; margin:0 0 12px; padding:0 35px 0 0; font-weight:bold; color:#2e2e2e; }
.ec-base-product .layerDiscountPeriod .content p { margin:2px 0 0; font-size:11px; color:#000; line-height:16px; color:#757575; letter-spacing:-1px; }
.ec-base-product .layerDiscountPeriod .content p strong { font-weight:normal; font-size:12px; color:#2e2e2e; }
.ec-base-product .layerDiscountPeriod .content p strong span { font-size:11px; }

/* 썸네일 아이콘 위치 */
.ec-product-bgLT { background-position:left top; }
.ec-product-bgLC { background-position:left center; }
.ec-product-bgLB { background-position:left bottom; }
.ec-product-bgRT { background-position:right top; }
.ec-product-bgRC { background-position:right center; }
.ec-product-bgRB { background-position:right bottom; }
.ec-product-bgCT { background-position:center top; }
.ec-product-bgCC { background-position:center center; }
.ec-product-bgCB { background-position:center bottom; }

/* 봉자언니들의 선택 CSS */
.choiceArea {width:100%; height:70px; line-height:70px; font-size:18px;  margin: 63px 0 0 0;}
.choiceTit {width:100%;}
.choiceTit li{float:left; width:33%; text-align:center;}
.choiceTit li:nth-child(1) {background:url(http://ecudemo48339.cafe24.com/web/bongjashop/img_m_59.jpg) no-repeat 121px 23px;}
.choiceTit li:nth-child(2) {background:url(http://ecudemo48339.cafe24.com/web/bongjashop/img_m_61.jpg) no-repeat 126px 23px;}
.choiceTit li:nth-child(3) {background:url(http://ecudemo48339.cafe24.com/web/bongjashop/img_m_64.jpg) no-repeat 156px 23px;}

.choice_prd .title { margin:70px 0 20px 0; font-family:"Roboto", arial, sans-serif; text-align:center;}
.choice_prd .title h2 { font-weight:normal; font-size:14px; color:#000; text-align:center; line-height: 26px;}
.choice_prd .title h3 { font-weight:normal; font-size:14px; color:#000; text-align:center; font-family:'Montserrat'; line-height:26px;}
.choice_prd .title .bigT { font-size:18px;  font-family:'Montserrat';font-weight:900; letter-spacing:2px;}
.choice_prd .title .smallT { font-size:13px; color:#666; padding:10px 0 0 0;}

.bestseller {float: left; margin-right: 19px; width:28%; padding:40px 23px 30px 23px; border-bottom: 1px solid #e0e0e0; border-top:2px solid #000; background: #fcfcfc;}
.bestseller > div > ul > li {padding:0 0 30px 0; overflow:hidden;}
.bestseller > div > ul > li > .thumbnail {float:left; width:147px; }
.bestseller > div > ul > li > .thumbnail > a > img {width:100%;}
.bestseller > div > ul > li > .description {float:left; padding:0 0 0 15px; width:189px;}
.bestseller > div > ul > li > .description > ul {line-height:24px;}

.todayhot {float: left; width:28%; padding:40px 24px 37px 24px; 
    border-top:2px solid #000;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    margin-right: 19px;
    background: url(/elinfit/SkinImg/todayback.png) repeat-x 0 0; background-size: contain; 
}

.like {float:left;width:28%;padding:40px 23px 30px 23px; text-align: center; border-bottom: 1px solid #e0e0e0; border-top:2px solid #000; margin-right: 19px;  background: #fcfcfc;}
.like > div > ul > li {padding:0 0 30px 0; overflow:hidden;}
.like > div > ul > li > .thumbnail {float:left; width:147px;  }
.like > div > ul > li > .thumbnail > a > img {width:100%;}
.like > div > ul > li > .description {float:left; padding:0 0 0 15px; width:189px; text-align:left;}
.like > div > ul > li > .description > ul {line-height:24px;}

.choice_prd > div > div > ul > li > .description > ul > .dcprice { padding: 24px 0 0 0;color:red; font-size:16px; }


/* 지금 뜨는 키워드 css */
.ranWrap { width:1201px; margin:0 auto; position:relative; }
.ran01 { position: absolute; left: 424px; top: 102px; font-size: 22px; color: #7900b8; }
.ran02 { position: absolute; left: 148px; top: 82px; font-size: 17px; color: #333; }
.ran03 { position: absolute; left: 360px; top: 165px; font-size: 17px; color: #333; }
.ran04 { position: absolute; left: 312px; top: 45px; font-size: 17px; color: #333; }
.ran05 { position: absolute; left: 592px; top: 191px; font-size: 19px; color: #333; }
.ran06 { position: absolute; left: 602px; top: 96px; font-size: 22px; color: #7900b8; }
.ran07 { position: absolute; left: 502px; top: 62px; font-size: 16px; color: #333; }
.ran08 { position: absolute; right: 411px; top: 62px; font-size: 16px; color: #333; }
.ran09 { position: absolute; right: 318px; top: 138px; font-size: 14px; color: #333; }
.ran10 { position: absolute; right: 186px; top: 84px; font-size: 20px; color: #333; }


/* 추천 리뷰 롤링 */
.recmd_review { padding:46px 0 0 0; height:564px; background:#fafafa; margin: 140px 0 72px 0; }
.recmd_review .owl-item > div { width:626px; margin:0 auto; text-align:center; }
.recmd_review .owl-item > div > a > .circleImg { width:182px; height:182px; border-radius:50%; overflow:hidden; margin:0 auto; }
.recmd_review .owl-item > div > a > .rname { color:#454545; font-weight:bold; padding:30px 0; font-size:14px; }
.recmd_review .owl-item > div > a > .rdesc { color: #888; font-size: 11px; line-height: 1.8; letter-spacing: 1px; }
.recmd_review .owl-pagination { display:none; }
.recmd_review .owl-buttons div { color:#000 !important; font-size:22px !important; position:absolute; top:50%; margin-top:-30px !important; }
.recmd_review .owl-buttons div.owl-prev { left:260px; }
.recmd_review .owl-buttons div.owl-next { right:260px; }
.recmd_review .review_btn { width:28px; height:28px; line-height:28px; text-align:center; margin:30px auto 0; font-size:20px; border:1px solid #565656; border-radius:50%; }
.recmd_review .review_btn:hover { border:1px solid # }
.recmd_review .review_btn a { color:#565656; }


/* 여백 css */

.padding80 {padding:80px 0 0 0;}





/** 
 *  sliderkit-core.css
 *	> Core CSS styles
 *  
 *  This file is part of Slider Kit jQuery plugin.
 *  http://www.kyrielles.net/sliderkit/
 *  
 *  Copyright (c) 2010-2012 Alan Frog
 *  Licensed under the GNU General Public License
 *  See <license.txt> or <http://www.gnu.org/licenses/>
 *
 */

/*
 *  PLUGIN BASICS
 *  ------------------------------------------------
 */
.sliderkit{display:none;position:relative;overflow:hidden;text-align:left;}
.sliderkit a,
.sliderkit a:hover{text-decoration:none;}
.sliderkit a:focus{outline:1px dotted #000;/*optional*/}
.sliderkit img{border:0;}

/*---------------------------------
 *  Navigation
 *---------------------------------*/
.sliderkit .sliderkit-nav{z-index:10;position:absolute;text-align:left;}




/*
 *  PLUGIN BASICS
 *  ------------------------------------------------
 */
.sliderkit{display:none;position:relative;overflow:hidden;text-align:left;}
.sliderkit a,
.sliderkit a:hover{text-decoration:none;}
.sliderkit a:focus{outline:1px dotted #000;/*optional*/}
.sliderkit img{border:0;}

/*---------------------------------
 *  Navigation
 *---------------------------------*/
.sliderkit .sliderkit-nav{z-index:10;position:absolute;text-align:center;}



/*---------------------------------
 *  Buttons
 *---------------------------------*/
.sliderkit .sliderkit-btn{z-index:10;}

/*---------------------------------
 *  Panels
 *---------------------------------*/
.sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:hidden;}
.sliderkit .sliderkit-panel-active{z-index:5;}
.sliderkit .sliderkit-panel-old{z-index:4;}

/* Panels > Overlay */
.sliderkit .sliderkit-panel .sliderkit-panel-textbox{position:absolute;z-index:1;}
.sliderkit .sliderkit-panel .sliderkit-panel-text{position:absolute;z-index:3;top:0;left:0;}
.sliderkit .sliderkit-panel .sliderkit-panel-overlay{position:absolute;z-index:2;top:0;left:0;}


/*---------------------------------
 *  Loader
 *---------------------------------*/
.sliderkit .sliderkit-timer{position:absolute;top:0;left:0;z-index:10;height:3px;background:#ccc;}


/*---------------------------------
 *  Counter
 *---------------------------------*/
.sliderkit .sliderkit-count{position:absolute;top:5px;right:5px;z-index:98;padding:5px;color:#000;background:#fff;}




/*
 *  메인탭CONTENT SLIDERS
 *  ------------------------------------------------
 */


.contentslider-std{width:1201px;height:645px;margin:80px 0 0;padding:0px 0px;}

/* Nav */
.contentslider-std .sliderkit-nav{position:absolute; top:25%; left:79px;}


/* Panel */
.contentslider-std .sliderkit-panels{position:relative;width:1276px;height:595px;overflow:hidden;padding:0;background:#fff;}
.contentslider-std .sliderkit-panel{/*position넣지말것*/width:1260px;height:645px;overflow:hidden;padding:0;background:#fff;}
.contentslider-std .sliderkit-panel h2{margin:5px 0 20px;}

.contentslider-std .sliderkit-panel ul {width:107%;}
.contentslider-std .sliderkit-panel li.bigitem {float:left;position:relative;width:255px;line-height:18px;margin:0px 0px 0 0px;}
.contentslider-std .sliderkit-panel li.bigitem .bigname {position:absolute;bottom:0;left:0;width:255px;height:40px;background:#fff;opacity:0.8;font-size:12px;padding:10px ;}
.contentslider-std .sliderkit-panel li.bigitem .bigname strong {display:block;}
.contentslider-std .sliderkit-panel li.bigitem .thumb {width:285px;height:285px;}
.contentslider-std .sliderkit-panel li.sitem {width:50%;;float:left;border-right:0px solid #efefef;background:#fff;line-height:18px;text-align:center;font-family:"Arial";box-sizing:border-box;}

.contentslider-std .sliderkit-panel li.sitem .thumb {max-width:100%;margin:0 27px 11px 0;}
.contentslider-std .sliderkit-panel li.sitem .name { font-size:11px;text-align:center;color:#000 !important; padding:0 0 5px 0;}
.contentslider-std .sliderkit-panel li.sitem .name a { font-size:11px;text-align:center; color:#000 !important;padding:0 0 5px 0;}
.contentslider-std .sliderkit-panel li.sitem .name strong {display:block;}
.contentslider-std .sliderkit-panel li.sitem .status {margin:0 0 10px; padding:0 0px 4px 0; border-bottom:0px solid #e8e8e8; text-align:center; line-height:0; *zoom:1; }
.contentslider-std .sliderkit-panel li.sitem .status:after { content:""; display:block; clear:both; }
.contentslider-std .sliderkit-panel li.sitem .icon {text-align:center; }
.contentslider-std .sliderkit-panel li.sitem .icon img { margin:0 1px 1px 0; }
.contentslider-std .sliderkit-panel li.sitem .button { margin:0 -80px 0 0; *zoom:1; }
.contentslider-std .sliderkit-panel li.sitem .button img { margin:0 0 6px -3px; cursor:pointer; }
.contentslider-std .sliderkit-panel li.sitem .button .option { display:inline; position:relative; *zoom:1; }

/* module="product_ListItem" */
.contentslider-std .sliderkit-panel li.sitem { margin:0; text-align:center; padding:0 25px 11px 0;}
.contentslider-std .sliderkit-panel li.sitem li {width:220px; text-align:center;font-family: 'Titillium Web', sans-serif;}
.contentslider-std .sliderkit-panel li.sitem li .title { font-weight:normal; vertical-align:top; }
.contentslider-std .sliderkit-panel li.sitem li .title span { vertical-align:top; }

/* Panels buttons */
.contentslider-std .sliderkit-go-btn{position:absolute;top:40%;z-index:10;}
.contentslider-std .sliderkit-go-prev{left:0;}
.contentslider-std .sliderkit-go-next{right:0;}
.contentslider-std .sliderkit-go-btn a{display:block;width:30px;height:40px;cursor:pointer;background:transparent url("/elinkim/img/arrows-h-big.png") no-repeat 0 0;}
.contentslider-std .sliderkit-go-prev a{background-position:-30px 0;}
.contentslider-std .sliderkit-go-next a{background-position:0 0;}
.contentslider-std .sliderkit-go-prev a:hover{background-position:-90px 0;}
.contentslider-std .sliderkit-go-next a:hover{background-position:-60px 0;}
.contentslider-std .sliderkit-go-btn span{display:none;}

 
.mainarea {width:1260px; margin:0 auto; position:relative; }

#banner_left { margin:0 16px 0 0 !important; width:1260px; float:left; }

.banner_r { float:left; }
.banner_r div { float:left; padding:0; }
.banner_r .mainvideo{ float:none; padding:0; margin-top: 2px; }
.banner_r div:nth-child(3) { position:absolute; left:551px; top:243px; }

.sitem .sevenwrap{position:relative;}
.sevenhidden{position: absolute; bottom: 10px; left: 0; background: rgba(255, 255, 255, 0.9); width: 100%; opacity: 0;}
.sevenhidden:hover{opacity: 1;}

.banner-list { font-size:0; padding:150px 0 0; }
.banner-list div { display:inline-block; }

.loadtext{position: absolute;
    left: 45%;
    bottom: 39%;
    /* text-align: center; */
    font-size: 19px;
    color: #757575;}
.fbanwrap{position: relative;   width:1260px; margin-right: 0px; overflow: hidden; float: left; height: 600px; background:#ffffff  no-repeat center center; background-size: 350px;}




/*배너첫번째*/
 .banner_first {margin-top:100px;}
 .banner_first .bnr_list {display:table; table-layout:fixed; min-width:1280px; width:100%; margin:0 auto;}
 .banner_first .bnr_list > li {display:table-cell; width:25%; padding:0 10px; text-align:center;}
 .banner_first .bnr_list > li img {width:100%; height:auto;}




/************************************************************************
 * 2. SPINNER styles
 *************************************************************************/

@keyframes spin {
    to {
    	-webkit-transform: rotate(1turn);
    	-moz-transform: rotate(1turn);
    	-o-transform: rotate(1turn);
    	-ms-transform: rotate(1turn); 
    	transform: rotate(1turn); 
    }
}

@keyframes extra-spin {
    to { 
    	-webkit-transform: rotate(1.125turn);
    	-moz-transform: rotate(1.125turn);
    	-o-transform: rotate(1.125turn);
    	-ms-transform: rotate(1.125turn); 
    	transform: rotate(1.125turn);  
    }
}

.spin {
    font-size: 36px;
    text-align: center;
    text-indent: -999em;
}

.spin:before,
.spin:after {
    content: "";
    width: 0.5em;
    height: 0.5em;
    border-radius: 0.2em;
    position: fixed;
    top: 5em;
    left: 50%;
    display: inline-block;
}

.spin:before {
    box-shadow:
        /* 1 */
        0 1em #eee,
        0 1.125em #eee,
        0 1.25em #eee,
        0 1.375em #eee,
        0 1.5em #eee,

        /* 3 */
        -1em 0 #aaa,
        -1.125em 0 #aaa,
        -1.25em 0 #aaa,
        -1.375em 0 #aaa,
        -1.5em 0 #aaa,

        /* 5 */
        0 -1em #666,
        0 -1.125em #666,
        0 -1.25em #666,
        0 -1.375em #666,
        0 -1.5em #666,

        /* 7 */
        1em 0 #222,
        1.125em 0 #222,
        1.25em 0 #222,
        1.375em 0 #222,
        1.5em 0 #222;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);    
    transform: rotate(45deg);
    -webkit-animation: extra-spin 1s infinite steps(8);
    -moz-animation: extra-spin 1s infinite steps(8);
    -o-animation: extra-spin 1s infinite steps(8);
    animation: extra-spin 1s infinite steps(8);
}

.spin:after {
    box-shadow:
        /* 2 */
        -1em 0 #ccc,
        -1.125em 0 #ccc,
        -1.25em 0 #ccc,
        -1.375em 0 #ccc,
        -1.5em 0 #ccc,

        /* 4 */
        0 -1em #888,
        0 -1.125em #888,
        0 -1.25em #888,
        0 -1.375em #888,
        0 -1.5em #888,

        /* 6 */
        1em 0 #444,
        1.125em 0 #444,
        1.25em 0 #444,
        1.375em 0 #444,
        1.5em 0 #444,

        /* 8 */
        0 1em #000,
        0 1.125em #000,
        0 1.25em #000,
        0 1.375em #000,
        0 1.5em #000;
    -webkit-animation: spin 1s infinite steps(8);
    -moz-animation: spin 1s infinite steps(8);
    -o-animation: spin 1s infinite steps(8);    
    animation: spin 1s infinite steps(8);
}
/*end of CSS spinner*/

#loader {
	position: fixed;
	margin: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: rgba(255,255,255,1);
	display: block;
	text-align: center;
}

#loader > div {
	position: relative;
	margin-top: 10%;
}

/************************************************************************
 * 3. MANDATORY Divas styles
 *************************************************************************/
 
#slider_wrapper {
	overflow: hidden;
}

.divas-slider {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.divas-slider-container {
	position: relative;
	margin: 0;
	padding: 0;
}

.divas-slider-container:after {
  content: "";
  display: table;
  clear: both;
}

.divas-slide {
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
}

.divas-slide img {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	outline: 0 none;
	-webkit-backface-visibility: hidden;
  	-moz-backface-visibility: hidden;
 	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

/************************************************************************
 * 4. DEFAULT slider settings
 *************************************************************************/

/*
 * divas slide transitions
 */
.divas-slide-transition-left {    
	 -webkit-transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	 -moz-transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	 -o-transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	 transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

/*
 * divas navigation buttons
 */
.divas-navigation {
	clear: both;
	position: absolute;
	margin: 0px auto;
	height: 0;
	width: 100%;
	text-align: center;
	top: 47%;
	top: calc(50% - 33px);
}
.divas-has-bullets .divas-navigation {
    top: calc(50% - 61px);
}

.divas-navigation span {
	height: 66px;
	outline: 0 none; 
	position: absolute;
	width: 42px; 
	z-index: 9999;
	cursor: pointer;
	margin: 0;
	font-size: 3em;
	color: #fff;
}


.divas-navigation span:hover {
	color: #ffffff;
}

.divas-controls span.divas-start,
.divas-controls span.divas-stop {
	display: none;
}

.divas-navigation span.divas-prev {
	left: 8em;
	background: url("http://bongjashop.imglink.kr/images/prev.svg") no-repeat top center rgba(0, 0, 0, 0);
}

.divas-navigation span.divas-next {
	right: 8em;
	background: url("http://bongjashop.imglink.kr/images/next.svg") no-repeat top center rgba(0, 0, 0, 0);
}

@media screen and (max-width: 10em) {
	.divas-navigation span.divas-prev,
	.divas-navigation span.divas-next{
		background-position:center center;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
	}
	.divas-navigation span.divas-prev {
		left: 0.5em;
	}
	.divas-navigation span.divas-next {
		right: 0.5em;
	}
}	

/*
 * divas caption styling
 */
.divas-caption {
	position: absolute;
	top: 50%;
	width: auto;
	background: rgba(0,0,0,0.7);
	color: #f7f7f7;
	border: none;
	padding: 1em 2em 1.6em;
	margin: 0 2em;
}


/*
 * divas caption transitions: left
 */
.divas-caption.divas-title-transition-left-start {
	left: -999px;
}

.divas-caption.divas-title-transition-left {
	-webkit-transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-moz-transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-o-transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.divas-caption.divas-title-transition-left-stop {
	left: 0px;
}

.divas-caption h1 {
	font-weight: 900;
	font-size: 4.8em;
	line-height: 1.1;
}

.divas-caption p {
	font-style: italic;
	font-size: 1.6em;
}

/*
 * divas navigation bullets
 */
.divas-bullets {
	clear: both;
	position: relative;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
}

.divas-bullets ul {
	list-style: none;
}

.divas-bullet {
  	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 1.5em;
    display: inline-block;
    height: 16px;
    margin: 0 0.3em;
    text-indent: -9999px;
    width: 16px;
}

.divas-bullet-current {
   	background-color: rgba(0, 0, 0, 0.25);
}


 
 /************************************************************************
 * 5. GENERAL media queries
 *************************************************************************/
 
@media screen and (max-width: 87.5em) {
	body {
		font-size: 54.6875%;
	}
}	

@media screen and (max-width: 75em) {
	body {
		font-size: 50.875%;
	}
}	

@media screen and (max-width: 56.75em) {
	body {
		font-size: 45%;
	}
}

@media screen and (max-width: 35em) {
	.divas-caption {
		display: none;
	}
}