/* BASIC css start */
/* morenvy.com 220712 박준호 */
@charset "utf-8";

div#mheader {border-bottom: 0;}
div#mfooter {margin-top: 0;}


.mm_sec02 .item-wrap ul.item-cont, 
.mm_sec07 .item-wrap ul.item-cont  {display: flex; flex-wrap: wrap; align-items: flex-start; padding: 0 20px !important;}
.mm_sec02  li.item-list,
.mm_sec07  li.item-list  {width: 50%; padding: 0 4px; box-sizing: border-box; margin-bottom: 40px;}


/* 메인01 : 메인 비주얼 */
section.mm_sec01 {}
section.mm_sec01 .swiper-slide .inner {position: absolute; bottom: 72px; left: 24px;}
section.mm_sec01 .swiper-slide .inner .t01 {margin-bottom: 16px; display: inline-block; font-size: 12px; line-height: 24px; font-weight: 700; color: #ffffff; padding: 0 8px; background-color: #1a1a1a; border-radius: 20px; }
section.mm_sec01 .swiper-slide .inner .t02 {margin-bottom: 16px; font-size: 32px; line-height: 40px; font-weight: 700; color: #1a1a1a;}
section.mm_sec01 .swiper-slide .inner .t03 {margin-bottom: 32px; font-size: 15px; line-height: 20px; font-weight: 400; color: #777777;}
section.mm_sec01 .swiper-slide img {width: 100%;}
section.mm_sec01 div.more {position: relative; display: block; width: 112px; padding: 8px 0 8px 8px; box-sizing: border-box; font-size: 12px; line-height: 16px; letter-spacing: 0.04em; font-weight: 700; color: #1a1a1a;}
section.mm_sec01 div.more span {position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between;}
section.mm_sec01 div.more:after {content: ''; display: block; width: 100%; height: 2px; background-color: #1a1a1a; z-index: 1; position: absolute; bottom: 0; left: 0;}
section.mm_sec01 div.more img {width: 16px; height: 16px;}
section.mm_sec01 .swiper-pagination {left: 24px; bottom: 20px;}


/* 메인 : 추가 카테고리 */
.swiper_main_menu {height:48px; margin-left:24px; display:flex; align-items:center; margin-bottom:12px; background-color:#1a1a1a;}
.swiper_main_menu li a {display:flex; align-items:center; color:#ffffff; font-size:15px; line-height:24px; font-weight:500; position: relative;}
.swiper_main_menu .swiper-wrapper {width:auto;}
.swiper_main_menu .swiper-wrapper .swiper-slide {width:auto !important; margin:0 12px; display: flex; align-items: center;}
.swiper_main_menu .swiper-wrapper .swiper-slide:first-child {margin-left:24px !important;}
.swiper_main_menu .swiper-wrapper .swiper-slide:last-child {margin-right:24px !important;}


/* 메인02 : 탭 상품 */
section.mm_sec02 {margin-top: 64px;}
section.mm_sec02 .swiper02_text {display: flex; align-items: center; justify-content: center; margin-top: 20px;}
section.mm_sec02 .swiper02_text li {position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-weight: 400; color: #777777; cursor: pointer; transition: color 0.3s; margin:0px 12px; letter-spacing:-0.020em;}
section.mm_sec02 .swiper02_text li:after {content: ''; position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); display: block; width: 0; height: 2px; background-color: #1a1a1a; transition: width 0.3s;}
section.mm_sec02 .swiper02_text li.swiper_over {color:#1a1a1a;font-weight:700;}
section.mm_sec02 .swiper02_text li.swiper_over:after {width: 100%;}
section.mm_sec02 .swiper02_text li:before {content: ''; position:absolute; top:6px; left:-12px; display: flex; width: 1px; height: 12px; background-color: #cccccc;}
section.mm_sec02 .swiper02_text li:first-child:before {display:none;}


section.mm_sec02 .swiper02 .swiper-pagination2 {display:none;}
section.mm_sec02 .swiper02 .swiper-slide {display:block; background-color:#ffffff; box-sizing:border-box; height:auto !important;}
section.mm_sec02 .swiper02 .drag_bar02 {width:31.25%;margin:0 auto; display:none;}
section.mm_sec02 .swiper02 .swiper-scrollbar2 {left:0px !important; bottom:0px !important;height:4px !important;  background:#e8e8e8;border-radius:0px;}
section.mm_sec02 .swiper02 .swiper-scrollbar-drag {background-color:#1a1a1a; border-radius:0px; height:4px;}


section.mm_sec02 .sec02_prd a.more {margin: 0 auto;}
section.mm_sec02 .sec02_prd .item-cont li .thumb .num {z-index: 1; position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 0 0 12px 0; background-color: #bababa; font-size: 15px; line-height: 20px; font-weight: 700; color: #fff;}
section.mm_sec02 .sec02_prd .item-cont li:first-child .thumb .num {background-color: #1a1a1a;}


/* 메인03 : 롤링 배너 */
section.mm_sec03 {margin-top: 80px;}
section.mm_sec03 .swiper_sec03 {padding: 0 24px;}
section.mm_sec03 .swiper-slide {font-size: 0; width: 92%;}
section.mm_sec03 .swiper-slide img {width: 100%;}
section.mm_sec03 .swiper-slide .m_titleArea {position: absolute; top: 9%; left: 8%; width: 84%; text-align: left;}
section.mm_sec03 .swiper-slide .m_titleArea .t02 {margin-top: 16px;}
section.mm_sec03 .swiper-pagination {position: static; justify-content: center; margin-top: 16px;}


section.mm_sec03 div.more {position: relative; z-index:1; display: block; width: 112px; padding: 8px 0 8px 8px; margin: 32px auto 0; box-sizing: border-box; font-size: 12px; line-height: 16px; letter-spacing: 0.04em; font-weight: 700; color: #1a1a1a;}
section.mm_sec03 div.more span {position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between;}
section.mm_sec03 div.more span img {width: 16px !important; height: 16px !important;}
section.mm_sec03 div.more:after {content: ''; display: block; width: 100%; height: 2px; background-color: #1a1a1a; z-index: 1; position: absolute; bottom: 0; left: 0;}


/* 메인04 : 키워드 */
section.mm_sec04 {margin-top: 80px; padding: 0 0px;}
section.mm_sec04 .swiper_keyword {margin-top: 24px; margin-left:0px; display:flex; align-items:center; margin-bottom:0px; margin-left: 24px;}
section.mm_sec04 .swiper_keyword li a {display:flex; align-items:center; color:#1a1a1a; font-size:15px; line-height:24px; font-weight:500; position: relative; border:1px solid #dddddd; padding:11px 16px; box-sizing:border-box;}
section.mm_sec04 .swiper_keyword .swiper-wrapper {width:auto;}
section.mm_sec04 .swiper_keyword .swiper-wrapper .swiper-slide {width:auto !important; margin-right:8px; display: flex; align-items: center;}
section.mm_sec04 .swiper_keyword .swiper-wrapper .swiper-slide:first-child {margin-left:0px !important;}
section.mm_sec04 .swiper_keyword .swiper-wrapper .swiper-slide:last-child {margin-right:24px !important;}


/* 메인05 : 타임세일 */
section.mm_sec05 {margin-top: 80px;}
section.mm_sec05 .m_titleArea a.more {margin: 24px auto 40px;}
section.mm_sec05 .swiper_sec05 {padding: 0 24px;}
section.mm_sec05 .swiper_sec05 .swiper-wrapper {padding: 0 !important;}
section.mm_sec05 .swiper_sec05 .prd-info {text-align: left; padding: 0 0px; box-sizing: border-box;}
section.mm_sec05 .swiper_sec05 .prd-info span.through {display: inline-block; margin-left: 0px;}
section.mm_sec05 .swiper_sec05 .pro_icon {justify-content: center;}
section.mm_sec05 .swiper-scrollbar-sec05 {width: calc(100% - 48px) !important; left: 50% !important; transform: translateX(-50%);}


section.mm_sec05 .item-wrap .prd-info .prd-name a {text-align:center;}
section.mm_sec05 .item-wrap .prd-info > ul li.prd-price {justify-content: center;}
section.mm_sec05 .item-wrap .prd-info > ul li.prd-ico, 
section.mm_sec05 .item-wrap .prd-info > ul li.prd-ico span {justify-content: center;}
section.mm_sec05 .item-wrap .prd-info > ul li.prd-subname {text-align: center;}
section.mm_sec05 span.snap_review_count {text-align: center;}


/* 메인06 : 분할 배너 */
section.mm_sec06 {position: relative; margin-top: 80px; padding-top: 64px;}
section.mm_sec06:before {content: ''; display: block; width: 89%; height: 0; padding-top: 89%; background-color: #f6f6f6; position: absolute; top: 0; left: 0;}
section.mm_sec06 > div {z-index: 1; position: relative;}
section.mm_sec06 .m_titleArea {margin-bottom: 24px;}
section.mm_sec06 .inner > div {position: relative; padding-left: 11%;}
section.mm_sec06 .inner .ban .swiper-slide img {width: 100%;}
section.mm_sec06 .inner .text {margin-top: 24px;}
section.mm_sec06 .inner .text .m_titleArea {text-align: left; margin: 0; width: 100%;box-sizing: border-box;}
section.mm_sec06 .inner .swiper-pagination-sec06 {position: absolute; left: 11%; bottom: 5%; padding: 4px 8px; border-radius: 0 16px 16px 0; background-color: rgba(255,255,255,0.5); font-size: 12px; line-height: 16px; letter-spacing: 0.04em; font-weight: 700; color: #8a8a8a;}
section.mm_sec06 .inner .swiper-pagination-sec06 span {min-width: 16px; min-height: 16px;}
section.mm_sec06 .inner .swiper-pagination-sec06 .current {color: #1a1a1a; }


/* 메인07 : BEST 탭진열 */
section.mm_sec07 {margin-top: 80px;}
section.mm_sec07 .swiper_tab_text {padding:20px 0 0 24px;}
section.mm_sec07 .tab_text li {position:relative; width:auto; padding:0px 0px 6px; display:inline-block; font-weight:400;font-size:15px;line-height:24px;color:#999999; text-align:center; box-sizing: border-box; cursor:pointer;}
section.mm_sec07 .tab_text li:first-child {padding-left:0px;}
section.mm_sec07 .tab_text li.current {color:#1a1a1a; font-weight:700; }
section.mm_sec07 .tab_text li:after {content: ""; width:1px; height:12px; background-color:#cccccc; display: inline-block; position: absolute; top: 6px; right: -13px;}
section.mm_sec07 .tab_text li:last-child:after {display:none;}
section.mm_sec07 .tab_text li:last-child {margin-right:24px;}
section.mm_sec07 .tab_text li:before {content: ""; position: absolute; background:#1a1a1a; height:2px; bottom:0px; left:50%; right:50%; transition:all 0.3s;}

section.mm_sec07 .tab_text li.current:before {left: 0px; right: 0px; }
section.mm_sec07 .tabcontent01 {display:none; margin-top:24px; padding:0px;}
section.mm_sec07 .tabcontent01.current {display:block;}
section.mm_sec07 .sec07_prd a.more {margin: 0 auto;}


/* 메인08 : 태그 배너 */
section.mm_sec08 {margin-top: 80px;}
section.mm_sec08 .swiper_sec08 .ban {position: relative; font-size: 0; margin-bottom: 24px;}
section.mm_sec08 .swiper_sec08 .ban img {width: 100%;}
section.mm_sec08 .swiper_sec08 .box {display: flex; flex-direction: column; justify-content: center; padding: 0 4%; text-align: center; box-sizing: border-box;}
section.mm_sec08 .swiper_sec08 .box .min_title {margin-bottom: 8px; font-size: 16px; line-height: 24px; font-weight: 700; color: #1a1a1a;}
section.mm_sec08 .swiper_sec08 .box .m_titleArea {margin-bottom: 24px;}
section.mm_sec08 .swiper_sec08 .box .tag {font-size: 0; margin: 0 -8px; padding: 0 24px;}
section.mm_sec08 .swiper_sec08 .box .tag li {position: relative; display: inline-block; margin: 0 8px 8px; font-size: 13px; line-height: 18px; letter-spacing: -0.02em; font-weight: 400; color: #8a8a8a;}
section.mm_sec08 .swiper_sec08 .box .tag li:before {content: ''; display: block; z-index: -1; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background-color: #f3f3f3;}
section.mm_sec08 .swiper_sec08 .box a.more {margin: 24px auto 0;}
section.mm_sec08 .swiper-pagination-sec08 {position: absolute; left: inherit; right: 0; bottom: 5%; width: max-content; padding: 4px 8px; border-radius: 16px 0 0 16px; background-color: rgba(255,255,255,0.5); font-size: 12px; line-height: 16px; letter-spacing: 0.04em; font-weight: 700; color: #8a8a8a;}
section.mm_sec08 .swiper-pagination-sec08 span {min-width: 16px; min-height: 16px;}
section.mm_sec08 .swiper-pagination-sec08 .current {color: #1a1a1a; }


/* 메인 : 선물하기 */
section.mm_sec_gift {margin-top: 80px;}
section.mm_sec_gift .swiper_gift {margin-top: 24px; margin-left:0px; display:flex; align-items:center; margin-bottom:0px; margin-left: 24px;}
section.mm_sec_gift .swiper_gift li a {display:block;  color:#1a1a1a; position: relative;  box-sizing:border-box;}
section.mm_sec_gift .swiper_gift li a img {max-width:60px; border-radius:15px;}
section.mm_sec_gift .swiper_gift li a div {text-align:center; color:#1a1a1a; font-size:12px; line-height:20px; margin-top:8px;}
section.mm_sec_gift .swiper_gift .swiper-wrapper {width:auto;}
section.mm_sec_gift .swiper_gift .swiper-wrapper .swiper-slide {width:auto !important; margin-right:16px; display: flex; align-items: center;}
section.mm_sec_gift .swiper_gift .swiper-wrapper .swiper-slide:first-child {margin-left:0px !important;}
section.mm_sec_gift .swiper_gift .swiper-wrapper .swiper-slide:last-child {margin-right:24px !important;}


/* 메인09 : 리뷰 모음 */
section.mm_sec09 {padding: 64px 0; background-color: #f6f6f6; margin-top: 80px; margin-bottom: 0 !important;}
section.mm_sec09 .swiper_sec09 {margin-top: 40px; padding: 0 24px;}
section.mm_sec09 .swiper_sec09 .swiper-slide {padding: 24px 24px 32px; box-sizing: border-box; background-color: #fff; border:1px solid #ededed;}
section.mm_sec09 .swiper_sec09 .swiper-slide .top {width: 100%; padding-bottom: 16px; border-bottom: 1px solid #ededed;}
section.mm_sec09 .swiper_sec09 .swiper-slide .top .thumb {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 0; padding: 50% 0; margin-bottom: 24px; border-radius: 24px; overflow: hidden;}
section.mm_sec09 .swiper_sec09 .swiper-slide .top .thumb img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; min-height: 100%; object-fit: cover;}
section.mm_sec09 .swiper_sec09 .swiper-slide .top .t01 {font-size: 16px; line-height: 24px; letter-spacing: -0.02em; font-weight: 400; color: #1a1a1a; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
section.mm_sec09 .swiper_sec09 .swiper-slide .top .t02 {margin-top: 8px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; font-size: 13px; line-height: 20px; max-height: 40px; letter-spacing: -0.02em; font-weight: 400; color: #8a8a8a;}
section.mm_sec09 .swiper_sec09 .swiper-slide .top .t03 {display: flex; align-items: center; margin-top: 32px; font-size: 13px; line-height: 16px; font-weight: 400; color: #777777;}
section.mm_sec09 .swiper_sec09 .swiper-slide .top .t03 img {width: 16px; height: 16px; margin: 0 4px;}
section.mm_sec09 .swiper_sec09 .swiper-slide .bottom {padding-top: 16px;}
section.mm_sec09 .swiper_sec09 .swiper-slide .bottom a {display: flex; align-items: center;}
section.mm_sec09 .swiper_sec09 .swiper-slide .bottom .img {flex-shrink: 0; display: flex; align-items: center; justify-content: center; margin-right: 8px; width: 40px; height: 40px; border: 1px solid #ededed; border-radius: 50%; overflow: hidden; box-sizing: border-box;}
section.mm_sec09 .swiper_sec09 .swiper-slide .bototm .img img {width: 100%;}
section.mm_sec09 .swiper_sec09 .swiper-slide .bottom .prd_name {width: calc(100% - 48px); display: flex; flex-wrap: wrap; align-items: center;}
section.mm_sec09 .swiper_sec09 .swiper-slide .bottom .prd_name .count {display: block; width: 100%;  height: 12px; font-size: 0; line-height: 1; margin-bottom: 2px; color: #F27370; font-size: 12px; line-height: 16px; height: 16px;}
section.mm_sec09 .swiper_sec09 .swiper-slide .bottom .prd_name .count .MS_review_mark_icon {font-size: 12px; line-height: 1;}
section.mm_sec09 .swiper_sec09 .swiper-slide .bottom .prd_name .name {width: 80%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: 13px; line-height: 20px; font-weight: 400; color: #1a1a1a;}
section.mm_sec09 .swiper_sec09 .swiper-slide .bottom .prd_name img {margin-left: auto; width: 20px; height: 20px;}
section.mm_sec09 .swiper_sec09 .swiper-scrollbar-sec09 {position: static; margin-top: 40px;}


/* BASIC css end */