/* BASIC css start */
/*리얼리뷰작업 250708*/
#Best_review{margin:70px 0 0}
.crema-reviews{margin-bottom:70px}

.spacer {
  height: 1200px; /* 스크롤 여유 공간 */
}
.review-wrap {
  text-align: center;
}

.review-wrap h2{
    background: #272727;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-family: 'Kumbh Sans';
    margin: auto;
    padding: 7px 12px;
    display: inline-block;
}

#review-box{
    font-family: 'Kumbh Sans';
    font-weight: 500;
    font-size: 24px;
    margin-top: 22px;
    margin-bottom: 30px;
}


#review-count {
    font-size: 33px;
    font-weight: bold;
    letter-spacing: 1px;
}

#Best_review .inside *{
    margin: 40px 10px;
    display: block;
    width: calc(100% - 20px);}

/*리뷰작업 끝*/


/* 메인배너 영역 */


.main_top_contents { 
    position: relative; 
    overflow: hidden;    
}

.main_back_slide::before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(17px);
    -webkit-backdrop-filter: blur(17px);
    background-color: rgb(255 255 255 / 18%);
    z-index: 5;
}


.main_back_slide { width: 100%; }

.main_back_slide img { 
    width: 122%; 
    margin-left: -20%;
}

.main_back_slide .main_txt_box { display: none; }


.main_top_contents .top_menu {
    /*padding: 0 0 0 4.5vw;*/
    position: absolute;
    top: 3vw;
    left: 0;
    width: calc(100% - 9vw);
    right: 0;
    z-index: 8;
    margin: 0 auto;
}

.top_menu .swiper-slide {
    width: auto;
    /*margin-right: 10px;*/
}

.top_menu .swiper-slide span { 
    position: relative; 
    font-size: 3.5vw;
    color: white;
    font-weight: 800;
    line-height: 8.5vw;
}

.top_menu .swiper-slide.new span::after {
    content: '';
    position: absolute;
    top: -3px;
    right: -5px;
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #7A0514;
    border-radius: 100%;
}

.top_menu .swiper-slide img {
    height: 7.5vw;
    margin-right: 10px;
}

.top_menu.brand_menu .swiper-slide img {
    height: 8vw;
    margin: 0px 6px 0 -3px;
}

.top_menu .swiper-slide a {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    padding: 1vw 3vw 1vw 2.5vw;
    height: 8.5vw;
    background: #0000007d;
    border-radius: 20px;
    border: 2px solid #ffffff70;
    box-sizing: border-box;
}


#mainWrap {
    position: absolute;
    top: 14vw;
    left: 0;
    width: 100%;
    padding: 0 4.5vw;
    box-sizing: border-box;
    border-radius:25px;
    z-index: 10;
}

.swiper-container.swiper-main { width: 100%; }
.swiper-container.swiper-main img { width:100%; border-radius:25px;}

.mainban .swiper-slide { transition: all .8s; }

.mainban .swiper-slide-prev,
.mainban .swiper-slide-next {
    transform: scale(0.9);
}
.mainban .swiper-slide-active {
    transform: scale(1);
}

