/* BASIC css start */
/* 2312 에코 리뉴얼 */
#main{padding-top:60px;}
#main .visualBanner .swiper-slide a{display:block; position:relative;}
#main .visualBanner .swiper-slide a img{width:100%;}
#main .visualBanner .swiper-slide a article{position:absolute; left:150px; top:50%; transform:translateY(-50%);}
#main .visualBanner .swiper-slide a article h2{font-size:26px; line-height:36px; margin-bottom:24px;}
#main .visualBanner .swiper-slide a article p{font-size:18px;}

#main .mainPrdCon{padding-top:100px;}
#main .mainPrdCon .main_prd_list{margin-bottom:210px; overflow:hidden;}
#main .mainPrdCon .main_prd_list .listTitle{font-size:24px; font-weight:500; color:#373737; margin-bottom:40px; display:block;}
#main .mainPrdCon .main_prd_list .swiper{overflow:visible; padding-bottom:60px;}
#main .mainPrdCon .main_prd_list .swiper .swiper-button-prev, #main .mainPrdCon .main_prd_list .swiper .swiper-button-next{opacity:1; top:auto; bottom:calc(100% + 48px); width:15px; height:15px;  background-repeat:no-repeat; background-size:contain; background-position:center;}
#main .mainPrdCon .main_prd_list .swiper .swiper-button-prev::after, #main .mainPrdCon .main_prd_list .swiper .swiper-button-next::after{font-size:0;}
#main .mainPrdCon .main_prd_list .swiper .swiper-button-prev{background-image:url(/design/aaron/ECHO/ui%20icon/arrow_left.svg); left:auto; right:30px;}
#main .mainPrdCon .main_prd_list .swiper .swiper-button-next{background-image:url(/design/aaron/ECHO/ui%20icon/arrow_right.svg); right:0;}
#main .mainPrdCon .main_prd_list .swiper .swiper-scrollbar{bottom:0; left:50%; transform:translateX(-50%); width:50%; overflow:hidden; height:3px;}
#main .mainPrdCon .main_prd_list .swiper .swiper-scrollbar .swiper-scrollbar-drag{background:#000 !important;}

.thumb > a{display:flex; align-items:center; width:100%; min-height:374.94px; position:relative;}
.thumb > a > .prd-ico{line-height:0; position:absolute; top:0; left:0;}
.thumb > a > .prd-ico span{display:inline-block;}
.thumb > a > .prd-ico span img{ height:27px; width:auto; display:block;}
.thumb > a > img{width:100%;}

.prd-info{position:relative; padding-top:14px;}
.prd-info .wish{position:absolute; display:block; right:0; top:14px; text-align:center;}
.prd-info .wish .my-wish-list{background-image:url(/design/aaron/ECHO/ui%20icon/heart.svg); display:block; width:20px; height:20px; background-repeat:no-repeat; background-size:contain; background-position:center; margin:0 auto;}
.prd-info .wish .my-wish-list.wish-on{background-image:url(/design/aaron/ECHO/ui%20icon/heart_full.svg);}
.prd-info ul{width:calc(100% - 35px);}
.prd-info ul li.etc{font-size:14px; font-weight:400; color:#6F6F6F; line-height:18px; min-height:18px;}
.prd-info ul li.prd-name a{font-size:16px; font-weight:400; color:#000; padding:8px 0 10px 0; display:block;}
.prd-info ul li.prd-price{margin-top:15px;}
.prd-info ul li.prd-price strike{font-size:15px; font-weight:300; color:#C3C3C3; line-height:25px;}
.prd-info ul li.prd-price .c-price-sell span:not(.price){font-size:18px; line-height:25px; font-weight:400; color:#CF1B7C;}
.prd-info ul li.prd-price .c-price-sell .price{color:#000; font-weight:400; font-size:18px; line-height:25px;}
.prd-info ul li.icon-box{ display: flex; align-items: center; margin: 12px 0 0;}
.prd-info ul li.icon-box [class*="-count"]{padding-left: 5px; color: #6F6F6F; font-size: 13px;}
.prd-info ul li .wish{display: inline-block; float: right; font-size: 10px; color: #6F6F6F; text-align:center;}
.prd-info ul li .wish .my-wish-list{background-image:url(/design/aaron/ECHO/ui%20icon/heart.svg); display:inline-block; width:17px; height:17px; background-repeat:no-repeat; background-size:contain; background-position:center; margin:0 auto;}
.prd-info ul li .wish .my-wish-list.wish-on{background-image:url(/design/aaron/ECHO/ui%20icon/heart_full.svg);}
.prd-info ul li .heart{display: inline-flex; align-items: center;}
.prd-info ul li .heart img{ width: 14px;}
.prd-info ul li .review{ display: inline-flex; align-items: center; margin-left: 10%; color: #6F6F6F; font-size: 13px; line-height: 1;}
.prd-info ul li .review .review-count{padding-left: 5px; line-height: 1;}



/* 지금 인기 상품 랭킹 */
.popularity_list .prd_list_tab ul{display:flex; margin-bottom:20px;}
.popularity_list .prd_list_tab ul li{ cursor: pointer; font-size:15px; font-weight:400; color:#000; padding:12px 20px; border:solid 1px #D9D9D9; margin-right:12px; border-radius:23px; line-height: 1;}
.popularity_list .prd_list_tab ul li:last-child{margin-right:0;}
.popularity_list .prd_list_tab ul li.on{background:#000; border:none; color:#fff; }
.popularity_list .tabCon{display:flex; display:none;}
.popularity_list .tabCon.on{display:flex;}
.popularity_list .tabCon .popularity_banner{width:500px; margin-right:20px;}
.popularity_list .tabCon .popularity_banner img{width:100%;}
.popularity_list .tabCon .swiper{width:calc(100% - 500px); overflow:hidden !important;}
.popularity_list .tabCon .swiper .thumb > a{ min-height:214px;}
.popularity_list .tabCon .swiper .thumb > a > .prd-ico span img{display:inline; height:27px;}

/* 공식몰 단독 이벤트 */
.event ul{display:flex; justify-content:space-between;}
.event ul li{width:calc((100% - 40px)/3);}
.event ul li img{width:100%;}
.event ul li p{margin:24px 0 10px 0; font-size:20px; font-weight:400; color:#000;}
.event ul li a > span{font-size:16px; font-weight:400; color:#6F6F6F}

/* 브랜드스토리 */
.brand_story{position:relative;}
.brand_story img{width:100%;}
.brand_story .con{position:absolute; top:50%; transform:translateY(-50%); left:250px;}
.brand_story .con > span{font-size:14px; font-weight:400; color:#fff;}
.brand_story .con > p{margin:12px 0 20px 0; color:#fff; font-weight:400; font-size:18px;}
.brand_story .con > a{color:#fff; font-size:13px; font-weight:400; padding:14px 54px; border:solid 1px #fff; border-radius:5px; display:inline-block;}
.brand_story .con > a > span{margin-right:5px;}
/* BASIC css end */