/* BASIC css start */
/* BASIC css start */
/* slide */
.slick-slide img {
	width: 100%;
}
.slick-slide a {
	outline: 0;
}
/* slide */
 

main { 
	position: relative;
	max-width: 100%;
	/*margin: -65px auto 0;*/
	overflow: hidden;
	text-align: center;
}
.-product {
    padding-top: 30px;
    padding-bottom: 30px;
}

/* middle */

#middle {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
#middle .slick-arrow {
	cursor: pointer;
	z-index: 9;
}
#middle .slick-arrow:hover {
	opacity: 0.75;
}
#middle .middle_prev {
	position: absolute;
	left: 5px;
	top: 50%;
	transform: translateY(-50%);
}
#middle .middle_next {
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
}
#middle .slick-arrow img {
    width: 22px;
}
/* middle */
/* story */
#story {
	width: 100%;
	margin: 0 auto;
	position: relative;
        padding-bottom:15px;
}
#story .slick-slide {
	padding: 0 5px;
}
#story .slick-arrow {
	cursor: pointer;
	z-index: 9;
}
#story .slick-arrow:hover {
	opacity: 0.75;
}
#story .story_prev {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9;
}
#story .story_next {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9;
}

#story ul.slick-dots {
  text-align: center;
    padding-top: 10px;
}
#story ul.slick-dots li {
  display: inline-block;
  padding: 0 6px;
}
#story ul.slick-dots li button {
  display: block;
  width: 8px;
  height: 8px;
  text-indent: -9999em;
  background: none;
  border-radius: 8px;
  border: 1px solid #333;
  outline:0;
}
#story ul.slick-dots li.slick-active button {
  display: block;
  width: 8px;
  height: 8px;
  text-indent: -9999em;
  background: #333;
  border-radius: 8px;
  border: 1px solid #333;
}
/* story */
#story .story_prev img, #story .story_next img {
    width: 20px;
}
.displaynone {
    display: none !important;
}



.t {
    padding-top: 30px;
}

.t h3 {
    font-size: 18px;
    font-family: 'Lato';
    letter-spacing: 0.5px;
    font-weight: bold;
}

.list_shopping2x.items_3 .items li{width:33.3333% !important;}



/* ¸ÞÀÎ ½½¶óÀ̵å */
.main_slide .slick-slide {position:relative;}
.main_slide .slide_text{position:absolute; bottom:10%; left:50%; width: 90%; transform:translateX(-50%);}
.main_slide .slide_text > * {color: #fff; font-family: 'Lato','Noto Sans', sans-serif; font-weight:normal; text-align:center; }
.main_slide .slide_text > h3{  font-size: 20px; line-height:1.25; margin-bottom:25px; }
.main_slide .slide_text > .slide_btn { font-size: 10px; letter-spacing:2px; padding: 10px 25px; border:1px solid #fff; transition:0.3s all; cursor:pointer;}


.main_slide .slick-arrow {position:absolute; top: 50%; width:14px; height:28px; background-position: center; background-repeat: no-repeat; background-color:transparent; background-size: contain; border:0; text-indent:-999px; transform: translateY(-50%); z-index:1;}
.main_slide .slick-prev {left: 10px; background-image: url(/design/carlyn/images/btn_prev_white.png); background-size: 80%;}
.main_slide .slick-next {right: 10px; background-image: url(/design/carlyn/images/btn_next_white.png); background-size: 80%;}
/* BASIC css end */