/* 이미지 위 문구 */
.mainban .swiper-slide .main_txt_box { display:none; position: absolute; bottom: 11vw; left: 5%; width: 90%; line-height: normal; }
.mainban .swiper-slide .main_txt_box .main_txt { position: relative; height: 10vw; }
.mainban .swiper-slide .main_txt_box.bk_txt .main_txt h3,
.mainban .swiper-slide .main_txt_box.bk_txt .sub_txt h5 { color: #000; }
.mainban .swiper-slide .main_txt_box .main_txt h3 { position: absolute; opacity: 0; transition: all 1.2s; transform: translateX(50px); color: #fff; font-size: 7vw; font-weight: 800; line-height: 9vw; width: 100%; text-align: center; }
.mainban .swiper-slide .main_txt_box .sub_txt h5 { position: absolute;  opacity: 0; transition: all 1.2s; transform: translateX(50px); color: #fff; font-size: 4.4vw; word-break: keep-all; width: 100%; text-align: center; font-weight: 200; }
.mainban .swiper-slide-active .main_txt_box .main_txt h3,
.mainban .swiper-slide-active .main_txt_box .sub_txt h5 { opacity: 1; transform: translateX(0); }
/* //이미지 위 문구 */

/* 페이지네이션 */
.mainban .paginationWrap {
    bottom: 0;
    right: 0;
    left: auto;
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    display: none;
}

.mainban .paginationWrap > div,
.mainban .paginationWrap .allViewBtn {
    text-align: center;
    display: inline-block;
    height: 7.5vw;
    color: #fff;
    font-size: 3vw;
    position: initial;
    letter-spacing: 0.2vw;
    line-height: 7.5vw;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 0 2.5vw;
}

.mainban .paginationWrap .swiper-pagination { width: auto; }
.mainban span.swiper-pagination-current,
.mainban .paginationWrap i { color: #fff; }

.mainban .paginationWrap button.allViewBtn {
    border: none;
    color: #fff;
    width: auto;
    margin-left: 0.5vw;
    letter-spacing: 0;
}

.mainban .paginationWrap button.allViewBtn i {
    font-size: 2.5vw;
    margin-left: 5px;
}

.mainban button.allViewBtn span {
    display: flex;
    align-items: center;
}
/* //페이지네이션 */

html.popup-on {
    position: relative;
    height: var(--vh, 100vh);
}

html.popup-on body{
    overflow: hidden;
    touch-action: none;
}

#mainCnrPromtExpand { display:none; }
#mainCnrPromtExpand.on {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    z-index: 1000;
    overflow-y: auto;
    background: #fff;
    padding: 50px 4% 20px;
    box-sizing: border-box;
}

#mainCnrPromtExpand .tit {
    height: 50px;
    text-align: center;
    font-size: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 10;
    background: #fff;
    width: 100%;
    top: 0;
    left:0
}

div#mainCnrPromtExpand i {
    position: absolute;
    right: 10px;
    font-size: 30px;
}
    
#mainCnrPromtExpand .main-list {
    margin-bottom: 30px;
    padding-bottom: 30px;
    width: 49.3%;
    float: left;
}

#mainCnrPromtExpand .main-list:nth-child(even) { margin-right: 1.4%; }
#mainCnrPromtExpand .main-list:last-child{ margin-bottom: 0px;}
#mainCnrPromtExpand .main-list img{width:100%;border-radius: 5px;}
#mainCnrPromtExpand .main-list a {
    position: relative; /* 이미지 위 문구 */
    display: inline-block;
    width: 100%;
}

/* 이미지 위 문구 */
#mainCnrPromtExpand .main-list .main_txt_box { color:#000}
#mainCnrPromtExpand .main-list .main_txt_box .main_txt { position: relative; height: 7.5vw; }
#mainCnrPromtExpand .main-list .main_txt_box.bk_txt .main_txt h3,
#mainCnrPromtExpand .main-list .main_txt_box.bk_txt .sub_txt h5 { color: #000; }
#mainCnrPromtExpand .main-list .main_txt_box .main_txt h3 { position: absolute;  font-size: 3.5vw; font-weight: 500; line-height: 9vw; }
#mainCnrPromtExpand .main-list .main_txt_box .sub_txt h5 { position: absolute; font-size: 3vw; word-break: keep-all; }
/* //이미지 위 문구 */


