/* BASIC css start */
/* 메인영역01 : 메인 키비주얼 */
.mm_sec01 {}
.mm_sec01 .swiper01 {width:100%;height:100%;}
.mm_sec01 .swiper01 .swiper-slide {position:relative;margin:0 auto;}
.mm_sec01 .swiper01 .swiper-slide img {width:100%;}
.mm_sec01 .swiper01 .swiper-slide .inner {opacity:0; font-size:0px; text-align:left; position:absolute; left:16px; bottom:100px;margin-left:0px; display:flex; flex-direction:column; -webkit-box-pack: center;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s;}
.mm_sec01 .swiper01 .swiper-slide-active .inner {opacity:1; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s;}
.mm_sec01 .swiper01 .swiper-slide .inner .t01 {color:#fff;font-size:16px;font-weight:600;line-height:24px;letter-spacing:-0.02em;}
.mm_sec01 .swiper01 .swiper-slide .inner .t02 {color:#fff;font-size:32px;font-weight:700;line-height:40px;padding-top:8px;}
.mm_sec01 .swiper01 .swiper-slide .inner .t03  {color:#fff;font-size:14px;font-weight:400;line-height:22px;padding-top:18px;letter-spacing:-0.02em;}
.mm_sec01 .swiper01 .swiper-slide.main02 .inner .t02 ,.mm_sec01 .swiper01 .swiper-slide.main02 .inner .t03 {color:#000;}
.mm_sec01 .swiper01 .swiper-pagination1 {font-weight:400;font-size:10px;line-height:16px;color: #fff;bottom:24px;letter-spacing:3px;}
.mm_sec01 .swiper01 .mm_sec01_box01 {display:flex;justify-content:space-between;width:128px;margin:0 auto;position:relative;bottom:21px !important;}
.mm_sec01 .swiper01 .swiper-button-next1,
.mm_sec01 .swiper01 .swiper-button-prev1 {z-index:999;width:24px;height:24px;position:unset;top:unset;background-image:unset;} 
.mm_sec01 .swiper01 .swiper-button-next1 {}
.mm_sec01 .swiper01 .swiper-button-prev1 {}
.mm_sec01 .swiper01 .swiper-button-next1:after,
.mm_sec01 .swiper01 .swiper-button-prev1:after {content:none;}

/*메인영역01 : 메인비주얼 텍스트 우측정렬 */
.mm_sec01 .swiper01 .swiper-slide.main05 .inner {right: 16px; top: 40px;left: auto;width: auto;}
.mm_sec01 .swiper01 .swiper-slide.main04 .inner {right: 16px; top: 40px;left: auto;width: auto;}

/*메인영역01 : 메인비주얼 텍스트 색상변경 */

.mm_sec01 .swiper01 .swiper-slide.main02 .inner .t01,
.mm_sec01 .swiper01 .swiper-slide.main02 .inner .t02,
.mm_sec01 .swiper01 .swiper-slide.main02 .inner .t03 {color:#fff;}

.mm_sec01 .swiper01 .swiper-slide.main04 .inner .t01,
.mm_sec01 .swiper01 .swiper-slide.main04 .inner .t02,
.mm_sec01 .swiper01 .swiper-slide.main04 .inner .t03 {color:#000;}

.mm_sec01 .swiper01 .swiper-slide.main05 .inner .t01,
.mm_sec01 .swiper01 .swiper-slide.main05 .inner .t02,
.mm_sec01 .swiper01 .swiper-slide.main05 .inner .t03 {color:#fff;}


/* 메인영역02 : 베스트 픽 */ 
.mm_sec02 {padding:93px 0 0;}
.mm_sec02 .title_box {margin:0 16px 20px;}
.mm_sec02 .tab_title {margin-bottom: 30px; margin-left: 15px;}
.mm_sec02 .tab_title .txt01 {font-size: 24px; font-weight: 300; color: #1a1a1a; line-height: 1.3;}
.mm_sec02 .tab_title .txt02 {margin-top: 10px; font-size: 12px; font-weight: 300; color: #8a8a8a;}

.mm_sec02 .wrap_promo { margin:0 16px 0; }
.mm_sec02 .wrap_promo .promo_ban {height:100%; position:relative;}
.mm_sec02 .wrap_promo .promo_ban a { width:100%; height:100%;}
.mm_sec02 .wrap_promo .promo_ban img {width:100%;height:auto;object-fit:cover;}
.mm_sec02 .inner {padding:16px; position:absolute; top:0; left:0;}
.mm_sec02 .inner .t01 {font-size:12px; font-weight:800; line-height:24px; color:#fff;}
.mm_sec02 .inner .t02 {margin:0 0 16px; font-size:22px; font-weight:700; line-height:30px; color:#fff; letter-spacing: -0.02em;}
.mm_sec02 .inner .t03 {margin:0 0 0px; font-size:12px; font-weight:400; line-height:16px; color:#fff;opacity:.5; letter-spacing: -0.02em;margin-bottom:16px;}
.mm_sec02 .inner .re_more {background:#37B2AB;padding:6px 16px;border-radius:13px;}
.mm_sec02 .inner .re_more span {font-size:10px;color:#fff;}
.mm_sec02 .goods_list {width:auto;padding:0 8px 135px;}
.mm_sec02 .item-wrap .item-cont .item-list {width: 50% !important;padding: 0 8px;box-sizing: border-box;}
.mm_sec02 .item-wrap .item-cont .item-list:nth-child(4n) {padding:0 8px;}


/* 메인영역07 : 베스트 리뷰 */
.mm_sec07 {position:relative;margin:0 auto 80px}
.mm_sec07 .title_box {margin: 0 16px 70px;}
.mm_sec07 .title_box .title {opacity:.5;}
.mm_sec07 .title_box > div {color:#fff;}
.mm_sec07 .mm_review_bg{position:absolute;width:100%;height:450px;background-color:#37B2AB;z-index:1;}
.mm_sec07 .mm_review {max-width:1280px;margin:0 auto;padding-top:120px;}
.mm_sec07 .mm_review .title_box {margin-bottom:48px;}
.mm_sec07 .swiper-wrapper {justify-content:space-between;}
.mm_sec07 .review_li {padding-top:48px;}
.mm_sec07 .review_li .swiper-slide{width:302px; box-sizing:border-box;border:1px solid #e8e8e8;}
.mm_sec07 .review_li .re_info {background-color:#fff;font-size:14px;}
.mm_sec07 .review_li .re_info .re_thmb img {width:100%;}
.mm_sec07 .review_li .re_info .re_desc_box {padding:0 24px;border: 1px solid #e8e8e8;border-top:none;}
.mm_sec07 .review_li .re_info .re_desc_box .re_desc {font-size:14px; color:#8a8a8a; font-weight:300; text-overflow:ellipsis; white-space: normal; word-wrap: break-word; display:flex;flex-direction: column;}
.mm_sec07 .review_li .re_info .re_desc_box .re_desc span.count {order:1;margin-top:24px;width:63px;text-indent:-9999px;}
.mm_sec07 .review_li .re_info .re_desc_box .re_desc .re_name {order:2;margin-top:16px;font-size:16px;color:#1a1a1a;font-weight:400;line-height:24px;letter-spacing:-0.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mm_sec07 .review_li .re_info .re_desc_box .re_desc .re_content {order:3}
.mm_sec07 .review_li .re_info .re_desc_box .re_desc .re_content span,
.mm_sec07 .review_li .re_info .re_desc_box .re_desc .re_content p{margin-top:4px;font-weight:400;font-size:14px !important;line-height:22px;letter-spacing:-0.02em;display:-webkit-box;-webkit-line-clamp:2; /* 라인수 */-webkit-box-orient:vertical;white-space:normal;height:2.8em;overflow:hidden;text-overflow:ellipsis;margin-bottom:16px;color:#9a9a9a;}
.mm_sec07 .review_li .re_date  {display:flex;align-items:center;}
.mm_sec07 .review_li .re_date span {padding-left:0;}
.mm_sec07 .review_li .re_count {display:flex;align-items:center;font-weight:400;font-size:12px;line-height:18px;letter-spacing:-0.02em;color:#9a9a9a;align-items: center;position:relative;}
.mm_sec07 .review_li .re_count::before {content: "";position: absolute;top: 50%;left: 31px; transform: translateY(-50%);background-repeat: no-repeat; width: 1px;height: 10px; background-size: 100%;background-color: #9a9a9a;}
.mm_sec07 .review_li .re_count .re_date { display:inline-block;width:68px;white-space:nowrap;overflow:hidden; }
.mm_sec07 .review_li .re_count span {font-weight:400;font-size:12px;line-height:18px;letter-spacing:-0.02em;color:#9a9a9a;}
.mm_sec07 .review_li .re_count p {   padding: 0 10px 0;}
.mm_sec07 .review_li .re_info > p{margin-bottom:10px; }
.mm_sec07 .review_li .re_line {width:100%; height:1px; background-color:#e8e8e8; margin:24px 0px 16px;}
.mm_sec07 .review_li {font-size:0px;}
.mm_sec07 .review_li .MS_review_mark_icon {display:inline-block; font-size:14px; line-height:1; color:#5a5a5a; font-weight:300; padding-bottom:16px;}
.mm_sec07 .review_li .MS_review_mark span:first-child {background:url(../morenvyimg/re_bg_line) top right; background-repeat:no-repeat; padding-left:0px;color: #1a1a1a !important;}
.mm_sec07 .review_li .re_prd {display:flex;align-items:center;margin-bottom:16px;}
.mm_sec07 .review_li .re_prd img {max-height:38px;border-radius:38px;border:1px solid #e8e8e8}
.mm_sec07 .review_li .re_prd span {font-weight:400;font-size:14px;line-height:22px;letter-spacing:-0.02em;color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mm_sec07 .review_li .re_date span{font-weight:400;font-size:12px;line-height:18px;letter-spacing:-0.02em;color:#9a9a9a;}
.mm_sec07 .drag_box {width:90%;margin:40px auto 0;}
.mm_sec07 .drag_box .swiper-pagination {position:relative;}
.mm_sec07 .swiper-pagination-bullet {width:auto; height:2px; border-radius:0;  margin: 0 !important; background-color:#f3f3f3; border-color:#f3f3f3; opacity:1;}
.mm_sec07 .swiper-pagination-bullet-active {background-color: #37B2AB; border-color:#37B2AB;}
.mm_sec07 .ec-base-product > ul > li {margin-bottom:0px;}
.mm_sec07 .more_btn .more_text {font-size:14px !important;}

.review_li li {border:1px solid #e8e8e8; box-sizing:border-box;}
.review_li .re_info {padding:20px 28px 20px;}
.review_li .re_name {font-size:18px; color:#1a1a1a; font-weight:400; padding-right:10px; line-height:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  }
.review_li .re_desc {font-size:14px; color:#8a8a8a; font-weight:300; padding-right:10px; padding-top:20px; overflow:hidden; text-overflow:ellipsis; white-space: normal; line-height: 1.5; height: 3em; word-wrap: break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.review_li .re_line {width:100%; height:1px; background-color:#e8e8e8; margin:50px 0px 30px;}
.review_li .re_count {font-size:0px;}
.review_li .re_count > span {display:inline-block; font-size:14px; line-height:1; color:#5a5a5a; font-weight:300; padding-left:10px;}
.review_li .re_count > span:first-child {background:url('/design/blue4459/mo_mini_de25/re_bg_line.png') top right; background-repeat:no-repeat; padding-left:0px; padding-right:10px;}
.review_li .re_count > .MS_review_mark {float:right; width: 69px;}
.review_li .re_thumb img {width: 100%;}


/* 메인영역03 : 카테고리 */
.mm_sec03 {position:relative;margin:180px 0 150px;}
.mm_sec03 .title_box {margin-bottom: 40px;}
.mm_sec03 .cate_wrap {margin:0 16px 16px;}
.mm_sec03 .cate_wrap ul {display: flex;flex-wrap: wrap;}
.mm_sec03 .cate_wrap li {width:50%;margin-bottom: 30px;}
.mm_sec03 .cate_wrap li span {display:block;}
.mm_sec03 .cate_wrap li span.sub_ct {font-size:12px;color:#9a9a9a;line-height:12px;margin-bottom: 10px;}
.mm_sec03 .cate_wrap li span.main_ct {font-size:16px;color:#1a1a1a;font-weight:700;line-height: 24px;position: relative;}
.mm_sec03 .cate_wrap li span.main_ct::after {content: "";position: absolute;display: inline-block;background-image: url('/design/blue4459/mo_mini_de25/cate_arr.svg');background-repeat: no-repeat;background-size: 100%;background-size: 100%;width: 7px;top: 50%;margin-left: 15px; height: 12px;transform: translateY(-50%);}
.mm_sec03 .tabcontent01 {text-align:right;}
.mm_sec03 .tabcontent01 img {width:100%;} 


/* 메인영역06 : 전광판 텍스트 */
.mm_sec06 {width:100%;position:relative;margin:0 auto 40px;overflow:hidden;display:flex;justify-content:center;align-items:center;margin-bottom:153px;}
.mm_sec06 .marquee {width:2930px; overflow:hidden;}
.mm_sec06 .marquee .marquee_content {display:flex;list-style:none;animation:scrolling 60s linear infinite;}
.mm_sec06 .marquee .marquee_content .marquee-item {width:1465px;white-space: nowrap;font-weight:700;font-size:72px;line-height:100%;color:#fff;text-shadow: -1px 0 #37B2AB, 0 1px #37B2AB, 1px 0 #37B2AB, 0 -1px #37B2AB;flex-shrink:0}

@keyframes scrolling {
  0% { transform: translateX(0); }
  100% { transform: translatex(-2930px); }
}


/* 메인영역10 : 가이드 */
.mm_sec10 {margin:0 16px 135px;}
.mm_sec10 .sec10_box {border-top: 1.2px solid #000;padding: 7px 0 50px;}
.mm_sec10 .sec10_box:nth-child(1) {border-top:0; }

.mm_sec10 .sec10_box .num_box {display:flex;justify-content: space-between;align-items: center;}
.mm_sec10 .sec10_box .number{font-size:43px;color:#ccc;font-weight:500;line-height:46px;}
.mm_sec10 .sec10_box img {max-height:56px;}
.mm_sec10 .sec10_box .text_box {font-weight:400;font-size:18px;line-height:22px;letter-spacing:-0.02em;color:#9a9a9a;display:flex;flex-direction:column;}
.mm_sec10 .sec10_box_title {font-size:29px;font-weight:700;color:#1a1a1a;line-height:36px;}
.mm_sec10 .sec10_box .text_box .name {font-weight:400;font-size:20px;line-height:30px;color:#000;margin: 3px 0 16px 0;}
.mm_sec10 .sec10_box .text_box .des {font-weight:400;font-size:14px;line-height:22px;margin:0 124px 0 0;letter-spacing:-0.03em;color:#747474;}
.mm_sec10 .sec10_box .arrow {max-height:20px;}


/* 메인 : 더보기 */
.btn_box {width:200px;margin:0 auto;margin-top:40px;}
.more_btn {position:relative;width:176px;height:40px;line-height:40px;color:#9a9a9a;background-color:transparent;font-size:14px;border:1px solid #9a9a9a;font-weight:500;display:inline-block;text-align:center;letter-spacing:-0.02em; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.more_btn span.arrow_lb {position:relative;top:-1px;left:8px;display:inline-block;width:24px;height:24px;vertical-align:middle;}
.more_btn .more_text {font-weight:400 ;font-size: 14px;line-height: 24px;letter-spacing:-0.02em;}
.more_btn img {display: block;}

/* BASIC css end */