/***********************************************
 ** ¸ð¹ÙÀÏ ½Å±ÔŸÀÔ CSS - park 2018.09.7
 ***********************************************/
 
/* ½½¶óÀ̵ù ¸Þ´º */ 
#left_menu{text-align:center;}
#left_menu ul{display:inline-block; *display:inline; zoom:1;}
#left_menu ul li{float:left; margin-left:-1px; z-index:1;}
#cate_list {}
.cate_item {padding:20px 10px;font-size:1em;text-align:left;border-top:1px solid #d8d8d8;width:95%;margin:0 auto;font-weight:bold;font-size:1.1em;}
.cate_item_sub {padding:10px 10px;font-size:1.1em;text-align:left;width:90%;margin:0 auto;}

/* ÇÏ´Ü °íÁ¤ ¸Þ´º */
#ft .foot_fix {z-index:999;border:1px solid #bbb;border-width:1px 0;position:fixed;left:0px;bottom:0px;width:100%;max-height:70px;min-height:50px;border:1} 
#ft .etc3 ul {overflow:hidden;margin:0 auto;font-size:1em;font-weight:bold;}
#ft .etc3 li {float:left;padding:0;margin:0;text-align:center;}
#ft .etc3 a {display:block;padding:0;color:#fff;}
#ft .etc3 .foot_txt {display:block;padding:0;margin:0;color:#343434;white-space:nowrap;font-size:1.2em;}
#ft .point_txt {position: absolute;left:0%;top:-2.3em;background-color: transparent;width:100%;overflow:visible;}

/* »ó´Ü ½ºÅ©·Ñ¾÷ ¸Þ´º */
.nav-down {
    position: fixed !important;
    top: 0;
    left: 0;
    height:41px;
    width: 100%;
    transition: top 0.2s ease-in-out;
}

.nav-up {
    position: relative !important;
    top: -41px; /* Çì´õ ³ôÀÌ¿Í °°°Ô */
}

/* »óÇ°¸®½ºÆ® º®µ¹½×±â(masonry) */
.grid {}

/* clear fix */
.grid:after {content: '';display: block;clear: both;}
      
/* ---- .grid-item ---- */
.grid-sizer,
.grid-item {width: 50%;text-align:center;}
.grid-item {float: left;}
.grid-item img {display: block;max-width: 100%;}

/* »óÇ°¸®½ºÆ®(Á¤»ç°¢Çü) */
.square {
  position: relative;
  width: 100%;
  border:1px solid #efefef;
  /*
   border: 2px solid efefef;
  border-radius: 50%;*/
  overflow:hidden;
}

.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.content {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* »óÇ°¸®½ºÆ®(Á÷»ç°¢Çü) */
.thumbnail-wrapper { width: 100%;} 
.thumbnail { position: relative; padding-top: 130%;  overflow: hidden;border:0px solid #f00; } 
.thumbnail .centered { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,0%); -ms-transform: translate(50%,0%); transform: translate(50%,0%); } 
.thumbnail .centered img {width:130%;height:auto;position: absolute; top: 0; left: 0; -webkit-transform: translate(-50%,0%); -ms-transform: translate(-50%,0%); transform: translate(-50%,0%); }

img.portrait { width: 10% !important; height: auto !important;border:0px solid #f00; }
img.landscape { width: auto !important; height: 130% !important;border:1px solid #00f; }


/* »óÇ°À̹ÌÁö::»ó´Ü ¹îÁö (ex ÇÒÀηü or ³Ñ¹ö) */
.clip_item {
  content: "";
  position: absolute;
  z-index: 1;
  height: auto;
  min-width:1.5em;
  background-color: rgba( 255, 0, 0, 0.6 );
  border:1px solid #ed3c21;
  content: "1";  /* º¸¿©ÁÖ´Â ÅؽºÆ® */
  text-align: center;
  color: #fff;
  font-family: 'tahoma';
  font-weight: bold;
  padding: 0.2em;
  font-size:0.9em;
  letter-spacing:0;
  left: 0px;
  top: 0px;
  /*border-radius: 40%;*/
  /*transform: rotate(-40deg);*/
  /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);*/
}

/* »óÇ°À̹ÌÁö::»ó´Ü ¹îÁö */    
.clip_down {
  content: "";
  position: absolute;
  z-index: 1;
  height: auto;
  width:100%;
  min-width:1.5em;
  min-height:2em;
  background-color: rgba( 0, 0, 0, 0.4 );
  content: "1";  /* º¸¿©ÁÖ´Â ÅؽºÆ® */
  text-align: left;
  color: #fff;
  font-family: 'Arial';
  font-weight: normal;
  padding: 0.5em 0.5em 0.5em 0.5em;
  font-size:0.9em;
  letter-spacing:0;
  bottom: 0px;
  /*border-radius: 40%;*/
  /*transform: rotate(-40deg);*/
  /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);*/
}

/* °Ë»ö */
#searchBox { background-color:#fff;padding:10px;text-align:center;border-bottom:1px solid #c1c1c1;display:none; }
#searchBox .schInput { height:22px;outline-style:none;border:1px solid #e1e1e1; }
input[type=search]::-ms-clear {
  display:none;
}
/* js-flipsnap */
.viewport {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    -webkit-transform: translateZ(0); /* Optional: When heavy at iOS6+ */
}

.flipsnap {
    width: 1500px; /* 320px(item width) * 3(item count) */
    padding: 0 0px 0 0px;
    border:0px solid #f00;
}

.flipsnap:After {
    content: '';
    display: block;
    clear: both;
    height: 0;
}

.item {
    float: left;
    font-size:0.93em;
    letter-spacing:-0.5px;
    padding: 12px 0 12px 15px;
    text-align: center;
    color: #333;
    font-weight:bold;
}

.flipsnap-control .flipsnap-prev {
    position: relative;
    z-index: 1;
    float: left;
    margin-top: -29px;
    padding-left: 5px;
    width: 20px;
    text-align: center;
    /*
    background-color: rgb(000, 000, 000);
   */
   color: #fff;
    box-shadow: 0px 0px 10px 10px #282d35;
}

.flipsnap-control .flipsnap-next {
    position: relative;
    z-index: 1;
    float: right;
    margin-top: -29px;
    padding-right: 5px;
    width: 20px;
    text-align: center;
    
    /*background-color: rgb(000, 000, 000);*/
    color: #fff;
    box-shadow: 0px 0px 10px 10px #282d35;

}

/* new, best, hit ¹îÁö */
.new {
  position: relative;
  display: inline-block;
  overflow: hidden; /* ºÒÇÊ¿äÇÑ ºÎºÐ °¡¸®±â */
  padding: 1px;
}
.new:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100px;
  height: auto;
  background-color: rgba( 255, 0, 0, 0.8 );
  content: "new";  /* º¸¿©ÁÖ´Â ÅؽºÆ® */
  text-align: left;
  color: #fff;
  font-family: 'Arial';
  font-weight: normal;
  padding: 5px 10px 5px 45px;
  left: -30px;
  letter-spacing:0;
  top: 3px;
  transform: rotate(-40deg);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.new-small {
  position: relative;
  display: inline-block;
  overflow: hidden; /* ºÒÇÊ¿äÇÑ ºÎºÐ °¡¸®±â */
  padding: 1px;
}
.new-small:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 4em;
  height: auto;
  background-color: rgba( 255, 0, 0, 0.8 );
  content: "new";  /* º¸¿©ÁÖ´Â ÅؽºÆ® */
  text-align: left;
  color: #fff;
  font-family: 'Arial';
  font-weight: normal;
  padding: 2px 10px 2px 2.3em;
  font-size:0.9em;
  left: -30px;
  letter-spacing:0;
  top: 3px;
  transform: rotate(-40deg);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.new-tiny {
  position: relative;
  display: inline-block;
  overflow: hidden; /* ºÒÇÊ¿äÇÑ ºÎºÐ °¡¸®±â */
  padding: 1px;
}
.new-tiny:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 4em;
  height: auto;
  background-color: rgba( 255, 0, 0, 0.8 );
  content: "new";  /* º¸¿©ÁÖ´Â ÅؽºÆ® */
  text-align: left;
  color: #fff;
  font-family: 'Arial';
  font-weight: normal;
  padding: 2px 10px 2px 2.5em;
  font-size:0.9em;
  left: -30px;
  letter-spacing:0;
  top: 3px;
  transform: rotate(-40deg);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.best {
  position: relative;
  display: inline-block;
  overflow: hidden; /* ºÒÇÊ¿äÇÑ ºÎºÐ °¡¸®±â */
  padding: 1px;
}
.best:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100px;
  height: auto;
  background-color: rgba( 20, 93, 241, 0.8 );
  content: "best";  /* º¸¿©ÁÖ´Â ÅؽºÆ® */
  text-align: left;
  color: #fff;
  font-family: 'Arial';
  font-weight: normal;
  padding: 5px 10px 5px 45px;
  left: -30px;
  letter-spacing:0;
  top: 3px;
  transform: rotate(-40deg);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.best-small {
  position: relative;
  display: inline-block;
  overflow: hidden; /* ºÒÇÊ¿äÇÑ ºÎºÐ °¡¸®±â */
  padding: 1px;
}
.best-small:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 4em;
  height: auto;
 background-color: rgba( 20, 93, 241, 0.8 );
  content: "best";  /* º¸¿©ÁÖ´Â ÅؽºÆ® */
  text-align: left;
  color: #fff;
  font-family: 'Arial';
  font-weight: normal;
  padding: 2px 10px 2px 2em;
  left: -30px;
  letter-spacing:0;
  top: 3px;
  transform: rotate(-40deg);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.best-tiny {
  position: relative;
  display: inline-block;
  overflow: hidden; /* ºÒÇÊ¿äÇÑ ºÎºÐ °¡¸®±â */
  padding: 1px;
}
.best-tiny:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 4em;
  height: auto;
  background-color: rgba( 20, 93, 241, 0.8 );
  content: "best";  /* º¸¿©ÁÖ´Â ÅؽºÆ® */
  text-align: left;
  color: #fff;
  font-family: 'Arial';
  font-weight: normal;
  padding: 2px 10px 2px 2.3em;
  font-size:0.9em;
  left: -30px;
  letter-spacing:0;
  top: 3px;
  transform: rotate(-40deg);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}


.hit {
  position: relative;
  display: inline-block;
  overflow: hidden; /* ºÒÇÊ¿äÇÑ ºÎºÐ °¡¸®±â */
  padding: 1px;
}
.hit:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100px;
  height: auto;
  background-color: rgba( 246, 99, 34, 0.8 );
  content: "hit";  /* º¸¿©ÁÖ´Â ÅؽºÆ® */
  text-align: left;
  color: #fff;
  font-family: 'Arial';
  font-weight: normal;
  padding: 5px 10px 5px 45px;
  left: -30px;
  letter-spacing:0;
  top: 3px;
  transform: rotate(-40deg);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.hit-small {
  position: relative;
  display: inline-block;
  overflow: hidden; /* ºÒÇÊ¿äÇÑ ºÎºÐ °¡¸®±â */
  padding: 1px;
}
.hit-small:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 4em;
  height: auto;
  background-color: rgba( 0, 150, 40, 0.8 );
  content: "hit";  /* º¸¿©ÁÖ´Â ÅؽºÆ® */
  text-align: left;
  color: #fff;
  font-family: 'Arial';
  font-weight: normal;
  padding: 2px 10px 2px 2.5em;
  left: -30px;
  letter-spacing:0;
  top: 3px;
  transform: rotate(-40deg);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.hit-tiny {
  position: relative;
  display: inline-block;
  overflow: hidden; /* ºÒÇÊ¿äÇÑ ºÎºÐ °¡¸®±â */
  padding: 1px;
}
.hit-tiny:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 4em;
  height: auto;
  background-color: rgba( 246, 99, 34, 0.8 );
  content: "hit";  /* º¸¿©ÁÖ´Â ÅؽºÆ® */
  text-align: left;
  color: #fff;
  font-family: 'Arial';
  font-weight: normal;
  padding: 2px 10px 2px 2.8em;
  font-size:0.9em;
  left: -30px;
  letter-spacing:0;
  top: 3px;
  transform: rotate(-40deg);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* cart badge */
.badge-red {
 position:absolute;
 top: 5px;
 right: -8px;
 min-width: 8px;
 height: 20px;
 line-height: 20px;
 margin-top: -11px;
 padding: 0 6px;
 font-weight: normal;
 font-size: small;
 color: white;
 text-align: center;
 text-shadow: 0 1px rgba(0, 0, 0, 0.2);
 background: #e23442;
 border: 1px solid #911f28;
 border-radius: 11px;
 background-image: -webkit-linear-gradient(top, #e8616c, #dd202f);
 background-image: -moz-linear-gradient(top, #e8616c, #dd202f);
 background-image: -o-linear-gradient(top, #e8616c, #dd202f);
 background-image: linear-gradient(to bottom, #e8616c, #dd202f);
 -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.12);
 box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.12);
}

/* order badge */
.badge-green {
 position:absolute;
 top: 5px;
 right: -8px;
 min-width: 8px;
 height: 20px;
 line-height: 20px;
 margin-top: -11px;
 padding: 0 6px;
 font-weight: normal;
 font-size: small;
 color: white;
 text-align: center;
 text-shadow: 0 1px rgba(0, 0, 0, 0.2);
 background: #77cc51;
 border: 1px solid #5eae3b;
 border-radius: 11px;
 background-image: -webkit-linear-gradient(top, #a5dd8c, #77cc51);
 background-image: -moz-linear-gradient(top, #a5dd8c, #77cc51);
 background-image: -o-linear-gradient(top, #a5dd8c, #77cc51);
 background-image: linear-gradient(to bottom, #a5dd8c, #77cc51);
 -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.12);
 box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.12);
}

.badge-blue {
 position:absolute;
 top: 5px;
 right: -8px;
 min-width: 8px;
 height: 20px;
 line-height: 20px;
 margin-top: -11px;
 padding: 0 6px;
 font-weight: normal;
 font-size: small;
 color: white;
 text-align: center;
 text-shadow: 0 1px rgba(0, 0, 0, 0.2);
 background: #67c1ef;
 border: 1px solid #30aae9;
 border-radius: 11px;
 background-image: -webkit-linear-gradient(top, #acddf6, #67c1ef);
 background-image: -moz-linear-gradient(top, #acddf6, #67c1ef);
 background-image: -o-linear-gradient(top, #acddf6, #67c1ef);
 background-image: linear-gradient(to bottom, #acddf6, #67c1ef);
 -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.12);
 box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.12);
}

.badge-yellow {
 position:absolute;
 top: 5px;
 right: -8px;
 min-width: 8px;
 height: 20px;
 line-height: 20px;
 margin-top: -11px;
 padding: 0 6px;
 font-weight: normal;
 font-size: small;
 color: white;
 text-align: center;
 text-shadow: 0 1px rgba(0, 0, 0, 0.2);
 background: #faba3e;
 border: 1px solid #f4a306;
 border-radius: 11px;
 background-image: -webkit-linear-gradient(top, #fcd589, #faba3e);
 background-image: -moz-linear-gradient(top, #fcd589, #faba3e);
 background-image: -o-linear-gradient(top, #fcd589, #faba3e);
 background-image: linear-gradient(to bottom, #fcd589, #faba3e);
 -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.12);
 box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.12);
}

#toTop {
	background:none;
	position:fixed;
	bottom:5%;
	right:8%;
	*position:absolute;
	*right:auto;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));
	cursor:pointer;
	text-decoration:none;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	z-index:99999;
	display:none;
}