.swiper-main .util { display: flex; align-items: center; justify-content: space-between; position: absolute; bottom: 9%; left: 20%; width: 60%; z-index: 1; } 
.swiper-main .util::after { display: none; }
.swiper-main .util .swiper-scrollbar { width: 100%; height: 2px;  background: #000; bottom: 0; border-radius: 0; }
.swiper-main .util .swiper-container .swiper-notification { bottom: 0; left: 0; }
.swiper-main .util .swiper-scrollbar .progress { transition: all 3.5s ease; height: 2px; background:#fff; }


.main_bt_bn {
    position: absolute;
    bottom: 0;
    z-index: 8;
    padding: 0 4.5vw 3.5vw;
    width: 100%;
    box-sizing: border-box;
}

.main_bt_bn a {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2vw 4vw;
    border-radius:25px;
}

.main_bt_bn div {
    display: inline-flex;
    align-items: center;
}

.main_bt_bn img {
    width: 10vw;
    border-radius: 1.5vw;
    margin-right: 4vw;
}

.main_bt_bn p { font-size: 4vw; font-weight: 700; }
.main_bt_bn i { 
    font-size: 5vw; 
    color: #a3a3a3;
}


/* 메인팝업 */
.main_popup {left: 50%; position: fixed; opacity: 0; z-index: 9999;}
.main_popup {max-width:100%;margin:0 auto;width:100%;background-color:#fff;transform:translate(-50%,0);bottom:0px;top:auto !important;border-radius:24px 24px 0 0;overflow: hidden;}

.main_popup .swiper_inner {padding: 20px 0 16px; ;;background:#f1f1f1;}
.main_popup .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    z-index: 1;
    display:none;
}
.main_popup .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}
.main_popup .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform ;
   
    background: #f1f1f1;
}

.main_popup .title { position: relative;font-weight: 900;font-size:19px;line-height: 25px;text-align: center;padding: 0px 10%;color: #1a1a1a;letter-spacing:-1px;}
.main_popup .title span { ;color: #fe581e;}

.main_popup .swiper-slide > div.bClose {position:absolute;cursor:pointer;right:24px;top: 24px ;display: none;}
.main_popup .swiper-slide > div.bClose img {height:24px;}

.main_popup .info {text-align:center;padding:15px 10%;}
.main_popup .info img {text-align:center;margin:0px;max-width:50%;}
.main_popup .btn {padding:0px 10% 0;}
.main_popup .btn .kakao {width:100%;height:40px;line-height:40px;font-size:15px;color:#fff;background:#1a1a1a;text-align:center;font-weight: 900;}
.main_popup .btn .kakao a {color:#fff;}
.main_popup .btn .close {width:100%;height:40px;line-height:40px;font-size:14px;color:#666;background:#D8D8D8;text-align:center;margin-top:8px;font-weight: 900;}


#contents {
    padding-top: 75px !important;
    text-align: center;
}


.swiper-container-no-flexbox .swiper-slide {
    float: left;
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-fles-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}
#slide_wrap .swiper-button-next, #slide_wrap .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 38px;
    height: 38px;
    margin-top: -19px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 38px 38px;
    -webkit-background-size: 38px 38px;
    background-size: 38px 38px;
    background-position: center;
    background-repeat: no-repeat
}

#slide_wrap .swiper-button-next.swiper-button-disabled, #slide_wrap .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

#slide_wrap .swiper-button-prev, #slide_wrap .swiper-container-rtl .swiper-button-prev {
    background-image: url("/design/mdceline/stylish/m_images/main_slide_arr_l.png");
    left: 25px;
    right: auto
}

#slide_wrap .swiper-button-next, #slide_wrap .swiper-container-rtl .swiper-button-next {
    background-image: url("/design/mdceline/stylish/m_images/main_slide_arr_r.png");
    right: 25px;
    left: auto
}

.swiper-pagination {
    position: relative;
    text-align: center;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-pagination-bullet {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    background: #aeaeae;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff;
}

.swiper-pagination-bullet-active {
    background: #000;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000;
}

.swiper-container-vertical>.swiper-pagination {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate(0, -50%);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet {
    margin: 5px 0;
    display: block;
}

.swiper-container-horizontal>.swiper-pagination {
    width: 100%;
    padding: 0 0 15px;
    transition: none !important;
}

.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
    margin: 0 4px;
}


/* 메인 배너 하단 아이콘 */

.catemenu_big_box { margin: 20px 0 0px; }

.catemenu_fix_box { 
    overflow: hidden; 
    padding: 0 10px 0px 10px;
}

.catemenu_fix_box .catemenu_fix {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.catemenu_fix_box .catemenu_fix li { width: calc((100% / 5) - 8px); }
    
.catemenu_fix_box .catemenu_fix li a { 
    display: inline-block; 
    width: 100%;
    font-size: 0;
    position:relative;
}
    
.catemenu_fix_box .catemenu_fix li:first-child a { margin-left: 0;  }
    
.catemenu_fix_box .catemenu_fix li div {
    border-radius: 32%; 
    background-color: #e3e4e9;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}
    
.catemenu_fix_box .catemenu_fix li a > div::before {
    content: '';
    padding-bottom: 100%;
    display: block;
}
    
.catemenu_fix_box .catemenu_fix li a > div > img { 
    position: absolute;
    width: 100%; 
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
    
.catemenu_fix_box .catemenu_fix li a > p { 
    text-align: center; 
    margin: 5px 0 10px; 
    font-size: 10.5px; 
   font-weight: 500; 
    word-break: keep-all;
}
    
.catemenu_big_box .swiper-pagination { 
    width: calc(100% - 20px);
    height: 3px;
    bottom: 0;
    background-color: #f0f0f0;
    left: 10px;
}
.catemenu_big_box .swiper-pagination .swiper-pagination-progressbar-fill { 
    height: 100%; 
    width: 100%; 
    background-color: #000; 
    position: absolute; 
    bottom: 0; 
    left: 0; 
    transform: scale(0); 
    transform-origin: left top; 
}
.catemenu_big_box .swiper-slide .dd_delivery {
    position: absolute;
    
    top: -10px;
    right: -4px;
    display: inline-block;
   background-color: #0075ff;
    color: #fff;
    font-size: 9px;
    font-weight: 300;
    padding: 0 6px;
    border-radius: 20px;
    height: 17px;
    line-height: 18px;
}
    
@keyframes animatedgradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.catemenu_fix_box .catemenu_fix .dd_menu img {
    transform: translate(-50%, -200%);
   animation: down;
    animation-delay: 0.8s;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.catemenu_fix_box .catemenu_fix .cate_in_slide .swiper-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
    
.catemenu_fix_box .catemenu_fix .cate_in_slide .swiper-slide img { width: 85%; }

.catemenu_fix_box .catemenu_fix .cate_in_slide .swiper-slide p {
    color: #000;
    font-size: 3vw;
    font-weight: bold;
    line-height: 1.2;
}

.catemenu_fix_box .catemenu_fix .cate_in_slide .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

    
.catemenu_fix_box .catemenu_fix .fade_slide { background: linear-gradient(0deg, #296AE3, #F1F0F1); }
.catemenu_fix_box .catemenu_fix li .fade_slide div { background-color: transparent; }

.catemenu_fix_box .catemenu_fix .fade_slide .swiper-slide img { width: 97%; }
.catemenu_fix_box .catemenu_fix .fade_slide .swiper-slide img,
.catemenu_fix_box .catemenu_fix .fade_slide .swiper-slide p {
    margin-bottom: -15px;
    transition: .5s;
    opacity: 0;
    transform: scale(0.8);
}

.catemenu_fix_box .catemenu_fix .fade_slide .swiper-slide-active img,
.catemenu_fix_box .catemenu_fix .fade_slide .swiper-slide-active p {
    margin-bottom: 0;
    opacity: 1;
    transform: scale(1);
}
    
/* .catemenu_fix_box .catemenu_fix .fade_slide .swiper-slide-active p { width: auto; } */

.catemenu_fix_box .catemenu_fix .line_slide .swiper-wrapper { 
    overflow: initial; 
    transition-timing-function: linear;
}

.catemenu_fix_box .catemenu_fix .cate_in_slide .swiper-slide { 
    display: inline-flex;
   width: auto;
}

.catemenu_fix_box .catemenu_fix .line_slide .swiper-slide img {
    width: auto;
    height: 90%;
}
    
.catemenu_fix_box .catemenu_fix .line_slide .swiper-slide p {
    margin-right: 5px;
}

.catemenu_fix_box .catemenu_fix .fporg_menu p {
    /* font-family: 'Bebas Neue', cursive; */
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2.9vw;
    width: 100%;
    text-align: center;
    font-weight: 800;
}

.catemenu_fix_box .catemenu_fix .fporg_menu1 p {
    /* font-family: 'Bebas Neue', cursive; */
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3.8vw;
    width: 100%;
    text-align: center;
    color: red;
    font-weight: 800;
}


/* 아이콘 슬라이드 (예전) */
#iconSlide_wrap {
    position: relative;
    padding: 0 18px;
}
#iconSlide_wrap .swiper-container { 
}

.iconSlide-title {
    font-family: 'Kumbh Sans', sans-serif;
    color: #000000;
    font-size: 13px;
    line-height: 1.6;
    padding: 13px 0 5px;
}

#iconSlide_wrap .swiper-button-next-icon, #iconSlide_wrap .swiper-button-prev-icon {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -19px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 40px 40px;
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
    background-position: center;
    background-repeat: no-repeat;
    filter: alpha(opacity=100);
    opacity: 1.0;
    -moz-opacity: 1.0;

}

#iconSlide_wrap .swiper-button-next-icon.swiper-button-disabled, #iconSlide_wrap .swiper-button-prev-icon.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

#iconSlide_wrap .swiper-button-prev-icon, #iconSlide_wrap .swiper-container-rtl .swiper-button-next-icon {
    background-image: url("/design/mdceline/stylish/images/icon_arr_l.png");
    left: 50%;
    margin-left: -810px;
}

#iconSlide_wrap .swiper-button-next-icon, #iconSlide_wrap .swiper-container-rtl .swiper-button-prev-icon {
    background-image: url("/design/mdceline/stylish/images/icon_arr_r.png");
    right: 50%;
    margin-right: -810px;
}

#iconSlide_wrap .swiper-slide {
    /* border: 1px solid #dddddd; */
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
#iconSlide_wrap .swiper-slide a {
    width: 17%;
    text-align: center;
    margin-top: 15px;
    border: 0.1px solid #dddddd;
    overflow: hidden;
    border-radius: 100%;
    box-sizing: border-box;
}
/*
#iconSlide_wrap .swiper-slide p {
    position: absolute;
    left: 3px;
    top: 3px;
    width: 96%;
    height: 96%;
    background: rgba(255, 255, 255, 0.9);
    text-align: center;
    opacity: 0;
    visibility: hidden;
    border-radius: 130px;
}
#iconSlide_wrap .swiper-slide p span {
    line-height: 1.45;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    right: 0;
    word-break: keep-all;
    color: #333333;
    font-size: 14px;
    font-weight: 700;
}
#iconSlide_wrap .swiper-slide:hover p {
    opacity: 1;
    visibility: visible;
}
*/
#iconSlide_wrap .swiper-slide p { display: none; }

#iconSlide_wrap .swiper-pagination {padding-top: 9px;padding-bottom: 19px;}

#iconSlide_wrap .swiper-pagination .swiper-pagination-bullet {
    background: #dbdbdb;
    width: 30px;
    height: 3px;
    border-radius: 3px;
    margin-right: -1px;
}

#iconSlide_wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #333;
}
.banner {
    position: relative;
}

.banner img {
    width: 100%;
}

.banner .box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    height: 100%;
    background-color: #0000002b;
}

