@charset "utf-8";

html {overflow:hidden; height:100%;}
body {position:fixed; overflow:hidden; width:100%; height:100%;}
.container-wrap {position:fixed; overflow:hidden; width:100%; background:#fff; color:#31261d; letter-spacing:-.05em; z-index:502; transition: transform .8s;}
.container-wrap ~ footer {position:fixed; left:0; bottom:0; width:100%;}
.content-section {overflow:hidden; height:100vh; box-sizing:border-box; transform:translateZ(0); outline:none;}
.content-section-end {height:calc(100vh - 245px) !important;}
.navbar-inner {transition: all .3s;}
#scroll-top {z-index:502; transition: bottom .8s;}
.p-show {display:block;}
.m-show {display:none;}
.tab-content {display:none;}
.tab-content-selected {display:block;}
.menu-selected #wrap {position:fixed; overflow:hidden; width:100%;}
.navbar-container.has-top-banner {top:-60px !important;}
.section0 .navbar-container.has-top-banner {top:0 !important;}

/* main-visual-banner */
.main-visual-banner {position:relative; overflow:hidden; width:100%; height:100%;}
.main-visual-banner .btn-page-next {display:none;}
.main-visual-banner ul {display:flex; height:100%;}
.main-visual-banner ul li {flex-shrink:0; transform:translateZ(0); position:relative; overflow:hidden; height:100%;}
.main-visual-banner ul li .slide-inner {transform:translateZ(0); display:flex; flex-direction:column; justify-content:flex-end; position:absolute; width:100%; height:100%; padding-bottom:155px; background-size:cover; background-position:center center; background-repeat:no-repeat; color:#fff; text-align:center; box-sizing:border-box;}
.main-visual-banner ul li .slide-inner .tit-txt {transform:translateZ(0);}
.main-visual-banner ul li .slide-inner .tit-txt a {display:inline-block; vertical-align:top;}
.main-visual-banner ul li .slide-inner .tit {display:block; font-size:40px; font-weight:600; line-height:62px; text-shadow:3px 3px 9px #7a6346;}
.main-visual-banner ul li .slide-inner .txt {display:block; font-size:20px; text-shadow:3px 3px 9px #7a6346;}
.main-visual-banner ul li .slide-inner .btn-area {transform:translateZ(0); margin-top:43px;}
.main-visual-banner ul li .slide-inner .btn-area a {display:block; width:177px; height:52px; margin:0 auto; border:1px solid #fff; font-size:20px; line-height:50px; text-align:center; box-sizing:border-box; text-shadow:0.2px 0.2px 1px #7a6346; box-shadow:0.2px 0.2px 1px #7a6346;}
.main-visual-banner ul li.slide-page01 .slide-inner {background-image:url('/int/en/resource/images/main/img_main_visual.jpg');}
.main-visual-banner ul li.slide-page02 .slide-inner {background-image:url('/int/en/resource/images/main/20210329_final_creamytint_mini_main_KV_banner_pc.jpg');}
.main-visual-banner ul li.slide-page03 .slide-inner {background-image:url('/int/en/resource/images/main/20210329_cotton-veil-skin-base_main_KV_pc.jpg');}
.main-visual-banner ul li.slide-video video {
  width: 100%;   
  height: 100%;
  width: 177.77777778vh;
  min-width: 100%;
  min-height: 56.25vw;  
}
@media (min-aspect-ratio: 16/9) {
  .main-visual-banner ul li.slide-video video {
    margin-left: 0;
  }
}
.main-visual-banner ul li.slide-video .video_pc {
    display: block;
}
.main-visual-banner ul li.slide-video .video_mo {
    display: none;
}
.main-visual-banner .progress-box {position:absolute; left:50%; bottom:105px; width:464px; height:4px; margin-left:-232px;}
.main-visual-banner .progress-box .start-stop {position:absolute; right:-30px; top:-9px; overflow:hidden; width:20px; height:20px; border:none; background-position:center center; background-repeat:no-repeat; background-image:url('/int/en/resource/images/main/icon_paused.png'); color:transparent; font-size:1px; text-indent:-9999px;}
.main-visual-banner .progress-box .start-stop.stop {background-image:url('/int/en/resource/images/main/icon_start.png');}
.main-visual-banner .progress-box .swiper-hero-progress {width:0; height:100%; background:#fff; transition:width 0.1s;}
.main-visual-banner .progress-box .swiper-pagination {display:flex; width:100%; height:100%; background:rgba(255,255,255,.3);}
.main-visual-banner .progress-box .swiper-pagination .swiper-pagination-bullet {flex:auto; transition: background-color 0.6s;}
.main-visual-banner .progress-box .swiper-pagination .swiper-pagination-bullet-active {background:#fff;}
.main-visual-banner [class^="btn-slide-"] {position:absolute; top:50%; overflow:hidden; width:60px; height:60px; margin-top:-30px; border:none; background-position:center center; background-repeat:no-repeat; color:transparent; font-size:1px; text-indent:-9999px;}
.main-visual-banner .btn-slide-prev {left:1%; background-image:url('/int/en/resource/images/main/btn_prev.png');}
.main-visual-banner .btn-slide-next {right:1%; background-image:url('/int/en/resource/images/main/btn_next.png');}

/* Mamonde Pick */
.mamonde-pick {position:relative; overflow:hidden; max-width:1920px; height:100%; margin:0 auto; padding:11.1111vh 0 0 135px; box-sizing:border-box;}
.mamonde-pick .stit {margin:0; font-size:24px; font-family:'Montserrat'; font-weight:600;}
.mamonde-pick .stit:after {content:''; display:block; width:30px; height:2px; margin:12px 0 17px 0; background:#ffcf00;}
.mamonde-pick .stit-desc {margin:0; font-size:16px;}
.mamonde-pick .btn-area {position:absolute; top:24%; left:137px; width:183px;}
.mamonde-pick .btn-area a {position:relative; display:block; overflow:hidden; height:60px; background:#fff; font-size:22px; font-family:'Montserrat'; font-weight:600; line-height:60px; box-sizing:border-box;}
.mamonde-pick .btn-area a span {position:relative; color:#5f473a; z-index:1;}
.mamonde-pick .btn-area a:before {content:''; position:absolute; left:50%; width:100%; height:0; background:#F3D03E; transition: height .6s cubic-bezier(0.66 , 0.08 , 0.23 , 1); transform:translateX(-50%);}
.mamonde-pick .btn-area a:after {content:'';position:absolute;right: 50px;top:45%;width:25px;height:7px;background-image:url('/int/en/resource/images/main/icon_more.png');background-repeat:no-repeat;background-position:right center;background-size:auto 100%;}
.mamonde-pick .btn-area .btn-best {padding-left:27px;}
.mamonde-pick .btn-area .btn-trending {padding-left: 0;}
.mamonde-pick .btn-area .btn-best:before {bottom:0;}
.mamonde-pick .btn-area .btn-trending:before {top:0;}
.mamonde-pick .btn-area a.selected:before {height:200%;}
.mamonde-pick .btn-area a.selected span {color:#000;}

.best-trending {position:absolute; top:50%; right:327px; width:52.0833vw; max-height:970px; height:85vh; transform:translateY(-50%) translateZ(0);}
.best-trending .best-trending-list li {position:absolute;}
.best-trending .best-trending-list li:nth-child(1) {right:37.8%; bottom:55.3%; height:39.9%; z-index:1;}
.best-trending .best-trending-list li:nth-child(2) {left:62.2%; bottom:55.3%; height:32.7%;}
.best-trending .best-trending-list li:nth-child(3) {right:49.2%; top:44.7%; height:44.6%; z-index:3;}
.best-trending .best-trending-list li:nth-child(4) {left:48.8%; top:44.7%; height:50.5%; z-index:2;}
.best-trending .best-trending-list li:nth-child(1) .txt-box {bottom:20px; left:0; text-align:right; transform:translateX(-110%);}
.best-trending .best-trending-list li:nth-child(2) .txt-box {top:0; right:18px; transform:translateY(-120%);text-align: right;}
.best-trending .best-trending-list li:nth-child(3) .txt-box {bottom:0; left:0; text-align:right; transform:translateY(120%);}
.best-trending .best-trending-list li:nth-child(4) .txt-box {bottom:0; left:0; transform:translateY(120%); text-align: right;}
.best-trending .best-trending-list li:nth-child(2):after {content:''; position:absolute; left:-20.8%; right:-25.3%; top:-36.4%; bottom:-16.6%; border:6px solid #ffcf00; box-sizing:border-box;}
.best-trending .best-trending-list li:nth-child(3):after {content:''; position:absolute; left:-21.6%; right:17.7%; top:56.6%; bottom:-23.7%; border:6px solid #ffcf00; box-sizing:border-box;}
.best-trending .best-trending-list li .thumb-box {position:relative; overflow:hidden; height:100.5%; z-index:2;}
.best-trending .best-trending-list li .swiper-wrapper {height:100%;}
.best-trending .best-trending-list li .swiper-wrapper .swiper-slide {overflow:hidden; display:block; height:100%;}
.best-trending .best-trending-list li .swiper-wrapper .swiper-slide-prev,
.best-trending .best-trending-list li .swiper-wrapper .swiper-slide-next {visibility:hidden;}
.best-trending .best-trending-list li .swiper-wrapper .swiper-slide span {overflow:hidden; display:block; height:100%; background:#fff;}
.best-trending .best-trending-list li .swiper-wrapper .swiper-slide img {height:100%; display:block;}
.best-trending .best-trending-list li .txt-box {position:absolute; z-index:2; white-space:nowrap;}
.best-trending .best-trending-list li .txt-box .tit {display:block; overflow:hidden; font-size:18px; font-weight:600;}
.best-trending .best-trending-list li .txt-box .link {display:block; margin-top:5PX; color:#918f8f; font-size:15px; vertical-align:top;}
.best-trending .best-trending-list li .txt-box .link:after {content:''; display:inline-block; width:30px; height:8px; margin-left:13px; background-image:url('/int/en/resource/images/main/icon_more02.png'); background-repeat:no-repeat; background-position:right 0; background-size:100% auto;}
.best-trending .best-trending-list li .txt-label {position:absolute; color:transparent; font-size:1px; text-indent:-100px;}
.best-trending.best .best-trending-list li .txt-box .trending,
.best-trending.trending .best-trending-list li .txt-box .best {display:none;}

.best-trending .best-trending-list li {opacity:0;}
.best-trending .best-trending-list li:nth-child(1) {transform:translate(-50px, -50px);}
.best-trending .best-trending-list li:nth-child(2) {transform:translate(50px, -50px);}
.best-trending .best-trending-list li:nth-child(3) {transform:translate(-50px, 50px);}
.best-trending .best-trending-list li:nth-child(4) {transform:translate(50px, 50px);}
.best-trending .best-trending-list li:nth-child(1) .txt-box {transform:translateX(0);}
.best-trending .best-trending-list li:nth-child(2) .txt-box {transform:translateY(0);}
.best-trending .best-trending-list li:nth-child(3) .txt-box {transform:translateY(0);}
.best-trending .best-trending-list li:nth-child(4) .txt-box {transform:translateY(0);}
.best-trending .best-trending-list li:after {opacity:0; transition:opacity 1s;}

.selected .best-trending .best-trending-list li {opacity:1; transform:translate(0) !important; transition: transform .6s, opacity 1s;}
.selected .best-trending .best-trending-list li .txt-box {transition: transform .6s; transition-delay: 1s;}
.selected .best-trending .best-trending-list li:nth-child(1) {transition-delay: .2s;}
.selected .best-trending .best-trending-list li:nth-child(2) {transition-delay: .3s;}
.selected .best-trending .best-trending-list li:nth-child(3) {transition-delay: .4s;}
.selected .best-trending .best-trending-list li:nth-child(4) {transition-delay: .5s;}
.selected .best-trending .best-trending-list li:nth-child(1) .txt-box {transform:translateX(-110%);}
.selected .best-trending .best-trending-list li:nth-child(2) .txt-box {transform:translateY(-120%);}
.selected .best-trending .best-trending-list li:nth-child(3) .txt-box {transform:translateY(120%);}
.selected .best-trending .best-trending-list li:nth-child(4) .txt-box {transform:translateY(120%);}
.selected .best-trending .best-trending-list li:after {opacity:1; transition-delay: 1s;}

/* Mamonde Exclusive */
.mamonde-exclusive {position:relative; overflow:hidden; height:100%; background:#fff9ef;}
.mamonde-exclusive:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:41.2037vh; background:#d3c1b4;}
.mamonde-exclusive .mamonde-exclusive-inner {position:relative; display:flex; flex-direction:column; max-width:1920px; justify-content:space-between; height:100%; margin:0 auto; padding:11.1111vh 0 17.1296vh 0; box-sizing:border-box;}
.mamonde-exclusive .tit-box {position:relative; padding:0 0 0 135px; z-index:3;}
.mamonde-exclusive .stit {margin:0; font-size:24px; font-family:'Montserrat'; font-weight:600;}
.mamonde-exclusive .stit:after {content:''; display:block; width:30px; height:2px; margin:12px 0 17px 0; background:#ffcf00;}
.mamonde-exclusive .stit-desc {margin:0; font-size:16px;}
.mamonde-exclusive .exclusive-box {position:relative; width:123vh; z-index:2; box-sizing:border-box;}
.mamonde-exclusive .exclusive-box ul {display:flex;}
.mamonde-exclusive .exclusive-box ul li {position:relative; flex-shrink:0; transform:translateZ(0); display:flex; align-items:flex-start;}
.mamonde-exclusive .exclusive-box ul li .txt-box {flex:auto; min-width:330px; margin:13.8889vh 0 0 190px;}
.mamonde-exclusive .exclusive-box ul li .txt-box .num {position:absolute; top:-60px; left:-25px; color:#ebe0d4; font-size:65px; font-weight:bold; letter-spacing:-2px;}
.mamonde-exclusive .exclusive-box ul li .txt-box .sstit {position:relative; margin:0; font-size:30px; font-weight:600; z-index:2;}
.mamonde-exclusive .exclusive-box ul li .txt-box .sstit-desc {margin:10px 0 0 0; font-size:20px; line-height:30px;}
.mamonde-exclusive .exclusive-box ul li .txt-box .btn-area {margin-top:45px;}
.mamonde-exclusive .exclusive-box ul li .txt-box .btn-area a {font-size:16px; font-weight:600;}
.mamonde-exclusive .exclusive-box ul li .txt-box .btn-area a:after {content:'';  display:inline-block; width:30px; height:7px; margin-left:12px; background-size:100% 100%; background-repeat:no-repeat; background-image:url('/int/en/resource/images/main/icon_more.png');}
.mamonde-exclusive .exclusive-box ul li .img-box {position:relative; max-width:650px; min-width:250px; width:60.1852vh;}
.mamonde-exclusive .exclusive-box ul li .img-box .num {position:absolute; left:-110px; bottom:0; color:#fbf3ed; font-size:80px; font-weight:600; font-style:italic; line-height:80px;}
.mamonde-exclusive .exclusive-box ul li .img-box a {display:block;}
.mamonde-exclusive .exclusive-box ul li .img-box img {width:100%;}
.mamonde-exclusive .exclusive-box ul li.swiper-slide-active {z-index:2;}
.mamonde-exclusive .exclusive-box ul li.swiper-slide-active .img-box {opacity:1 !important;}
.mamonde-exclusive .exclusive-box ul li.swiper-slide-next .img-box {opacity:1 !important;}
.mamonde-exclusive .exclusive-box .btn-ctl-box {position:absolute; left:153px; bottom:20%; font-size:0;}
.mamonde-exclusive .exclusive-box .btn-ctl-box button {overflow:hidden; display:inline-block; width:90px; height:90px; border:none; background-size:12px 20px; background-repeat:no-repeat; background-position:center center; color:transparent; font-size:1px; text-indent:-100px;}
.mamonde-exclusive .exclusive-box .btn-ctl-box .btn-slide-prev {background-image:url('/int/en/resource/images/main/btn_exclusive_prev.png');}
.mamonde-exclusive .exclusive-box .btn-ctl-box .btn-slide-next {background-image:url('/int/en/resource/images/main/btn_exclusive_next.png');}
.mamonde-exclusive .pagination-box {overflow:hidden; position:absolute; left:610px; right:90px; bottom:9.2593vh; max-width:1920px; height:4px; z-index:2;}
.mamonde-exclusive .pagination-box .swiper-pagination {display:flex; width:100%; height:100%; background:rgba(255,255,255,.5);}
.mamonde-exclusive .pagination-box .swiper-pagination .swiper-pagination-bullet {flex:auto; height:100%; transition: background-color 0.6s;}
.mamonde-exclusive .pagination-box .swiper-pagination .swiper-pagination-bullet-active {background:#ffc600;}
.mamonde-exclusive .pagination-box {overflow:hidden; position:absolute; left:610px; right:90px; bottom:9.2593vh; max-width:1920px; height:4px; z-index:2;}
.mamonde-exclusive .pagination-box .swiper-pagination {display:flex; width:100%; height:100%; background:rgba(255,255,255,.5);}
.mamonde-exclusive .pagination-box .swiper-pagination .swiper-pagination-bullet {flex:auto; height:100%; transition: background-color 0.6s;}
.mamonde-exclusive .pagination-box .swiper-pagination .swiper-pagination-bullet-active {background:#ffc600;}

/* Mamonde garden - Brand Story */
.garden-story {overflow:hidden; display:flex; width:100%; height:100%; color:#fff;}
.garden-story .inner-box {position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.garden-story .inner-box .tit {position:relative; z-index:2; display:block; width:100%; height:103px; background-size:auto 100%; background-position:center center; background-repeat:no-repeat; color:transparent; font-size:1px; text-indent:-9999px;}
.garden-story .inner-box .txt {position:relative; z-index:2; margin:15px 0 0 0; font-size:30px;}
.garden-story .inner-box .btn-area {position:relative; z-index:2; margin-top:35px;}
.garden-story .inner-box .btn-area a {display:block; width:182px; height:42px; margin:0 auto; border:1px solid #fff; font-size:16px; line-height:40px; text-align:center; box-sizing:border-box;}
.garden-story .mamonde-garden {width:60%; background-image:url('/int/en/resource/images/main/bg_garden.jpg');}
.garden-story .mamonde-garden .tit {background-image:url('/int/en/resource/images/main/txt_garden.png');}
.garden-story .brand-Story {width:40%; background-image:url('/int/en/resource/images/main/bg_story.jpg');}
.garden-story .brand-Story .tit {background-image:url('/int/en/resource/images/main/txt_story.png');}

/* Blossoming Beauty with #Mamonde*/
.sns-thumb-box {overflow:hidden; display:flex; padding:0 135px; flex-direction:column; justify-content:center; align-items:center; width:100%; height:100%;}
.sns-thumb-box .stit {margin:0 0 64px; font-size:24px; font-family:'Montserrat'; font-weight:600; text-align:center;}
.sns-thumb-box .stit:after {content:''; display:block; width:30px; height:2px; margin:12px 0 17px 0; background:#ffcf00;}
.sns-thumb-box .sns-thumb-list {max-width:1600px; margin:90px auto 0;}
.section-instagram {width:100%;}

@media all and (max-height:800px) {
    .mamonde-exclusive .exclusive-box .btn-ctl-box {bottom:0;}
}

@media (min-width:1024px) and (max-width:1919px) {
    /* Mamonde Pick */
    .best-trending {right:8vw;}
}

@media (min-width:1024px) and (max-width:1280px) {
    /* Mamonde Pick */
    .best-trending {height:50vw; max-height:65vh}
    .best-trending .best-trending-list li .txt .tit {font-size:1.4063vw;}
    .best-trending .best-trending-list li .txt .link {font-size:1.1719vw;}
    /* Mamonde Exclusive */
    .mamonde-exclusive .tit-box {padding:0 0 0 10.5469vw;}
    .mamonde-exclusive .exclusive-box {width:100%;}
    .mamonde-exclusive .exclusive-box ul li .txt-box {margin:130px 0 0 12vw;}
    .mamonde-exclusive .exclusive-box ul li .txt-box .btn-area {margin-top:30px;}
    .mamonde-exclusive .exclusive-box ul li .img-box {float:right;}
    .mamonde-exclusive .pagination-box {left:47.6563vw; right:4.6875vw;}
    .mamonde-exclusive .exclusive-box .btn-ctl-box {left:10vw;}
    .mamonde-exclusive .exclusive-box .btn-ctl-box button {width:4.6875vw; height:4.6875vw;}
}

@media all and (max-width:1023px) {
    footer.selected {z-index:502;}
    .p-show {display:none;}
    .m-show {display:block;}
    .m-block {display:block;}
    .content-section-end {height:85.3333vw !important;}

    /* nav */
    .navbar-container.has-top-banner,
	.navbar-container {top:-20vh !important;}
    .navbar-container .navbar-inner {border-color:transparent; background:none;}
    .navbar-container .mobile-navbar-content .logo a{background-image:url('/int/en/resource/images/nav/logo_main_mo.png');}
    .navbar-container .mobile-navbar-content .m-navbar-menu a {background-image:url('/int/en/resource/images/nav/btn_menu_main_mo.png');}
    .navbar-container .mobile-navbar-content .m-navbar-search {background-image:url('/int/en/resource/images/nav/btn_search_main_mo.png');}
    .section0 .navbar-container {top:0 !important;}

    /* main-visual-banner */
    .main-visual-banner .btn-page-next {display:block; overflow:hidden; position:absolute; left:50%; bottom:3.4910vh; width:9.8667vw; height:5.2vw; margin-left:-5vw; border:none; background-repeat:no-repeat; background-size:7.8667vw 3.2vw; background-position:center center; background-image:url('/int/en/resource/images/main/icon_down.png'); z-index:2; transition: background-image 0.6s; color:transparent; font-size:1px; text-indent:-100px;}
    .main-visual-banner ul li .slide-inner {padding:20.2096vh 4vw;}
    .main-visual-banner ul li.slide-page01 .slide-inner {background-image:url('/int/en/resource/images/main/img_main_visual_mo.jpg');}
    .main-visual-banner ul li.slide-page02 .slide-inner {background-image:url('/int/en/resource/images/main/20210319_final_creamytint_mini_main_KV_banner_mo.jpg');}
    .main-visual-banner ul li.slide-page02 .slide-inner .tit {text-shadow:none;}
    .main-visual-banner ul li.slide-page02 .slide-inner .txt {text-shadow:none;}
    .main-visual-banner ul li.slide-page02 .slide-inner .btn-area {text-shadow:none;box-shadow:none;}
    .main-visual-banner ul li.slide-page03 .slide-inner {background-image:url('/int/en/resource/images/main/20210305_img_main_visual_mo.jpg');}
    .main-visual-banner ul li.slide-page03 .slide-inner .tit{text-shadow:none;}
    .main-visual-banner ul li.slide-page03 .slide-inner .txt{text-shadow:none;}
    .main-visual-banner ul li .slide-inner .tit-txt a {white-space:nowrap;}
    .main-visual-banner ul li .slide-inner .tit {font-size:6.6667vw; line-height:8.6667vw;}
    .main-visual-banner ul li .slide-inner .txt {margin-top:2vw; font-size:4vw; line-height:6vw;}
    .main-visual-banner ul li .slide-inner .btn-area {display:none; margin:0;}
    .main-visual-banner .progress-box {bottom:15vh; width:65.3333vw; height:0.6667vw; margin-left:-32.6667vw;}
    .main-visual-banner .progress-box .swiper-pagination {transition: background-color 0.6s;}
    .main-visual-banner .progress-box .start-stop,
    .main-visual-banner [class^="btn-slide-"] {display:none;}
    .main-visual-banner.invert .btn-page-next {background-image:url('/int/en/resource/images/main/icon_down02.png');}
    .main-visual-banner.invert .progress-box .swiper-pagination {background:rgba(49,38,29,.3);}
    .main-visual-banner.invert .progress-box .swiper-pagination .swiper-pagination-bullet-active {background:#31261d;}
    .main-visual-banner.invert ul li .slide-inner {
        color: #31261d;
    } 

    .main-visual-banner ul li.slide-video .video_pc {
        display: none;
    }
    .main-visual-banner ul li.slide-video .video_mo {
        display: block;
        width: 100%;
        min-width: auto;
        min-height: calc((var(--vh, 1vh) * 100));
        object-fit: cover;
        object-position: center;
        position: relative;
        left: 0;
        top: 0;
        transform: none;
    }

    /* Mamonde Pick */
    .mamonde-pick {display:flex; flex-direction:column; padding:5.3333vw 0 0 0;}
    .mamonde-pick .tit-box {padding-left:6.6667vw;}
    .mamonde-pick .stit {font-size:4.8vw;}
    .mamonde-pick .stit:after {width:4vw; margin:0.7485vh 0;}
    .mamonde-pick .stit-desc {font-size:3.2vw;}
    .mamonde-pick .btn-area {position:static; overflow:hidden; width:auto; margin-top:4.6667vw; padding-left:6.6667vw;}
    .mamonde-pick .btn-area a {float:left; height:8vw; font-size:3.4667vw; line-height:8vw;}
    .mamonde-pick .btn-area .btn-best {width:23.0667vw; padding-left:3.6vw;}
    .mamonde-pick .btn-area .btn-trending {width:27.6vw;padding-left: 0.5vw;}
    .mamonde-pick .btn-area a:before {left:auto !important; width:0 !important; height:100% !important; transition: width .6s cubic-bezier(0.66 , 0.08 , 0.23 , 1); transform:none;}
    .mamonde-pick .btn-area a:after {right: 7.6667vw;width:3.3333vw;height:0.9333vw;}
    .mamonde-pick .btn-area .btn-best:before {right:0 !important;}
    .mamonde-pick .btn-area .btn-trending:before {left:0 !important;}
    .mamonde-pick .btn-area a.selected:before {width:200% !important;}
    .best-trending {flex:auto; position:relative; right:auto; top:auto; width:100%; height:auto; max-height:initial; margin:0 auto; transform:none;}
    .best-trending .best-trending-list li:nth-child(1) {right:auto; left:6vw; bottom:50%; height:48vw; max-height:25.9vh;}
    .best-trending .best-trending-list li:nth-child(2) {left:auto; right:0; bottom:50%; height:42vw; max-height:23.1vh; z-index:2;}
    .best-trending .best-trending-list li:nth-child(3) {right:auto; left:0; top:50%; height:42vw; max-height:24.4vh;}
    .best-trending .best-trending-list li:nth-child(4) {left:auto; right:6vw; top:50%; height:48vw; max-height:28vh;}
    .best-trending .best-trending-list li:nth-child(2):after,
    .best-trending .best-trending-list li:nth-child(3):after {display:none;}
    .best-trending .best-trending-list li:nth-child(1):after {content:'';position:absolute;left: 4vw;top:-23%;bottom:3%;width: 87vw;border:.8vw solid #ffcf00;box-sizing:border-box;}
    .best-trending .best-trending-list li:nth-child(4):after {content:'';position:absolute;right: 73%;top:27.7%;bottom:-10%;/* left: 0; */width: 56vw;border:.8vw solid #ffcf00;box-sizing:border-box;}
    .best-trending .best-trending-list li:nth-child(1) .txt-box {bottom:initial; left:initial; top:0; right:0; transform:translateY(-120%);}
    .best-trending .best-trending-list li:nth-child(2) .txt-box {right:7vw; text-align:right;}
    .best-trending .best-trending-list li:nth-child(3) .txt-box {right: 5vw;left: 2vw;text-align:right;}
    .best-trending .best-trending-list li:nth-child(4) .txt-box {left:initial; right:0; text-align:right;}
    .best-trending .best-trending-list li .txt-box .tit {font-size:2.9333vw;}
    .best-trending .best-trending-list li .txt-box .link {overflow:hidden; margin:0; color:transparent; font-size:1px; line-height:1px; text-indent:-100px;}
    .best-trending .best-trending-list li .txt-box .link:after {float:right; width:4vw;}

    .best-trending  .best-trending-list li:nth-child(1) .txt-box {transform:translate(0);}
    .selected .best-trending  .best-trending-list li:nth-child(1) .txt-box {transform:translateY(-120%);}

    /* Mamonde Exclusive */
    .mamonde-exclusive:after {height:30vh;}
    .mamonde-exclusive .mamonde-exclusive-inner {padding:5.3333vw 0 12vw;}
    .mamonde-exclusive .tit-box {margin-bottom:8vh; padding-left:6.6667vw;}
    .mamonde-exclusive .exclusive-box .btn-ctl-box {display:none;}

    .mamonde-exclusive .stit {font-size:4.8vw;}
    .mamonde-exclusive .stit:after {width:4vw; margin:0.7485vh 0;}
    .mamonde-exclusive .stit-desc {font-size:3.2vw;}
    .mamonde-exclusive .exclusive-box {width:68vh;}
    .mamonde-exclusive .exclusive-box ul li {flex-direction:column;}
    .mamonde-exclusive .exclusive-box ul li .txt-box {min-width:auto; margin:0 0 0 9.3333vw; white-space:nowrap;}
    .mamonde-exclusive .exclusive-box ul li .txt-box .num {top:-9.3333vw; left:-3.3333vw; font-size:10.6667vw;}
    .mamonde-exclusive .exclusive-box ul li .txt-box .sstit {font-size:5.6vw;}
    .mamonde-exclusive .exclusive-box ul li .txt-box .sstit-desc {margin:1.1228vh 0 0 0; font-size:3.7333vw; line-height:5.6vw;}
    .mamonde-exclusive .exclusive-box ul li .txt-box .btn-area {margin-top:2.9940vh;}
    .mamonde-exclusive .exclusive-box ul li .txt-box .btn-area a {font-size:3.2vw;}
    .mamonde-exclusive .exclusive-box ul li .txt-box .btn-area a:after {width:4vw; height:0.9333vw; margin-left:2.1333vw;}
    .mamonde-exclusive .exclusive-box ul li .img-box {width:40vh; min-width:auto; margin:4.1168vh 0 0 6.6667vw;}
    /* .mamonde-exclusive .exclusive-box ul li .img-box {width:33vh; min-width:auto; margin:4.1168vh 0 0 6.6667vw;} */
    .mamonde-exclusive .exclusive-box ul li .img-box .num {display:none;}
    .mamonde-exclusive .pagination-box {position:static; overflow:visible; height:3px; margin:4.5vh 4.8828vw 0;}

    /* Mamonde garden - Brand Story */
    .garden-story {flex-direction:column;}
    .garden-story .inner-box {flex:auto; width:100%;}
    .garden-story .inner-box .tit {height:13.7333vw;}
    .garden-story .inner-box .txt {margin:2.6667vw 0 0 0; font-size:4vw;}
    .garden-story .inner-box .btn-area {margin-top:4.6667vw;}
    .garden-story .inner-box .btn-area a {width:30.9333vw; height:8.9333vw; font-size:3.2vw; line-height:8.6667vw;}

    /* Blossoming Beauty with #Mamonde*/
    .sns-thumb-box {padding:0 6.6667vw; align-items:normal;}
    .sns-thumb-box .stit {margin-bottom:11.46667vw; padding-left:0; font-size:4.2667vw; text-align:left; box-sizing:border-box;}
    .sns-thumb-box .stit:after {width:4vw; margin:0.7485vh 0;}
    .sns-thumb-box .sns-thumb-list {margin-top:9.3333vw;}
}