/* BASIC css start */
/* */

.SMSbanner img {padding-right:0px; padding-bottom:0px;}

#MS_WritenBySEB img {padding:2px;}

#main img{ width: 100%;}

/* .thumb img{ border: 1px solid #d9d9d9;} */
.MK-product-icons{width: auto;}
#main .MK-product-icons img{ width: auto;display:block; height:21px; padding:0 !important; margin:0;}
.listTitle{ font-size: 20px; font-weight: 500;}
.listArrow{ display: inline-block; width: 12px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

:is(.prd-info, .main_prd_list) .wish{ font-size: 10px; color: #6F6F6F; text-align:center;}
:is(.prd-info, .main_prd_list) .wish .my-wish-list{background-image:url(/design/aaron/ECHO/ui%20icon/heart.svg); display:block; width:18px; height:18px; background-repeat:no-repeat; background-size:contain; background-position:center; margin:0 auto;}
:is(.prd-info, .main_prd_list) .wish .my-wish-list.wish-on{background-image:url(/design/aaron/ECHO/ui%20icon/heart_full.svg);}

.prd-info li{ margin-bottom: 8px;}
.prd-info .etc{ font-size: 13px; color: #6f6f6f; margin-bottom: 6px;}
.prd-info .prd-name{ font-size: 14px; font-weight: 500;}
.prd-info .prd-price{ display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; font-size: 15px; font-weight: 500; margin: 4px 0 0;}
.prd-info .prd-price span{ display: inline-block; margin-right: 3px; }
.prd-info .prd-price .c-price-sell span:not(.price){ color: #CF1B7C; }
.prd-info .prd-price > span { margin-right: 0;}
.prd-info .prd-price > span strike{ font-size: 12px; color: #C3C3C3; font-weight: 400;}



/* 메인배너 */
.main_visual_wrap .swiper-slide{ position: relative;}
.main_visual_wrap .swiper-slide article{ position: absolute; left: 1.5rem; bottom: 13%;}
.main_visual_wrap .swiper-slide article h2{ font-size: 25px; color: inherit; padding-bottom: 15px;}
.main_visual_wrap .swiper-slide article p{ font-size: 17px; color: inherit;}
.main_visual_wrap .swiper-horizontal>.swiper-pagination-progressbar, 
.main_visual_wrap .swiper-pagination-progressbar.swiper-pagination-horizontal{ top: auto; left: 1rem; bottom: 1.4rem; width: calc(100% - 3rem); background: rgba(255,255,255,0.6); height: 2px;}
.main_visual_wrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background: #000;}


/* best, md진열 */
.product_wrap .main_prd_list{ padding: 3rem 0 3rem 1rem;}
.product_wrap .main_prd_list .swiper{ padding-right: 1rem;}
.product_wrap .main_prd_list .swiper .swiper-slide{ margin-right: 12px;}


.product_wrap .main_prd_list .thumb a{ min-height: 49.8vw; display: flex; justify-content: center; align-items: center; position:relative;}
.product_wrap .main_prd_list .thumb a .prd-ico{position:absolute; top:0; left:0}


.product_wrap .prd-info{ position: relative; margin: 15px 0 0;}
.product_wrap .prd-info .wish{ float: right; display:block;}
.product_wrap .prd-info > ul{ width: 100%;}
.product_wrap .prd-info .etc{ min-height: 19px; width: calc(100% - 25px);}
.product_wrap .prd-info .prd-price > span{ display: block; width: 100%;}


.item-box .icon-box{ display: flex; align-items: center; margin: 12px 0 0;}
.item-box .icon-box [class*="-count"]{padding-left: 5px; color: #6F6F6F; font-size: 11px;}

.item-box .wish{display: inline-block; float: right; font-size: 10px; color: #6F6F6F; text-align:center;}
.item-box .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;}
.item-box .wish .my-wish-list.wish-on{background-image:url(/design/aaron/ECHO/ui%20icon/heart_full.svg);}

.item-box .heart{display: inline-flex; align-items: center;}
#main .item-box .heart img{ width: 12px;}
.item-box .review{ display: inline-flex; align-items: center; margin-left: 10%; line-height: 1; font-size: 11px; color: #6f6f6f;}
.item-box .review .review-count{ padding-left: 3px;  line-height: 1;}



.product_wrap.best .main_prd_list > article{ position: relative; margin: 0 1rem 20px 0;}
.product_wrap.best .main_prd_list > article p{ font-size: 16px; color: #6F6F6F; padding-top: 12px;}
.product_wrap.md .main_prd_list h2.listTitle{ margin-bottom: 20px;}







/* 인기 상품 랭킹 */
.popularity_list{ margin-bottom: 4.5rem;}


.popularity_list .listTitle{ padding: 1.2rem 1rem;}
.popularity_list .banner_wrap{width: 100%;}
.popularity_list .banner_wrap ul li:not(.active){display:none;}

.popularity_list .prd_list_wrap{overflow-x:auto; -ms-overflow-style: none; scrollbar-width: none;}
.popularity_list .prd_list_wrap::-webkit-scrollbar{display:none;}

.popularity_list .swiper-pagination{position:relative; width:max-content !important; height:max-content !important; padding:1.2rem 1rem; bottom:auto !important; left:auto !important;}

.popularity_list .swiper-pagination-bullet.prd_list_tab{
   display:inline-block; width: auto; height:auto; padding: 8px 12px; font-size: 14px; border: 1px solid #D9D9D9; border-radius: 50px; line-height: 1;
   margin-right: 8px; background:none; color: #000; opacity: 1;
}
.popularity_list .swiper-pagination-bullet.swiper-pagination-bullet-active.prd_list_tab{ border: 1px solid #000; background: #000; color: white;}

.popularity_list .main_prd_list{ padding: 0 1rem;}
.popularity_list .main_prd_list > a.more { display: block; margin: 2.9rem auto 0; width: 80%; text-align: center; font-size: 15px; padding: 14px 0; border: 1px solid #d9d9d9; border-radius: 5px; }
.popularity_list .main_prd_list .item-box{ display: flex; margin-bottom: 20px;}
.popularity_list .main_prd_list .item-box:last-child{ margin-bottom: 0;}
.popularity_list .main_prd_list .item-box > *{ display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.popularity_list .main_prd_list .item-box .rank{ width: 6%; font-size: 16px;}
.popularity_list .main_prd_list .item-box .thumb{ width: 30%;}
.popularity_list .main_prd_list .item-box .thumb a{ display: block; position:relative;}
.popularity_list .main_prd_list .item-box .thumb a .prd-ico{position:absolute; top:0; left:0;}
.popularity_list .main_prd_list .item-box .thumb a .prd-ico img{display:inline !important; height:14px !important;}
.popularity_list .main_prd_list .item-box .prd-info{ width: 59%; padding-left: 12px;}
.popularity_list .main_prd_list .item-box .prd-info li{ margin-bottom: 5px;}
.popularity_list .main_prd_list .item-box .prd-info li:last-child{ margin-bottom: 0;} 
.popularity_list .main_prd_list .item-box .prd-info li.prd-price{ margin-top: 0;}
.popularity_list .main_prd_list .item-box .prd-info li.icon-box{margin-top: 4px;}
.popularity_list .main_prd_list .item-box .prd-info li.icon-box .review{ margin-left: 0;}
.popularity_list .main_prd_list .item-box .wish_box{ width: 9%; align-items: center; text-align: center; font-size: 10px; color: #6F6F6F; }
.popularity_list .main_prd_list .item-box .wish_box a{ display: block; margin: 0 auto 4px;}


/* 이벤트 배너 */
.main_event_wrap{ padding: 1rem; margin: 2rem 0;}
.main_event_wrap .tit{ position: relative;}
.main_event_wrap .cont{}
.main_event_wrap .cont li{ margin-top: 20px;}
.main_event_wrap .cont li a{ display: flex; }
#main .main_event_wrap .cont li a img{ width: 40%;}
.main_event_wrap .cont li a article{ width: 60%; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; padding-left: 12px; }
.main_event_wrap .cont li a article h3{ font-size: 17px;}
.main_event_wrap .cont li a article p{ font-size: 14px; color: #6F6F6F; padding-top: 8px;}








/* 브랜드 스토리 */
.brand_story{text-align:center; position: relative; color: white;}
.brand_story > div{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; }
.brand_story > div span{ font-size: 14px; }
.brand_story > div > div{font-size: 18px; margin: 0.8rem auto 1.7rem; line-height: 1.5;}
.brand_story > div a{ display:block; width: 60%; margin: 0 auto; padding: 0.8rem; border: 1px solid #fff; font-size: 14px; border-radius: 5px; color: white;}



/* BASIC css end */