.banner p {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    font-family: serif;
    font-weight: 500;
    font-size: 24px;
    color: #fff;
    line-height: 1.22;
    letter-spacing: 0.5px;
}
 
.prdWrap {}
.prdWrapTitle {
    color: #000000;
    font-size: 16px;
    padding: 35px 0 25px;
}

.prdSlide .list { 
    margin-left: 0; 
}
 
.moreBtn {margin-bottom:35px;}

.moreBtn a {
    border: 1px solid #cccccc;
    width: 60%;
    display: inline-block;
    padding: 13px 0;
    color: #333333;
    font-size: 13px;
    letter-spacing: -0.5px;
}

.moreBtn a img {
    width: 5px;
    vertical-align: baseline;
    margin-left: 3px;
}
#brandArea {}
#brandArea .Title {
    color: #000000;
    font-size: 20px;
    padding: 35px 0 25px;
}


#brandArea ul {
    font-size: 0;
    padding-bottom: 20px;
}

#brandArea ul li {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    margin-bottom: 2%;
    position: relative;
}

#brandArea ul li:nth-child(even) {
    margin-left: 2%;
}

#brandArea ul li a img {
    width: 100%;
}
#brandArea ul li p {
    position: absolute;
    top: 0;
    font-size: 15px;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-weight: bold;
    font-family: serif;
}

