/* BASIC css start */
/* 211203 morenvy À±Á¤È¯ */


/* »ó´Ü¼½¼Ç01 */
#header .mh_sec01 {z-index: 103; position: absolute !important; top: 100%; left: 0; width: 100%;}



/* ¸ÞÀÎ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:25px; bottom:72px;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:14px;font-weight:600;line-height:24px;letter-spacing:-0.02em;}
.mm_sec01 .swiper01 .swiper-slide .inner .t02 {color:#fff;font-size:20px;font-weight:700;line-height:27px;padding-top:5px;}
.mm_sec01 .swiper01 .swiper-slide .inner .t03  {color:#fff;font-size:12px;font-weight:400;line-height:24px;padding-top:8px;letter-spacing:-0.02em;}
<!--.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; margin-top: -24px;}
.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;}



/* ¸ÞÀÎ02 */
.mm_sec02 {position: relative; padding-top: 44px; padding-bottom: 20px; margin-bottom:40px; background-color: #f1e6dc;}
.mm_sec02 .swiper02 {padding-bottom: 30px;}
.mm_sec02 .swiper02 .swiper-slide {width: 280px;}
.mm_sec02 .swiper02 .swiper-slide > a {display: block; transform: scale(0.7143); transition: transform 0.3s ease-in-out; border-radius: 5px; overflow: hidden; box-shadow: 3px 12px 17px 0px rgb(0 0 0 / 22%);}
.mm_sec02 .swiper02 .swiper-slide-next > a {transform: scale(0.7143) translateX(-56px);}
.mm_sec02 .swiper02 .swiper-slide-prev > a {transform: scale(0.7143) translateX(56px);}
.mm_sec02 .swiper02 .swiper-slide-active > a {transform: scale(1) translateX(0);}

.mm_sec02 .swiper02 .swiper-slide img {width: 100%;}
.mm_sec02 .sec02_paging {position: relative; display: flex; align-items: center; justify-content: center;}
.mm_sec02 .sec02_paging .swiper-pagination {position: static; width: fit-content; margin-right: 15px;}
.mm_sec02 .sec02_paging .loading {position: relative; width: 30%; display: block; height: 3px; background-color: #ddd;}
.mm_sec02 .sec02_paging .loading #progress {position: absolute; top: 0; left: 0; display: block; width: 0; height: 100%; transition: 0.1s; background-color: #1a1a1a;}



/* ¸ÞÀÎ03 */
.mm_sec03 {width:100%; margin:0 auto 45px !important;}
.mm_sec03 .prd_more {text-align:center; margin-top:10px;}
.mm_sec03 .item-wrap .item-cont .item-list {width:50% !important; padding:0 2px !important; box-sizing: border-box;}



/* ¸ÞÀÎ04 */
.mm_sec04 {width:100%; margin:0 auto 30px !important;}
.mm_sec04 .tab_title {margin-bottom: 20px; margin-left: 10px;}
.mm_sec04 .tab_title .txt01 {font-size: 26px; font-weight: 700; color: #1a1a1a; line-height: 1.3;}
.mm_sec04 .tab_title .txt02 {margin-top: 5px; font-size: 14px; font-weight: 300; color: #8a8a8a;}

.mm_sec04 .m_tab01 {padding:0 10px;}
.mm_sec04 .m_tab01 li {display:inline-block; width: auto; margin: 0 8px 4px 0; padding : 8px; color:#1a1a1a; font-size:12px; text-align:center; line-height:1; background-color: #f3f3f3; border-radius: 14px; border: 1px solid #f3f3f3; box-sizing: border-box;}
.mm_sec04 .m_tab01 li.swiper-slide-thumb-active {color:#1a1a1a; background-color: #fff; border: 1px solid #1a1a1a;}

.mm_sec04 .tabcontent01 {margin-top:25px; padding:0px;}

.mm_sec04 .item-wrap .item-cont .item-list {width:33.33% !important; padding:2px !important; box-sizing: border-box; margin: 0;}




/* ¸ÞÀÎ05 */
.mm_sec05 {width:100%; margin:0 auto 30px !important;}
.mm_sec05 .swiper03 {width: 96%;}
.mm_sec05 .swiper03 .swiper-slide.grid_area {width:100%; margin:0; background-color: #fff; border:1px solid #e8e8e8; box-sizing:border-box; font-size:0px;}
.mm_sec05 .swiper03 .swiper-slide.grid_area .ban img {width:100%;}
.mm_sec05 .swiper03 .swiper-slide:first-child {margin-left:0px;}
.mm_sec05 .swiper03 .swiper-slide.grid_area .txt {padding: 20px; padding-bottom: 0;}
.mm_sec05 .swiper03 .swiper-slide.grid_area .txt span {display:block;}
.mm_sec05 .swiper03 .swiper-slide.grid_area .txt span.name {font-size:15px; font-weight:700; color:#1a1a1a; line-height:1; padding-right:10px;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.mm_sec05 .swiper03 .swiper-slide.grid_area .txt span.desc {font-size:12px; font-weight:300; color:#8a8a8a;  padding-right:10px; padding-top:5px; overflow:hidden; text-overflow:ellipsis; white-space: normal; line-height:1.6; word-wrap: break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
.mm_sec05 .swiper03 .swiper-slide.grid_area .txt span.bg {margin:17px 0px; width:100%; height:14px; background:url('/design/young2686/mobile_cosmoline/mp_ban_bg.png') center center;}

.mm_sec05 .swiper03 .grid_area .prdList {padding: 0 23px 3px !important;}
.mm_sec05 .swiper03 .grid_area .prdList li {margin-bottom: 20px;}
.mm_sec05 .swiper03 .grid_area .thumbnail {float: left; width: 94px; margin: 0 15px 0 0;}
.mm_sec05 .swiper03 .grid_area .thumbnail .salebox {bottom: -3px; right: 6px;}
.mm_sec05 .swiper03 .grid_area .list_shoppingInfo {float: left; display: flex; flex-direction: column; justify-content: center; flex-wrap: nowrap; width: calc(100% - 110px); height: auto; text-align: left;}
.mm_sec05 .swiper03 .grid_area .list_shoppingInfo .listSoldout {font-size: 12px;}
.mm_sec05 .swiper03 .grid_area .list_shoppingInfo .color span {margin-bottom: 0;}

.mm_sec05 .swiper03 .swiper-pagination-03 {display: flex; align-items: center; justify-content: center; bottom: unset; left: 50%; transform:translate(-50%, -50%); width: fit-content; min-width: 43px; height: 17px; padding: 0 10px; background-color: #000000; border-radius: 17px; box-sizing: border-box; font-size: 11px; color: #cbcbcb;}

.mm_sec05 .swiper03 .swiper-pagination-03 span.swiper-pagination-current {display: block; margin-right: 5px; color: #fff;}
.mm_sec05 .swiper03 .swiper-pagination-03 span.swiper-pagination-total {display: block; margin-left: 5px;}




/* ¸ÞÀÎ06 */
.mm_sec06 {width:100%; margin:0 auto 0 !important;}
.mm_sec06 .swiper04 {width: 100%;margin-bottom:0px;}
.mm_sec06 .swiper04 .swiper-wrapper{margin-bottom:-200px;}
.mm_sec06 .swiper04 .ban_img {position: relative;}
.mm_sec06 .swiper04 .ban_img > a > img {width:100%;}

.mm_sec06 .swiper04 .bg {width:100%;height:200px;background-color:#fff;}

.mm_sec06 .swiper04 .swiper-pagination-04 {bottom:0px !important;}
.mm_sec06 .swiper-pagination-04 .swiper-pagination-bullet {width:24px; height:4px;
background-color:#d1d1d1;border:1px solid #d1d1d1; border-radius:0; box-sizing:border-box; vertical-align:middle; opacity:1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.mm_sec06 .swiper-pagination-04 .swiper-pagination-bullet-active {width:54px; height:4px; background-color: #1a1a1a; border: 1px solid #1a1a1a; opacity:1;}




/* ¸ÞÀÎ07 */
.mm_sec07 {position:relative;margin:0 auto 80px}
.mm_sec07 .mm_review_bg{position:absolute;width:100%;height:400px;background-color:#f6f0e7;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;}
.mm_sec07 .review_li .re_info {background-color:#fff;}
.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;}
.mm_sec07 .review_li .re_count .re_date { display:inline-block;white-space:nowrap;overflow:hidden; }
.mm_sec07 .review_li .re_ span {font-weight:400;font-size:12px;line-height:18px;letter-spacing:-0.02em;color:#9a9a9a;}
.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; letter-spacing: 0.3em;}

.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:64%;margin:40px auto 0;}
.mm_sec07 .drag_box .swiper-pagination {position:relative;}
.mm_sec07 .swiper-pagination-bullet {width:auto; height:4px; border-radius:0;  margin: 0 !important; background-color:#f3f3f3; border-color:#f3f3f3; opacity:1;}
.mm_sec07 .swiper-pagination-bullet-active {background-color: #1a1a1a; border-color:#1a1a1a;}
.mm_sec07 .ec-base-product > ul > li {margin-bottom:0px;}


.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/young2686/mobile_cosmoline/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%;}



/* ¸ÞÀÎ08 */
.mm_sec08 {margin:0 auto 80px !important; width:94%; display: none !important;}
.mm_sec08 .ev_box {display:flex;flex-direction:column;justify-content:space-between;margin-bottom:40px;}
.mm_sec08 .ev_box li {width:100%; margin-top:24px;}
.mm_sec08 .ev_box li:nth-child(1) {margin:0 !important;}
.mm_sec08 .ev_box .ev_img {position:relative; margin-top:0px; width:100%;}
.mm_sec08 .ev_box .ev_title {display:flex;flex-direction:column;font-weight:600;font-size:24px;line-height:32px;color:#1a1a1a;margin-top:24px;padding-right:40px;}
.mm_sec08 .ev_box .ev_title span {font-weight:400;font-size:16px;line-height:24px;letter-spacing:0.02em;color:#9a9a9a;margin-top:8px;}
.mm_sec08 .review_more {margin-top:40px;text-align:center;}





/* ¸ÞÀÎ09 */
.mm_sec09 {margin:0 auto 40px !important; width:94%;}
.mm_sec09 .swiper_insta .swiper-slide {}
.mm_sec09 .swiper_insta .swiper-slide .profile {display: flex; align-items: center; justify-content: center; height: 0; padding: 50% 0; overflow: hidden; border-radius: 50%;}
.mm_sec09 .swiper_insta .swiper-slide .profile img {min-width: 100%; min-height: 100%; object-fit: cover;}
.mm_sec09 .swiper_insta .swiper-slide .insta {text-align: center; line-height: 1.5; margin-top: 5px;}
.mm_sec09 .swiper_insta .swiper-slide .insta a .id {font-size: 12px; color: #6e6e6e; white-space: nowrap; text-overflow: ellipsis;}
.mm_sec09 .swiper_insta .swiper-slide .insta a .spec {font-size: 12px; color: #b3b3b3;}


.mm_sec09 .supporters {position: relative; margin-top: 12px;}
.mm_sec09 .supporters > div {width: 100%; height: auto; display: none;}
.mm_sec09 .supporters > div.selected {display: block;}
.mm_sec09 .supporters > div > ul.style {font-size: 0; line-height: 1;}
.mm_sec09 .supporters > div > ul.style > li {display: inline-block; width: 33.33%; padding: 2px; box-sizing: border-box; border-radius: 6px; overflow: hidden;}
.mm_sec09 .supporters > div > ul.style > li > img {width: 100%;}

.mm_sec09 .supporters > div > a {display: flex; align-items: center; min-width: 100px; width: fit-content; height: 40px; padding: 0 20px; margin: 24px auto 0; border: 1px solid #f1f1f1; border-radius: 20px; font-size: 14px; line-height: 1; color: #777;}
.mm_sec09 .supporters > div > a span {display: block; color: #000; margin-right: 5px; font-weight: 700;}


/* »çÀå´ÔÀνºÅ¸ ¹Ù·Î°¡±â */
.mm_sec09 .snsbanner .snsbanner_1 > img {width: 50%; height: auto;}


.mm_sec09 .insta_ban {display: flex; margin-top: 20px;}
.mm_sec09 .insta_ban > a {flex:1; display: block; width: 50%;}
.mm_sec09 .insta_ban > a > img {width: 100%; margin-bottom: 2px;}



/* ¸ÞÀÎ10 */
.mm_sec10 {margin:60px auto 30px !important;display:flex;flex-direction:column;align-items:center;}
.mm_sec10 .sec10_bg {width:94%;background-color:#f3f3f3;margin-bottom:16px;}
.mm_sec10 .sec10_bg:last-child {margin-bottom:0;}
.mm_sec10 .sec10_box {display:flex;justify-content:center;height:88px;background-color:#f3f3f3;margin:0 auto;}
.mm_sec10 .sec10_box img {max-height:56px;}
.mm_sec10 .sec10_box .text_box {flex-basis:70%;font-weight:400;font-size:14px;line-height:22px;letter-spacing:-0.02em;color:#9a9a9a;display:flex;flex-direction:column;}
.mm_sec10 .sec10_box .text_box .name {font-weight:600;font-size:18px;line-height:24px;color:#1a1a1a;}
.mm_sec10 .sec10_box .arrow {max-height:20px;}
.mm_sec10 .sec10_01, 
.mm_sec10 .sec10_02,
.mm_sec10 .sec10_03 {display:flex;flex-basis:90%;justify-content:space-between;align-items:center}





/* ¸ÞÀÎ : ´õº¸±â */
.btn_box {width:200px;margin:0 auto;margin-top:40px;}
.more_btn {position:relative;width:200px;height:56px;line-height:56px;color:#1a1a1a;background-color:transparent;font-size:16px;border:1px solid #1a1a1a;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 {color: #1a1a1a;}
.more_btn span.arrow_lb {position:relative;top:5px;left:8px;display:inline-block;width:24px;height:24px;vertical-align:middle;}
.more_btn .more_text {font-weight:500 !important;font-size: 16px !important;line-height: 24px !important;letter-spacing:-0.02em !important;}
.more_btn img {display: block;}

/* BASIC css end */