/* BASIC css start */
main { margin-bottom:0 !important; } 

#header { position: fixed; top: 0; left: auto; right: auto; max-width: 640px; z-index: 99; background: transparent; } 
#header .headerTop { background: transparent; border-bottom: 0 !important; } 

/* swiper 공통 */
.swiper-button-prev { left:0; } 
.swiper-button-next { right:0; } 
.swiper-button-next:after, .swiper-button-prev:after { content:unset !important; } 
.swiper-button-prev img,
.swiper-button-next img { width:26px; } 
.swiper-scrollbar { position: relative !important; width: 63% !important; height:2px !important; margin: 0 auto; background:#eeeeee !important; } 
.swiper-scrollbar-drag { background: #9caf92 !important; } 
.swiper-pagination { bottom:30px !important; text-align:center; color:#fff; font-size:14px; } 
.swiper-pagination-bullet { width:11px; height:11px; opacity:1 !important; background:transparent; border:2px solid #fff; margin:0 6px !important; position:relative; box-sizing:border-box; } 
.swiper-pagination-bullet-active { background:#fff !important; } 

/* 메인 배너 영역*/
#main_bnr_swiper { width: 100%; margin-bottom: 80px; } 
#main_bnr_swiper .swiper-slide img { width:100%; } 

/* 몽슈슈에서만 만날 수 있어요 */
.area_wrap .item-cont { padding:0 !important; } 

/* 따끈따끈 신상이 새로 들어왔어요 */
.bg_gray_wrap { background:#f7f7f7; padding: 80px 0 45px; margin-bottom:0px;} 
.bg_gray_wrap .item-cont { margin-bottom: 30px; } 

/* 중간배너 영역 */
.mid_bnr_wrap { position: relative; margin-bottom: 60px; } 
.mid_bnr_wrap ul { display: block; } 
.mid_bnr_wrap ul li { position: relative; } 
.mid_bnr_wrap ul li img { width: 100%; } 
.mid_bnr_wrap ul li dl { position:absolute; top: 75%; left: 50%; transform: translate(-50%, -50%); text-align: center; } 
.mid_bnr_wrap ul li dl dt { font-size: 27px; line-height: 1.25; color: #fff; margin-bottom: 50px; } 
.mid_bnr_wrap ul li dl dd { } 
.mid_bnr_wrap ul li dl dd a { display:inline-block; font-size: 13px; font-weight: bold; color: #fff; letter-spacing: 10px; background: rgba(255,255,255,0.2); padding: 13px 25px; border: 1px solid #fff; border-radius: 50px; box-sizing: border-box; } 

/* 인스타그램 영역 */
.insta_wrap { position: relative; width: 100%; text-align: center; } 
.insta_wrap .insta_tit { } 
.insta_wrap .insta_tit .insta_id { font-size: 14px; color: #aaa; margin-bottom: 25px; } 
.insta_wrap .insta_tit .insta_name { font-size: 30px; color: #000; line-height: 1; margin-bottom: 15px; } 
.insta_wrap .insta_tit .insta_name img { width: 28px; margin-right: 12px; vertical-align: bottom; } 
.insta_wrap .insta_btn { } 
.insta_wrap .insta_btn a { display: inline-block; margin-top:30px; font-size: 12px; color: #3a5f25; border: 1px solid #3a5f25; border-radius: 50px; padding: 11px 25px; letter-spacing: 2px; font-weight: bold; } 
.insta_wrap .insta_cont { position: relative; padding: 0 15px 50px; } 
.insta_wrap .insta_cont ul { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 20px; } 
.insta_wrap .insta_cont ul li { width: 50%; } 
.insta_wrap .insta_cont ul li a { display: block; } 
.insta_wrap .insta_cont ul li a img { width: 100%; } 

/* 유튜브 영역 */
.youtube_wrap { position: relative; text-align: center; cursor:pointer; } 
.youtube_wrap > img { width: 100%; } 
.youtube_wrap dl { position: absolute; top: 50%; left: 50%; transform: translateX(-50%); text-align: left; } 
.youtube_wrap dl dt { font-size: 30px; color: #fff; margin-bottom: 25px; text-align: center; line-height: 1.25; } 
.youtube_wrap dl dd { text-align: center; } 
.youtube_wrap dl dd img { width: 75px; position:relative; top:40%; } 


.item-wrap.review_wrap{
    margin-bottom:55px;
}

.item-wrap.review_wrap .item-cont .item-list .prd-subname{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    line-height:20px;
    height:100px;
    overflow:hidden;
}

.prd-info .prd-score { color:#3a5f25;}

/* 쿠폰 */
.couponPop {
    margin-right : 5px;
}


.moCoupon {
    vertical-align: sub;
}

.btn-coupon {
display: inline-block;
    height: 16px;
    padding: 0;
    border: 1px solid #000;
    font-size: 10px;
    margin-right : 5px;
}

.btn-coupon span {
    display: inline-block;
    height: 16px;
    padding: 0 5px;
    color: #fff;
    background: #000;
    vertical-align: top;
    font-size: 11px;
}

.btn-coupon em {
    display: inline-block;
    height: 16px;
    padding: 0 3px 0 0;
    font-size: 10px;
    vertical-align: top;
    color: #000;
}
/* BASIC css end */