#brandArea ul li .box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    height: 100%;
    background-color: #0000002b;
}

#comment {
    text-align: left;
    padding: 0 18px;
}

#comment .brandname {
    color: #333333;
    font-size: 17px;
    letter-spacing: -0.5px;
    padding-bottom: 15px;
}

#comment p {
    color: #333333;
    font-size: 13px;
    letter-spacing: -0.5px;
    line-height: 1.35;
}

.banner4x {
    font-size: 0;
}

.banner4x > a {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    position: relative;
    margin-top: 2%;
}

.banner4x > a img {
    width: 100%;
}

.banner4x > a:nth-child(odd) {
    margin-right: 2%;
}

.banner4x > a > p {
    font-size: 17px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    line-height: 1.35;
    font-family: serif;
}

.banner3x {
    font-size: 0;
}

.banner3x .box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    height: 100%;
    background-color: #0000002b;
}

.banner3x > a {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    position: relative;
    margin-top: 2%;
}

.banner3x > a img {
    width: 100%;
}


.banner3x > a:nth-child(1) {
    margin-right: 2%;
}

.banner3x > a:nth-child(3) {
    width: 100%;
}
.banner3x > a > p {
    font-size: 17px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    line-height: 1.35;
    font-family: serif;
}


.banner3x > a:nth-child(3) > p {
    bottom: 50%;
    transform: translateY(50%);
    font-size: 20px;
}

