/* BASIC css start */
/* 메인 상단 */
#header { position:fixed !important; top: 0; left: 0; right: 0; background: transparent !important; } 
#header.fixed { background: #fff !important; } 
#header .headerTop .headerGnb ul li a { color:#fff !important; } 
#header .headerTop .headerGnb ul li a:hover { color:#3a5f25 !important; } 
#header .headerTop .headerGnb ul li a:after { content:unset !important; } 
#header.fixed .headerTop .headerGnb ul li a:after { display:block; content: '' !important; position: absolute; bottom: -6px; left: -15%; transform: translateX(-50%); background:#3a5f25; width: 130%; height: 2px; transform: scaleX(0); transition: transform 250ms ease-in-out; z-index: -1; } 
#header.fixed .headerTop .headerGnb ul li a:hover:after { transform: scaleX(1); color:#000; } 
#header.fixed .headerTop .headerGnb ul li .sub_cate_wrap a:hover:after{display:none;}
#header.fixed .headerTop .headerGnb ul li a { color:#000 !important; } 
#header .headerTop .headerRight .headerUser ul li a { color:#fff !important; } 
#header .headerTop .headerRight .headerUser ul li a:hover { color:#3a5f25 !important; } 
#header .headerTop .headerRight .headerUser ul li a:after { content:unset !important; } 
#header.fixed .headerTop .headerRight .headerUser ul li a { color:#000 !important; } 
#header.fixed .headerTop .headerRight .headerUser ul li a:after { display:block; content: '' !important; position: absolute; bottom: -1px; left: -5%; transform: translateX(-50%); background:rgba(0,99,65,0.5); width: 110%; height: 10px; transform: scaleX(0); transition: transform 250ms ease-in-out; z-index: -1; } 
#header.fixed .headerTop .headerRight .headerUser ul li a:hover:after { transform: scaleX(1); color:#000; } 
#header.fixed .headerTop .headerRight .headerUser ul li .sub_cate_wrap a:hover:after{
    display:none;
}


/* 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; } 

/* 메인 배너 영역*/
#main_bnr_swiper { width: 100%; margin-bottom:140px; } 
#main_bnr_swiper .swiper-slide img { width:100%; } 
#main_bnr_swiper .swiper-pagination { bottom:60px; text-align:center; color:#fff; font-size:18px; } 
#main_bnr_swiper .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; } 
#main_bnr_swiper .swiper-pagination-bullet-active { background:#fff !important; } 

/* 지금 가장 인기있는 제품 */
.area1_wrap { width: 100%; box-sizing: border-box; overflow: hidden; margin-bottom:57px; } 
/*.area1_wrap #area1_wrap_swiper { margin-left: 12%; } */

/* 따끈따끈 신상이 새로 들어왔어요 */
.area2_wrap #area2_wrap_swiper .swiper-scrollbar { height:3px !important; background:#fff; left: 0 !important; } 
.area2_wrap #area2_wrap_swiper .swiper-scrollbar-drag { background: #9caf92; } 
.area2_wrap { background:#f7f7f7; width: 100%; padding: 140px 0 100px; } 
.area2_wrap #area2_wrap_swiper {max-width: 1440px;margin:0 auto;} 
.area2_wrap .item-cont .item-list { display: flex; align-items: center; margin-bottom: 40px; } 
.area2_wrap .item-cont .item-list dt.thumb { width:220px; margin-right:30px; } 
.area2_wrap .item-cont .item-list dd.prd-info { padding:0; } 
.area2_wrap .thumb .dc_per { width: 50px !important; height: 50px !important; line-height: 50px !important; font-size: 16px !important; } 

/* 몽슈슈에서만 만날 수 있어요 */
.area3_wrap {width: 100%;max-width: 1550px;} 
.area3_wrap #area3_wrap_swiper { padding: 0 64px; } 

/* 리뷰 영역  */
.area4_wrap { width: 1550px; background:#f7f7f7; width: 100%; padding: 100px 0 100px; margin-bottom:140px;} 
.area4_wrap #area4_wrap_swiper { width: 1440px; margin: 0 auto; padding: 0 64px; } 
.area4_wrap .item-cont .item-list { background: #fff; border-radius: 15px; overflow: hidden; box-shadow: 2px 2px 5px #f1f1f1; } 
.area4_wrap .item-cont .item-list .prd-subname { border-top: 0; padding-top: 0; margin-bottom: 30px; } 
.area4_wrap .item-cont .item-list .prd-subname a { 
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    line-height:25px;
    height:150px;
    overflow:hidden;
    font-size: 15px;
    color: #656565;
} 
.area4_wrap .item-cont .item-list .prd-score { color: #3a5f25; text-align: right; font-size: 15px; } 
.area4_wrap .item-cont .item-list .prd-info { padding: 40px 23px; } 

/* 중간배너 영역 */
.mid_bnr_wrap { position: relative; margin-bottom:120px; } 
.mid_bnr_wrap ul { display:flex; justify-content: center; align-items: center; } 
.mid_bnr_wrap ul li { position: relative; } 
.mid_bnr_wrap ul li img {width: 100%;} 
.mid_bnr_wrap ul li dl { position:absolute; top: 85%; left: 50%; transform: translate(-50%, -50%); text-align: center; } 
.mid_bnr_wrap ul li dl dt { font-size: 35px; 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: 15px; font-weight: bold; color: #fff; letter-spacing: 10px; background: rgba(255,255,255,0.2); padding: 24px 58px; border: 1px solid #fff; border-radius: 50px; box-sizing: border-box; } 

/* 인스타그램 영역 */
.insta_wrap {position: relative;display: flex;justify-content: space-between;width: 100%;max-width: 1420px;margin: 0 auto 120px;align-items: center;} 
.insta_wrap .insta_tit .insta_id { font-size: 24px; color: #cccccc; margin-bottom: 30px; } 
.insta_wrap .insta_tit .insta_name { font-size: 56px; color: #000; line-height: 1; margin-bottom: 48px; } 
.insta_wrap .insta_tit .insta_btn a { display: inline-block; font-size: 12px; color: #9caf92; border: 1px solid #9caf92; border-radius: 50px; padding: 20px 42px; letter-spacing: 9px; font-weight: bold; } 
.insta_wrap .insta_tit .insta_name img { margin-right: 24px; vertical-align: bottom; } 
.insta_wrap .insta_cont { position: relative; } 
.insta_wrap .insta_cont ul {display: flex;flex-wrap: wrap;justify-content: flex-start;max-width: 820px;} 
.insta_wrap .insta_cont ul li { width: 31%; margin: 0 1% 2%; } 
.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: translate(-50%, -50%); text-align: center; width: 1440px; } 
.youtube_wrap dl dt { font-size: 56px; color: #fff; margin-bottom: 60px; text-align: left; }

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

/* BASIC css end */