.banner3x > a:nth-child(3) > p span {
    border: 2px solid #fff;
    display: inline-block;
    padding: 0 10px;
    font-size: 13px;
    height: 26px;
    line-height: 26px;
    margin-top: 10px;
    font-weight: bold;
}
.longBanner {}

.longBanner a {
    display: block;
    position: relative;
}

.longBanner a img {
    width: 100%;
}

.longBanner a + a {
    margin-top: 18px;
}
.longBanner a .desc {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    color: #fff;
}

.longBanner a .box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    height: 100%;
    background-color: #0000002b;
}

.longBanner a .desc h5 {
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 18px;
}

.longBanner a .desc h3 {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.35;
    font-family: 'Kumbh Sans';
}

.longBanner a .desc .btn {
    background: #00391a;
    font-weight: 900;
    font-size: 17px;
    padding: 10px 17px;
    display: inline-block;
    margin-top: 25px;
}

.list .thumb .my-wish-list {
    position: absolute;
    bottom: -28px;
    right: 10px;
}

.list .thumb .my-wish-list img{
    width: 15px;
}


.bestReview-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
}

.MK-product-icons img {padding:0 2px 0 0;padding-right: 3px;padding-bottom: 3px;width: auto !important;height: 20px !important;}


/* BASIC css end */